IllustratorとPhotoshopの連携でバナーを作る4

テキスト制作

 テキストツール選択、カンバス中心付近をクリック。オプションバーで

小塚ゴシックPr6N　48px　鮮明　中央揃え#ffffff

旅行券と入力し確定。

レイヤーパネル下部【fx】から【レイヤースタイルを追加】→【境界線】#f633c1に設定

旅行券レイヤーが選択されているのを確認したら【fx】→【レイヤースタイルを追加】→【ドロップシャドウ】

描画モードを通常、カラーを#ffffff、不透明度100%、距離0px、スプレッド100%に設定

移動ツールで位置の調整。

長方形ツールを長押しして角丸ツールを選択。オプションバーから

W62

H25

丸み100

長方形レイヤーの左側(サムネイル)をダブルクリックして#ffffff

テキストツールを選択しかんバス右下あたりをクリック。

小塚ゴシックPr6N　H　30px　シャープ　中央揃え　#0d9b02

3名様と入力し確定。

テキストツールを選択して【3】と【名様】の間をクリックして【名様】をドラッグしてフォントサイズを14pxに設定。

3名様をレイヤーを移動ツールで白い角丸長方形の中にうまく配置する。

テキストツールを選択しかんバス右下あたりをクリック。

小塚ゴシックPr6N　H　24px　鮮明　中央揃え　#e00000

プレゼント!!と入力し確定。

プレゼントレイヤーを選択したまま【fx】から【レイヤースタイルを追加】→【境界線】→サイズ：2px、カラー：#ffffff

プレゼントレイヤーをうまく配置。更に【レイヤースタイルを追加】→【ドロップシャドウ】→【描画モードを通常】、隣のカラーパネルをダブルクリックし、#f76969、

【不透明度：100%】、【距離：0】、【スプレッド：100%】、【サイズ：4px】に設定。そのままレイヤーパネルから【レイヤースタイルを追加】→【グラデーション】

左：#d70a0a

右：#fe7d7d

Illustratorから最初に作成したオブジェクトをコピー＆ペースト(スマートオブジェクトにチェク)

Shiftキーを押しながら右下のバウンディングボックスを左上にドラッグしサイズを縮小、ドラッグして左上に配置。【fx】→【レイヤースタイルを追加】→【カラーオーバーレイ】→#ffffff

Ctrl + Jで4つほどキラキラを複製し、バランスよく配置。

レイヤーパネルから1馬上のレイヤーを選択し、右下の方から【新規レイヤーを作成】→レイヤー名を枠線

タスクバーから日本語を解除してMキーを押しCtrl + Aを押し、カンバスの上で右クリック→【境界線を描く】

#aaaaaaにし位置を内側にしかくて確定。

バナー完成

メニューバー→ファイル→Webおよびデバイス用に保存→PNG-8を選択し保存