PS教程:活潑手繪風格網頁的設計和製作4

摘要: 本例為Photoshop網頁設計實例教程,在教程中我們將學習如何運用PS設計和製作活潑手繪風格的網頁,本photoshop web界面教程將分背景、header部分、body部分、footer部分四個步驟講解,希望能給朋友們帶來幫助~~

步驟/方法

第八步 貼上一個便簽
我們使用了一個便簽設計來分開空間來介紹我們網站的優惠註冊信息。這個在整個盒子主題上運用的非常好,設計這樣一個便簽效果需要創建另一個新的圖層,選擇鋼筆工具使用鋼筆工具來繪製一個方形區域如下圖所示

在你完成之後轉到路徑面板,按住CTRL鍵點擊路徑圖層,接著你會看到方形區域已經載入選區了,之後使用前景色#fffb78背景色#fffcd1從左上角到右下角繪製漸變。你將會看到這樣一個熟悉的黃色便簽紙形狀。

第九步
現在我們需要再一次添加陰影效果,給這個便簽紙添加深度,所以創建另一個新層(CTRL+SHIFT+N)。過程如之前給白紙創建陰影差不多,但是是將不透明度設置為40%。你需要變換一下陰影來創建一種傾斜效果,輕微的拖動一下如圖所示。

第十步給便簽紙添加內容
下一步,給便簽紙添加一些文字,在我們的便簽紙中我們要添加一些加入等按鈕,為了創建相似的按鈕首先我們繪製一個盒子使用綠色填充,然後添加一個蒙板選擇一種grudge 筆刷。下一步遮住按鈕的一些部分看起來就像破損一樣,這就是我們創建郵戳的效果。

這個是最後呈現的效果。

注意事項

請按照步驟製作。
原作者:熊玩意

本文內容整理自網絡, 文中所有觀點看法不代表淘大白的立場