當前位置:首頁>ps實例教程>ps網頁設計>logo教程>教程內容

PS制作3D效果的按鈕和圖標(4)

來源: 作者: 學習:981人次

在一個圖標論壇看到的教程,很實用,就翻譯過來了,有些地方可能翻譯的不是很準確,請多指教。
我們在進行站點設計的過程中,經常需要使用圖標表示諸如添加、刪除和編輯之類的操作。在Web2.0時代,徽章和細致的3D效果越來越流行。本教程將告訴你如何簡單的繪制出帶有漂亮3D效果的按鈕或圖標。

步驟1
創(chuàng)建一個新的文件,選擇“橢圓形工具”(U),畫一個圓形。將圓形填充上隨便什么顏色,后面它將被圖層樣式覆蓋。

步驟2
雙擊圓形圖層打開圖層樣式窗口,選擇“漸變疊加”,使用藍色和淺藍色做漸變色,在“樣式”下拉框中選擇“徑向”。最后參照下圖為漸變疊加設置“角度”并添加“斜面和浮雕效果”。
小竅門:將漸變疊加移動到圓形頂端:打開圖層樣式窗口,選中“漸變疊加”選項。按住按鈕調整漸變。





步驟3
參照下圖,復制圓形圖層,并調整到合適大小。

步驟4
雙擊剛復制好的新圖層,打開圖層樣式窗口,去掉所有前面設置的效果(漸變疊加、斜面和浮雕效果)。選擇“描邊”,在“填充類型”下來菜單中選擇“漸變”,將漸變顏色設置為白色,透明度從100%至0%。其他設置參照下圖。


步驟5
選擇“橫排文字工具”(T)創(chuàng)建一個文字圖層,使文字圖層在最頂層。選中文字圖層,打開圖層樣式窗口。選擇“顏色疊加”將文字顏色設置成白色,然后選擇“內陰影”,參照下圖進行設置。

步驟6
合并以上三個圖層,將圖層命名為“Blue Circle”。




步驟7
選擇“多邊形工具”(U),參照下圖修改設置,創(chuàng)建一個星形徽章。像步驟3一樣復制該圖層并且調整大小。
不需要從新設置圖層樣式,只需要從我們剛才制作的圖標中復制圖層樣式,然后粘貼到現(xiàn)在的圖層中就可以了。做法:選擇我們剛才創(chuàng)建的圖層Blue Circle,右鍵選擇“拷貝圖層樣式”。然后選擇剛創(chuàng)建的星形徽章圖層,右鍵選擇“粘貼圖層樣式”。
我們需要修改的地方就是在“漸變疊加”中修改漸變顏色。

總結
這是一種非常簡單的制作3D風格按鈕的方法。你可以自己更改一些樣式,例如:顏色疊加、漸變疊加等。

學習 · 提示

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

關注大神微博加入>>

網友求助,請回答!