Adobe認定トレーニングセンター

主にAdobeのソフト操作を紹介しています。DTPやWebの業務で役にたったことやツールのポイントなど参考になればと思います。 主観的なものもありますのでご了承ください!

便利かも?チェック柄を作ろう

Illustrator

便利かも?チェック柄を作ろう

使用ソフト: Illustrator CC2020  

「Illustratorでチェック柄を作りたいけど何かと面倒・・」
そんなお悩み抱えていませんか?
今回は数値的にチェック柄を作る方法を解説します!
この方法であれば、感覚で行う動作が少なくて済みますので時間の短縮に繋がるはずです。
それでは作業を進めていきます。

1. Illustratorで新規ドキュメントを作り、長方形を作成

今回は[サイズ:A4][方向:縦][カラーモード:CMYK]で作業を進めます。
新規アートボード
[w:7.2mm H:50mm][CMYK:0 40 0 100][線:なし][描画モード:乗算]の長方形を作成します。
長方形
幅7.2mm高さ50mmの長方形
[描画モード:乗算]の長方形が2つ出来ました!

2.複製して「井」の形に組む

長方形を選択した状態で[オブジェクト]→[変形]→[移動]か[右クリック]→[変形]→[移動]
移動パネルが出たら[位置:水平方向/14.4mm 垂直方向/0mm][角度:0°]でコピーをします。
長方形を移動
複製した長方形
作成後、2つの長方形をグループ化します。
グループを選択した状態で[オブジェクト]→[変形]→[回転]か[右クリック]→[変形]→[回転]
回転パネルが出たら[角度:90°]でコピーをします。
回転パネル
複製と90°回転した長方形
これで「井」の形が出来ました!

3.幅の狭い長方形を作成および複製

[w:0.5mm H:50mm][CMYK:0 40 0 100][線:なし]の長方形を作成します。
幅の狭い長方形
幅の狭い長方形
作成後、[効果]→[パスの変形]→[変形]パネルを開きます。
変形
[拡大縮小:水平方向/100% 垂直方向/100%][移動:水平方向/1.3mm 垂直方向/0mm][回転:0°][オプション:オブジェクトの変形][コピー:12]に設定をします。
変形パネル
複製した幅の狭い長方形
全部で13本の長方形が出来ました!

4.複製した幅の狭い長方形(以下ライン)を調整

ラインを選択した状態で
1.[オブジェクト]→[アピアランスを分割]
2.[オブジェクト]→[グループ解除]
を実行
この手順を実行することで全てのラインが個々で選択できるようになります。

次に下の画像で示す6本のラインを削除します。
削除の図
このようになります。
削除した後のライン
続けて、下の画像で示す5本のラインの塗りを変更します。
[CMYK:0 0 0 0][線:なし]
塗りを変更
このようになります。
白く塗った後
その状態でラインをグループ化します。

5.ラインを「十字型」に組む

グループを選択した状態で[オブジェクト]→[変形]→[回転]か[右クリック]→[変形]→[回転]
回転パネルが出たら[角度:90°]でコピーをします
回転パネル
このようになります
回転後

6.最背面に正方形を作成

正方形を作成します。
[W:50mm H:50mm][CMYK:40 100 100 30][線:なし]
長方形パネル
幅50mm高さ50mmの正方形
作成後[オブジェクト]→[重ね順]→[最背面へ]を実行します。
ここで全てのオブジェクトを選択して[整列]パネルで全てのオブジェクトを中央に揃えます。
中央に揃える
揃えるとこのようになります。
少しチェック柄に見えてきました!!

7.「井」に[効果:落書き]を適用する

「井」を選択して[効果]→[スタイライズ]→[落書き]パネルを開きます。
落書きを選択
[落書き]パネルが開いたら上から
[角度:55°][アウトラインとの重なり:0mm][変位:0mm]
[線のオプション:線幅/0.08mm 角の丸み/5% 変位/0% 間隔:0.25mm][変位:0mm]に設定します。
落書きオプション1
このようになります。
落書きを適用後
いい感じですね!

8.ラインに[効果:落書き]を適用する

ライン(縦方向)を選択後グループを解除します。
その後[効果]→[スタイライズ]→[落書き]パネルを開きます。
[落書き]パネルが開いたら上から
[角度:45°][アウトラインとの重なり:0mm][変位:0mm]
[線のオプション:線幅/0.06mm 角の丸み/25% 変位/0% 間隔/0.3mm 変位/0mm]に設定します。
落書きオプション2
このようになります。
落書きを適用後
下の画像の選択部分を[描画モード:乗算]に設定します。
乗算に設定
乗算に設定
次に横方向に[効果:落書き]を適用します。
[角度:45°][アウトラインとの重なり:0mm][変位:0mm]
[線のオプション:線幅/0.06mm 角の丸み/25% 変位/0% 間隔/0.2mm 変位/0mm]に設定します。

縦方向と同様に2本の黒いラインを[描画モード:乗算]に設定します。

9.白いラインの不透明度を変更

白いラインを全て選択して、不透明度を80%に設定します。
不透明度の変更
全ての白いラインを選択
その状態のまま[オブジェクト]→[重ね順]→[最前面へ]を実行するとこのようになります。
不透明度を変更
あと少しです!

10.白いラインに色を加える

白いラインの任意のところに下の画像のような線や長方形を[描画モード:乗算]で上に乗せていきます。
[CMYK:0 100 70 0]
色を加える
[CMYK:25 0 100 0]
色を加える
今回はこのように設定しました。
完成
完成!!と言いたいところですが少し手を加えます

パターンに登録

チェック柄全てを選択した状態で[オブジェクト]→[パターン]→[作成]を選択します。
パターンの作成
[パターンオプション]パネルが開いたら、
[名前:任意][タイルの種類:グリッド][幅:35mm 高さ:35mm][オブジェクトと一緒にタイルを移動][重なり:左を前面/上を前面]に設定します。
パターンパネル
これでスウォッチパネルに登録されました。
スウォッチパネル

パターンを使ってみよう

実際に使ってみましょう!
使用例
なかなかいい感じですね!
背景の色を変更してみました。
アレンジ例1
アレンジ例2
いかがでしたか?
自分だけの特別なチェック柄を作ってみてはいかがでしょうか?

  • このエントリーをはてなブックマークに追加
hulu dTV

関連記事

  1. Illustrator

    便利なヘルプ機能

    あれ?えーと・・・。どこだったっけ・・・?Illustratorや…

  2. 上付き文字や下付き文字を使おう

    Illustrator

    上付き文字や下付き文字を使おう

    文章を入力しているときに指数や序数の扱いに困ったことはありませんか?…

  3. Illustrator

    コマンドXとコマンドF(B)を使ってオリンピックマークを作ってみよう

    来年2020年は東京オリンピックが開催されますね。とても楽しみです。…

  4. Illustrator

    波のような文字と段組み

    「パス上文字ツール」を使って波のような文字を書いてみようまずは、ペ…

  5. Illustrator

    手書き文字をトレースしてみよう

    ノートにレタリングした手書きの文字を、Illustratorでトレース…

  6. Illustrator

    インド国旗を作ろう!その②

    イラストレーター(Illustrator)でインド国旗を作る2回目です…

人気の記事

CodeCamp
  1. Illustrator

    インド国旗を作ろう!その①
  2. フラットデザインが簡単に作れるフリー素材イラストサイト3選

    Others

    フラットデザインが簡単に作れるフリー素材イラストサイト3選
  3. DTP

    アドビアクロバットいらず!?ブラウザ上で無料でPDFファイルを結合できるサービス…
  4. Illustrator

    斜めにカットされたオブジェクト同士の幅を指定する方法
  5. 手描き風のコーヒーの画像

    Photoshop

    写真を手描き風に加工してみよう
PAGE TOP