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

來源:優(yōu)設(shè) 作者:佚名 學(xué)習(xí):28457人次

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

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

Step 28

重復(fù)簡介部分的操作,記得對齊。

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

Step 29

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

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

Step 30

最后一步咯

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

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

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

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

 

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

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
曙光_照亮黑夜2017-06-01 05:38
過來看看 是怎樣搞的Katherine 的原帖:有中文版的嗎?
曙光_照亮黑夜2017-06-01 05:38
沒有中文版的?
Katherine2017-05-28 04:16
過來看看 是怎樣搞的
此處無需多言2017-05-28 02:42
看起來很好的效果
塞尚的蘋果2017-05-28 04:16
真復(fù)雜啊~~~~~

關(guān)注大神微博加入>>

網(wǎng)友求助,請回答!