・ [ べベルとエンポス ] ・ [ 構造 ] [ サイズ ] 押し出しのサイズを調整します国。 [ サイズ : 5px] の、 [ サイズ 20px] 。 しイヤ - スタイル ペベルとエンポス スタイル : ペベル ( 内第 : テクニック : らかに 深さ : 方向 . 0 上へー下へ サイズ : ソフト : シャドウのモード : 鋼第 スタイル レイヤー動第 0 ペベルとエンス キャンセル 新規スタイル… 0 プしビュー テクスチャ 〕シャドウ第一 光第俿知 0 をえ滝を使用 ハイライトのモード : スクリ - ン グラデーシーンオーパーしイ 二バターンオーバーしイ ・ [ テクニック ] [ ジゼルハード ] シャープな質感や氷、金属、ガラスといった硬い 質感の表現に適しています。 [ ジゼルソフト ] 側面が粗く削れたような質感となります。 「アンチェイリアス 初新設定にする都第設定にす ードロップシャドウ ・ [ 陰影 ] [ 高度 ] 光の当たり方や質感を調整します。 [ 構造 ] → [ サイズ : 20px ] において、 [ 高度 : 30 。 ] では柔らかな 光でマットな質感となります。 [ 高度 : 700] ではシャープな光で硬い質感となります。 」 0 e 」 n ニ一「〕 d 0 【 7 0 0 工 d ・ [ 輪郭 ] [ 輪郭 ] [ べベルとエンボス ] で適用した輪郭を調整します。 0 のように [ べベルとエンボス ] で設定したものに、のような 複雑な輪郭を設定すると国のような質感となります。 ・ [ ドロップシャドウ ] [ 構造 ] 影を追加します。 [ 包括光源を使用 ] にチェックすると、ドロップシャドウだけでな く、 [ べベルとエンボス ] で設定した陰影も同時に変更されます。 他のレイヤーにも反映されるので注意しましよう。 常工デイター プリセット : カスタム マッビング OK キャンセル 読み込み .. 新規… 出力 : xppendix Design い ( ・ h " 可Ⅲ、一 28 ー
05 レベル補正を行い、歪みをかける [ しベル補正 ] を選択しロのように設定します。 [ フィルター ] → [ ゆがみ ] を選択し、 [ 前方ワーブツール ] を使用 して [ プラシッールオプション ] → [ サイズ : IOO 前後 ] で歪みを 加えます。水をイメージして水溜まり部分や細い部分を作ります [ 描画モード : スクリーン ] とします国国。 しベル補正 プリセット : カスタム チャンネル : RGB 入力レベル : ラコ 出力レベル : 255 [ サイズ : 100 ] ゆがみ物景 . psd @ 108 ん ) プラシッールオプンヨン サイズ : 100 100 100 顔立ちを調第 トメッシュ第み込みオプション トマスクオプシ当ン 表示オプション プラシ再橋第オプション に工ッジをビンで・める プしビュー キャンセル OK レイヤー スクリーン ロック : / 十・ 0 ) - 水しぶき 同・ T ロ 不透明度 : 100 % 第り : 100 % スクリーンが反映された 13 “ 0 朝 . ・を 220 ー Photo 、 hop 、、Ⅲ " 、い・ or 市、 ig " で h " 可Ⅲ・Ⅲ川Ⅲ・、
0 1 ()I スプーンが溶けたような加工をする 金属が溶けたようなグラフィックを制作します。 Making liqui(l-lik( 、Ⅲ( 、 tal 金属を作る 水のような lihoto 、 hop 、、Ⅲ " 、は靆ⅲい l•、 i ロい・ h " ⅵⅢヨⅢハ [ フォント : 小塚ゴシック ] 、 [ フォントサイズ : 1 71 pt] とします。 [ 描画色 : #ffffff] と設定します。 [ 横書き文字ツール ] を選択し 溶けたテキストを描く ()2 テキストレイヤーをガイドに、 がら、スプーンが溶けたように表現します。 [ 前方ワーブッ - ル ] を選択し、 [ サイズ : 25 ~ ] OO] と調整しな [ フィルター ] → [ ゆがみ ] を選択します。 素材 [ 背景 . psd ] を開きます。レイヤー [ スプーン ] を選択し、 なゞ P h 0 t 0 s h 0 p 匚 ] lllustrator no. 030 Point llow to use マブッシッールオプンユン サイズ : ト立ちを・第 プラン再物第オプンコン トマスクイプシ 0 ン トメッン 1 をみ込みオプシ 0 ン フィルター [ ゆがみ ] とレイヤースタイル [ べべ ルとエンボス ] を丁寧に設定する 金属が溶けたような演出や光沢感のある演出に 、工ッジをビンで留める 1 住住
・ [ シェイプ ] [ サイズのジッター ] の数値を大きくするほどブラシのサイズがラ ンダムに変化します。 [ 最小の直径 ] で最小サイズをコントロールすることができます。 [ 角度のジッター ] の数値の大きさでランダムに角度が変化します プラシ設定プラシ サイズのジッター プラシ プラシ先端のシェイプ △コントロール : 筆圧 シェイプ 最小の直径 ロ散布 ロテクスチャ 傾きの大きさ ロデュアルプラシ 角度のジッター ロカラー 朝 その他 コントロール : オフ ロプラシポーズ 咼 真円率のジッター ロノイズ 〔 : 〕ウェット工ッジ コントロール : オフ ロ重ね描き効果 最小の真円率 清らかさ ロテクスチャの保護咼 左右に反転のジッター ロプラシの投影 ・ [ 散布 ] [ 散布 ] の数値を大きくするほど広範囲に散布されます。 [ 数 ] で散布量を変更し、 [ 数のジッター ] でよりランダムな散布を 設定できます。 △ ・ [ ウェット工ッジ ] 水彩のように工ッジがにじんだような表現になります。 口上下に反転のジッター 」 0 ) アこの n = 一「凵 d 0 一 ~ s 0 ) 0 q d プラシ設定 プラシ設定 プラシ設定 サイズのジッター プラシ プラシ先端のシェイプ △コントロール : 筆圧 シェイプ 最小の直経 朝 朝テクスチャ 麟きの大きさ ロデュアルプラシ 朝 角度のジッター 0 カラー コントロール : オフ ロプラシポーズ 朝 真円率のジッター ロノイズ ロウェット工ッジ コントロール : オフ 「 ) ーね機き効果 最小の真ド 0 清らかさ 朝テクスチャの保・ こ左右に反転のジッター 上下に反転のジッター ロプラシの投影 コントロール : オフ 1000 % プラシ プラシ プラシ先端のシェイツ 0 シェイプ 50 50 聞 25 印 朝テクスチャ を え を 第 ロデュアルプラシ その他 ロ左右に反を」上下に反転 ロプラシポーズ 咼 ロノイズ 角度 : 0 。 朝 ウェット工ッジ 真円率 : 100 % 朝 「 -1 重ね機き効果 硬さ 朝 △ 0 清らかさ テクスチャの保・ プラシ先端のシェイプ 0 シェイプ テクスチャ 朝 ロデュアルプラシ 朝 コントロール : オフ いカラー その他 ロプラシポーズ ロウェット工ッジ 朝重ね第き効果 0 らかさ 0 テクスチャの保命 数のジッター △ 76 フ px \ppendi 、 Design teehniqu•、 2 ド 3
no. 、・ fiu い 50 03 フ 型押しスタンプを作る レイヤースタイルを使ってリアルな型押し加工を表現します。 [ ] lllustrator P h 0 t 0 s h 0 p PHOTOSHOP Making ( 、 llibossc 、 (l stallll) 細かなレイヤースタイルの設定を行う 広告、型押しテザインのサンプル提案などにも利用 可能 Point 01 レイヤースタイルを使って質感を加える 素材 [ べース . psd ] を開きます。レイヤー [ ロゴ ] を選択し [ 描画モー ド : 乗算 ] とし、 [ レイヤースタイル ] を表示します 0 。 [ べベルとエンボス ] を選択し国のように設定します国。 [ シャドウ ( 内側 ) ] を選択しのように設定します国。 [ ドロップシャドウ ] を選択しのように設定します。ドロップ シャドウを明るい色 [#ffffff] で設定することで、ふくらみを表 現しました。 レイヤースタイル ペベルとエンポス スクイル : べベル ( 外 テクこック : 飛らかに、・ 方南 0 店へ下へ サイズ : ソフト : 高度 : 匝コ・ -125 無橋光第を使用 “に一アン第工イリアス ビビッドライト ノ、イ ) イトのモード : シャドクのを一ド : ビンライト 初期設定にする 初期設定にます しイヤーズタイル シャドウー内知 第画モード : き込み ( リニア ) 包第光題を使用 サイズ : を : アンチェイリアス 第定にする新第設定にます ノイズ : 冖 / 第一 - しネャー戈タイル ドロップンヤドウ ・い境きカラー スノレッド : サイズ : 第アンチェイリアス 0 イヤーがドロップシャドウをノックアウト 初第設定にする初第設定にす / イズ : に 0 Photo 、 hop 、、Ⅲ u 、い・ⅲ 0 い、 ig " す li ⅲ甲 libran
02 指先ツールを使って加工する レイヤーパネル上でテキストレイヤー [ paint ] を選択し、 [ 右ク リック ] → [ テキストをラスタライズ ] とします。 レイヤー [ ジェリービーンズ ] と [ paint ] を選択し [ 右クリック ] → [ レイヤーを結合 ] します。 結合したレイヤー [ ジェリービーンズ ] を選択し [ フィルター ] → [ ゆがみ ] を選択します。 [ 前方ワーブツール ] を選択し、上から下へ溶けていくようなイ メージで、文字にそって歪みを加えます 0 。 [ 属性 ] の [ ブラシッールオプション ] のサイズは [ 25 ~ 50 ] 前後の サイズで細かな箇所と大きな箇所を使い分けるといいでしよう国。 テキストをラスタライズ 同朝 T ロ & ・ 不明度 : 100 % 第り : 100 、 コック 作第用パスを作成 シェイプに変 書き ロック : 圏 / 十新・ ジェリービーンズ シャープ 清らかに MacLCD 設落テキストに変 ワープデキスト .. 0 ア ラスタライズされた クリッピングマスクを作成 レイヤーをリンク レイヤー しイヤー . ゎ : い / 十 0 リ , リービーンズ 国・ T ロ・ コック : / 十 0 0 , ジェリービーンズ 0 い : 第一 0 、物 0 5 6 、 当ノノ・ 0 ・気 しイヤ - ・を結合 表示レイヤーを合 画・を統合 3D 表示ウインドウへ去 スマートフィルター用に変換 フィルターギャラリー 広角補正 ... CameraRaw フィルター しンズ補正 ... Vanishing PO Ⅲ t.. シャープ ノイズ ビクセレート かしギャラリ— フィルター マプラシッールオプション サイズ : 100 工ッジをビンで・める 苳 0 器 A 0 器 A 0 器 R 願立もを調整 メッシュ読み込みオプション トマスクオプション 表示オプション プラシ再橋第オプション ゆがみ… 0 X . 一 0 ) e 」 ) s n = 一「」 d 0 工 s 0 ) 0 q d 10 レイヤースタイル 通常 / 十 0 6 ロック : 03 立体感を加えて完成 レイヤー [ ジェリービーンズ ] をダフ。ルクリックし、 [ レイヤース タイル ] を表示します国。 [ べベルとエンホス ] を選択し、のように設定し、立体感を付 けます国。 [ 横書き文字ツール ] を選択し、 [ フォント : 小塚ゴシック ] [ サイ ズ : 92pt ] [ フォントスタイル : H ] [ テキストカラー : # 幵 fae6 ] とし「 WET 」の文字を追加します。 [ 編集 ] → [ 自由変形 ] を使い、 paint に並行となるように合わせま す。テキストレイヤー [ WET ] を選択し、 [ レイヤースタイル ] を表示します。 0 のように [ ブレンド条件 ] の [ 下になっているレイヤー ] を [ O : 50 / 135 : 203 ] とします。この際、右側の調整ポイントの少し 左で亟〕 (C 、〕 ) キーを押しながらドラッグすると、調整ポイ ントが分割されます。 全体のサイズやレイアウトを微調整して完成です 0 。 ペベルとエンポス スタイル : ペベル ( 内働 ) テクニック : 清らかに 深さ : サイズ : ソフト : シャドつのモード : 国朝 T ロ 不透明度 : 100 % 第り : 100 % ジェリービーンズ 角度 : バイライトのモード : スクリ ーン を活光源を使用 アンチェイリアス 朝第設定にする 初期設定に戻す イヤースタイル 通第の画 第りの不第明度 : チャンネル : 0 R 0 0 0 日 ノックアウトき ) : なし 内部効果をまとめて橋画 0 クリップされたしイヤーをまとめて機画 0 透明シェイプしイヤー しイヤーマスクで効果を第す 0 ペクトルマスクで効第を第す 16 プレンド条件 : グし一 このしイヤー 下になっているしイヤー 0 / 50 135 ′ 203 [ 0 : 50 / 135 : 203 ] ( : h 山す 02 lland ・ painted い伍すい、噌 " 、 ehniqu. 、
03 プラシを反映させる 文字を線にすることによりプラシを反映することができます。 [ ウインドウ ] → [ ブラシライプラリ ] → [ アート ] → [ アート木炭・ 鉛筆 ] を選択し [ バネル ] から [ チョーク丸い ] を選んで [ 線幅 O. 25pt] にします。手描きのような文字ができました。 色を [ 線 : #ffffff] に変更します 0 。これで 1 つ目が完成です。 TÅIS MORNINC TuE CO 「匪日 S 田 CIOUS 10 09 [ チョーク・丸い ] 04 手描き風ゆがんだ文字を作成する [ フォント : Adobe Ga 「 amond P 「 0 ] [ サイズ : 100pt] [ トラッ キング : 100] [ 塗り : #ffffff] にし「 CAFE 」と入力します国国 ( 白い文字がわかるように背景をグレーにしています ) 。 [ 効果 ] → [ バスの変形 ] → [ ラフ ] を選択し、数値を [ サイズ : 2 % ] [ 詳細 : 2 / inch ] [ ポイント : 丸く ] に設定し [ OK ] を選択します 。ラフな雰囲気になりました国。 CAFE CAFE 0 文字 文字タッチッール , Adobe Garamond P 「 0 142 pt tA tT 0 18 % 100 % 100 自動 △夛 0 0 Dt 語 : 米国 オプション サイズ : 0 一 ◎バーセントし入力価 ( ◎丸く 0 ギザギザ 15 ( 三を亟 ) ー プしビュー 14 05 アピアランスを設定する 塗りと線を [ なし ] に設定し、 [ ウインドウ ] → [ アピアランス ] を 表示します。 [ アピアランスパネル ] の [ 新規線を追加 ] をクリックし、 [ 線 . #ffffff] にし [ ブラシバネル ] から先ほど使用した [ チョーク ( 丸 い ) ] を選択します国。 線八ネルで [ 線幅 : O. ] pt ] に設定します国。国のようになりま アピアランス テキスト : 手書き袋文字 ラフ 0 、・塗り : ーみ ! 文字 い 不透明度 : 初期設定 線端 : 0 0 角の形状 : 0 比率 : 4 線の位置 : ロ破線 初期設定 不透明度 : 不透明度 初期設定 0 朝イ ロ亘 2 ー 2 ! l'hoto 、 hop 、、、いⅲい r 山、 i ロ” h " ⅵⅢ・Ⅲ”・ 3 ハ
0 フ 6 no. ケチャップの 文字を作る Making I( 、 tlers 、、ⅱ h ketehup ケチャップで描いたような質感の文字を簡単に作成します。 [ コ lllustrator Photoshop べベルとエンボスのみで表現する 食品の広告や液体の文字を表現したい時に Point Ⅱ OW tO い S( 、 01 フリーハンドで文字を描く 素材 [ 背景 . psd ] を開きます。新規レイヤー [ ケチャップ ] を作成 します。 [ ブラシッール ] を選択し、 [ 描画色 : #8d0705] とします。 [ 八一ド円ブラシ筆圧不透明度 ] を選択します。 C50px] 前後のブラシサイズでフリーハンドで「 Tomato 」と描き ます。文字の周辺にも液が垂れたようなイメージで点を描きます 種轤 : 1 。 50 0 ー え一 ソフ、声プラシ第三サイズ ハード円プラシ ソフト円プラシ ハード円プラシー三不豊第一 ンフト円プラシ・三不第置 ハード円プラシ第三イズ l'holo 、 hop 、、川 " 、は 3 ⅲいい、噌 " ⅳ日川ⅵⅢ・ libran 230
■ガイドの作成方法 校正設定 色の校正 色域外警告 ピクセル縦横比 ビクセル縦比を譱認 ・ガイドを作成する プション… スクリーンモー [ 表示 ] → [ 新規ガイド ] を選択します。 をノエクストラ のように水平・垂直の好みの方向を選び位置を指定して [OK] 表示・非表示 とします。 手動でガイドを作成する場合は、 [ 表示 ] → [ 定規 ] を選択します ( ショートカット : 〔〕は硎 ) + ダキー ) 。 画像ウインドウの端に定規が表示されます。 定規の上から画像ウインドウ内側へドラッグすることでガイドを 作成することができます。 また、ガイドは [ 移動ツール ] で動かすことができます。 ウインドウ ヘルプ 表示 新規ガイド 0 Y 方向 0 水平方向 0 垂直方向 OK キャンセル ーノスナップ スナップ先 ガイドをロック 芟ガイドを消去 ; 選択したアートボードガイドを消去 新規ガイドレイアウトを作成 ... シェイプから新規ガイドを作成 スライスをロック PHOTOSHOP 新規ガイド… 07 ' ドラッグでガイドを作成 」 0 ) e. こ s n = 一〔」 d 0 q s 0 ) 0 q d 10 ・カンバスの縦横中央位置にガイドを作成する [ 表示 ] → [ 新規ガイドレイアウトを作成 ] を選択します 0 。 国のように設定します。 カンバスの四隅と、縦横中央位置にガイドが作成されます国。 新規ガイドレイアウトを作成 プリセット : カスタム ターゲット : カンバス OK キャンセル プレビュー 数を二コ 数矼こコ 高さ 間隔 間隔 マージン ウインドウ ヘルプ 表示 校正設定 色の校正 色域外警告 ピクセル縦横比 ビクセル縦横比を確認 32 bit プしビューオプション… ズームイン ズームアウト 画面サイズに合わせる アートボードを画面サイズに合わせる 0 Y 列を中央に揃えるロ既存のガイドを消去 ッ 十一 0 0 108 ん 200 % プリントサイズ スクリーンモード ノエクストラ 表示・非表示 定規 ノスナップ スナップ先 ガイドをロック ガイドを消去 選択したアートボードガイドを消去 カンバスガイドを消去 新規ガイド… シェイプから新規ガイドを作成 スライスをロック 第 HOTOSHOP. 新規ガイドレイアウトを作成 ... 13 \ppendi 、 D ハ噌 " teehniqu•、 289
04 同じ要領でテープのバーツを作成する 手順 O ] 、 02 の要領で高さ C90px] は変えすに横幅が違うテープ の八一ツをいくつか作成します。 レイヤーノヾネル上でレイヤー [ テープ ] を選択し [ 右クリック ] → [ レイヤースタイルをコピー ] し、作成した他のテープのレイヤー 上で [ 右クリック ] → [ レイヤースタイルをベースト ] します国。 レイヤースタイルを ペーストした 05 作成したバーツを並べて 文字を組んだら完成 レイヤーを複製しながら、 [ 自由変形 ] を使って好みの文字を組 んだら完成です国。 作例では文字を組む途中で余った八一ツをそのまま残してクラ フト感を出しました。 」 0 ) こ s n = 一冂〕 d 0 工 s 0 ) 0 q d 00 も″ルル ピクセルサイズを指定して選択範囲を作成する方法 web デザインの制作などではピクセル単位のサイズで調整が必要な場面が 多々あります。 そのような場合、ツール八ネルの [ 選択ツール ] を選択した後、 [ オプション バー ] を右図のように [ スタイル : 固定 ] と設定することで [ 幅 : 400px ] [ 高さ 90px] といった固定した選択範囲を作成することが可能です。 400px 90px ( : h 山す 03 、Ⅲル 1 叔・いい、噌 " teehniqu•、