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

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

步驟/方法

完成後的效果很不錯哦

FOOTER部分

第十七步網頁底部
到了我們創建底部的部分了,首先我們使用矩形選框工具,在頁面上選擇下圖這樣一個區域,使用顏色#462d0f填充,選擇直線工具繪製一條直線顏色設置為#a05d18。

到了底部的分類部分了,我們要又一次繪製一個大的選框,顏色填充為#472a0b ,圖層的不透明度度設置為78%,接著創建另一個圖層顏色填充為#fffcd1。下一步添加膠片顆粒效果最後把圖層的不透明度設置為30%圖層樣式為正片疊底。

完成後你應該看到的樣子

最後我們只需重複我們在footer部分的操作或者複製圖層把它移到底部,這樣你就可以添加內容了。看下下面的預覽圖,是否有些啟示列,希望你喜歡。

恭喜!你已經圓滿完成這個教程我們在這個BoxedArt 網站設計中也學到一些有用的photoshop技巧知識。

注意事項

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

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