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

ps制作一個簡單又時尚的UI按扭(2)

來源:木設(shè)計 作者:  學(xué)習(xí):1101人次

按ctrl+空格鍵,放大文檔到1600%。新建一個圖層并刪掉背景圖層。

Photoshop制作一個簡單又時尚的UI按扭,PS教程

在工具箱選擇“鉛筆工具”并設(shè)置筆尖大小為1px;前景色為白色。畫出如下圖效果:

Photoshop制作一個簡單又時尚的UI按扭,PS教程

在菜單欄找到,編緝>定義圖案;并給圖案命個名字:diagonal line pattern.

Photoshop制作一個簡單又時尚的UI按扭,PS教程

返回主文檔,按“ctrl”鍵不放;并單擊按扭圖層,使按扭圖案變成選區(qū)。

Photoshop制作一個簡單又時尚的UI按扭,PS教程

在按扭圖層上新建一個圖層,然后在菜單欄找到:編輯>填充,在彈出的對話框中,在下拉菜單中選擇“圖案”,在下面的自定義圖案選擇我們剛才自定義圖案“diagonal line pattern”。

Photoshop制作一個簡單又時尚的UI按扭,PS教程

在菜單欄找到:選擇>修改>收縮,把選區(qū)收縮2px,接下來把選區(qū)反選(ctrl+shift+I);按delete鍵刪除邊緣部分,這樣就可以把描邊顯示出來。

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

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

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

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