設計筆記本

單一個圓角矩形
點選【圓角矩形工具】之後有兩種方法可以在工作區域來施作
 

(繼續閱讀...)

fredevangigi 發表在 痞客邦 留言(0) 人氣()

資料來源：站酷 http://www.zcool.com.cn/article/ZNDQxNDA=.html
 
1、使用【矩形工具】畫出一個區塊

(繼續閱讀...)

fredevangigi 發表在 痞客邦 留言(1) 人氣()

資料來源：藍色理想 http://www.blueidea.com/tech/graph/2009/7036.asp
 
原圖與成果
       

(繼續閱讀...)

fredevangigi 發表在 痞客邦 留言(0) 人氣()

fredevangigi 發表在 痞客邦 留言(0) 人氣()

資料來源：興奇購物網商品介紹頁的原始碼 http://buy.yahoo.com.tw/
 
成果

(繼續閱讀...)

fredevangigi 發表在 痞客邦 留言(0) 人氣()

資料來源：藍色理想 http://www.blueidea.com/tech/graph/2003/638.asp
  
1、新建圖層，填充漸變：
 

(繼續閱讀...)

fredevangigi 發表在 痞客邦 留言(0) 人氣()

資料來源：藍色理想 http://www.blueidea.com/tech/graph/2003/562.asp
 
 
 

(繼續閱讀...)

fredevangigi 發表在 痞客邦 留言(0) 人氣()

資料來源： http://www.blueidea.com/tech/graph/2010/7932.asp
 
這篇photoshop教程非常詳細的介紹高質感的按鈕打造方法。 製作之前先大致了解一下按鈕的構造，由底向上逐步把按鈕分解為一些圓形區域。 然後由下至上用選區及圖層樣式做出各層的質感和光感。 最後再整體渲染即可。
 

(繼續閱讀...)

fredevangigi 發表在 痞客邦 留言(0) 人氣()

   
 
建立800*600、白底、解析度72dpi的圖片
 

(繼續閱讀...)

fredevangigi 發表在 痞客邦 留言(0) 人氣()

資料來源：藍色理想 http://www.blueidea.com/tech/graph/2003/484.asp
 
 
 

(繼續閱讀...)

fredevangigi 發表在 痞客邦 留言(0) 人氣()

 
 



 
新建一個圖層，再用路徑畫出一個箭頭來，因為我們要做出一種很可愛的感覺，所以需要對它的邊角做圓滑處理。


 
按下Ctrl+Enter把路徑轉化成選取區，切換到色版面板，新建一個alpha通道，在新建的通道裡面填充白色；再取消選取區，用高斯模糊，數值4.3左右，打開色版，把左右兩個黑白三角箭頭像中間靠攏，使得輪廓變清晰(完全不懂作用何在)，圓角完成。


 

按著Ctrl單擊該通道，載入選取區，切換到圖層面板， 新建一個圖層，並填上綠色 #02A600

 

複製該圖層，並選定複製圖層的不透明像素：從左至右填充橫向漸變 #CCFF2F → #25CA00

把漸變圖層向上移動4個像素。

 
用鋼筆工具畫出高光路徑。


 
新建一個圖層，用3個像素的硬毛筆執行路徑描邊：然後兩邊用橡皮擦擦出逐漸淡出的效果。


 
新建一個圖層，勾出一個三角選取區，以白色到完全透明建立水平線性填充。


 
複製上面的漸變層，並將透明度改為68%，而底下的漸變層設定為柔光模式。


 

按著Ctrl載入外輪廓的選取區，執行2像素的描邊，顏色為#037B02。

 
新建一個圖層，在尾部拉出一個2像素高的選取區，填充出白色到完全透明的水平漸層，來做出尾部的高光細節。


 
新建一個圖層，並放到最下層，做一個黑色到完全透明的放射填充；按下Ctrl+T，把它壓扁拉長


 
將這個黑色圖層拉到箭頭下面，透明度設為30%，即完成。

(繼續閱讀...)

fredevangigi 發表在 痞客邦 留言(0) 人氣()

成果
 
 
步驟

(繼續閱讀...)

fredevangigi 發表在 痞客邦 留言(0) 人氣()