5 ★ 深綠色塊上的立體標籤

整體畫面就只有綠色系色塊，感覺還是有點單調，所以可以在色塊上方加入黃色立體標籤，來點綴畫面。

首先，要先在圖層面板下方右邊數來第二顆鈕新增圖層，接著，再使用矩形工具，上方的細部調整區要檢查是否為填滿像素，再來拉出一個黃色矩形，如下圖。

 

可將淺黃標籤加入陰影樣式，如下圖。

 

再來我們要做標籤折進深綠色塊底下的部分，先新增一個圖層(如步驟 1 )，再左下工具列的前景色(如步驟 2 )，滑鼠先滑到淺黃色塊上點選後(如步驟 3 )，再選擇比淺黃標籤還深色的黃色(如步驟 4 )，如下圖。

 

然後我們就可以拉一個小的深黃色矩形，大小就差不多淺黃圖曾多出來的部分，如下圖。

 

接著再使用 “編輯 ＞　變形 ＞　傾斜" ，如下圖。

 

選擇傾斜後，暗黃色塊的邊會出現 6 個點，按住右手邊的中間點往下拉一些，矩形會變成平行四邊形，拉好就按下 ENTER ，如下圖。

 

再來我們要將暗黃圖層拖曳到淺黃圖層的下方，好讓它被蓋住，如下圖。

 

拖曳後，暗黃再淺黃圖層的下方，就會有折過去的視覺效果，如下圖。

---

<h3 style="border:0px;margin:0px 0px 20px;padding:0px;vertical-align:baseline;clear:both;line-height:1.5em;font-size:18px;letter-spacing:2px;font-family:Arial, Helvetica, sans-serif;">6 ★ 加入標題</h3>

 

我們可以在黃色標籤上面加入文字，讓主題整個更加明確。

首先新增一個圖層，依舊是在圖層面板下方，右邊數來第二顆鈕，如下圖。

 

使用文字工具，請點選細部調整區域的『切換字元和段落面板』，使用此面板來做文字上的調整，如下圖。

 

使用字元面板，字型使用" Arial “細部選項選擇斜體的 " Bold Italic “，顏色請選擇白色，如下圖。

 

再來我們用 " ctrl + t " 自由變形快速鍵來直接調整文字大小，請按住 " shift “等比縮放，決定後請按 ENTER 即可，如下圖。

 

因為文字顏色與標籤的顏色皆為淺色系，為了讓白色文字變得更明顯，我們可以使用圖層樣式裡的筆畫樣式。

在文字圖層"文字的後方"連點兩下，再圖層樣式面板勾選筆畫樣式，改變其顏色為暗黃即可，如下圖。

 

文字部分完成，如下圖。

---

基本上，整個畫面最主要的部分都完成囉。

接下來，底下可以加點文字跟按鈕來附加畫面整體感，因為技巧和上面的教學是一樣的，所以小班長就不再重複囉嗦了。

大家可以自己練習試做看看，多多練習才能從中學到東西唷！

非常感謝大家把文章看到最後，Photoshop 是不是很好玩呢！小班長的詞彙有點少，開頭接語詞用的有點無奈..。

keyword:Photoshop入門,Photoshop教學