パックマンを作ります。

<出来上がり>

これは、6つのオブジェクトを合成しています。

完成したパックマンの SVGファイル   パックマン

圧縮ファイル(拡張子zip)になっています。
名前を付けて保存 → ダブルクリックして解凍 → Inkscapeで開く

<作り方>
1 ボディーを作る(オブジェクト1)

(1)円を作る

ツールボックス → Ctrl+ドラッグして円を作る → メニューバーパス → 

(2)左右にあるノードの下に新しいノードを同じ位置に作る

パスを選択 → ツールボックス → 左のノードの下をダブルクリック → 右のノードの下をダブルクリック → 新しいノードを選択(Shiftを押しながら) → メニューバーオブジェクト →  → ノードの整列で「選択ノードを水平に配置

(3)新しいノードを移動する

新しいノード二つを選択(Shiftを押しながら) → カーソルキー →を何回か押す(下にあるノードを同じような位置に)

(4)ノードを追加する

左下と下中のノードを選択 → ツールコントロールを2回クリック(Ins キーでも可) → 同様に右下と下中のノードにも適用

(5)形を整える

(4)の青のノード二つを選択(Shiftを押しながら) → カーソルキー ↑を数回押す

これで、パックマンのボディができました。

2 ボディーに明るい部分と暗い部分を付ける(オブジェクト2)

ボディーを複製 → フィル/ストロークダイアログ → フィルに放射グラデーション、ストローク  → 放射グラデーション 色は黒 外側 不透明度 100 内側 不透明度 0 中心点をずらす

    

3 目を作る(オブジェクト3)

ツールボックス → 適当な大きさの円(Shiftを押しながらドラッグ) → 2と同じグラデーションを付ける → 複製 → 少し小さくする(Shift+Ctrlを押しながら) → 少しずらす → フィル/ストロークダイアログ → フィル 黒 ストローク なし → 複製 →  Ctrlを押しながら水平に移動

   

4 反射を入れる(オブジェクト4と5)

ツールボックス → 適当な大きさの楕円 → フィル/ストロークダイアログ → フィル 白 ストローク なし 不透明度 80 ぼかし(Blur) 20

同様な手順で、足にも反射を入れる

5 下に影を入れる(オブジェクト6)

ツールボックス → 適当な大きさの楕円 → フィル/ストロークダイアログ → フィル 黒 ストローク なし 不透明度 80 ぼかし(Blur) 20 → メニューバーオブジェクト → 

これで完成です。

1で作ったオブジェクト(ボディ)のフィルを変えた例です。右側には、パターンを適用しました。

このチュト―リアルは、Pac-Man Baddies with Inkscape を参考に作りました。

ページトップへ

2016.01