和柄の一つである、矢絣(やがすり)の模様をイラレで作るやり方を解説します。
矢絣模様の作り方
長方形ツールを選択してある状態でアートボード上のどこでもいいのでクリックすると、「長方形」ウィンドウが表示されます。
幅:1mm
高さ:30mm
と入力して「OK」をクリックします。
高さはこれが正解!というわけではないので、好みで好きなように変えてくださいね。
とりあえず、今回は上記の値で進めます。
先ほど作った長方形より上のところで一回クリックし、次に長方形より下の部分でクリックします。
2回目のクリックの時はShiftを押しながらクリックすると、パスの角度が制限されて垂直な線が引けますよ。
その次に「整列」パネルの中にある「水平方向中央に整列」ボタンをクリックします。
整列パネルが表示されていない場合は上部メニューの「ウィンドウ」→「整列」で表示させてくださいね。
幅:10mm
高さ:30mm
上のサイズで作成します。
幅は自由ですが、高さは最初に作った長方形と合わせておいてくださいね。
これをまた整列します。
次に長方形をぴったりと密着させます。
今回は青い長方形をピンクの長方形に密着させたいので、青い長方形を下に持ってきています。
今回は、線を「なし」にしているので必要ないかもしれませんが、もし線を持った図形を密着させたいときは外しておくとパス同士を密着させることができます。
メニューが表示されますがメニューの中から「キーオブジェクトに整列」をクリックします。
そうしたら隣にある「水平方向等間隔に分布」ボタンをクリックします。
言葉で説明しているとなんだか大変そうに見えますが、慣れて作業するとあっという間ですし便利ですよ。
「ダイレクト選択ツール」を使って、青長方形の左側のアンカーポイント二つを選択します。
ドラッグですぐに選択できますね。
「移動」ウィンドウが表示されるので以下のように入力します。
水平方向:0mm
垂直方向:-15mm
プレビューにチェックを入れておくと、数値を入力すると即座に形状が変わるので見ながら形を調整することもできます。
黒矢印の「選択ツール」で青長方形を選択してからツールバーの「回転ツール」を長押しします。
すると、「リフレクトツール」が表示されるので選択します。
リフレクトツールのショートカットはO(オー)キーなのでOキーを押しても構いません。
上部メニューの「ウィンドウ」の中にある「スマートガイド」にチェックが入っているか確認します。
入っていなければチェックを入れてください。
ショートカットのCtrl+Uでスマートガイドのオン・オフを切り替えることができます。
スマートガイドがオンの状態で、垂直線の上にマウスカーソルを近づけると「パス」と表示されます。
この状態でAltキーを押しながら垂直線をクリックします。
「リフレクト」ウィンドウが表示されるので、「垂直」を選択してから「コピー」をクリックします。
もう黒の垂直線はいらないので、削除してかまいません。
矢絣は規則性が大体3パターンあります。
Ctrl+Aを押せば選択できますよ。
次にツールバーから、回転ツールをクリックして選択します。
そして、基本形状の左上のアンカーポイントをAltキーを押しながらクリックします。
「回転」ウィンドウが表示されるので、角度を180度にした後に「コピー」のボタンをクリックします。
図形は選択したままにしておいてくださいね。
変形効果を見ながら調整したいときはプレビューにチェックを入れると、変形効果がすぐに反映されるので、間違いにくくなります。
この30mmは最初に作った長方形の高さの値なので、30mm以外で作った人は、その長方形の高さ分の数値を入れてくださいね。
この時点ではグループ化されていると思いますので、お好みでグループを解除してください。
パターン化して登録する場合
赤枠の部分だけ残るようにします。
調整後はこんな感じで。
赤枠はイメージなので実際にはこの赤ラインはいりません。
形状を削除しなくても指定の範囲をパターン化する方法<追記>
申し訳ない。
ぼくも知らなかったのですが、形状を削除しなくても最背面に透明の枠を配置して一緒に登録することで、パターンの範囲を指定して登録することができます。
記事にしましたので、読んでみてくださいね。
>>>Illustratorでパターン登録の範囲を設定する方法
https://around40-dt-tokamachip.info/2021/01/14/post-16289/
おわりに
和風感を出すには矢絣はもってこの和柄ですので、作っておいて損はないかと思います。
今回の手順も慣れれば5分もかからずにすぐに作成できるのでつくり方だけ覚えておきましょう。
今回は以上になります。
お疲れ様でした!
質問受付中
Illustratorで何か質問があれば、ぜひコメント欄でお寄せ下さいませ。
関連リンク
https://around40-dt-tokamachip.info/2020/05/31/post-8473/
解説まとめのページは以下のリンクからどうぞ
http://around40-dt-tokamachip.info/2018/08/15/post-7313/
こちらの記事もいかがですかへこんだように見えるアピアランスを用いた文字装飾-Illustrator-
動画テロップにも使えるアピアランスを用いた文字装飾-Illustrator-
Illustratorで拡大縮小した時に線幅や効果も一緒に変化させる方法
Illustratorで画像や画面周りからスポイトで色を抽出する方法
Illustratorでフキダシを作る方法を3つを解説。修正もできます。
Illustratorで見た目のラインに合わせてパスやオブジェクトを整列する方法
Illustratorで麻の葉模様の作り方【イラレでのやり方・方法】
簡単にphotoshopとillustratorでグレースケール画像の色を変更する方法
IllustratorからPDFに変換する際に容量を軽くする方法3つを解説!