ウェブデザインB 第14回

前回の振り返り

前回は演習Web01のトレースを途中まで行い、以下のPhotoshopスキルを習得しました。

• コーディング作業を意識したレイヤー構成(フォルダ名の命名など)
• クリッピングマスクの復習
• ガイドに吸着させる正確な長方形の作り方の復習

動画のPart.1の途中の「メイン画像のブロック」の制作までで終わっていたので、
同じく動画のPart.1の「コンセプト」からトレース作業をはじめ、行いましょう。
編集中のファイルは間違いがなければ「学籍番号_traceWeb01.psd」のはずです。

まずPhotoshopを開く前に使用するフォントのインストールを行っておきましょう。
サンプルファイル内のTrue TypeフォントファイルをドラッグやShiftクリックで全て選び、
「右クリック > インストール」でインストールしておいてください。

演習Web01 デザイントレース「デザイン会社のWebサイト」 その2

トレース・模写の条件(再掲)

ではトレース作業を行いましょう。その際の条件は以下。

1. ナビゲーションメニューの「私たちについて」の「私たち」を自分の氏名に変更する。

以上です。
今回はそのままYoutubeを開いてしまいましょう。

Part.1 トレース手順動画(07:50～)

Part.2 トレース手順動画

次回はPart.2の07:01からです。