當(dāng)前位置:首頁>ps實例教程>ps網(wǎng)頁設(shè)計>網(wǎng)頁模板>教程內(nèi)容

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

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

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

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

Step 15

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

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

Step 16

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

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

Step 17

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

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

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

Step 18

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

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

Step 19

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

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

Step 20

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

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

Step 21

學(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)友求助,請回答!