実践Webデザインスキル - 第6章 Lesson3

第3回:既存のレイヤーを再利用してメニュー一覧を作ろう-1

   

テクノロジーとクリエイティブのプロを目指す人のためのオンラインスクール
月額2500円で500以上のレッスンが受けられます

このスキルのデータをダウンロード: Windows Mac

すでにある「新着情報」のレイヤーを自動選択ツールで探し当て、再利用する方法を説明します。



この動画で学べること

・メニュー紹介ページのコンテンツを作成する方法



ガイドを引いて、コンテンツの位置を調整しよう

今回は、コンテンツの「Basic Menu」部分を作成していきましょう。
まず、見出しの部分から余白をとってガイドを引いていきます。
トップページのコンテンツ部分のレイヤーをすべて選択して、ガイドにあわせるように移動させてください。



自動選択ツールで編集したいレイヤーを探そう

新着情報を「Basic Menu」に修正していきましょう。
レイヤーの自動選択ツールを使ってレイヤーを探し、テキスト部分を変更していきましょう。
移動ツールに切り替え、オプションバーの「自動選択」チェックが入った状態で画面上をクリックすると、その部分のレイヤーを自動で探してくれます。
ショートカットキー
[Mac] command ⌘
[Windows] Ctrl
で、チェックを入れたり外したりすることができるので、このショートカットを使いながら「新着情報」のテキストレイヤーをクリックで探し出し、
「Basic Menu」に入力しなおしてください。
新着情報と同じ文字スタイルでは少し字間が広すぎなので、トラッキングを調整して、Basic Menuの見出しが完成です。