當(dāng)前位置:首頁>ps實例教程>ps網(wǎng)頁設(shè)計>網(wǎng)頁模板>教程內(nèi)容

photoshop制作汽車類網(wǎng)站模板(7)

來源:未知 作者:admin 學(xué)習(xí):1135人次
效果如下:

新建850x850px大小黑色背景,用多邊形套鎖工具勾選如下圖區(qū)域

填充白色,其間依然保持選框選中狀態(tài)下添加蒙板,隨后轉(zhuǎn)換到“通道”圖層中會看到一個“圖層蒙板0通道”的圖層,將其選中,其他不要選

隨后使用“濾鏡 >  模糊 > 鏡頭模糊”,設(shè)置半徑為10,完成后如下圖。

按ctrl+l 打開“色階”面板。調(diào)整如下圖所示,這樣你會看到之前的棱角很厲害的多邊形變成圓角多邊形,對于做網(wǎng)站這種做法十分有用,可以用在很多場合,請大家熟練掌握



                                       
按ctrl的同時點通道中的“圖層蒙板0通道”圖層,使其產(chǎn)生選區(qū),隨后切換到圖層,新建圖層并刪除之前的圖層,填充白色,使用如下圖圖層樣式

完成效果如下



                                       
使用矩形在形狀的上部繪制如下顏色矩形,不透明度為10%

使用#232323 和 #383838 顏色制作1px分割線,如下紅色選中的部分

加入LOGO與導(dǎo)航文字。

制作如下兩個藍(lán)色的圓,顏色為#1a88e4

為圓設(shè)置“濾鏡 > 模糊 > 鏡頭模糊”設(shè)置成近似如下樣子即可

制作光線形狀區(qū)域



                                       
模糊形狀到15px,同時調(diào)整漸變!

用顏色#1a88e4 添加導(dǎo)航線條

使用圓角矩形,半徑設(shè)置為10,在導(dǎo)航下建立一個大的區(qū)域,并添加如下圖層樣式



                                       
增加文字與圖片信息

添加一些箭頭小圖標(biāo),樣式如下

同樣方法在做一個區(qū)域。

添加內(nèi)容



                                       
將頭部導(dǎo)航垂直反轉(zhuǎn)作為底部

最后完成的網(wǎng)站頁面如下

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
血天使柒月2009-07-22 11:41
<吃驚>1相當(dāng)牛B
yang75322009-07-21 10:42
dddddddddddddddddddddddddddddd

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

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