イラストレーターでアウトラインストロークを使用する方法

イラストレーターでアウトラインストロークを使用する方法

目次

1. はじめに
2. ドキュメントの作成と設定
3. テキストの設定
4. グリッドの設定
5. タイトルの作成
6. ストロークの作成
7. レイヤーの操作
8. パスの作成
9. パターンブラシの作成
10. レイヤーの調整
11. スタイルの追加
12. 背景の作成
13. テキストの装飾
14. ドロップシャドウの追加
15. デザインの完成

🖌️ はじめに

こんにちはみなさん、私の名前はAndre Mario'sです。このEnvato Tuts+のチュートリアルでは、アウトラインストロークなどのテクニックと効果を使用して、このホリデーテキストエフェクトを作成する方法を紹介します。始める前に、クリエイティブなデジタルアセットの数百万に無制限アクセスできる単純な登録でEnvato Elementsを確認することをお勧めします。音楽、グラフィック、写真、フォントなどが含まれています。リンクをクリックして今すぐ登録できます。

📝 ドキュメントの作成と設定

まず、新しいドキュメントを作成します。[File]メニューから[New Document]を選択してください。ドキュメントの設定には、幅850ピクセル、高さ600ピクセル、RGBカラーモード、72ピクセル/インチの解像度を指定します。作成後、Ctrl + 0を押してアートボード全体をズーム表示します。

🎨 テキストの設定

デザインのテキストを作成する前に、[Window]メニューバーから各パネルを開いていることを確認しましょう。特にCharacterパネルを忘れないようにしましょう。次に、簡単なグリッドを設定します。[View]メニューからグリッドを表示し、[Edit]メニューの[Preferences]からグリッドを編集します。グリッドラインごとに5を入力し、サブディビジョンは1のままにします。OKをクリックすると、5ピクセルごとのグリッドラインが表示されます。

🌟 タイトルの作成

ツールバーからテキストを選択し、Characterパネルを表示します。フォントの列を選択し、サイズを190に設定し、トラッキングを75に増やします。そして、アートボード上で「Noelle」というフレンチのクリスマスを意味する言葉を入力します。[Escape]キーを押して簡単に移動ツールに切り替えます。次に、[Control]パネルでアライメントがアートボード上に設定されていることを確認します。テキストをアートボードの中央に移動するために、これらの2つのボタンをクリックします。

✒️ ストロークの作成

テキストにストロークを追加するために、外観パネルに移動し、[Stroke]ボタンをクリックします。サイズを12に設定し、色を247、241、233に変更します。次に、[Object]メニューの[Expand Appearance]を選択し、オブジェクトを展開します。そして、もう一度[Object]メニューから[Path]の[Outline Stroke]を選択します。この操作により、テキストとストロークがベクターシェイプに変換されます。

🎴 レイヤーの操作

ストロークとして展開されたテキストをパスファインダーパネルでグループ化し、各レターシェイプを個別にリネームします。次に、ツールバーから直線ツールを選択し、400ピクセルの垂直パスを作成します。このパスに16ピクセルのストロークを追加し、色を246、23、34に設定します。そして、変換パネルに移動してパスの位置を数値で設定します。14と250を入力し、左に25ピクセルコピーします。また、新しい線を作成し、色を73、141、80に変更します。ストロークサイズを2に下げ、両方の線を選択して[Effect]メニューの[Distort and Transform]の[Transform]を選択します。角度を-135度に設定し、OKをクリックしてコピーを追加します。その後、[Effect]メニューの[Distort and Transform]を再度選択し、移動スライダーを245、ディストート数を-2、コピー数を14に設定します。OKをクリックしてこれらのコピーを追加します。

🛠️ パスの作成

Ctrl + Cを押してレターシェイプをコピーし、Ctrl + Shift + Vでコピーを追加します。これらのシェイプに適用された塗り色を削除し、[Object]メニューの[Compound Path]を選択してシェイプを統合します。その後、Ctrl + Cを押してコピーを追加し、Ctrl + Shift + Vでコピーを追加します。これらのコピーを最後に使用するためにレイヤーパネルの下部に移動します。そして、元のNOELコンポジットパスを再度選択し、[Object]メニューの[Clipping Mask]を選択してグループをマスクします。レイヤーパネルに戻り、NOILコンポジットパスを選択し、Ctrl + Cを押してコピーを追加します。これを最前面に追加し、名前を付けます。そして、このコピーをマスクするために[Effect]メニューの[Stylize]の[Inner Glow]を選択します。

🎨 スタイルの追加

内部発光を追加した後、透明度を100%に上げ、ぼかしを6に設定します。また、外観パネルに移動し、不透明度ボタンをクリックして透明度をブレンドモードに変更します。再度、Ctrl + Shift + Vを押してコンパウンドパスのコピーを追加し、5ピクセルのストロークを追加します。色を60、104、11に設定します。さらに、簡単なパターンブラシを作成する方法を学びましょう。ツールバーから直線ツールを選択し、40ピクセルの垂直線を作成します。ストロークサイズを8に増やし、色を黒にします。この線を45度回転させ、ブラシとして保存します。そして、[Pattern Brush]をチェックし、名前を入力して保存します。

🖌️ 背景の作成

レイヤーパネルからテキストを選択し、Ctrl + Cを押してコピーします。Ctrl + Shift + Vを押して背景の上にコピーを追加し、色を削除します。それから、[Object]メニューの[Compound Path]を選択してシェイプを合成します。背景の作成のために、ツールバーから長方形ツールを選択し、サイズを設定します。次に、塗りとストロークの色を設定し、新しい図形を作成します。アートボードに適用するサイズを設定し、新しい図形を作成します。デフォルトの外観設定を適用し、色の設定を調整し、背景を作成します。

🖌️ ドロップシャドウの追加

背景を作成したら、テキストにドロップシャドウを追加します。ストロークが選択されていることを確認し、[Effect]メニューの[Stylize]の[Drop Shadow]を選択します。オプションを調整してドロップシャドウを作成し、適用リストに追加します。透明度を50%に下げ、余白を増やしてドロップシャドウ効果を完成させます。

🎉 デザインの完成

最後の仕上げとして、テキストに散りばめたホーリーベリーを追加します。グループ内のコピーを選択し、散りばめブラシを適用します。ブラシの設定を微調整し、オフセット効果を追加します。そして、デザインが完成しました！このチュートリアルを楽しんでいただけたことを願っています。いいねボタンを押していただけると、自分の仕事が評価されたことがわかりますので、ぜひ押してください。また、まだ登録していない場合は、チャンネルの登録をお願いします。新しいチュートリアルの通知を受け取るには、ベルアイコンをクリックしてください。他にも学びたいことがある場合は、ぜひEnvato Tuts+が提供している他のチュートリアルもチェックしてみてください。私はAndrei Mariusでした。次のビデオでお会いしましょう。

Final WORD Count: 1000