Photoshop制作大氣的網(wǎng)頁(yè)設(shè)計(jì)主頁(yè)
2019-04-23 22:25:10
來(lái)源/作者: PS自學(xué)網(wǎng) / 浩軒
己有:690人學(xué)習(xí)過(guò)
優(yōu)設(shè) Joe譯 制作網(wǎng)頁(yè)之前,需要對(duì)網(wǎng)站的內(nèi)容有一定的了解;然后搜集相關(guān)的素材,并找一些參考案例;再自己構(gòu)思出頁(yè)面的結(jié)構(gòu)圖;最后給每一部分增加內(nèi)容,做到細(xì)節(jié)和整體都融合。 最終效果
1、在我們打開PSD網(wǎng)格模板創(chuàng)作前, 我們首先需要先構(gòu)造一下想象中的結(jié)構(gòu). 從上面的這張圖,你可以看出來(lái):因?yàn)樵谝粋€(gè)排版中又有排版,所以這是一個(gè)有點(diǎn)復(fù)雜的結(jié)構(gòu)。
2、構(gòu)造了結(jié)構(gòu)之后我們繼續(xù). 打開16欄式的PSD模板文件. 打開 “圖像 >畫布大小” . 把畫布的寬度設(shè)置為 1200px 高度設(shè)置為 1700px .把背景色設(shè)置為 #ffffff 既白色。
3、用長(zhǎng)方形工具在頂部畫一個(gè)寬100%高大概80px的長(zhǎng)方形. 用顏色: #dddddd 填充它。
4、在長(zhǎng)方形那層上面創(chuàng)建一個(gè)新層. 按住CRTL鍵鼠標(biāo)點(diǎn)擊長(zhǎng)方形層. 長(zhǎng)方形就被選中了,然后把目標(biāo)移至剛建的新層上. 選擇半徑 600px 的軟筆刷(如圖), 把其顏色設(shè)置為白色, 然后就像圖片所示那樣在選框上邊緣點(diǎn)幾下。通過(guò)這個(gè)技巧你畫出了一個(gè)微妙的照亮效果。你現(xiàn)在可以把這兩層聯(lián)合起來(lái)了。
5、建一個(gè)新層,再用長(zhǎng)方形工具如圖所示在上端畫一個(gè)深灰色的小長(zhǎng)方形。 






標(biāo)簽(TAG) 網(wǎng)頁(yè)設(shè)計(jì) 大氣