photoshop制作汽車類網(wǎng)站模板(7)
來源:未知
作者:admin
學(xué)習(xí):1135人次
效果如下:
新建850x850px大小黑色背景,用多邊形套鎖工具勾選如下圖區(qū)域
填充白色,其間依然保持選框選中狀態(tài)下添加蒙板,隨后轉(zhuǎn)換到“通道”圖層中會看到一個“圖層蒙板0通道”的圖層,將其選中,其他不要選
按ctrl的同時點通道中的“圖層蒙板0通道”圖層,使其產(chǎn)生選區(qū),隨后切換到圖層,新建圖層并刪除之前的圖層,填充白色,使用如下圖圖層樣式
使用矩形在形狀的上部繪制如下顏色矩形,不透明度為10%
模糊形狀到15px,同時調(diào)整漸變!
增加文字與圖片信息
將頭部導(dǎo)航垂直反轉(zhuǎn)作為底部
新建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)站頁面如下
- 相關(guān)教程
- TA的教程
- 收藏
- 返回
- Photoshop制作
- ps網(wǎng)站模板
- ps汽車
- 汽車網(wǎng)站模板
學(xué)習(xí) · 提示
相關(guān)教程
推薦教程
- ps設(shè)計制作居家風(fēng)格美食Blog網(wǎng)頁特效
- Photoshop網(wǎng)頁設(shè)計:雜志風(fēng)格網(wǎng)站界面
- Photoshop CS5制作放射狀光線網(wǎng)頁廣告板
- PS教程:制作非常不錯的wordpress博客網(wǎng)站模板
- PS教程:繪制清新的色彩生動的網(wǎng)頁布局
- Photoshop繪制木質(zhì)紋理的網(wǎng)站首頁模板
- Photoshop繪制好看的老式wordpress主題
- Photoshop制作禮品店網(wǎng)站模板
- photoshop網(wǎng)頁應(yīng)用實例:制作蘋果導(dǎo)航欄
- PhotoShop設(shè)計制作懷舊風(fēng)格網(wǎng)頁的詳細(xì)教程
關(guān)注大神微博加入>>
網(wǎng)友求助,請回答!