Illustratorで簡単にハッチングを適用して使用する方法
図面や注目してほしいところにハッチングのようなラインを入れたいのですが、簡単に入れる方法ってないのでしょうか…?
というわけで、今回は、簡単に図形にハッチングをつける方法と、ハッチングを編集する方法を解説します。
最新のバージョンとは画面周りが少し異なりますが、操作方法としては同じ方法で大丈夫です。
Contents
ハッチングをつける方法
ハッチングをつける方法を解説していきます。
ハッチング(パターン)を適用させる
じゃ、この図形にハッチングのようなものを入れてみます。
塗りを使うので、閉じたパスにしていないと予想外の結果になることがあります。
もし閉じていないなら、閉じたパスにしておきましょう。
【Illustratorこれどうやるの?021】開いたパスを閉じたパスにする方法01【AI】
【Illustratorこれどうやるの?022】開いたパスを閉じたパスにする方法02【AI解説】
見当たらない場合は上部メニューの「ウィンドウ」→「スウォッチ」で表示させることが出来ます。
メニューが表示されるので
「スウォッチライブラリを開く」
↓
「パターン」
↓
「ベーシック」
↓
「ベーシック_ライン」
をクリックします。
「ベーシック_ライン」パネルにラインのパターンがいくつかあるので、これを図形に適用します。
まずは図形を選択してから、「ベーシック_ライン」パネルのパターンをクリックします。
クリックする前に、塗りがアクティブになっているか確認しましょう。
ツールバーで塗りと線の設定がありますが、塗りが手前になっていると塗りがアクティブ状態です。
線がアクティブになっていると、線の方にパターンが設定されてしまいます。
パターンを編集する
パターンを編集して傾きをつけたり大きさを変えたりすることが出来ます。
大きさを変更する
パターンのサイズ(幅など)を変更したいのですが、どうしたらいいのでしょうか?
パターンのサイズを変えたい時は、拡大縮小ツールを使います。
「拡大・縮小ウィンドウ」が表示されるので、「オブジェクト」に入っているチェックを外します。
また「プレビュー」にチェックを入れて値が変化するごとにパターンが変化するようにしましょう。
この状態で「拡大・縮小」の値を変更します。
数値を変更することで、図形の中のパターンが変更されていることが分かるかと思います。
図形を選択してから「拡大縮小ツール」を使おうな
図形を選択してからじゃないとパターンのサイズの拡大縮小が行われないので、図形が選択されているか確認しましょう。
パターンの角度を変更する
あの…。角度も変更したいのですが…。
はい。角度も調節できます。
ツールバーから「回転ツール」をダブルクリックします。
「回転」ウィンドウが表示されます。
オプションの「オブジェクト」のチェックを外して、「プレビュー」にチェックを入れて、あとは回転の角度に数字を入れればパターンが回転していきます。
最新バージョンでは「拡大縮小ツール」の中に回転も含まれるようです。
ハッチングの色を変える
あのたびたびすみません、ハッチングも黒じゃなくて別の色に変えたいのですが…。
パターンの色を変えることはできなさそうです。
できるようだったらすみません。
そこで、不透明マスクを利用して、疑似的にハッチングに色を付けてみます。
作業の流れとしては
マスク用のハッチングを作る
↓
付けたい色の塗りを適用した図形を用意する
↓
不透明マスクでマスクする
になります。
この白い部分に色がつくので、表現したいハッチングの太さに応じて白い部分を太さや間隔を調整してください。
元の図形をコピペして、塗りを適用すれば大丈夫です。
一番上に、パターンを適用した図形を配置。これがマスク用の図形です。
その下に、色付け用の図形を配置します。
図形を二つとも選んでから、「透明」パネルの右上の三本線をクリックして、表示されるメニューの中から「不透明マスクを作成」をクリックします。
不透明マスクについては以下の記事でも解説していますので、よかったら参考にしてくださいね。
・Illustrator 不透明マスクのサンプルを簡単に5種作成します
・Illustratorでクリッピングマスクと不透明マスクが戻せない?!二つのマスクを解除する方法
おわりに
数値入力でハッチングの設定をできるのは便利だと思います。
パターンを使用するという事を思いつければ、誰でも簡単に使えますので、ハッチングをよく使う人は覚えておいてよいでしょう。
今回は以上です。
お疲れ様でした!
使わなかったサンプル
きゃあああああ
この配管工は使っちゃいけないのでは…??
作例だからいいかなと思って描き起こしたけれど、やっぱりやめておきました。
(とんだチキン野郎ね・・・)
関連リンク
こちらの記事もいかがですかへこんだように見えるアピアランスを用いた文字装飾-Illustrator-
動画テロップにも使えるアピアランスを用いた文字装飾-Illustrator-
Illustratorで拡大縮小した時に線幅や効果も一緒に変化させる方法
Illustratorで画像や画面周りからスポイトで色を抽出する方法
Illustratorでフキダシを作る方法を3つを解説。修正もできます。
Illustratorで見た目のラインに合わせてパスやオブジェクトを整列する方法
Illustratorで麻の葉模様の作り方【イラレでのやり方・方法】
簡単にphotoshopとillustratorでグレースケール画像の色を変更する方法
IllustratorからPDFに変換する際に容量を軽くする方法3つを解説!
ディスカッション
コメント一覧
まだ、コメントがありません