この記事は2分で読めます

【Illustrator】ギンガムチェックの作り方

  • 投稿日
  • 更新日

あとで読む

【Illustrator】ギンガムチェックの作り方

今回はIllustratorでギンガムチェックを作る方法について解説します。スウォッチを使うことで簡単に作ることができるのでやってみましょう!

イッパイアッテナ

はじめまして、イッパイアッテナです。

ITと教養で、優秀なネコの手となり、あなたのあらゆる問題を解決します。あなたの相談役だったり、デザイナーだったり、広報だったり、わたしたちは”イッパイ”の顔をあなたに見せることができます。

はじめに

今回はこちらの赤のギンガムチェックを作ります。

ギンガムチェックの作り方

STEP
正方形を作成

赤の正方形を作成します。

ツールパネルから長方形選択ツール(ショートカットキーはM)を選択します。

Shiftを押しながらドラッグをすることで正方形を作成できます。今回は10px×10pxの長方形としました。

STEP
正方形を複製

次に正方形を複製します。

複製の方法は正方形を選択した状態で、下記の操作で行います。

Mac

Opition + ドラッグ

Windows

Alt + ドラッグ

Shiftを押しながらドラッグすることで左右上下を合わせて複製することができます。

正方形は2つ複製をし、右と下に配置を配置します。

STEP
複製した正方形の不透明度を下げる

複製した2つの正方形の不透明度下げます。今回は50%としました。

STEP
スウォッチパネルに登録

作成した3つの正方形をすべて選択し、MacはOpition、WindowsはAltを押しながらスウォッチパネルにドラッグで登録します。

スウォッチパネルが表示されていない場合は、メニューバーの[ウィンドウ] > [アピアランス]を選択することで開くことができます。

こちらで準備完了です!

STEP
ギンガムチェックを適用させる

ギンガムチェックを適用させたい長方形を新たに作成します。今回は700px×450pxとしています。

長方形を選択し、スウォッチから先ほど登録したギンガムチェックを選びます。

ギンガムチェックが長方形に適用されました!

おわりに

今回はIllustratorで簡単にギンガムチェックを作る方法をご紹介しました。

スウォッチを使用することで簡単にギンガムチェックを作成することができます。ぜひお好みのギンガムチェックを作ってみてください!

この記事を書いた人

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

Web制作について相談してみませんか?

必須は必須項目です。弊社へお問い合わせいただく方は、下記の「個人情報の取り扱いについて」を必ずお読みください。

会社名

任意

お名前

必須

メールアドレス

必須

電話番号

任意

お問い合わせ内容

必須