當(dāng)前位置:首頁>ps實例教程>ps網(wǎng)頁設(shè)計>按鈕圖標(biāo)>教程內(nèi)容

Photoshop設(shè)計常見的網(wǎng)站聯(lián)系我們按鈕

來源:未知 作者:bbs.16xx8.com 學(xué)習(xí):302人次


作者:佚名   出處:一起PS吧

本教程學(xué)習(xí)如何用Photoshop的圓角矩形工具和圖層樣式打造網(wǎng)站常見的聯(lián)系按鈕,感興趣的同學(xué)可以跟著教程來學(xué)習(xí)

先看效果圖。

新建文檔1280x1024像素,建新層,填充黑色,添加圖層樣式。

效果如下。

建新層,畫一個黑色的圓角矩形。

添加圖層樣式。

效果如下。


 

建新層,畫一個黑色正圓,添加和上一步相同的樣式。

暫時隱藏圓形層,底部建新層,調(diào)出圓形層選區(qū),填充黑色,去掉選區(qū),高斯模糊7像素,調(diào)出大圓角矩形選區(qū),添加蒙版。

顯示圓形層,建新層,畫一個白色正圓。

添加圖層樣式。

效果如下。

建新層,前景色白色畫一個信封圖案,之后建新層,畫一個和信封差不多大的黑色矩形。

選擇黑色矩形層,調(diào)出信封圖層選區(qū),添加蒙版。


 

添加圖層樣式。

效果如下。

輸入白色文字,添加投影樣式,底部建新層為圖標(biāo)添加一個陰影。

其它效果。




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

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
粉藍星雨2018-07-04 10:44
學(xué)習(xí)學(xué)習(xí)學(xué)習(xí)
mayday2017-05-27 10:39
學(xué)習(xí)學(xué)習(xí)學(xué)習(xí)學(xué)習(xí)
蛋無敵_2017-05-27 10:39
學(xué)習(xí)學(xué)習(xí)學(xué)習(xí)學(xué)習(xí)
卡拉不OK2017-05-27 12:09
學(xué)習(xí)學(xué)習(xí)
關(guān)夢流陽2017-05-27 12:09
學(xué)習(xí)學(xué)習(xí)
勇強勢來襲2017-05-27 12:09
學(xué)習(xí)學(xué)習(xí)
夕陽西下19942017-05-27 12:09
學(xué)習(xí)學(xué)習(xí)
是小受哦2017-05-27 12:09
學(xué)習(xí)學(xué)習(xí)
靜默黯暗2017-05-27 12:09
學(xué)習(xí)學(xué)習(xí)
頹廢吐血年代2017-05-27 12:09
學(xué)習(xí)學(xué)習(xí)
瑞希靜2017-05-27 10:36
學(xué)習(xí)學(xué)習(xí)學(xué)習(xí)習(xí)
洋小小小妞2017-05-27 09:23
學(xué)習(xí)學(xué)習(xí)學(xué)習(xí)
樂呵呵lee2017-05-27 09:23
學(xué)習(xí)學(xué)習(xí)學(xué)習(xí)
grbytff2017-05-27 09:23
學(xué)習(xí)學(xué)習(xí)學(xué)習(xí)

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

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