演習Web02 オリジナルデザイントレース「情ビInstagramバナー」

基本情報&ポイント

トレースの基本情報

まずはトレースの基本情報の確認です。

基本情報

• バナー 500px x 500px
• 構成要素・・・見出し(日本語)・装飾文字(英字)/キャッチコピー/Instagramアイコン/写真/背景イラスト

サイズはバナーで、横500px x 縦500pxです。

使用データ

• 写真・・・__img_photo(.psd)
• 背景イラスト・・・__illust_flower(.ai)/Follow me横のライン・・・__illust_line(.ai)
• Instagramロゴ・・・Instagram_Glyph_Gradient(.ai)

「背景イラスト」と「Follow me横のライン」をあらかじめIllustratorで開いておきましょう

使用フォント(Googleフォントからダウンロード)

• 英語・・・Corinthia(Instagram/Follow me!)
• 日本語(手書き風)・・・ふい字(情報ビジネス学科Instagram)
• 日本語(ゴシック体)・・・Zen Kaku Gothic New(在学生と先生が学科を紹介)

課題データ内のTTFファイルをあらかじめインストールしてすぐに使えるようにしておきましょう。

使用カラー

• ホワイト(英語・日本語背景・Instagramロゴ背景)・・・R:254/G:253/B:253(#fefdfd)
• ブラック(日本語)・・・R:51/G:51/B:51(#333333)
• オレンジ(背景)・・・R:242/G:155/B:118(#f29b76)

トレースのポイント

今回習得すべきトレースのポイントは「縦書き文字」「座布団」「背景イラストの配置」です。

トレース開始

Web02__main(.psd)を開く

今回はWebバナーのため、Photoshopでトレース作業を行います。

すでに「Web02__main(.psd)」に「下絵」として画像を埋め込み「トレース」グループも作成してます。
ファイルのダブルクリック、もしくはPhotoshop上部メニューからファイルを開きましょう。

1. Web02__main(.psd)をダブルクリックするか、Photoshopを起動して上部「ファイル>開く」よりWeb02__main(.psd)を開く。
2. 上部「ファイル > 保存」をクリックし保存先をUSBメモリなど管理できるフォルダを指定、
   保存名を「学籍番号_traceWeb02.psd」にして保存する。

ではトレース作業に入ります。