Photoshopスキル ー 第3章 チャレンジ

WEBサイトのメイン画像を作ってみよう

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

チャレンジ内容

WEBサイトのメイン画像を作ってみよう



使用するファイル

・チャレンジフォルダの中にある、作業用.psdと解答.psdを2つとも開き、メニューバーのウィンドウからアレンジ、2アップ横を選択してください。
・フォルダ名「03_画像素材」の中にある画像を使用します。



進め方

01.クリッピングマスクを使って画像切り抜く

・切り抜く形はすでに準備されているので、それぞれの丸に埋め込む画像を表示にします。
・クリッピングマスクをかけるために、レイヤーの順番を変更します。
・画像のレイヤーを右クリックで「クリッピングマスクを作成」を選択します。




02.テキストツールを使った見出しの作成

・テキストツールに切り替え、オプションバーから右揃えを選択します。
・文字の入力をして、確定します。
・文字スタイルの変更をします。



03.角丸長方形ツールを使ったボタンの作成

・角丸長方形ツールに切り替えて、角丸の半径を20pxに設定します。
・カンバス上でドラッグし、ボタン背景を作成します。
・テキストツールに切り替えてボタンの文字を入力していきます。




04.カスタムシェイプツールで吹き出しを作成しよう

・長方形ツールを長押しした所にあるカスタムシェイプツールを選択します。
・オプションバーから吹き出しの形を選択します。
・カンバス上でドラッグし、シェイプを作成します。
・バウンディングボックスを表示させ、大きさや角度の調節を行います。




05.作成した吹き出しに影をつけよう

・シェイプのレイヤーを右クリックして「レイヤー効果」に進みます。
・ドロップシャドウを選択し、影の色やサイズ、距離、角度、不透明度の設定をします。