ps cs6設(shè)計(jì)個(gè)人作品網(wǎng)頁(yè)模板教程

2024-01-21 17:28:33 來(lái)源/作者: / 己有:0人學(xué)習(xí)過(guò)

把聯(lián)系人的圖標(biāo)拖進(jìn)來(lái),轉(zhuǎn)成智能對(duì)象,大小調(diào)整成16x16px,顏色疊加#27b599,位置在目錄30px下,緊貼第一條參考線。

Photoshop設(shè)計(jì)時(shí)尚的個(gè)人作品網(wǎng)頁(yè)界面

Step 15

重復(fù)上次步驟。唯一不同的是,「關(guān)于」的文本顏色改為#424a51

Photoshop設(shè)計(jì)時(shí)尚的個(gè)人作品網(wǎng)頁(yè)界面

Step 16

最后創(chuàng)建聯(lián)系方式。圖標(biāo)拖進(jìn)來(lái),大小調(diào)整成16x13px,顏色疊加#088ecc,其他同上,不同的就是「聯(lián)系」字樣顏色為#424a51

Photoshop設(shè)計(jì)時(shí)尚的個(gè)人作品網(wǎng)頁(yè)界面

Step 17

現(xiàn)在做簡(jiǎn)介頁(yè)面,回到簡(jiǎn)介圖層組。

前景色改成 #f7f7f7,創(chuàng)建一個(gè)大小320x1320px的矩形,緊貼左側(cè)欄和第五條參考線。

Photoshop設(shè)計(jì)時(shí)尚的個(gè)人作品網(wǎng)頁(yè)界面

Step 18

前景色改成#e7e7e8,創(chuàng)建一條直線,大小1px,放在底部,長(zhǎng)度到第五條參考線處,見(jiàn)圖:

Photoshop設(shè)計(jì)時(shí)尚的個(gè)人作品網(wǎng)頁(yè)界面

Step 19

現(xiàn)在創(chuàng)建時(shí)間軸,利用直線工具,畫(huà)一條豎線,大小為3px,命名為時(shí)間軸,位置:距左側(cè)欄24px,頂部30px

Photoshop設(shè)計(jì)時(shí)尚的個(gè)人作品網(wǎng)頁(yè)界面

Step 20

前景色改成#d35136,畫(huà)一個(gè)圓形,大小11x11px,位置:距左側(cè)欄跟頂部都是20px,見(jiàn)圖:

Photoshop設(shè)計(jì)時(shí)尚的個(gè)人作品網(wǎng)頁(yè)界面

Step 21