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

第6回:人気記事ランキングを作成する方法-6

   

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

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

記事と記事の間の区切り線を、ブラシツールを使って直線(点線)をつけていきましょう。



この動画で学べること

・鉛筆ツールで点線を描く方法



鉛筆ツールで記事の間の点線を作っていこう

今回は、記事の間の点線を作成します。
ナビゲーションで作った点線と同じ要領で作っていきましょう。



レイヤーパネルのしたにある「新規レイヤーを作成」のアイコンをクリックして、点線のためのレイヤーを追加しておきます。
鉛筆ツールに切り替えて、ブラシパネルを表示し、半径が1pxのものを選択します。
点線を描きたいので、間隔が200%になっていることを確認したら、ブラシの設定はOKです。
あとは線を描くだけですが、まっすぐな線にするためにShiftを押しながらドラッグしましょう。



点線が記事と記事の余白のど真ん中にくるように、長方形選択ツールと移動ツールを使って整列させましょう。
この方法で、それぞれの記事の間に点線を配置してください。


これで、人気記事ランキングの完成です。
レイヤーを整理して、次に進みましょう。