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

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

   

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

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

人気記事ランキングの見出しを、無料のアイコンにカラーオーバーレイをかけて作成していきます。



この動画で学べること

・見出しの作成方法



カラーオーバーレイを使って見出しのアイコン作成しよう

見出しのアイコンを作成していきましょう。
ダウンロードしたフォルダにある、王冠.pngをドラッグ&ドロップでカンバスにもってきてください。
バウンディングボックスが表示されているので、だいたいの大きさに縮小します。
オプションバーから確定してください。



次に、アイコンにカラーオーバーレイをかけていきます。
レイヤースタイルのボックスを立ち上げ、カラーオーバーレイを選択します。
描画モードを通常にし、色をロゴと同じオレンジにしてください。




見出しのテキストをデザインしよう

テキストツールに切り替えて、見出しを作成ます。
「人気記事ランキング」と入力し、一度確定をしてから文字のスタイルを変更してください。
文字が完成したら、アイコンの大きさと余白を調整し、見出しを配置していきます。