Skip to main content

Illustratorで背シールをはがす(ページカール効果)

Anonim

ページカール効果の作成は、特にマーケティングや広告関連のグラフィックデザインにとって便利なスキルです。このチュートリアルでは、Adobe Illustrator CCを使用して、ページカール、またはイヌイードページのエフェクトを使用して、ピールバックステッカーを作成する方法を学習します。このページのカール効果は、CS6または他の最新のバージョンを使用して作成することもできます。

以下に概要を説明するプロセスは、新しいドキュメントを作成し、長方形ツール、ペンツール、およびタイプツールを使用して開始します。次に、図形とテキストの両方に色を追加し、フォントを選択し、フォントのサイズとスタイルを変更し、テキストを回転させます。このグラフィックを作成するために使用されたテクニックは、さまざまなグラフィックスの作成に適用できるテクニックであることがわかります。

続行するには、最後に到達してグラフィックが完成するまで、各ステップを続けます。

01/19

新しい文書を作成する

Illustratorで新しいドキュメントを作成するには、 ファイル > 新しい。ここではファイルに「ステッカー」という名前を付けて6インチx 4インチにしました。次に、をクリックします。 OK.

02の19

正方形を作成する

ツールパネルから長方形ツールを選択し、クリックしてドラッグすると、ほとんどのアートボードに大きな矩形が作成されます。

03/19

ファイルを保存

進捗状況を保存するには、 ファイル > 保存する、をクリックします。 保存する。ダイアログボックスが表示されます。ほとんどのプロジェクトでは、デフォルトの設定を維持して OK.

04/19

色を追加

今、矩形を色にします。ツールパネルで、塗りつぶしボックスをダブルクリックしてカラーピッカーを開きます。そこでは、カラーフィールドで色を選択するか、色を示す数字を入力することができます。ここでは、255,255、および0のRGBフィールドに入力し、明るい黄色を表示します。次に、をクリックします OK.

05/19

ストロークを削除

ここでは、ツールパネルのストロークボックスをダブルクリックし、カラーピッカーでカラーを選択することでストロークカラーを変更することができますが、この場合はストロークは必要ありません。デフォルトで与えられたものを削除するには、「ストローク」ボックスをクリックし、次に 無し ボタンをクリックします。

06/19

ラインを描く

ツールパネルからペンツールを選択します。ステッカーをはがしたい場所に線を引くには、四角の上をクリックし、右にもう一度クリックします。

07/19

長方形を分割する

今度は矩形を2つに分割します。ツールパネルから選択ツールを選択し、描画された線をクリックして選択し、シフトキーを押しながら矩形をクリックします。

これは、線と矩形の両方を選択します。次に選択する > パスファインダー、 クリックしてください 分割 ボタンを押し、次に マイナスバック ボタンを押してコーナーピースを外します。

08/19

ピールバックを描く

今度は、ピールバック用のシェイプを描きたいでしょう。ペンツールを使用して、分割された矩形の上部をクリックしてポイントを作成し、その下をクリックしてドラッグして曲線を作成します。 Shiftキーを押しながら最後にクリックしたポイントをクリックし、図のように別の曲線を作成するために分割された四角形の右側をクリック&ドラッグします。

形状を完成させるには、最初に作成したポイントをクリックします。

09/19

色を追加

四角形に色を追加したのと同じように、描画された図形に色を追加するようになりました。今度はカラーピッカーで、クリーム色のRGBカラーフィールド225,225、および204に入力しました。

これは、あなたの進歩をもう一度保存する良い時期になります。選んでいいですよ ファイル > 保存するMacでは「Command + S」、Windowsでは「Ctrl + S」のキーボードショートカットを使用してください。

10/19

ドロップシャドーを追加する

描画された図形を選択して、次に選択します。 効果 > 書式設定する > 影を落とす。プレビューの横にあるボックスにチェックを入れると、ドロップシャドウがどのように表示されるかを確認することができます。

作成したルックを再現するには、「モードに掛ける」、「不透明度」を75%、XとYのオフセットをそれぞれ0.1インチ、ぼかし0.7にし、デフォルトの色を黒にして、 OK.

11の19

レイヤーを隠す

レイヤーパネルを開くには、に進みます。 > レイヤー。レイヤー1の横にある小さな矢印をクリックすると、そのサブレイヤが表示されます。また、非表示にするパスのサブレイヤーの横にある目のアイコンをクリックします。これは描かれたピールバックシェイプです。

12/19

テキストを追加

ツールパネルのタイプツールをクリックし、アートボードをクリックしてテキストを入力します。ここでは、必要に応じて大文字と小文字を使用して「30%または20%または15%OFF」を使用しました。

次に、エスケープを押します。デフォルトでは、テキストの色は黒で、後から変更できます。

別のテキスト領域を作成するには、もう一度タイプツールをクリックします。今回は、ページカールの背後にテキストを入力しました。「PEEL TO」とタイプし、リターンを押して次の行に移動し、「REVEAL」と入力してエスケープします。

13の19

テキストの移動と回転

選択ツールを使用して、ページカールの背後のテキスト(デザインでは「PEEL TO REVEAL」)を右上にドラッグし、矩形を切り取ります。

拡張ハンドルをダブルクリックし、二重矢印カーブが現れるまでカーソルを境界ボックスの角に移動します。ドラッグしてテキストを回転させます。

14の19

フォントを調整する

テキストツールを使用して、テキストをクリックしてドラッグして選択します。それから、 > キャラクター。文字パネルでは、任意の小さな矢印をクリックしてオプションを表示することで、フォントとフォントのサイズを好きなものに変更できます。

ここでは、フォントArial、スタイルBold、サイズ14ptを作成しました。

15の19

フォントの色を変更する

テキストを選択したまま、オプションバーの塗りつぶし色の隣にある小さな矢印をクリックして、代替色を表示し、明るい赤を選択します。テキストが強調表示されているときは色を見ることができないので、テキストをクリックして見た目を見てください。

16/19

センターテキスト

このデザインでは、テキストを中央に配置したいと考えました。テキストを中央揃えするには、テキストをクリックしてドラッグしてもう一度選択し、 > 段落、またはをクリックします。 段落 Character(文字)パネルの横にあるタブです。 段落パネルで、中央揃えボタンをクリックします。必要に応じて、選択ツールを使用してテキストの位置を変更することもできます。

17/19

テキストの編集

残りのテキストを変更する機会です。

このデザインでは、テキストツールを使用して "EXTRA"という単語の後にカーソルを置き、リターンキーを押しました。これにより、テキストが2つの別々の行に分割されました。それを3行にするために、 "30%"の後ろにカーソルを置き、もう一度押されました。

フォントとサイズを変更するには、すべてのテキストを選択して選択し、文字パネルで選択します。ここでは、フォントをArial Blackに変更し、行間のスペースを90ポイントにしました。

段落パネルでは、すべての行を揃えるボタンをクリックし、オプションバーで色を明るい青色に変更しました。

編集した後、テキストをクリックすると、これまでの見た目を見ることができます。

レビュー後、選択するトップラインだけを強調表示し、Characterパネルではサイズを24ptに変更しました。その後、2行目を強調表示し、サイズを100%変更しました。 100%を選択するには、最も高い表示可能なオプションが72%であるため、値フィールドに値を入力する必要があります。最後の行を強調表示して21%にしました。

18/19

スケールテキスト

次に、テキストを拡大/縮小します。互いに関連したテキストの行の割合が気に入っていましたが、全体を少し大きくしたいと思っていました。この変更を行うには、選択ツールを使用してテキストをクリックし、 オブジェクト > 変換 > 規模ユニフォームオプションを選択して、値を入力 - 125%を選択 - をクリック OK。次に、テキストをクリックしてドラッグして、さらに左に配置します。

19の19

最終調整を行う

今すぐ最終調整を行います。レイヤーパネルで、非表示のパスの左側にある空のボックスをクリックして目のアイコンを表示し、パスを表示させます。また、レイヤーパネルで、このサブレイヤーをクリックして他のサブレイヤーの上にドラッグすると、アートボード上のテキストの前にピールバックシェイプが配置されます。

このデザインでは、テキストの一番上の行を元の位置に残し、テキストの右から2番目と3番目の行を残しておきたいと考えました。この変更を行うには、タイプツールを選択し、カーソルを2行目の前に置き、タブを押してから3行目まで同じ操作を行います。必要に応じて、1行のテキストをクリックしてドラッグして選択し、文字パネルで先頭を微調整することもできます。

一度、すべての様子が好きなときは、 ファイル > 保存する、あなたは終わった!あなたは今すぐ使用できるように、ページカール効果を備えた剥離バックステッカーを持っています。