日日操夜夜添-日日操影院-日日草夜夜操-日日干干-精品一区二区三区波多野结衣-精品一区二区三区高清免费不卡

公告:魔扣目錄網(wǎng)為廣大站長提供免費收錄網(wǎng)站服務,提交前請做好本站友鏈:【 網(wǎng)站目錄:http://www.ylptlb.cn 】, 免友鏈快審服務(50元/站),

點擊這里在線咨詢客服
新站提交
  • 網(wǎng)站:51998
  • 待審:31
  • 小程序:12
  • 文章:1030137
  • 會員:747

標簽式按鈕常常用在附屬導航中,線條非常漂亮,喜歡的朋友讓我們一起來設計吧。

標簽式按鈕常常用在附屬導航中,線條非常漂亮,效果圖如下:

Photoshop設計立體質感的標簽式按鈕,PS教程,站長圖庫

 

源文件下載:源文件.zip


 

下面是具體實現(xiàn)步驟:

一、Ctrl+N新建一個文檔,580像素寬,290像素高,白色背景,其他選項默認。給前景色選擇一種灰色,我這里用的顏色是#898989,使用Alt+Delete鍵給背景圖層填充此顏色。然后新建一個圖層,選擇圓角矩形工具(U),工具欄上選擇路徑屬性,半徑10個像素,在圖層中畫出路徑形狀,如下圖:

Photoshop設計立體質感的標簽式按鈕,PS教程,站長圖庫

Photoshop設計立體質感的標簽式按鈕,PS教程,站長圖庫

二、按Ctrl+Enter鍵將路徑轉化為選區(qū),選擇一種顏色填充。不要取消選區(qū),再新建一個圖層,Ctrl+i反選選區(qū),選擇矩形選框工具(M),工具屬性選擇"與選區(qū)交叉",框選出圓角矩形選區(qū)的左下角,填充為和圓角矩形相同的顏色,Ctrl+D取消選區(qū),這樣我們就得到了一個下圖中所展示的形狀,這個形狀將幫助我們來實現(xiàn)標簽式按鈕的效果。

如下圖:

Photoshop設計立體質感的標簽式按鈕,PS教程,站長圖庫

Photoshop設計立體質感的標簽式按鈕,PS教程,站長圖庫

三、使用移動工具(V)將做好的轉角移動到圓角矩形的右邊,按照垂直方向和水平方向拼接好,這里你可以將文檔放大,并使用參考線來仔細的對齊。Ctrl+J將轉角圖層再復制一層,Ctrl+T自由變換,將圖層水平翻轉,放到矩形的左下角拼合好。按住Ctrl鍵將圓角矩形和左右兩邊的的轉角圖層都選擇上,按下Ctrl+E合并三個圖層。

Photoshop設計立體質感的標簽式按鈕,PS教程,站長圖庫

四、使用放大鏡工具將文檔放大,用矩形選區(qū)工具(M)框選出按鈕下方多余的部分,利用方向鍵仔細調整位置,將多余的部分刪除掉,然后按下Ctrl+D取消選區(qū)。這樣標簽式按鈕的形狀就已經(jīng)完成了。

Photoshop設計立體質感的標簽式按鈕,PS教程,站長圖庫

五、最后給按鈕根據(jù)需要添加質感就行了。這里我做了四種樣式的標簽按鈕,供大家下載。

Photoshop設計立體質感的標簽式按鈕,PS教程,站長圖庫

 


分享到:
標簽:
用戶無頭像

網(wǎng)友整理

注冊時間:

網(wǎng)站:5 個   小程序:0 個  文章:12 篇

  • 51998

    網(wǎng)站

  • 12

    小程序

  • 1030137

    文章

  • 747

    會員

趕快注冊賬號,推廣您的網(wǎng)站吧!
最新入駐小程序

數(shù)獨大挑戰(zhàn)2018-06-03

數(shù)獨一種數(shù)學游戲,玩家需要根據(jù)9

答題星2018-06-03

您可以通過答題星輕松地創(chuàng)建試卷

全階人生考試2018-06-03

各種考試題,題庫,初中,高中,大學四六

運動步數(shù)有氧達人2018-06-03

記錄運動步數(shù),積累氧氣值。還可偷

每日養(yǎng)生app2018-06-03

每日養(yǎng)生,天天健康

體育訓練成績評定2018-06-03

通用課目體育訓練成績評定