Photoshop設計制作冬天主題的網頁教程

2022-12-26 13:21:42 來源/作者: / 己有:3人學習過


作者:小魚   出處:UCD博客


先看下效果吧 :)

第1步:新建文件(ctrl+N),全選(ctrl+A)填充#e3f2f6色;取消選擇(ctrl+D)

 

第2步:設置參考線;編輯>首選項>常規(guī)>網格(ctrl+K)

 

 

第3步:激活網格(ctrl+'),按F8打開窗口>信息,選擇圓角矩形工具(U)設置半徑為10px,圓角矩形寬度為960px;隱藏網格(ctrl+')

 

 

第4步:選擇標尺(ctrl+R)

 


第5步:找張喜歡的風景使用移動工具(V)移動到適合的位置,并轉換為智能對象(右鍵單擊圖層,選擇轉換為智能對象)。進入編輯>自由變換(ctrl+T),然后選擇濾鏡>銳化;設置這層的混合模式為“疊加”不透明度為80%

添加圖層蒙版,選擇漸變工具(G)從黑到白

 

 

第6步:新建組(ctrl+G),然后新建圖層;選擇圖像>應用圖像,點擊確認;使用矩形選區(qū)工具(M)創(chuàng)建380px x 90px大小選區(qū),反選(ctrl+shift+I);刪除;然后取消選區(qū)(ctrl+D)

 

 

第7步:轉換為智能對象(右鍵單擊圖層,選擇轉換為智能對象),載入選區(qū)(ctrl+左鍵點擊圖層);添加圖層蒙版;選擇濾鏡>模糊>高斯模糊,然后選擇濾鏡>雜色>添加雜色;選擇濾鏡>銳化>銳化

 

 

第8步:選擇圖層>新建調整圖層>亮度/對比度,(打勾創(chuàng)建剪切蒙版選項)

 

 

第9步:創(chuàng)建同上大小矩形工具(U),顏色為#9dd8ed,雙擊圖層選擇圖層樣式>斜面和浮雕,圖層混合模式為>正片疊底,不透明度為25%

 


第10步:在第6步圖層下方新建層,在層使用矩形工具創(chuàng)建同上相同大小的矩形,然后設置圖層樣式,如圖:

 

 

第11步:選擇文本工具(T)文字顏色為#f2feff;雙擊打開圖層樣式對話框做一下設置

 

 

第12步:新建圖層,載入白色圓角矩形選區(qū),并隱藏該層,選擇矩形選區(qū)工具(M)做一下設置,然后顯示圓角矩形層;

 

 

第13步:鎖定透明區(qū)域;然后選擇濾鏡>模糊>高斯模糊;選擇濾鏡>雜色>添加雜色;選擇濾鏡>銳化>銳化

 

 

第14步:添加圖層樣式

 


第15步:選擇圖層>新建調整圖層>亮度/對比度,(打勾創(chuàng)建剪切蒙版)

 

 

第16步:設置前景色為#b1e3f3,選擇矩形工具(U)創(chuàng)建剪切蒙版,混合模式為>正片疊底,不透明度為25%

 

 

第17步:添加文字,顏色為#f2feff

 

 

第18步:選擇圓角矩形(U)半徑為6px;顏色為#f0f7f9;輸入文字:斜體、#a1c6D0。

 

 

第19步:使用矩形 工具,大小問哦600 x 250像素,顏色為#ebf3f5;左邊距為30像素,上邊距為20像素;設置圖層樣式:

 


第20步:添加一張圖片,移動到合適位置創(chuàng)建剪切蒙版

 

 

第21步:使用自定義形狀工具(U)創(chuàng)建一個白色箭頭,設置圖層樣式

 

 

第22步:重復箭頭(ctrl+J),選擇編輯>變換>水平翻轉,設置圖層樣式

 

 

第23步:創(chuàng)建5個矩形,大小為100 x 100像素;對齊

 

 

第24步:使用鋼筆工具(P)創(chuàng)建一個方塊上方的小三角形使用顏色#d2d2d2

 


第25步:新建圖層,創(chuàng)建600 x 1像素的水平線,亞瑟為##eeeeee

 

 

第26步:使用矩形工具(U)大小為280 x 120像素,添加一些文字

 

 

第27步:復制5個

 

 

第28步:選擇矩形工具(U)建立一個顏色#eeeeee垂直分割線

 

 

第29步:選擇矩形工具(U)建立一個300px寬矩形,顏色#f5f9fa。

 


第30步:選擇行工具(U)創(chuàng)建一個工具欄垂直線使用顏色#d1e2e6 。 復制這一層(Ctrl + J)移動到補工具欄的右側。

 

 

第31步:使用矩形工具(u)創(chuàng)建四個125 x 125px大小的矩形

 

 

第32步:添加文字和矩形

 



標簽(TAG) 網頁模板