Reverse 樂活工作坊

這次我們來做一個開關吧~!!因為我覺得效果還不錯，大家就看看吧~! ^^

 

打開Photoshop，按下Control + N 開啟一個新的檔案；規格是600px X 600px ，解析度用預設值 72px即可
   
現在我們需要啟動格點(檢視>顯示>格點；或按快速鍵Crtl+')以及對齊格點(檢視>靠齊至>格點)。現在要設定格點的大小到 編輯>偏好設定>參考線、格點與切片，在格點的這一欄中將格線設為5px，細塊設為1，設置格線的顏色為＃a7a7a7
   

Step 1
設置前景色為＃e8d8a7，選擇圓角矩形工具，並畫出190px X 60px圓角半徑為30px的圓角矩形形狀
   

Step 2
現在要在這個圖形上畫2個相同大小的圓角矩形，尺寸20px X 10px半徑為5px的圓角矩形形狀
   
注意事項：增加這個圓角矩形時選項須由原先新增圖層改為組合形狀，這樣這3個圖會被視為同一個圖層；另外後來新增的圓角矩形必須使用路徑選取工具才能移動喔
 

Step 3
移到圖層面板(視窗>圖層)，然後在這個圖層(圓角矩形 1)快速按滑鼠兩下他會啟動混和模式。現在把以下功能打開：陰影、內陰影、外光暈、斜面和浮雕以及漸變覆蓋；現在我們針對上述功能詳述屬性設定
 a.斜面和浮雕設定：
    亮部模式：ffffff；陰影模式：e29261
 
  b.內陰影設定：
     混合模式的顏色：e8d8a7
 
 c.漸層覆蓋設定：
     第1的顏色：dece9b ；第2的顏色：e8d8a7
 
 d.內光暈設定：
     顏色：e29261
 
 d.陰影設定：
     混和模式顏色：ac9c6b
  
現在我們終於完成了第一層，先存檔吧~!!休息一下再繼續吧~?!
  

Step 4
接下來做的是按鈕底座的表面，先設定前景色為＃a29261，並挑選圓角矩形工具。畫出180px X 50px，半徑為30px的圓角矩形
 
繼續使用圓角矩形工具，這次要用去除前面形狀按鈕。
   
畫出170px X 40px，半徑為30px的圓角矩形。要是歪掉的話，記得喔!!是可以用路徑選取工具來移動。

好的，看一下目前的狀態吧~!!
 
現在要為這個圖層做一點加工，現在在這個圖層上快速按2下(或按右鍵)，啟動混和模式，現在打開漸變覆蓋並且修改屬性設定
a.漸層覆蓋設定：
     第1的顏色：e8d8a7 ；第2的顏色： fcecbb 
  

Step 5
設置前景色為＃d4c493並選擇圓角矩形工具。畫出170px X 40px，半徑為30px的圓角矩形
 
現在要為這個圖層做一點加工，現在在這個圖層上快速按2下。把以下功能打開：陰影、內陰影以及漸變覆蓋；現在我們針對上述功能詳述屬性設定
a.內陰影設定：
   混和模式顏色：e8d8a7
 
b.漸層覆蓋設定：
     第1的顏色：caba89 ；第2的顏色：c0b07f
   
c.陰影設定：
     混和模式顏色：e8d8a7
 
好的現在的基座基本上已經完成了，還缺螺絲孔!!
 

Step 6
現在做一個4px X 4px的正圓。設置前景顏色為ac9c6b，你可能發現，這個圓被隔線牽制住了，當然因為我們之前設定"自動靠近格線"還記得吧??不過沒關係，我們可以改變格線的大小，還記得去哪裡改嗎??
是的，到 編輯>偏好設定>參考線、格點與切片，在格點的這一欄中將格線由之前5px改為1px，即可，現在這個圓就可以乖乖的讓你移動到中間了吧???
 
  
雖然他只是一個小圓，但是還得幫他設定屬性喔，現在在這個圖層上快速按2下,啟動混和模式。把以下功能打開：陰影、內陰影；辛苦的繼續幫他修改屬性設定~~^^~~
a.內陰影設定
   混和模式顏色：b1a170

b.陰影設定
  混和模式顏色：e8d8a7
   

Setp 7
由於這個孔是左右對稱各一個的，所以你可以直接複製這一個圖層，使用快速鍵Ctrl+J，移到左邊相襯位置上；在移動過程中，你可以按下Shift保持原件在同一個水平上
這樣按鍵基座看起來比較完整了
 

存檔一下，休息一下，接下來我們要做的是按鈕喔~~!!

Step 8
設置前景色為＃a29261，還是使用圓角矩形工具。畫一個100px X 44px，半徑為30px的圓角矩形
  
這個按鈕放在這個基座時，記得要放在基座的中心點，另外前端的部分，往前2格的網點就可以了(蓋住比較亮的那個2個網格)
接下來就是針對這個按鈕進行屬性設定囉；在這個圖層快速按滑鼠兩下啟動混和模式。打開以下功能：陰影、內陰影、外光暈、斜面和浮雕以及漸變覆蓋；現在我們針對上述功能詳述屬性設定
a.斜面和浮雕設定：
   亮部模式：fcecbb；陰影模式：a49875
 
b.內陰影設定：
   混和模式顏色：ffffff
 
c.漸層覆蓋設定：
  顏色設定：位置：0->c0b07f；位置：15->caba89；位置：100-> f2e2b1
 
d.陰影設定：
  混和模式顏色： a49875
  

Step 9
將這個圖層按鈕複製一個(按下 CTRL + J)。然後在這個圖層上按右鍵選擇去清除圖層樣式。

 
在這個圖層的填滿改為0％
  
現在要為這個圖層重新定義屬性，快速按下左鍵2下啟動混和模式吧~!當然你不想清除屬性再重新定義也是可以啦~!!但是你要確定之前每一個設定直都要改到喔~!!打開以下功能：陰影、內陰影；現在我們針對上述功能詳述屬性設定
a.內陰影設定：
混和模式顏色：a49875
 
b.陰影設定：
   混和模式：908461

Step 10
將這個圖層也複製一個(按下 CTRL + J)。還是把這個圖層的樣式清除掉圖層樣式屬性。找到Step 5 長的圓角矩形。在圖層上按著Ctrl然後按下左鍵便可以載入選取範圍
 
確定你選的範圍對不對~~!! ^^|||

 回到剛剛複製的那一層(應該是最上一層吧~ :D)，按下圖層下方的圖層遮色片功能
  

Step 11
把剛剛才增加圖層遮色片的這一層，把填滿設為0％
  
現在，還是要對這一層做一點設定，快速按左鍵2下...!!什??無法啟動混和模式???沒關係在圖層上按右鍵也是可以找到這個功能的，要"特別"設定陰影屬性~!!
a.混和模式的首頁-->混和選項：自訂 中的圖層遮色片隱藏效果要打勾
 
b.陰影設定：
混和模式顏色：a29261
  
按鈕部分，現在已經完成了，接下來我想要幫他加上3個綠色的Led
 
先喝口水~~~^^|||....

Step 12
設置前景色設為＃85bc46，還是圓角矩形工具，畫一個5px X 14px，半徑為5px的圓角矩形
 

跟稍早之前一樣的做法，我們要把這3個Led做在同一個圖層上面，所以要使用組合形狀按鈕，然後一共製作3個相同大小的圓角矩形。
 
要是你怕這3個高度不同或是間距不一樣的話可以使用對齊工具，不過你得記得一次選3個圖形喔。
 
那麼把這個圖層(這3個Led可以把他們看成一個圖層，還記得吧~!!)，若想要擺在按鈕圖層的中間應該也沒問題對吧??切到移動工具(按下快速鍵~> V)，還得要一次選擇2個圖層，一個是按鈕的圖層，另一個當然是LED的圖層囉
 

Step 13
現在在這個LED快速按下2次，啟動混和模式，打開以下功能：陰影、內陰影、外光暈、內光暈以及漸層覆蓋；現在我們針對上述功能詳述屬性設定
a.內陰影設定：
   混和模式顏色：0a5626

b.內光暈設定：
   顏色設定：000000
 
c.圖層覆蓋設定：
   第1的顏色：80d248；第2的顏色： 85bc46 

d.外光暈設定：
  顏色設定：80d248

e.陰影設定：
   顏色設定：ffffff
    
來看一下"鑲"上綠光LED的效果吧~!!
 
現在可以放鞭炮了~~!!還缺加上英文字??阿~~對...還有英文字~~呵呵呵~!!

Step 14
點一下文字工具並且輸入"ON"這麼一個字。字體使用Latha，要選粗體喔，字體大小你可以自己決定，或者使用15pt，顏色設為b6a675。
  
接下來在這個文字層上快速按左鍵2下，啟動混和模式，打開以下功能：陰影、內陰影；現在我們針對上述功能詳述屬性設定
a.內陰影設定：
   顏色設定：ac9c6b

b.陰影設定：
   顏色設定：e8d8a7
 

這下真的可以放鞭炮了~~，因為終於完成了~~!!哈哈哈~~!!