photoshop制作一款漂亮的網(wǎng)頁(yè)模板
來(lái)源:未知
作者:ps狂想曲
學(xué)習(xí):148人次
最終效果:

首先,新建一個(gè)800× 800px的畫(huà)布,用漸變工具拉出垂直漸變,顏色系數(shù)在圖內(nèi)給出。

畫(huà)布將成為這樣(水印效果為小Y翻譯時(shí)加上,作者原圖無(wú)):

新建圖層,用圓角矩形工具在中間拉出一個(gè)矩形,填充任意顏色,在圖層面板里將填充設(shè)為0%。

選擇中間矩形所在圖層,圖層樣式 漸變疊加,#3399cc~#00cccc


這是我們現(xiàn)在得到的效果:

選擇自定義形狀工具,選擇其中的一個(gè)圓形形狀。

新建圖層,畫(huà)幾個(gè)圓形,用變形工具適當(dāng)變形,最好將它們放入一個(gè)群組內(nèi),得到以下效果。


選擇大小適中的軟性畫(huà)筆用#3399cc的顏色輕涂矩形上方與圓相交區(qū)域。

在最上方新建圖層,用圓角矩形工具,再得到一個(gè)略小的矩形,至于中間,填充黑色。

加圖層樣式,外發(fā)光、漸變疊加(#003366~006699),具體參數(shù)如下:


得到以下效果圖:

選擇另外一個(gè)邊緣稍寬的圓形形狀,在左邊位置,畫(huà)幾個(gè)大小不一的圓形,用變形工具變形, 將上一步所畫(huà)的若干個(gè)變形圓形對(duì)下一層的矩形執(zhí)行 剪貼蒙版(具體操作為選中圖層按ctrl+alt+G,作者所用方法為選中縮略圖邊
選擇另外一個(gè)邊緣稍寬的圓形形狀,在左邊位置,畫(huà)幾個(gè)大小不一的圓形,用變形工具變形,


將上一步所畫(huà)的若干個(gè)變形圓形對(duì)下一層的矩形執(zhí)行剪貼蒙版(具體操作為選中圖層按ctrl+alt+G,作者所用方法為選中縮略圖邊界,按住alt點(diǎn)擊左鍵,得到效果一致),如下:

在另外一側(cè),選擇橢圓工具畫(huà)三個(gè)橢圓,顏色#003333,并將圖層面板內(nèi)填充設(shè)為70%,

選擇星形筆刷,新建圖層,在橢圓周圍畫(huà)幾個(gè)大小不一的星星,填充設(shè)為20%,

制作網(wǎng)站左上方logo,由添加漸變的星形筆刷和域名構(gòu)成,以下為漸變系數(shù)、字體系數(shù)與得到效果:
首先,新建一個(gè)800× 800px的畫(huà)布,用漸變工具拉出垂直漸變,顏色系數(shù)在圖內(nèi)給出。
畫(huà)布將成為這樣(水印效果為小Y翻譯時(shí)加上,作者原圖無(wú)):
新建圖層,用圓角矩形工具在中間拉出一個(gè)矩形,填充任意顏色,在圖層面板里將填充設(shè)為0%。
選擇中間矩形所在圖層,圖層樣式 漸變疊加,#3399cc~#00cccc
這是我們現(xiàn)在得到的效果:
選擇自定義形狀工具,選擇其中的一個(gè)圓形形狀。
新建圖層,畫(huà)幾個(gè)圓形,用變形工具適當(dāng)變形,最好將它們放入一個(gè)群組內(nèi),得到以下效果。
選擇大小適中的軟性畫(huà)筆用#3399cc的顏色輕涂矩形上方與圓相交區(qū)域。
在最上方新建圖層,用圓角矩形工具,再得到一個(gè)略小的矩形,至于中間,填充黑色。
加圖層樣式,外發(fā)光、漸變疊加(#003366~006699),具體參數(shù)如下:
得到以下效果圖:
選擇另外一個(gè)邊緣稍寬的圓形形狀,在左邊位置,畫(huà)幾個(gè)大小不一的圓形,用變形工具變形, 將上一步所畫(huà)的若干個(gè)變形圓形對(duì)下一層的矩形執(zhí)行 剪貼蒙版(具體操作為選中圖層按ctrl+alt+G,作者所用方法為選中縮略圖邊
選擇另外一個(gè)邊緣稍寬的圓形形狀,在左邊位置,畫(huà)幾個(gè)大小不一的圓形,用變形工具變形,
將上一步所畫(huà)的若干個(gè)變形圓形對(duì)下一層的矩形執(zhí)行剪貼蒙版(具體操作為選中圖層按ctrl+alt+G,作者所用方法為選中縮略圖邊界,按住alt點(diǎn)擊左鍵,得到效果一致),如下:
在另外一側(cè),選擇橢圓工具畫(huà)三個(gè)橢圓,顏色#003333,并將圖層面板內(nèi)填充設(shè)為70%,
選擇星形筆刷,新建圖層,在橢圓周圍畫(huà)幾個(gè)大小不一的星星,填充設(shè)為20%,
制作網(wǎng)站左上方logo,由添加漸變的星形筆刷和域名構(gòu)成,以下為漸變系數(shù)、字體系數(shù)與得到效果:
學(xué)習(xí) · 提示
相關(guān)教程
- 圖標(biāo)設(shè)計(jì),用PS制作一款簡(jiǎn)單的按鈕圖標(biāo)
- 圖標(biāo)設(shè)計(jì),通過(guò)PS設(shè)計(jì)制作一款逼真的玉石圖案
- 圖標(biāo)制作,用PS設(shè)計(jì)制作一款心形APP軟件圖標(biāo)
- 圖標(biāo)設(shè)計(jì),用PS制作一款小清新的擬物時(shí)鐘
- 圖標(biāo)制作,用PS制作一款由蚊子組成的APP圖標(biāo)
- 圖標(biāo)設(shè)計(jì),用PS制作一款具有水晶質(zhì)感的圖標(biāo)
- 音樂(lè)圖標(biāo),設(shè)計(jì)木質(zhì)的音樂(lè)播放器主題UI圖標(biāo)
- UI知識(shí),論新手如何單獨(dú)完成一款A(yù)PP的設(shè)計(jì)
- 網(wǎng)頁(yè)模板,設(shè)計(jì)酒吧主題網(wǎng)頁(yè)模板實(shí)例
- 淘寶海報(bào),ps設(shè)計(jì)情人節(jié)產(chǎn)品促銷主題海報(bào)實(shí)例
推薦教程
關(guān)注大神微博加入>>
網(wǎng)友求助,請(qǐng)回答!