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

2023-11-12 09:22:36 來源/作者: / 己有:1人學(xué)習(xí)過

復(fù)制矩形,移動(dòng)到離第一個(gè)矩形20px處,以此類推,再加上素材里的圖片,重復(fù)蒙版的步驟。

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

Step 28

重復(fù)簡(jiǎn)介部分的操作,記得對(duì)齊。

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

Step 29

把矢量素材的刷新圖標(biāo)拖進(jìn)來,顏色疊加#a0a2a4,大小20x20px,位置:距圖片下方20px,

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

Step 30

最后一步咯

打字,大小14pt,加粗,輸入Loading…移動(dòng)到距圖標(biāo)10px處,水平對(duì)齊。然后一起移動(dòng)兩個(gè)圖層,直到在參考線的中間。

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

現(xiàn)在一個(gè)作品集時(shí)間軸的效果圖已經(jīng)完成了,你隨時(shí)可以交給網(wǎng)頁設(shè)計(jì)師,在瀏覽器上實(shí)現(xiàn)它。

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

 

希望在這個(gè)教程你能學(xué)到新的東西,有問題或想法在評(píng)論區(qū)回復(fù),歡迎曬作品喲。