ps設(shè)計(jì)時尚風(fēng)格數(shù)碼科技電子商務(wù)網(wǎng)站模(2)

來源:站酷 作者:Wangyufeng 發(fā)布 學(xué)習(xí):10932人次

4、在頁面上方使用圓角矩形工具,創(chuàng)建一個圓角矩形,位置如下圖所示。

參數(shù)值 半徑5px,size:330*45px。

Photoshop設(shè)計(jì)時尚風(fēng)格數(shù)碼科技電子商務(wù)網(wǎng)站,PS教程,th7.cn

5、對該矩形添加如下圖層樣式。你可以找到漸變的顏色值。

Photoshop設(shè)計(jì)時尚風(fēng)格數(shù)碼科技電子商務(wù)網(wǎng)站,PS教程,th7.cn

6、請記住這個矩形圖層樣式,因?yàn)樵谙旅娴牟襟E中會多次用到它。

下一步,需要創(chuàng)建一個搜索框,如下圖所示。我們開始再一次使用圓角矩形工具。

Photoshop設(shè)計(jì)時尚風(fēng)格數(shù)碼科技電子商務(wù)網(wǎng)站,PS教程,th7.cn

7、為該層添加如下圖層樣式。為方便后面使用,需要保存下這個圖層樣式的配置信息,加入到樣式庫中。

Photoshop設(shè)計(jì)時尚風(fēng)格數(shù)碼科技電子商務(wù)網(wǎng)站,PS教程,th7.cn

Photoshop設(shè)計(jì)時尚風(fēng)格數(shù)碼科技電子商務(wù)網(wǎng)站,PS教程,th7.cn

Photoshop設(shè)計(jì)時尚風(fēng)格數(shù)碼科技電子商務(wù)網(wǎng)站,PS教程,th7.cn

8、現(xiàn)在你可以點(diǎn)擊” New Style ”按鈕,應(yīng)用到下一個需要做的矩形樣式上,并加入一些文字和圖標(biāo)。

Photoshop設(shè)計(jì)時尚風(fēng)格數(shù)碼科技電子商務(wù)網(wǎng)站,PS教程,th7.cn

9、接下來創(chuàng)建一個黑色的導(dǎo)航。

Photoshop設(shè)計(jì)時尚風(fēng)格數(shù)碼科技電子商務(wù)網(wǎng)站,PS教程,th7.cn

10、對導(dǎo)航欄使用下面的圖層樣式。并保存這個style。

Photoshop設(shè)計(jì)時尚風(fēng)格數(shù)碼科技電子商務(wù)網(wǎng)站,PS教程,th7.cn

11、在導(dǎo)航欄中創(chuàng)建另一個形狀,然后將它柵格化。我選擇用橡皮擦工具,刪除上部的形狀,然后將添加黃色。

Photoshop設(shè)計(jì)時尚風(fēng)格數(shù)碼科技電子商務(wù)網(wǎng)站,PS教程,th7.cn

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

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

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

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