ps設(shè)計(jì)心形網(wǎng)頁模板教程(4)

來源:站酷 作者:wangyufeng_888  學(xué)習(xí):4856人次

10、想導(dǎo)航區(qū)域加入一些文字。

個(gè)人感覺比較喜歡這樣的導(dǎo)航樣式,寬敞的高度布局,融入了主副標(biāo)題的設(shè)計(jì),注意小號字不是二級導(dǎo)航,而是用一些簡單的詞語概括每個(gè)一級導(dǎo)航是什么。類似擴(kuò)展說明。比較有新意。

Photoshop設(shè)計(jì)國外心形網(wǎng)頁設(shè)計(jì)模板教程

11、然后,要使用鉛筆工具繪制一些箭頭。當(dāng)使用鉛筆工具時(shí),可以設(shè)置1px的畫筆筆尖。你可以看到,白色像素箭頭下,同時(shí)橢圓工具創(chuàng)建了一個(gè)圓形底框。

Photoshop設(shè)計(jì)國外心形網(wǎng)頁設(shè)計(jì)模板教程

12、在導(dǎo)航下方創(chuàng)建一個(gè)較大的圓角矩形,用于放置幻燈片式的圖片動畫翻滾區(qū)域。

Photoshop設(shè)計(jì)國外心形網(wǎng)頁設(shè)計(jì)模板教程

13、為banner的動畫區(qū)域添加操作按鈕,這里使用與導(dǎo)航相同的箭頭樣式。

Photoshop設(shè)計(jì)國外心形網(wǎng)頁設(shè)計(jì)模板教程

14、在banner矩形下方,使用橢圓工具添加一個(gè)黑色的形狀,如下圖。

Photoshop設(shè)計(jì)國外心形網(wǎng)頁設(shè)計(jì)模板教程

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

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
暫無評論,交個(gè)作業(yè)支持一下吧~

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

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