実践Webデザインスキル - 第9章 Lesson10

第8回:新着記事一覧を作成する方法-2

   

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

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

シェイプツールを使って、記事一覧の背景を作成していきます。



この動画で学べること

・新着記事一覧の背景の作成方法



長方形ツールで記事の背景となる四角形を作成しよう

見出しが完成したので、記事一覧を作成していきましょう。
まずは、背景の四角形を作るので、長方形ツールに切り替えてください。
カンバス上でクリックし、ボックスが表示されたら幅650px、高さ154pxと入力してOKを押します。
塗りを白色、線を1pxの灰色に設定します。



長方形ができたら、位置を変更しましょう。
移動ツールに切り替えて、見出しに長方形をぴったりと引っつけてShiftを押しながら下の矢印キーを2回押すと長方形が20pxずれていきます。
これで、20pxの余白をとって正しい位置に記事の背景を配置できました。



次の動画では、記事のサムネイル部分を作成していきましょう。