Illustrator
【version】Adobe Illustrator CC
【名刺作成】
ガイドに合わせてロゴやテキストを配置
![名刺](images/meishi.png)
【ロゴ作成】
アピアランスを活用して円型のロゴを制作
![ロゴ](images/logo.png)
【複合パス】
重なった部分を切り抜き、透明の表示に変更
![複合パス](images/3.png)
【画像トレース】
写真画像をトレースしたオブジェクトを拡張
ライブペイントでカラーを変更
![画像トレース](images/4.jpg)
【パターンの適用】
パターンを登録し、外枠に設定
回転ツールを適用し、斜めの模様に変更
![ハロウィンの枠線](images/5.png)
【グラデーション】
炎を表現するために線のアピアランスを作成
アピアランスの分割後にグラデーションを設定
![グラデーション](images/6.png)
Photoshop
【version】Adobe Photoshop CC
【クリッピングマスク】
文字の形で炎画像を切り抜き
炎上している様子を文字で再現
![クリッピングマスク](images/mask.png)
![クリッピングマスク](images/9.jpg)
【レイヤーマスク】
文字色を赤にし、フォントを変更
夜空レイヤーの描画モードを輝度に設定
![文字マスクツール](images/7.png)
【パートカラー】
カラーを残したい部分をマスク
モノクロ写真の一部だけをカラーで表現
![パートカラー](images/8.jpg)
【文字パネル・段落パネル】
文字を写真幅に合わせたレイアウトを作成
![文字パネル・段落パネル](images/10.jpg)
【レイヤースタイル】
輪郭や光彩などを組み合わせて立体的な輝く文字を作成
![クリスマス](images/11.jpg)
【レイヤースタイル】
ベベルとエンボスを活用して文字に立体感を演出
![立体的な文字](images/12.jpg)
【レイヤースタイル】
ベベルとエンボス・ドロップシャドウを活用
チョコレート風文字を作成
![チョコレート風文字](images/15.jpg)
【パス上にテキストを配置】
アーチ型も文字を表現
![アーチ型文字](images/13.jpg)
【ワープ変形】
マグカップの丸みに合わせて文字を合成
![形に合わせて文字を合成](images/14.jpg)
【グラデーション】
左側の写真や文字が見やすくなるように背景色のグラデーションを設定
![おやつ教室紹介](images/16.jpg)
【予約ページバナー】
携帯の写真は、実際に表示される画面を入れて制作
情報は分かりやすくシンプルにまとめました
![ネット予約バナー](images/17.jpg)
【変形・ぼかしフィルター】
ドロップシャドウを適応せずに立体的な影を表現
![影](images/18.jpg)
【レイヤースタイル】
背景と人物がなじむようにマスクをし、光彩を設定
文字は境界線を活用して目立つように設定
![ポスター](images/19.jpg)
【レイヤースタイル】
ベベルとエンボス・ドロップシャドウ・光彩を活用
インパクトのある画像を作成
![ポスター](images/20.jpg)
【レイヤースタイル】
文字に光彩を設定
光を放っているような画像を作成
![ポスター](images/21.jpg)
【描画モード・置き換えフィルタ】
服の陰影やシワに合わせて文字を合成
![形に合わせて文字を合成](images/22.jpg)