※ Adobe Illustrator 2025の画像で解説しています。
CGDOOR
ハート「♥」の図形の中に、ハートの絵文字をパターンのように入れたイラストを作るIllustratorのチュートリアルです。ハートの図形は絵文字フォントから作成し、ハートの中に入れるテキストはユニコード絵文字のコピペで作ります。
ハートを絵文字フォントから作る方法
- Illustratorの「ウィンドウ」メニュー➔「書式」➔「字形」パネルを開きます。
- 絵文字フォントを選択し、ハート文字を見つけます。
- 文字ツールでアートボード内をクリックしてカーソルを置きます。
- 「字形」パネルでハート文字をダブルクリックします。
- ハート文字が入力されたら、大きさを変更します。
- 「書式」メニュー➔「アウトラインを作成」をクリックします。
- ハート文字がハートの図形に変換されます。
絵文字でハート図形の中に入れるテキストを作成する
- 文字ツールでアートボード内をクリックしてカーソルを置きます。
- 「字形」パネルで絵文字フォントを選択し、テキストに使う絵文字をダブルクリックします。
- テキストの基本が入力出来たら、すべて選択してCtrl＋Cでコピーします。
- 文字ツールで基本テキストの末尾をクリックしてCtrl＋Vでペーストを数回繰り返します。
- １行目を選択ツールで選択し、Altキーを押しながら下へドラッグして複製します。
- Ctrl＋Dを数回押して行を複製していきます。
- 全てのテキストを選択して、Ctrl＋Gでグループ化します。
絵文字のテキストをハートの中に入れてパターン風に表示させる
- ハート図形を「コピー」➔「背面にペースト」し、別レイヤーに移してロックまたは非表示にします。
- グループ化した絵文字テキストの上に元のハートの図形を重ねて、まとめて選択します。
- 「オブジェクト」メニュー➔「エンベロープ」➔「最前面のオブジェクトで作成」をクリックします。
- ハートの形になった絵文字テキストを選択して、「オブジェクト」メニュー➔「分割・拡張」します。
- コピペしたハートのレイヤーの非表示設定を解除し、絵文字の色を黒から白へ変更します。
合せて読みたい
※ Adobe Illustrator 2025の画像で解説しています。 CGDOOR 奥行きを持った立体的な絵や遠近感のある図形を描くには、Illustratorの「自由変形ツール」を使います。「自由変形ツール」には「固定[…]
こちらもおすすめ
※ Adobe Illustrator 2025の画像で解説しています。 CGDOOR IllustratorにもPhotoshopのレイヤー効果にあるような「ドロップシャドウ」機能があり、リアルな影を付けることができます。[…]
CGDOOR
ハートの中に絵文字を入れた文字イラストをIllustratorで作る方法をご紹介しました。
左側のデザインは下に配置したハート形の色を円形グラデーションにして「コピー」➔「背面にペースト」し、茶色の単色に色を変えてからキーボードの「→」「↓」を数度押して距離を作り、この２つをブレンドして立体化させています。右側はクローバーにアレンジした例です。
絵文字の組み合わせを工夫すれば、もっと可愛くてオシャレな文字イラストが作れそうです。以下はハートの文字イラストを立体的にアレンジしたデザイン例です。参考にして下さい。