文様を作ります。
<出来上がり>
網目模様 | 色違い | ギンガムチェック |
完成した文様の SVGファイル 3種類の文様
圧縮ファイル(拡張子zip)になっています。
名前を付けて保存 → ダブルクリックして解凍 → Inkscapeで開く
文様1 網目模様
模様を構成するパターン
1 ドキュメントの設定 グリッドを表示して、オブジェクトの作成を容易にします
メニューバー「ファイル」 → → グリッドタブ → [新規]をクリック
画面にグリッドが表示されます。表示されない場合には、メニューバー「表示」 →
(以下のスクリーンショットでは、見やすくするため、グリッド線は非表示にしています。)
2 水平の矩形を作る
ツールボックス → グリッドに合わせてドラッグ 上の左半分を作る
3 横の2本のバーを作る
水平の矩形を選択 → 右クリック → 複製 → Ctrlを押しながら右にドラッグ → 左右の境界を合わせて一つの横バーにする → 出来上がった二つのオブジェクトを選択 → 右クリック → 複製 → Ctrlを押しながら下にドラッグ(間のスペースは、バーと同じ高さにする)
注 複数オブジェクトの選択
方法1 ツールボックス → オブジェクトクリック → Shiftを押しながら次のオブジェクトをクリック
方法2 ツールボックス → 選択したいオブジェクトの周辺をドラッグ
方法3 ツールボックス → Altキーを押しながら選択したいオブジェクトの上をドラッグ
(赤い軌跡が表示される)
4 縦のバーを作る
水平バーをすべて選択 → 右クリック → 複製 → ツールコントロール → (90度回転) → カラーパレットでフィルを変える
5 オブジェクトの前後の位置を変える
右上の空色の矩形を選択 → メニューバー「オブジェクト」 →
同様に左下の空色のオブジェクトを前面に配置する
これで、文様1ができました。
文様1をパターンとして、フィルに適用する
文様をパターンに登録すると、その文様をオブジェクトのフィルやストロークに利用することができます。ここでは、フィル(塗り)に適用してみます。
1 文様をフィル/ストロークのパターンに登録する
文様を全て選択 → メニューバー「オブジェクト」 → →
2 登録したパターンを、オブジェクトのフィルに適用する
矩形オブジェクトを作成 → フィル/ストローク → フィルタブ → パターン → パターンフィルで適用するパターンを選ぶ
3 パターンの大きさや向きを変える
パターンを適用したオブジェクトをダブルクリックすると、パターンの編集ができます。
パターンに表示されたハンドルをドラッグしてください。
○ハンドル パターンが回転します。(回転の中心 ×)
□ハンドル パターンの拡大縮小ができます。
パターンを縮小して完成です。
文様2 網目模様にグラデーションをつけます
文様1と同様な方法で作ります。矩形オブジェクトのフィルに、グラデーションを設定しました。
網目を構成するパターン
1 矩形を作る
ツールボックス → グリッドに合わせてドラッグ 上の左半分を作る
2 グラデーションをつける
矩形を選択 → フィル/ストローク → フィルタブ → 線形グラデーション 、ストローク なし → フィル/ストロークタブを閉じる → ツールボックス グラデーションツール をクリック
(グラデーションパスとストップが表示されます。)
グラデーションパスの中間をダブルクリック・・・ストップが追加されます。
ストップを選択 → カラーパレットで色を指定 3つのストップに繰り返し色を指定します
右クリック → 複製 → 時計回りに90度回転 → 邪魔にならない位置に移動
グラデーションツール → 元の矩形を選択 → 左のストップを選択 → ドラッグして上に → 右のストップを選択 → ドラッグして下に
3 横のバーを作る
水平の矩形を選択 → 右クリック → 複製 → Ctrlを押しながら右にドラッグ → 左右の境界を合わせる → 出来上がった二つのオブジェクトを選択 → 右クリック → 複製 → Ctrlを押しながら下にドラッグ(間のスペースは、バーと同じ間隔にする)
4 縦のバーを作る
②で移動していた矩形を、対称となる位置に移動する → → 上下のストップの色を変える
5 複製して縦のバーを作る
右クリック → 複製 → スペースバー → ドラッグして下の位置に → 縦の二つのオブジェクトを選択 → 複製 → 右側の縦バーの位置に移動
注 ツールボックスのツールがアクティブになっている時、スペースバーで、選択とツールを切り替えることができます。
6 オブジェクトの前後関係をそろえる
7 パターンに登録して、オブジェクトに適用すると完成です
文様3 ギンガムチェック
格子柄の中で最もシンプルなギンガムチェックを作ります。
文様は、縦横の矩形でできますが、重なっている部分の処理をしないと、ギンガムチェックにになりません。
出来上がり
<作り方>
1 横柄を作る
ツールボックス → グリッドに合わせてドラッグ(縦:横 1:20)
2 複製して横の柄を作る
矩形を選択 → 右クリック → 複製・移動 9回繰り返し → すべて選択 → メニューバー「オブジェクト」 →
3 縦の柄を作り、上位レイヤーにコピーを配置する
2のグループ選択 → 右クリック → コピー → メニューバー「レイヤー」 → → レイヤー名を入力して 「追加」 → メニューバー「編集」 → → ツールコントロール (90度回転)
4 重なった部分を加工して完成
メニューバー「レイヤー」 → → レイヤーダイアログ ブレンドモードを 乗算
これで出来上がりです。
ブレンドモード・・・重なっている部分は、それぞれのピクセル値の掛け算になります。
2016.01