Photoshop設(shè)計(jì)教程:設(shè)計(jì)一款漂亮的網(wǎng)頁(yè)模板
最終效果:
首先,新建一個(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,作者所用方法為選中縮略圖邊界,按住alt點(diǎn)擊左鍵,得到效果一致),如下:
學(xué)習(xí) · 提示
相關(guān)教程
- 網(wǎng)頁(yè)模板,設(shè)計(jì)酒吧主題網(wǎng)頁(yè)模板實(shí)例
- ps黑色風(fēng)格網(wǎng)頁(yè)模板
- ps一個(gè)木紋風(fēng)格網(wǎng)頁(yè)模板
- PS設(shè)計(jì)一個(gè)葡萄酒博客網(wǎng)頁(yè)模板
- PS創(chuàng)建一款簡(jiǎn)潔大方的歐美商務(wù)網(wǎng)站首頁(yè)
- 如何創(chuàng)建一個(gè)Fancy的設(shè)計(jì)工作室網(wǎng)頁(yè)布局
- PS設(shè)計(jì)制作一個(gè)清爽的藍(lán)色海洋風(fēng)格網(wǎng)
- 用ps制作一個(gè)網(wǎng)頁(yè)模板
- PhotoShop制作一個(gè)漂亮的教育網(wǎng)站頁(yè)面
- Photoshop制作清爽綠色風(fēng)格網(wǎng)頁(yè)模板
推薦教程
- Photoshop網(wǎng)頁(yè)設(shè)計(jì):雜志風(fēng)格網(wǎng)站界面
- PS教程:制作非常不錯(cuò)的wordpress博客網(wǎng)站模板
- Photoshop CS5制作放射狀光線網(wǎng)頁(yè)廣告板
- PhotoShop設(shè)計(jì)制作懷舊風(fēng)格網(wǎng)頁(yè)的詳細(xì)教程
- PS教程:繪制清新的色彩生動(dòng)的網(wǎng)頁(yè)布局
- photoshop網(wǎng)頁(yè)應(yīng)用實(shí)例:制作蘋果導(dǎo)航欄
- ps設(shè)計(jì)制作居家風(fēng)格美食Blog網(wǎng)頁(yè)特效
- Photoshop制作禮品店網(wǎng)站模板
- Photoshop繪制好看的老式wordpress主題
- Photoshop繪制木質(zhì)紋理的網(wǎng)站首頁(yè)模板