役に立つヒント

5分でストックサイト用のIllustratorでベクターフレームと火災バナーを作成する方法

Pin
Send
Share
Send
Send


ステップ1 サイズの新しいドキュメントを作成します 460*230 ピクセル。

ステップ2 ツールを使用する 長方形ツール(長方形(M)) サイズの長方形を描く 350*50 ピクセル。

ステップ3塗りつぶす 長方形を白にし、 ストローク 幅を設定する 2pt そして黒。

ステップ4 アイテムのチェックを外します ストロークとエフェクトのスケール(エフェクトとストロークのスケール) パレット上 変換する.

ステップ5 長方形を選択してコピーします(Ctrl + C)および新しいものを2回挿入します(Ctrl + Fコピーの上に貼り付けます)。これで、3つの長方形ができました。

ステップ6 パネルに移動 変換する 次の図のように、変換ポイントを設定します。そして、変換中の比率の同期に関するアイコンを削除します。

ステップ7 上の長方形を選択し、その長さを 80 ppi変形パネル。この長方形は「左テール」として機能します。

ステップ8 バナーの「右尾」を作成するには、次の長方形を選択し、変換ポイントを変更し(図を参照)、サイズを 80 ppi.

ステップ9 左尾を選択し、に移動します 40 ppi 左(オブジェクト>変形>移動(Ctrl + M)).

ステップ10 右のポニーテールを40ピクセル右に移動します。

手順11 押しながら両方の尾を選択 シフト ハイライトするとき。

手順12 ポニーテールにポイントを追加します。それらがまだ選択されている間に、行く オブジェクト>パス>アンカーポイントの追加(オブジェクト>パス>アンカーポイントの追加).

手順13 選ぶ 直接選択ツール(A) 左側の中間点を選択します。

ステップ14 それを先に進めます 25 ppi 右へ。

手順15 同様に、ポイントを右のポニーテールに移動します。

手順16 左尾を選択し、それを上げます 10 ピクセルアップ。

ステップ17 そして、右に移動します。

ステップ18 両方のテールを選択し、それらを戻します(オブジェクト>アレンジ>背面へ送信).

ステップ19 選択ツール ペンツール(ペン(P)) 下の図に示すように、左尾とバナーの本文を結ぶ三角形を描きます。

ステップ20 右側についても同じことを行います。

ステップ21 バナーのすべての部分を選択して行きます オブジェクト>エンベロープの歪み>ワープで作成 下の図のようにパラメータを設定します。

パラメーターを少し試してみると、次のタイプのバナーを取得できます。

レッスンはサイトの作者によって翻訳され、ロシア語で引用する場合は、サイトへのリンクが必要です。 Joshによる投稿。英語のオリジナル記事

IllustratorでVector Fireを作成する

新しいドキュメントを作成します。

RGBモードで作業する必要があることに注意してください。

長方形ツール(M)イラストレーターツールを使用して、黒の塗りつぶし(R = 0、G = 0、B = 0)の自由形式の長方形を作成します。

長方形から選択範囲を削除せずに、オブジェクト>グラデーションメッシュの作成...に移動し、ダイアログボックスで行と列の数を設定します。

直接選択ツール(A)を使用して、グリッドの中心点の1つを選択し、明るい黄色で色付けします。

次に、隣接するポイントを選択し、赤で色付けします。

グリッドの残りの内部ノードに色を付けます。これを行うために、毎回カラーパネルで色を混ぜる必要はありません。目的のノードを選択し、スポイトツール(I)を使用して、既にペイントされているノードまたはそれらの間のメッシュセルから色を取得します。

グリッドのすべての外側の点は黒のままでなければならないことに注意してください。

炎の形を作成します。この目的には、ペンツール(P)または鉛筆ツール(N)を使用できます。個人的には、鉛筆ツールの方が速いので使用したいです。このオブジェクトのパスは閉じられている必要があります。鉛筆ツールを使用してベクトルフレームの形状を作成する場合は、Option / Altキーを押しながらポイントに近づきます。

グラデーションメッシュと火の形状を選択し、[オブジェクト]> [エンベロープのゆがみ]> [トップオブジェクトで作成]に移動するか、イラストレーターのショートカットキーを使用します。Option / Alt + Command / Ctrl + C

グリッドポイントの色を編集する場合は、コントロールパネルの[エンベロープの編集]ボタンをクリックします。これで、グリッドポイントにアクセスできます。

ベクターファイアの形状を編集するには、コントロールパネルで[コンテンツの編集]モードに切り替えます。ワープツール(Shift + R)を使用して、想像したとおりに形状を変形します。

ワープツールの形状とサイズを制御する方法については、記事「Adobe Illustratorでの作業の成功方法(パート8)」を参照してください。一部の設計者は、ベクターフレームを作成するときに、ワープツールをすぐに長方形のグラデーションメッシュに適用します。しかし、この方法は気に入らないでしょう。なぜなら、多くの余分なグリッドポイントが得られ、グラデーションメッシュがまったく編集できなくなるからです。

ベクトルフレームのエッジを透明にするには、スクリーンブレンドモードを使用します。

このブレンドモードを適用すると、黒色が透明になります。

IllustratorでのFireバナーの作成

Illustratorチュートリアルのこの部分では、ベクター発射バナーを作成します。長方形ツール(M)を使用して、正方形を作成します。

正方形を暗褐色から黒への放射状グラデーションで塗りつぶします。

選択ツール(V)を使用して、正方形を長方形に変換しますが、放射状グラデーションは楕円形になります。

いくつかのベクトルライトを作成し、バナーシェイプの上に配置します。

長方形の形状をコピーして、前に貼り付けます。次に、すべての形式のベクトルライトの上にコピーを配置します。

この形状とベクトルライトを選択し、[オブジェクト]> [クリッピングマスク]> [作成]を選択するか、書き込みコマンドまたはCtrl + 7キーを使用します

放射状のグラデーションで塗りつぶした円を作成します。放射状グラデーションには、黄色、オレンジ色、および黒色が含まれます。選択ツール(V)を使用して円を楕円に変換し、画面ブレンドモードを適用します。

楕円をクリッピングパスのあるグループにドラッグして、ファイアバナーの境界からはみ出さないようにします。この操作は、レイヤーパネルで実行する必要があります。この手法を使用して、いくつかの明るいドットを作成します。

炎の間に灰色の円を作成します。

ワープツールを使用して円を変形します。今、彼らは灰のようになっています。

すべてのアッシュパーティクルをグループ化し(Command / Ctrl + G)、透明パネルでグループの透明度を下げます。

次に、いくつかの火花の明るいトレースを作成します。ペイントブラシツール(B)とグラフィックタブレットを使用して作成しました。ブラシの設定を次の図に示します。

仕事でグラフィックタブレットを使用しない場合は、ペンツール(P)で火花の光る跡を作成し、これらのパスに[ストローク]パネルから適切なプロファイルを適用できます。

トラックの色は明るい茶色で、カラードッジブレンドモードです。

上記の手法を使用して、さらに3つの火災バナーを作成しました。

在庫サイトで販売するための火災バナーの準備

友人たち、あなたの作品が売られるためには、うまく設計されていなければなりません。火の旗の下に黒い背景を作成するのは正しい決断だと思います。

タイプツール(T)を使用して、ベクター作品の名前を印刷します。

テキストに文法的なエラーを含めないでください。そうしないと、ベクターファイルが拒否されます。スペルをチェックするには、[編集]> [スペルチェック]に移動し、ダイアログボックスの[スタート]ボタンをクリックします。

ストックサイトにアップロードする前に、テキストを通常のベクターオブジェクトに変換する必要があります。これを行うには、テキストを選択して、「タイプ」>「アウトラインの作成」に進みます。

碑文が作品全体のスタイルで作られていれば素晴らしいでしょう。そのため、放射状のグラデーションで塗りつぶされた円の助けを借りて、いくつかの場所でテキストをハイライトし、カラーダッジブレンドモードを適用することにしました。

作業が完了したので、ファイルの販売準備のより退屈な技術段階に対処します。ファイルにはオープンパスを含めないでください。ドキュメントの情報パネルには、ドキュメント内でのそれらの存在が表示されます。オブジェクトのロックを解除する必要があり(オブジェクト>すべてのロック解除)、既存のすべてのオブジェクトを選択します(Command / Ctrl + A)。 [ドキュメント情報]パネル([ウィンドウ]> [ドキュメント情報])を開き、ドロップダウンメニューから[オブジェクト]を選択します。

ご覧のように、火のバナーには11のオープンパスが含まれています。そのようなパスを閉じる方法はいくつかあります。これらの目的でプラグインまたはスクリプトを使用できます。または、標準のAdobe Illustratorツールでそれらを閉じます。これについては、「Illustratorの標準機能を使用してパスを閉じる方法」の記事をご覧ください。ただし、いずれにしても、すぐにパスを自動的に閉じることに頼ることはお勧めしません。最初に、開いているパスを判別する必要があります。私たちの場合、オープンパスは火花の明るい痕跡です。自動的に閉じることはできません。レイヤーイラストレーターパネルでそれらを見つけて選択します。

次に、「オブジェクト」>「外観の展開」に進みます。すべての既存のオブジェクトを選択します。現在、作業にはオープンパスが含まれていません。

ベクトルフレームは、エンベロープオブジェクトです。

ストックサイトの検査官がこのフォームで私の作業を受け入れた場合があったため、グラデーションメッシュに変換する必要があるかどうかは100%確信できません。ただし、あなたの作品が承認を1週間以上待つことがあるため、リスクを負いません。 Envelopeオブジェクトを選択し、Object> Expandに移動します

グラデーションメッシュをどのようにきれいに作成したのか、誰も推測しません。

すべてのエンベロープオブジェクトでこれらの手順を繰り返します。ファイルサイズを縮小し、秘密を誰とも共有しないために、スウォッチ、シンボル、グラフィックスタイル、ブラシパネルからすべての要素を削除します。マイクロストックに配置するベクターファイルを準備するときは、元のEPSファイルのサイズを数倍減らす方法に関するアドバイスを読むことをお勧めします。プレビューを作成し、名前を見つけ、キーワードを選択してマイクロストックにアップロードします。あなたの販売で頑張ってください。

Adobeイラストレーターでバナーを作成する

今日は、Adobe Illustratorで独自の広告(Webバナー)を作成する方法を紹介します。たとえば、オンラインストアを利用します。さあ始めましょう!
最初に、最終結果を見てみましょう。

Adobe Illustratorで幅728ピクセル、高さ90ピクセルの新しいドキュメントを作成します。

長方形ツールを選択して728x90ピクセルの長方形を描き、「塗りつぶし」を濃い灰色の陰影にし、「ストローク」は何も設定しません。

新しいレイヤーを作成します。楕円ツールを選択して、下に大きな円を描きます。塗りつぶしを緑にし、ストロークを設定します。

次に、これらのレイヤー上のリングターゲットをクリックし、「Shift」キーを押して、レイヤーの長方形と楕円の両方を選択します。その後、形状ツールを選択し、四角形の外側にある円の部分の上に矢印を置きます。 「+」記号の付いた矢印が表示されます。「Alt」キーボタンを押すと、「-」記号が表示されます。次に、円の不要な部分を切り取りをクリックします。

シェイプを複製し、選択ツール(「V」)で幅をわずかに減らします。以下に示すように、「塗りつぶし」の色を他の緑の影に変更します。

次に、ブランドを追加します。新しいレイヤーを作成し、目的のブランドを入力するツールのタイプを選択します。これを行うには、フォント「Myriad Pro」を使用します。塗りつぶしの色として#282828を使用します。

テキストレイヤーを複製し、元の塗りつぶしテキストを純粋な白に変更し、下にドラッグして下に示す効果を実現します。

「ライン」ツールを選択してブランドの下に線を引き、「塗りつぶし」をなしにし、1ptのチェックを選択します。

同じフォントを使用して字幕を書きます。

それでは、新しいレイヤーに文章を書きましょう。塗りつぶし色#8DC63Fを使用し、このテキストにチェック#A9D161も使用します。

このテキストレイヤーを複製し、元のレイヤーの「塗りつぶし」を黒に変更し、チェックを「なし」に設定して、複製を1ステップ下にドラッグします。

Illustratorでお金のファイルを開き、コピーして、新しいレイヤーのドキュメントに貼り付けます。選択ツール(「V」)を使用して、サイズを変更および配置できます。

レイヤーをアイコンに複製し、「オブジェクト」>「変換」>「反映」に移動して垂直に反転します。

14ptの「Myriad Pro」フォントサイズを使用してテキストを追加します。

ここでは、楕円ツールを使用して簡単に実行できます。

次に、広告に表示する画像を追加します。次のように配置できます。

次に、ボタンを作成します。次の設定で角丸長方形ツールを選択して、長方形を描きます。 「塗りつぶし」の色として色#8DC63Fを使用し、1ポイントとして色#C5DE90を使用します。

四角形を複製し、色を黒に変更しても、チェックは変わりません。このレイヤーを元の長方形の下に配置し、右下にドラッグしてボタンに影を付けます。

ボタンを強調表示するには、塗りつぶし色として#FBE00Bをダイヤルし、ペンツールを使用して以下に示す外観を作成します。手順4で説明したように、フォームツールを使用してボタンに制限します。

選択したレイヤーの透明度を40%減らします。

次に、ボタンにテキストを入力します。

テキストレイヤーを複製し、元のテキストレイヤーの塗りつぶしを白に変更し、1つ下にドラッグします。

Pin
Send
Share
Send
Send