スプラッシュテキストは次のようになります(図01):

さて、話はそれくらいにして。次のページで楽しみながら学んでください…

スプラッシュテキスト - Adobe Illustrator


ステップ1:背景を作成する

スプラッシュテキスト用の適切な背景を作成するには、新しいワークスペースを作成する必要があります。それにはファイル>新規をクリックし、330x210mmのフォーマットを選択してください。次にOKをクリックして確定します。

スプラッシュテキスト - Adobe Illustrator

ワークスペースを作成したら、いよいよ仕事を始めることができます。

長方形ツールを選択し、ワークスペース全体を覆う四角形を作成します。

その後、この四角形グラデーションで塗りつぶします。そのためにはグラデーションパネルが必要です。もしこれをまだ表示していない場合は、ウィンドウ>グラデーションから簡単に表示できます(図03)。

スプラッシュテキスト - Adobe Illustrator

グラデーションパネルで標準的な黒/白のグラデーションを選択し、グラデーションの種類を線形から円形に変更します(図04)。

スプラッシュテキスト - Adobe Illustrator

この場合、円形のグラデーションはかなり良い出発点ではありますが、現時点では少し丸すぎるかもしれません。しかし、グラデーションパネルには非常に便利な機能があります。つまり、ここでグラデーションの円滑さも制御できます。60%の値が私たちの目的に適しています。 (図05参照)

スプラッシュテキスト - Adobe Illustrator

次に、黒/白のグラデーションは少し退屈に見えるため、グラデーションに適切な色を付ける必要があります。このチュートリアルでは、2つのCMYK値を選びました。

• 明るい青:CMYK - 90/30/4/10

• 暗い青:CMYK - 93/48/28/63

2つのグラデーション色のいずれかをダブルクリックすると、それぞれのCMYK値がグラデーションに適用されます。その後、あなたの環境でほぼこのようになるはずです(図06)。

スプラッシュテキスト - アドビイラストレータ

しかし、グラデーションはまだ私の考えるようには見えないため、グラデーションツールを取得してください。それにより、長さを変更できるラインが表示されます(図07)。

Splash-Text - アドビ イラストレーター

このラインを右端でつかんで、図08のようにイメージから外側に引き伸ばしてください。

スプラッシュテキスト - Adobe Illustrator

背景が破損することがないように、これらのレイヤーを鍵で保護することをお勧めします… (図09参照)。背景の作業は完了しました。

スプラッシュテキスト - アドビイラストレータ

ステップ2:タイポグラフィを追加する

作業を続けるには、新しいレイヤーを作成する必要があります。最良の方法は、これを「テキスト」という名前ですぐに命名してください。なぜなら、このレイヤーにテキストを配置するからです。

今、テキストツールを選んで、作業スペースをクリックします。私の場合、「psd-tutorials.de」と書いています。フォントには、Helvetica NeueThinを選択しました。このサイズでは140ptの値を取ることができます。文字の間隔は-70に設定します。

スプラッシュテキスト - アドビ イラストレータ

スペルを作成したら、作業スペースの中央に配置します。その後、おそらくあなたの環境ではこのようになります(図11)

スプラッシュテキスト - アドビイラストレータ

このスペルをパスに変換する必要があります。これにはテキスト>パスに変換を選択します。または、単純にショートカットCommand/Strg+Shift+Oを使用することもできます。

次に、このスペルにグラデーションを追加します。このチュートリアル用に2つのCMYK値が用意されています。

• 明るい緑:CMYK - 50/0/100/0

• 暗い緑:CMYK - 90/30/95/10

背景と同様に、グラデーションを作成する方法は同じです。ただし、今回は種類線形のままにしておきます。グラデーションの角度は90°に設定します(図12参照)。

スプラッシュテキスト - アドビ イラストレータ

テキストをさらに際立たせるために、影を作成する必要があります。そのためには、楕円ツールを選択し、文字の下に黒い楕円を引きます(図13)。

スプラッシュテキスト - アドビイラストレータ

影の塗りつぶし方法を乗算に設定する必要があります。この設定には透明度パネルを使用します。これをまだ表示していない場合は、ウィンドウ>透明度から見つけることができます。そして不透明度を約40%に設定します。

スプラッシュテキスト - アドビイラストレータ

影がまだ非常にエッジが鋭いので、それをぼかさなければなりません。[効果]>[ぼかしフィルター]>[ガウスぼかし] を選択してください(図15を参照)。

スプラッシュテキスト - Adobe Illustrator

次のダイアログボックスで、約25ピクセルの値を入力し、 [OK] をクリックしてください。

スプラッシュテキスト - アドビイラストレータ

その後、おそらくこう見えるべきです(図17を参照)。

スプラッシュテキスト - Adobe Illustrator

ステップ3:ライトポイントの生成

このチュートリアルのこの部分では、画面中にいたるところに散らばる小さな光粒子に焦点を当てます。

新しいレイヤーを作成し、「ライトパーティクル」と名前を付けます。その後、[楕円ツール] を使用してサイズが 10x10mm の楕円を作成してください(図18を参照)。

スプラッシュテキスト - Adobe Illustrator

続いて、「オブジェクト」>「パス」>「パスをシフト...」 を選択してください(図19を参照)。

次のウィンドウで、10mm の値を入力して [OK] をクリックしてください。

スプラッシュテキスト - アドビイラストレータ

その後、おそらくこう見えるべきです(図20を参照)。

スプラッシュテキスト - Adobe Illustrator

内側の楕円に黄色の塗りつぶしを設定します。外側の楕円をシアンで塗りつぶします(図21を参照)。

スプラッシュテキスト - アドビ イラストレータ

外側の楕円の[不透明度] を 0% に設定したため、[透明度パレット] で外側の楕円の不透明度を 0% に設定します(図22を参照)。

スプラッシュテキスト - Adobe Illustrator

内側から外側の楕円にかけて滑らかなグラデーションを作成するために、[曲線補正ツール] を使って内側の楕円の端から外側の楕円の端までクリックしてください(図23を参照)。

スプラッシュテキスト - アドビイラストレータ

このツールを使ったことで、外側の楕円の不透明度が 0% になっているため、内側と外側の間にグラデーションが作成されます。

これで、ライトスポットの基本形状が完成しました。理論的には、このライトスポットを繰り返しコピーしてさまざまなサイズで挿入できます。しかし、もっと簡単にする方法もあります。この後のステップでは、筆先を使用します。

[ウィンドウ]>[ブラシ] を選択して、[ブラシパレット] を開いてください。作成したばかりのライトスポットを選択し、[ブラシパレット] の右上にある小さな矢印をクリックしてください。すると、[新しいブラシ] をクリックできる小さなドロップダウンメニューが表示されます(図25を参照)。

スプラッシュテキスト - アドビ イラストレータ

すると、新しいウィンドウが表示され、ブラシ先のさまざまなパラメータを設定できます。ここでは、設定を試してみて、パラメータの感覚を掴むことをお勧めします。このチュートリアルの正確なパラメータは図26にあります。

スプラッシュテキスト - Adobe Illustrator

[OK] をクリックして元のライトスポットを削除してください。

[ツールパレット] から[ブラシ] を選択し、作業領域全体に左から右にウェーブラインを描きます(図27を参照)。

スプラッシュテキスト - アドビ イラストレータ

結果として、作業領域全体にさまざまなサイズのライトスポットがランダムに配置されるはずです。これを何度も繰り返し、十分なライトスポットが配置されたと思われるまで続けてください。

背景と調和するように、描かれたライトスポットを選択し、[透明度パレット] で [通常] から [ソフトライト] に変更してください(図28を参照)。

ライトスポットが完成しました。

スプラッシュテキスト - アドビイラストレータ

ステップ3:ドロップ/スプラッシュの作成

このチュートリアルの最後のステップでは、テキストの周りに色のドロップをランダムに配置して、もっと乱雑でランダムに見えるようにします。

ライトスポットと同様に、まずドロップの基本形を作成する必要があります。ただし、再度新しいレイヤーを作成し、「スプラッシュ」と名前を付けてください。

[楕円ツール] を使用してサイズが5x5mmの楕円を作成してください。

次に、[直接選択ツール] を使用して、楕円の最上部のパスポイントを少し上に引き上げて、角ポイントに変換してください(図29を参照)。

スプラッシュテキスト - アドビイラストレータ

今度はブラシパレットに戻り、ドロップ形状の新しいブラシを作成します。今回はスペシャルブラシではなくイメージブラシを選択します。

新しいウィンドウが再度表示され、ブラシをカスタマイズするさまざまなオプションが表示されます。ドロップブラシの適切なパラメータは図30にあります。

それからOKをクリックして確定します。元のドロップ形状はまた削除できます。

スプラッシュテキスト - アドビイラストレータ

今度は作成したブラシの先端で、お手持ちのブラシで文字の周りに小さなドロップを描いてください。(図31)。

スプラッシュテキスト - Adobe Illustrator

時にはドロップが少し形がおかしくなることがありますが、Command/Strg+Zで元に戻してやり直すことができます。

そして、満足したらすべてのドロップを選択し、オブジェクト>外観変換 ...を使ってオブジェクトに変換します。その後、文字のグリーングラデーションと同じ色でドロップを塗りつぶします。

最後に、スプラッシュレイヤーをテキストレイヤーの後ろに配置します。(図32)。

スプラッシュテキストの完成です。

スプラッシュテキスト - Adobe Illustrator

エンドノート:

これで、このチュートリアルの最後になります。楽しんでいただけたし、何かヒントを得られたら幸いです。

このトピックに関する疑問があれば、喜んでコメントに質問してください。できるだけ迅速に回答します。

このチュートリアルの作業データには、すべてのレイヤーが含まれたIllustratorファイルが含まれています。チュートリアルの途中で困っている場合は、元のファイルを参照すると役立ちます。

それでは…

クリエイティブであり続けてください

ジュリアンより