実践Webデザインスキル - 第10章 Lesson6

最終回:フッターを作成する方法-1

   

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

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

フッターに配置するロゴの複製を行い、配置させましょう。



この動画で学べること

・フッターのロゴ部分の作成方法



フッター背景を作成しよう

今回からフッターの作成に入っていきましょう。


まずは、背景部分です。
長方形ツールでガイドに合わせて長方形を作ります。
オプションバーから塗りを白色に、線を1pxの灰色に指定します。
これで背景の完成です。





ロゴを複製してフッターに配置させよう


次フッター部分のロゴを作成しますが、すでにヘッダー部分にも同じものがありますので、自由選択ツールで探し、コピーして使いましょう。
コピーができたら移動ツールを使って、ロゴをフッターに移動させます。



ロゴができたら、ロゴの下の文章も作成しましょう。
テキストツールに切り替えて、文章を入力していきます。
一度確定し、テキストのスタイルを変更します。
移動ツールに切り替えて、ロゴから20pxの余白をとり配置させれば、フッターの左部分が完成です。
次回、右側のお問い合せ部分を作成しましょう。