1. Design & Illustration
  2. Gradients

Adobeイラストレーターでレインボープライドカラーのグラデーションオーバーレイを作る

by
Read Time:4 minsLanguages:

Japanese (日本語) translation by Yuka Hayasaka (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

2015年、6月はたくさんの出来事がありました。 6月は、LGBTQIプライド月間(国や地域によって変わります)であり、さらに全米すべての州で、同性同士の結婚がついに合法化されることになりました!

これを記念して、Adobeイラストレーターでレインボープライドカラーのグラデーションを作り、自分のイラストに適用する方法を紹介したいと思います。これを、作ってLGBTQIコミュニティにあなたのプライドと支持を示しましょう!

では、イラストレーターを起動して始めましょう。

1. スウォッチパネルに色を追加する

レインボープライドは、6色で構成されていて、それぞれの色に意味があります。 その6色とそれぞれの色が意味するものは:

  • 赤:Life(生命)
  • 橙:Healing(癒し)
  • 黄:Sunlight(太陽)
  • 緑:Nature(自然)
  • 青:Serenity(平穏/調和)
  • 紫:Spirit(精神)

プライドフラッグの歴史についてはWikipediaで詳しく知ることができます。その歴史はとても興味深いと思います。

Step 1

まず最初に、スウォッチパネルに使用する6色を追加します。この6色が最終的にグラデーションに使われます。

デフォルトのCMYKドキュメントを使用した場合、"ブライト" フォルダーの中にグラデーションの色として使える6色が入っています。 または、スウォッチパネルのドロップダウンメニューから、スウォッチライブラリーを開く>初期設定スウォッチ>プリントからこの6色のパレットを使用することもできます。

イラストレーターでは、このスウォッチメニューから、スウォッチライブラリーを開く>グラデーション>スペクトラム を選ぶといくつかの虹色のグラデーションを選ぶことができます。

The Print and Spectrums Swatch libraryThe Print and Spectrums Swatch libraryThe Print and Spectrums Swatch library

Step 2

スウォッチパネルに登録するにはスペクトラムグラデーションの一つをクリックします。 次に、スウォッチライブラリーのプリントの中の "ブライト"のフォルダーアイコンをクリックしてください。これでスウォッチパネルに6色すべてが追加されます。

Adding the Brights to the Swatches panelAdding the Brights to the Swatches panelAdding the Brights to the Swatches panel

2. スペクトラムグラデーションをカスタマイズする

Step 1

長方形 (M) を描きスペクトラムグラデーションをクリックしてください。 これで、自動的に長方形に虹色のグラデーションをつけることができます。 このままでもきれいなグラデーションですが、色の組み合わせが正しくないので修正していきます。

グラデーションパネルを開くとグラデーションが6色で構成されているのが分かります。ちょうどレインボープライドに必要な色の数です。

Filling a rectangle with a spectrum gradientFilling a rectangle with a spectrum gradientFilling a rectangle with a spectrum gradient

Step 2

グラデーションの色を変更するには、"ブライト"パレットのそれぞれの色をグラデーションスライダにドラッグ&ドロップします。

Modified spectrum gradientModified spectrum gradientModified spectrum gradient

Step 3

色の変更が終わったら、新しく設定したレインボーグラデーションを登録するにはグラデーションパネルの塗りボックスをスウォッチパネルにドラッグ&ドロップします。

新しく作成したグラデーションの名前を変更するには、スウォッパネル内のグラデーションをダブルクリックして、表示されたウィンドウに新しい名前を入力します。

Rename the gradientRename the gradientRename the gradient

3. アートワークにグラデーションを適用する

Step 1

これでオリジナルのグラデーション完成です。自分のアートワークにお好みでこのグラデーションを適用してください。 グラデーションツール (G) を使うとグラデーションの角度を調整することができます。

Using the Gradient ToolUsing the Gradient ToolUsing the Gradient Tool

Step 2

グラデーションの適用の仕方をいくつか紹介します。 まずは、細心のポートレイトチュートリアル: ストックフォトから夏っぽいポートレイトを作る(creating a Summer portrait from stock に線形グラデーションをかけてみます。

まずは、紙の後ろの背景のグラデーションを隠して、ポートレイトの最上部に新規レイヤーを作成しました。 このレイヤー内に作成した図形にレインボープライドグラデーションを適用し、グラデーションツール (G) を使って肌をおおうようにグラデーションの角度を斜めにしました。 さらに透明パネル描画モードカラーに設定しました。

Linear gradientLinear gradientLinear gradient

Step 3

次は円形グラデーションの紹介です。 私の上級者向けベクターポートレイト(Advanced Vector Portraits) コースの完成した作品の一つに円形グラデーションを適用してみました。

前回と同じようにポートレイトの最上部にレインボープライドグラデーションを重ねました。 今回はグラデーションの種類円形に変更しました。 描画モードは先ほどと同じくカラーを使用し、グラデーションツール(G) で位置を調整しました。

Radial gradientRadial gradientRadial gradient

さぁ、LGBTQIプライドをお祝いしましょう!

このテクニックを使って自分のイラストにサポートとプライドを加えましょう! 作成したプライドイラストを下のコメント欄で気軽にシェアしてみてください。

Pride rainbow illustrationPride rainbow illustrationPride rainbow illustration
One subscription.
Unlimited Downloads.
Get unlimited downloads