Photoshop設計制作冬天主題的網頁教程
先看下效果吧 :)
第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) 網頁模板
上一篇:用ps制作一個簡單的導航
下一篇:ps制作立體logo