ここで結果があります。さて、簡潔に話し合います。では直接始めましょう...

ステップ1: 基本形を作成する

実際の作業を始める前に、いつものようにIllustratorで新しい作業領域を作成してください。そのためにはファイル>新規を選択し、サイズにはDIN A3を選択します。

ショートカットCommand+Rを使用して、ルーラー(英語: Rulers)を表示し、作業領域の中央付近に交差する2本のガイドラインを作成します。ガイドラインを作成するには、簡単にルーラーから引き出すだけです。

これにより、以下のような見た目になります(図03):

次のすべての作業ステップは、この中心から始まります。

次に、楕円ツールを選択し、中心を押し続けた状態でAltキーを押してクリックします。次のウィンドウでサイズを130x130mmに設定し、OKをクリックします。

補足情報:

中心をクリックする際にAltキーを押していたため、楕円が中心から直接作成されます。

プレートの端に均等な丸みをつけるには、ジグザグエフェクトを適用する必要があります。エフェクト>歪みと変形>ジグザグに移動します。

次のダイアログボックスで、ジグザグフィルターの微調整を行います。サイズでは1mmの値を選択し、セグメントあたりの波数では15の値を設定します。OKをクリックする前に、ウェイト下部のトランジションを選択して、鋭い角やエッジが生成されないようにしてください(図06)。

その後、このエフェクトをオブジェクトに変換して、エフェクトが本当にパスに変換されるようにします。そのためにはオブジェクト>見た目を変換...に移動します(この変換を忘れると、プレートをスケーリングしようとしたときに問題が生じます。エフェクトの値は、変換されない限り常に同じままです。つまり、プレートを後で非常に大きなものにスケーリングしようとすると、波は非常に小さくなります)。

オブジェクトパスに変換したら、再度楕円ツールを使用します。再び中心を押し続けた状態でAltキーを押してクリックし、サイズを118x118mmに設定してからOKをクリックします(図08参照)。

塗りつぶしを無効にし、5ptの太さの輪郭を作成します。後でPathfinderでこの輪郭を編集するため、この場合の輪郭色は問題ありません。

作成した円を選択し、オブジェクト>変換に移動します。次のウィンドウは、簡単にOKをクリックして終了します。このコマンドにより、輪郭領域に変換されます。これはPathfinderを使った後続のステップに非常に重要です(図09)。

前述のように、ここでPathfinderが必要です。IllustratorでPathfinderが表示されていない場合は、ウィンドウ>Pathfinderから見つけることができます(図10)。

補足情報:

私の経験から、IllustratorでPathfinderは常に作業エリアに手の届く位置に配置しておくことをお勧めします。なぜなら、Illustratorで行うほとんどの構築作業にPathfinderが必要だからです。

今すぐ Command+A(PCの場合はStrg+A)ですべて選択し、Pathfinder-パレットで前面オブジェクトの引き算をクリックします(図11を参照)。これにより、今までの第2の楕円があった場所に私たちのプラークが透明になります。

次に、再び 楕円ツールが必要です。おなじみのように、中心を押しながらAltキーをクリックし、サイズ3.5x3.5mmの小さな楕円を作成します(図12を参照)。輪郭色はマゼンタを選択してください。

選択ツール(黒いマウスポインタ)をダブルクリックすると、移動ダイアログが表示されます。水平移動を0mmに設定し、垂直移動に-63mmの値を入力します。

次に、あなたの状況が以下のようになるはずです(図14を参照):

今移動した楕円は、プラークの各波に楕円が配置されるように回転させる必要があります。

移動させた楕円を選択して、回転ツールツールパレットから選択します。中心を押しながらAltキーをクリックします。

次のウィンドウでは、回転角度を入力する必要があります。プラークが何波あるか数えてみると、まさに32波であることがわかります。Illustratorはこの点でかなり賢いので、単純に360°/32を入力し、コピーをクリックします(図15)。

同じ方法で30回も繰り返すのは面倒ですので、Command+D(PCの場合はStrg+D)のショートカットを使用してもいいでしょう。

余談:

Command+DまたはStrg+Dのショートカットは、Illustratorでは常に最後に行われた操作を繰り返します。この場合は回転です。

回転が完了したら、状況がおおよそ以下のようになるはずです(図16を参照):

回転した円もPathfinderで切り取るために、それらをすべてグループ化しておくのは賢明です。個々にレイヤーパレットに散らばらないように。

小さい円のひとつを選択し、選択>外観>同一に進みます。これにより、すべての小さい円が選択され、個々に選択する手間を省けます(図17を参照)。

次に、ショートカットCommand+G(PCの場合はStrg+G)ですべてをグループ化します。

次に、レイヤーパレットがかなり整理されているはずです(図18を参照)。

今、小さい円を切り取るために何をすべきか、2つのことを覚えておいてください。最初に、作成したグループを選択して、Pathfinderで右上の小さな矢印をクリックして結合形状を作成を選択します(図19を参照)。

その後、変換をクリックできるようになります(図20を参照)。

その後、レイヤーパレットからグループが消え、ひとつのオブジェクトだけが残るはずです。

同じ手順を実際のプラークでも行う必要があります。

接続後、両方の補助線以外、レイヤーパネルには2つのオブジェクトしか表示されません。(図21参照)。

Command+AまたはCtrl+Aで全てを選択し、Pathfinder最前面のオブジェクトを引き算をクリックします。

これで、プラケットの基本形状が完成しました。

ステップ2:色が登場

今度のステップでは、チュートリアルの中でやっと色を加えることになります。実際には、グラデーションを使うので1色以上の色を使います。

プラケットを選択し、グラデーションパネルで標準のブラック/ホワイトグラデーションをクリックします(図23参照)。

ちなみに、グラデーションパネルがまだ開かれていない場合は、ウィンドウ>グラデーションから開くことができます。

最初に、線形グラデーション円形グラデーションに変換する必要があります(図24参照)。

次に、2つの異なる青色が必要です。このチュートリアルでは、次の2つのCMYK値を使用しました。

・ライトブルー: CMYK - 90/31/4/9
・ダークブルー: CMYK - 93/49/28/63

それぞれのグラデーション色のフィールドダブルクリックして、2つの色を割り当てることができます(図25参照)。

ステップ3:パス上のテキスト&ロゴ

プラケットの基本形状が完成し、適切なグラデーションも設定しました。では、次は何が必要でしょうか?

もちろん、適切な表記とロゴです。

楕円ツールを選択し、中心を押しながらAltキーを押して楕円を作成します。サイズには113x113mmを入力し、OKで確認します。

はさみツールを使って、この楕円を水平方向に切断し、2つの別々の半円を作成します。(はさみツール消しゴムツールの下に隠れています)(図27参照)。

その後、パステキストツールを使って、上の半円をクリックし、"PSD-Tutorials"という文字列を入力します(図28参照)。

(フォントはHelvetica Neue、太字、文字サイズ25ptを選択できます)。

テキストの位置と配置を調整するには、これらの3つのハンドルを使用できます。(図29参照)。

現時点では、テキストがパスの上にあるため、タイプ>パステキスト>パステキストオプション...に進み、次のウィンドウで上端揃えを選択してOKをクリックします。

これで、おおよそこのようになります(図31参照):

下半円に"Adobe Illustrator"と書いてください。もちろん、パステキストツールを使用してください。

おそらくテキストは逆さまになるので、中央のハンドルをマウスでつかんで上に引っ張ってください。そして…テキストは正常に表示されます。

提供された作業ファイルに「PSD-Logo.ai」という名前のファイルが含まれています。

このファイルをあなたのプラークの中心に配置してください。

その後、全体はおおよそ以下のようになります。 (図33):

ステップ4:プラークのしっぽを構築する

最後の作業として、プロジェクトを完成させるためにプラークのしっぽを構築する必要があります。

ペンツールを取得し、5つの角点でプラークのしっぽのようなものを簡単に描画してください。 (図34を参照)。

このパスを1回複製し、2つのしっぽの角度が異なるように配置してください。 重要なのは、その2つのパスがプラークの後ろの一部を隠すように背景に置かれていることです。 (図35を参照)。

しっぽに赤い色を入れてください。 (図36)。

全体があまり静的に見えないようにするために、1つのしっぽを選択して、オブジェクト>変形格子>格子を作成...を用いて、全体を少しダイナミックに見せるように変形してください。 (図37 & 38を参照)。

変形する際には、クリエイティビティを発揮してください。 変形が完了したら、プラークは完成です。 抜き型の要素がプラークのしっぽを透かしているため、全体が少し未来的で異様に見えます。 この透明性が気に入らない場合は、プラークとしっぽの間に透明度のある白い領域を簡単に再度設定できます。

終わりに:

また一つのチュートリアルの終わりに来ています。 いつものように、楽しんでいただき、いくつかを学んでいただければと願っています。 まだ疑問が残っている場合は、このチュートリアルのコメント欄にお知らせください。 できるだけ迅速に対応いたします。

このとおりに…

創造的であれ

あなたのジュリアン