Photoshop設(shè)計(jì)制作冬天主題的網(wǎng)頁(yè)教程

來(lái)源:未知 作者:bbs.16xx8.com 學(xué)習(xí):357人次


作者:小魚   出處:UCD博客


先看下效果吧 :)

第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í) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
暫無(wú)評(píng)論,交個(gè)作業(yè)支持一下吧~

關(guān)注大神微博加入>>

網(wǎng)友求助,請(qǐng)回答!