Photoshop設(shè)計(jì)制作冬天主題的網(wǎng)頁(yè)教程
先看下效果吧 :)
第1步:新建文件(ctrl+N),全選(ctrl+A)填充#e3f2f6色;取消選擇(ctrl+D)
第2步:設(shè)置參考線;編輯>首選項(xiàng)>常規(guī)>網(wǎng)格(ctrl+K)
第3步:激活網(wǎng)格(ctrl+'),按F8打開窗口>信息,選擇圓角矩形工具(U)設(shè)置半徑為10px,圓角矩形寬度為960px;隱藏網(wǎng)格(ctrl+')
第4步:選擇標(biāo)尺(ctrl+R)
第5步:找張喜歡的風(fēng)景;使用移動(dòng)工具(V)移動(dòng)到適合的位置,并轉(zhuǎn)換為智能對(duì)象(右鍵單擊圖層,選擇轉(zhuǎn)換為智能對(duì)象)。進(jìn)入編輯>自由變換(ctrl+T),然后選擇濾鏡>銳化;設(shè)置這層的混合模式為“疊加”不透明度為80%
添加圖層蒙版,選擇漸變工具(G)從黑到白
第6步:新建組(ctrl+G),然后新建圖層;選擇圖像>應(yīng)用圖像,點(diǎn)擊確認(rèn);使用矩形選區(qū)工具(M)創(chuàng)建380px x 90px大小選區(qū),反選(ctrl+shift+I);刪除;然后取消選區(qū)(ctrl+D)
第7步:轉(zhuǎn)換為智能對(duì)象(右鍵單擊圖層,選擇轉(zhuǎn)換為智能對(duì)象),載入選區(qū)(ctrl+左鍵點(diǎn)擊圖層);添加圖層蒙版;選擇濾鏡>模糊>高斯模糊,然后選擇濾鏡>雜色>添加雜色;選擇濾鏡>銳化>銳化
第8步:選擇圖層>新建調(diào)整圖層>亮度/對(duì)比度,(打勾創(chuàng)建剪切蒙版選項(xiàng))
第9步:創(chuàng)建同上大小矩形工具(U),顏色為#9dd8ed,雙擊圖層選擇圖層樣式>斜面和浮雕,圖層混合模式為>正片疊底,不透明度為25%
第10步:在第6步圖層下方新建層,在層使用矩形工具創(chuàng)建同上相同大小的矩形,然后設(shè)置圖層樣式,如圖:
第11步:選擇文本工具(T)文字顏色為#f2feff;雙擊打開圖層樣式對(duì)話框做一下設(shè)置
第12步:新建圖層,載入白色圓角矩形選區(qū),并隱藏該層,選擇矩形選區(qū)工具(M)做一下設(shè)置,然后顯示圓角矩形層;
第13步:鎖定透明區(qū)域;然后選擇濾鏡>模糊>高斯模糊;選擇濾鏡>雜色>添加雜色;選擇濾鏡>銳化>銳化
第14步:添加圖層樣式
第15步:選擇圖層>新建調(diào)整圖層>亮度/對(duì)比度,(打勾創(chuàng)建剪切蒙版)
第16步:設(shè)置前景色為#b1e3f3,選擇矩形工具(U)創(chuàng)建剪切蒙版,混合模式為>正片疊底,不透明度為25%
第17步:添加文字,顏色為#f2feff
第18步:選擇圓角矩形(U)半徑為6px;顏色為#f0f7f9;輸入文字:斜體、#a1c6D0。
第19步:使用矩形 工具,大小問哦600 x 250像素,顏色為#ebf3f5;左邊距為30像素,上邊距為20像素;設(shè)置圖層樣式:
第20步:添加一張圖片,移動(dòng)到合適位置創(chuàng)建剪切蒙版
第21步:使用自定義形狀工具(U)創(chuàng)建一個(gè)白色箭頭,設(shè)置圖層樣式
第22步:重復(fù)箭頭(ctrl+J),選擇編輯>變換>水平翻轉(zhuǎn),設(shè)置圖層樣式
第23步:創(chuàng)建5個(gè)矩形,大小為100 x 100像素;對(duì)齊
第24步:使用鋼筆工具(P)創(chuàng)建一個(gè)方塊上方的小三角形使用顏色#d2d2d2
第25步:新建圖層,創(chuàng)建600 x 1像素的水平線,亞瑟為##eeeeee
第26步:使用矩形工具(U)大小為280 x 120像素,添加一些文字
第27步:復(fù)制5個(gè)
第28步:選擇矩形工具(U)建立一個(gè)顏色#eeeeee垂直分割線
第29步:選擇矩形工具(U)建立一個(gè)300px寬矩形,顏色#f5f9fa。
第30步:選擇行工具(U)創(chuàng)建一個(gè)工具欄垂直線使用顏色#d1e2e6 。 復(fù)制這一層(Ctrl + J)移動(dòng)到補(bǔ)工具欄的右側(cè)。
第31步:使用矩形工具(u)創(chuàng)建四個(gè)125 x 125px大小的矩形
第32步:添加文字和矩形
學(xué)習(xí) · 提示
相關(guān)教程
- PS簡(jiǎn)潔網(wǎng)頁(yè)美工教程
- ps設(shè)計(jì)制作wordpress主題網(wǎng)站
- ps設(shè)計(jì)教程:ipad主題網(wǎng)頁(yè)制作教程
- PS設(shè)計(jì)制作攝影主題網(wǎng)站主頁(yè)教程
- PS教程:卡通動(dòng)漫WordPress主題網(wǎng)頁(yè)設(shè)計(jì)
- Photoshop制作簡(jiǎn)潔優(yōu)雅的WordPress主題模板
- Photoshop設(shè)計(jì)Wordpress主題網(wǎng)站界面教程
- Photoshop繪制簡(jiǎn)潔的包含云朵主題的網(wǎng)頁(yè)
- Photoshop繪制好看的老式wordpress主題
推薦教程
- Photoshop制作禮品店網(wǎng)站模板
- Photoshop網(wǎng)頁(yè)設(shè)計(jì):雜志風(fēng)格網(wǎng)站界面
- ps設(shè)計(jì)制作居家風(fēng)格美食Blog網(wǎng)頁(yè)特效
- Photoshop CS5制作放射狀光線網(wǎng)頁(yè)廣告板
- photoshop網(wǎng)頁(yè)應(yīng)用實(shí)例:制作蘋果導(dǎo)航欄
- PS教程:繪制清新的色彩生動(dòng)的網(wǎng)頁(yè)布局
- Photoshop繪制木質(zhì)紋理的網(wǎng)站首頁(yè)模板
- Photoshop繪制好看的老式wordpress主題
- PhotoShop設(shè)計(jì)制作懷舊風(fēng)格網(wǎng)頁(yè)的詳細(xì)教程
- PS教程:制作非常不錯(cuò)的wordpress博客網(wǎng)站模板