photoshop制作一款漂亮的網(wǎng)頁(yè)模板

2022-12-26 15:16:23 來(lái)源/作者: / 己有:50人學(xué)習(xí)過(guò)
最終效果:


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


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


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


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




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


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


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




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


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


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




得到以下效果圖:


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




選擇另外一個(gè)邊緣稍寬的圓形形狀,在左邊位置,畫幾個(gè)大小不一的圓形,用變形工具變形,




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


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


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


制作網(wǎng)站左上方logo,由添加漸變的星形筆刷和域名構(gòu)成,以下為漸變系數(shù)、字體系數(shù)與得到效果: