Inkscape(インクスケープ)は
無料で利用できる
オープンソースのドローソフトです。

使ってみると
無料とは思えない高機能で
いろいろな画像の作成ができます。

今回はこのInkscapeをつかって
資料の作成などに役に立つ
「フローチャート」を
つくってみたいとおもいます。

Inkscapeでフローチャートのつくり方

Contents
  1. まず矩形ツールで四角形を作成します。

    Inkscape_フローチャート_作り方_1

    さらにこの四角形の角を丸めたい場合は右上の角の丸いマーカーをクリックしたまま下へドラッグします。

    Inkscape_フローチャート_作り方_2


  2. テキストツールでフローチャートの横にNo.をつけます。
    表示された文字をクリックすると矢印が表示されるのでドラッグして好きなサイズに変更します。

    Inkscape_フローチャート_作り方_3

    Inkscape_フローチャート_作り方_4


  3. 右側のダイアログから「フィル/ストローク」を選択し「フィル」で色を選択します。

    Inkscape_フローチャート_作り方_5

    外枠は必要ないので「✖(塗なし)」で消します。

    Inkscape_フローチャート_作り方_6

    また単一色ではあまりきれいではないのでグラデーションにしてみます。
    「線形グラデーション」を選択してグラデーションの始まりと終わりを指定します。
    「グラデーションを編集」を選択し、上側のツールコントロールバーから「色フェーズ」から始まりと終わりの色を指定します。

    Inkscape_フローチャート_作り方_7

  4. 文字を選択して同じようにグラデーションにします。

    Inkscape_フローチャート_作り方_8

  5. テキストツールを選択し、さきほどつくったボックスの上に文字をかさねて書きます。

    Inkscape_フローチャート_作り方_9

2.矢印をつくってみる

つぎにフローチャートの項目のあいだに
表示する矢印をつくっていきます。

今回はふつうの矢印ではなく
三角形で矢印をつくってみます。

  1. 「星形ツール」で「多角形」を選択し角を「3」に設定し三角形を作成します。
    Ctrlキーを押しながら配置すると角度をスナップしながら配置できます。

    Inkscape_三角矢印_作り方_1

  2. 三角形を選択すると周囲に矢印が表示されるのでサイズを変更します。

    Inkscape_三角矢印_作り方_2

  3. つぎに図形をコピーしてサイズを変更し少し小さい三角形をつくります。

    Inkscape_三角矢印_作り方_3

  4. 三角形をかさねて両方の図形を選択したまま「パス」→「差分」をして後ろの図面から前の図面を差し引いて矢印っぽくします。

    Inkscape_三角矢印_作り方_4

    Inkscape_三角矢印_作り方_5


  5. ボックスのときと同じように色を変更して完成です。

    Inkscape_三角矢印_作り方_6


3.コピーしてレイアウトする


これをいくつかコピーして
レイアウトして完成です。

こんな感じです。

フローチャート_例

項目ごとに色を変更してもいいですね。