photoshop制作汽車(chē)類(lèi)網(wǎng)站模板(7)
來(lái)源:未知
作者:admin
學(xué)習(xí):1135人次
效果如下:
新建850x850px大小黑色背景,用多邊形套鎖工具勾選如下圖區(qū)域
填充白色,其間依然保持選框選中狀態(tài)下添加蒙板,隨后轉(zhuǎn)換到“通道”圖層中會(huì)看到一個(gè)“圖層蒙板0通道”的圖層,將其選中,其他不要選
按ctrl的同時(shí)點(diǎn)通道中的“圖層蒙板0通道”圖層,使其產(chǎn)生選區(qū),隨后切換到圖層,新建圖層并刪除之前的圖層,填充白色,使用如下圖圖層樣式
使用矩形在形狀的上部繪制如下顏色矩形,不透明度為10%
模糊形狀到15px,同時(shí)調(diào)整漸變!
增加文字與圖片信息
將頭部導(dǎo)航垂直反轉(zhuǎn)作為底部
新建850x850px大小黑色背景,用多邊形套鎖工具勾選如下圖區(qū)域
填充白色,其間依然保持選框選中狀態(tài)下添加蒙板,隨后轉(zhuǎn)換到“通道”圖層中會(huì)看到一個(gè)“圖層蒙板0通道”的圖層,將其選中,其他不要選
隨后使用“濾鏡 > 模糊 > 鏡頭模糊”,設(shè)置半徑為10,完成后如下圖。
按ctrl+l 打開(kāi)“色階”面板。調(diào)整如下圖所示,這樣你會(huì)看到之前的棱角很厲害的多邊形變成圓角多邊形,對(duì)于做網(wǎng)站這種做法十分有用,可以用在很多場(chǎng)合,請(qǐng)大家熟練掌握
按ctrl的同時(shí)點(diǎn)通道中的“圖層蒙板0通道”圖層,使其產(chǎn)生選區(qū),隨后切換到圖層,新建圖層并刪除之前的圖層,填充白色,使用如下圖圖層樣式
完成效果如下
使用矩形在形狀的上部繪制如下顏色矩形,不透明度為10%
使用#232323 和 #383838 顏色制作1px分割線,如下紅色選中的部分
加入LOGO與導(dǎo)航文字。
制作如下兩個(gè)藍(lán)色的圓,顏色為#1a88e4
為圓設(shè)置“濾鏡 > 模糊 > 鏡頭模糊”設(shè)置成近似如下樣子即可
制作光線形狀區(qū)域
模糊形狀到15px,同時(shí)調(diào)整漸變!
用顏色#1a88e4 添加導(dǎo)航線條
使用圓角矩形,半徑設(shè)置為10,在導(dǎo)航下建立一個(gè)大的區(qū)域,并添加如下圖層樣式
增加文字與圖片信息
添加一些箭頭小圖標(biāo),樣式如下
同樣方法在做一個(gè)區(qū)域。
添加內(nèi)容
將頭部導(dǎo)航垂直反轉(zhuǎn)作為底部
最后完成的網(wǎng)站頁(yè)面如下
- 相關(guān)教程
- TA的教程
- 收藏
- 返回
- Photoshop制作
- ps網(wǎng)站模板
- ps汽車(chē)
- 汽車(chē)網(wǎng)站模板
學(xué)習(xí) · 提示
相關(guān)教程
- ps設(shè)計(jì)游戲網(wǎng)頁(yè)實(shí)例
- 用ps制作一個(gè)網(wǎng)頁(yè)模板
- Photoshop制作一個(gè)糖果店網(wǎng)站模板教程
- PhotoShop制作一個(gè)漂亮的教育網(wǎng)站頁(yè)面
- Photoshop制作清爽綠色風(fēng)格網(wǎng)頁(yè)模板
- Photoshop制作漂亮的綠色風(fēng)格的網(wǎng)頁(yè)模板
- Photoshop制作漂亮的暗紅色網(wǎng)頁(yè)框架
- Photoshop制作簡(jiǎn)潔優(yōu)雅的WordPress主題模板
- Photoshop制作筆記本電子商務(wù)網(wǎng)站首頁(yè)模板
- Photoshop制作包含3D元素的網(wǎng)頁(yè)模板布局
推薦教程
- ps設(shè)計(jì)制作居家風(fēng)格美食Blog網(wǎng)頁(yè)特效
- Photoshop網(wǎng)頁(yè)設(shè)計(jì):雜志風(fēng)格網(wǎng)站界面
- Photoshop CS5制作放射狀光線網(wǎng)頁(yè)廣告板
- PS教程:制作非常不錯(cuò)的wordpress博客網(wǎng)站模板
- PS教程:繪制清新的色彩生動(dòng)的網(wǎng)頁(yè)布局
- Photoshop繪制木質(zhì)紋理的網(wǎng)站首頁(yè)模板
- Photoshop繪制好看的老式wordpress主題
- Photoshop制作禮品店網(wǎng)站模板
- photoshop網(wǎng)頁(yè)應(yīng)用實(shí)例:制作蘋(píng)果導(dǎo)航欄
- PhotoShop設(shè)計(jì)制作懷舊風(fēng)格網(wǎng)頁(yè)的詳細(xì)教程
關(guān)注大神微博加入>>
網(wǎng)友求助,請(qǐng)回答!