クイックヒント:おいしいチョコレートのテキスト効果を作成する方法
そこにすべてのチョコレート愛好家のために、ここでIllustratorでおいしいチョコレートバーのテキスト効果を作成する方法です。 ブレンドツール、ラフエンやクロームなどのエフェクト、さまざまなブレンドモード、3D押し出し&ベベルエフェクトを使用して、完璧なチョコレートの正方形を作成します。 お楽しみください!
ステップ1
新しいwebドキュメントを開きます。 長方形ツール(M)を使用して16x16pxの正方形を描画し、表示されている茶色で塗りつぶします。 この正方形を選択した状態で、エフェクトメニュー>Distort&Transformに移動し、Transformエフェクトを適用します。 オブジェクトメニューから[外観を展開]を選択し、2回グループを解除すると、さらに必要な8つの正方形が得られます。



ステップ2
次に、文字を構成しましょう。 8つの正方形の列を選択し、Altキーを押しながら列全体を複製するためにそれらをドラッグします。 あなたは文字のそれぞれに使用する3つの列を取得するために、再び同じことを行います。 次に、画像に示すように4つの正方形を配置し、それらを乗算(Alt+ドラッグ)して文字「C」を取得します。



ステップ3
文字”H”のために必要なのは、三つの列の二つのコピーであり、それらの間に他の二つの正方形を置くだけです。 文字”O”は、コーナーの四つの正方形を削除するだけで似ています。 文字”C”と”O”を複製し、今、あなたはすべての文字を持っています。



ステップ4
このステップでは、32x32pxの円(正方形の2倍のサイズ)と茶色の正方形のコピーが必要です。 円を正方形の上に置き、円の中心が正方形の左下隅と交差していることを確認します。 両方の図形を選択し、パスファインダーパネルから図形領域の交差>展開をクリックします。 円の他の四分の一を得るために同じことをしてください。 次に、文字”C”の示された正方形を削除し、丸い角をその場所に置きます。



下の画像では、置き換えられたすべての正方形を見ることができます。 あなたは文字で行われていますが、続行する前に、後で再びそれらを必要とするので、それらのそれぞれをコピーして後ろに貼り付けます。 彼らはあなたを気にしないように、今のところあなたはそれらを非表示にすることができます。



ステップ5
茶色の正方形のコピーを取り、エフェクトメニュー>3Dに移動し、押し出し&ベベルエフェクトを適用します。 前部位置、15pt突き出る深さを斜めの形として円形にされて選んで下さい。 あなただけのチョコレートの完璧な正方形を得た。 次に、外観パネルに移動し、サムネイルをグラフィックスタイルパネルにドラッグして保存します。



押し出しの深さを15ptから10ptに下げると、チョコレートの光沢のある正方形が得られます。 また、グラフィックスタイルパネルにこれを保存します。 下の画像では、正方形の塗りつぶしの色を変更することによって得ることができるチョコレートの他のタイプを見ることができます。



ステップ6
文字を構成するすべての正方形を選択し、以前に保存したスタイルを適用します。 文字”H”と第二の”C”のために私は前のステップで保存された最初のスタイルを適用し、他の人のためにチョコレートスクエア2スタイル。 あなたがしたい場合は、バリアントのいずれかのみを選択することができます。 完了したら、[オブジェクト]メニューから[外観の展開]を選択します。



ステップ7
長方形ツール(M)を取り、文字の後ろに630x170pxの長方形を描画し、効果メニュー>Distort&Transformに移動し、粗面効果を適用します。 オブジェクトメニューから”外観を展開”を選択し、グループ化を解除します。



ステップ8
結果の形状を選択したオブジェクトメニュー>パス>オフセットパスに移動し、10pxのオフセット値を適用します。 これらの2つの図形を表示されている色で塗りつぶし、両方を選択してオブジェクトメニュー>Blend>Blend Optionsに移動します。 スムーズカラーを選択し、オブジェクト>ブレンドに戻り、メイクを選択します。



ステップ9
2つの小さい図形の前にコピーして貼り付け(ただし、ブレンドグループからドラッグします)、表示されている線形グラデーションで塗りつぶします。 次に、エフェクトメニュー>Sketchに移動し、Chromeエフェクトを適用します。 描画モードを乗算して不透明度を25%に下げるように変更します。



ステップ10
同じ図形をコピーして2回貼り付けます。 そのうちの1つを(赤いパス)の場所に残し、2番目のパスを右に移動します(緑のパス)。 両方の図形を選択し、パスファインダーパネルから図形領域から減算>展開をクリックします。 複合パスを取得しますが、オブジェクトメニュー>複合パスに移動し、リリースを選択します。 下に表示されている黄色の図形のみを保持し、表示されている色で塗りつぶします。 次に、これらの小さな図形をすべて選択して、効果>ぼかしに移動し、1を適用します。5pxガウスぼかしその後、ブレンドモードをソフトライトに変更します。



ステップ11
このステップでは、前に使用した同じ形状の他の2つのコピーが必要です。 それらのうちの1つ(ピンクのパス)を上に移動し、前の手順を繰り返してより多くのハイライトを取得します。 塗りつぶしの色とぼかしの半径は、今回は光度に設定しただけで同じです。



同じ方法でさらに多くのハイライトを作成します。



ステップ12
小さなチョコレートピースを作成するには、最初にペンツール(P)または鉛筆ツール(N)を使用して画像のような形を描きます。 ダークブラウンで塗りつぶしてから、効果>スタイル化して内側のグロー効果を適用します。 次に、赤いもののように小さな形を上に描き、示されている色で塗りつぶします。 エフェクトメニュー>ぼかしに移動し、1pxガウスぼかしを適用し、ブレンドモードを光度に変更します。 他の部分は、小さなハイライト形状の唯一のブレンドモードが異なる外観のために変更され、同じ方法で行われます。 あなたはそれが必要だと思う場合は、不透明度を少し減らすこともできます。



ここでは、文字の周りにランダムに配置されたチョコレートのすべての小片:



ステップ13
チョコレートの正方形(展開)のいずれかをコピーし、直接選択ツール(A)グループから前面の正方形のみを使用して選択します。 オブジェクトメニュー>パスに移動し、アンカーポイントを二度追加を選択します。 これらのアンカーポイントを参照として使用し、それらの間に3つの赤いパスを描画します。 ブラシライブラリメニューのArtistic>Artistic_InkにあるTapered Strokeと呼ばれるブラシでそれらをストロークします。 ストロークウェイトを0.05ptに減らし、オブジェクトメニューに移動し、外観を展開を選択します。 表示された線形勾配で結果のストライプを塗りつぶします。
今、新しいチョコレートの広場を乗算し、画像のようにそれらと他のいくつかを交換してください。



ステップ14
残っているのは、文字の後ろにいくつかの影を追加することだけです。 そのためには、私がステップ4で保つと言った手紙のコピーが必要です。 選択した文字を構成するすべての正方形を持つパスファインダーパネルで図形領域に追加>展開をクリックして、それらを結合し、文字”C”を取得します。 ダークブラウンで塗りつぶしてから、効果>ぼかしに移動し、4pxガウスぼかしを適用します。 他の文字にも同じことをしてください。



最後の画像
あなたは完了し、これは最終的な画像です。 今私の例に従って、行くといくつかのチョコレートを食べる: )


