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

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

   

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

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

人気記事ランキング一覧のタイトルとタグを、テキストツールを使って作成していきましょう。



この動画で学べること

・人気記事ランキング一覧のタイトルとタグの作成方法



テキストボックスを使って記事のタイトルを作成しよう

今回は、記事のタイトルをデザインしていきたいと思います。
まずは、画像とテキストの間に余白が10pxあるので、をものさしツールで測ってガイドを引きましょう。
ガイドが引けたら、タイトル部分を作成するので、テキストツールに切り替えてテキストボックスを作成します。
その中に文字を入力し、スタイルの変更を行っていきます。




カテゴリタグを作成しよう

次に、カテゴリタグを作成しましょう。
テキストツールで文字の入力をし、確定してから文字パネルでスタイルを変更していきます。


背景は、長方形ツールで四角形を作り、色をロゴと同じオレンジにしておきます。
内側の余白を3pxずつとり、背景の大きさを調節します。
最後に、文字の色を白色に変更すれば、カテゴリタグの完成です。