亚洲av无码成人专区片在线观看,亚洲av岛国动作片在线观看,少妇,喷水,亚洲av成人无遮挡网站在线观看,天堂网www资源在线

恭喜你成為UI中國推薦設(shè)計(jì)師 (詳情)
//百度統(tǒng)計(jì) 20220402 uicn

您的意見是我們 UI 中國進(jìn)步的動(dòng)力!
點(diǎn)擊立即反饋按鈕,發(fā)表您的意見!
立即反饋
QQ群反饋
您也可以加入U(xiǎn)I中國官方反饋群進(jìn)行反饋!
群號:302892100
備注:反饋問題后@管理員能讓我們及時(shí)了解您的意見

提交需求

賽事與廣告咨詢合作,請?zhí)顚懶枨蟊韱?,我們會在第一時(shí)間與您聯(lián)系!

0/20
0/200

設(shè)計(jì)大賽

  • 設(shè)計(jì)大賽
  • 發(fā)布廣告
  • 發(fā)布招聘
  • 其它需求

提交完成
感謝您對UI中國的支持和信賴!
【UI教程】用PS繪制手機(jī)炫酷按鈕
0.0°
2018-04-16 好文轉(zhuǎn)載 經(jīng)驗(yàn)/觀點(diǎn) 原作者: 未知 舉報(bào) 2593 5 4 1

教程主要使用Photoshop設(shè)計(jì)藍(lán)色漸變風(fēng)格的播放圖標(biāo)教程,教程的主要部分都是用圖層樣式來完成的,騷年們趕緊行動(dòng)起來吧^o^

關(guān)注公眾號liangyuansi1可以獲取最新學(xué)習(xí)UI軟件。

最終效果:

Image title


老規(guī)矩,先來分析一下。這里我們主要分為四個(gè)部分:底座、外圓、內(nèi)圓、半圓,問題都不大,主要是外圓部分、需要用到多個(gè)圖層及圖層樣式,來表現(xiàn)圖標(biāo)的立體感,騷年分析完已經(jīng)成功一半了,離成功還會遠(yuǎn)么,噢耶?。?!

Image title


步驟一:

首先新建畫布1000px*1000px畫布,命名為播放按鈕,為背景添加漸變疊加圖層樣式。

Image title

Image title

Image title




步驟二:

關(guān)注公眾號liangyuansi1可以獲取最新學(xué)習(xí)UI軟件。

使用圓角矩形、繪制一個(gè)600px*600px,圓角半徑為90px的底座,并為它添加圖層樣式。

Image title

Image title


Image title

Image title

Image title

Image title



步驟三:

高逼格的底座一下就出來了,有木有?。?!接下來使用橢圓工具、繪制一個(gè)500px*500px的正圓命名為外圓,并為它添加圖層樣式。

Image title

Image title

Image title





步驟四:

接下來是繪制半圓,使用橢圓工具繪制二個(gè)正圓,大小分別為500px*500px、440px*440px將兩個(gè)形狀圖層合并形狀,使用小黑工具單擊選中內(nèi)圓,并減去頂層形狀。

Image title

Image title




步驟五:

繼續(xù)繪制半圓現(xiàn)在繼續(xù)使用布爾運(yùn)算按住alt鍵當(dāng)箭頭出現(xiàn)“-”號繪制矩形,剪切不需要的地方。右側(cè)方法操作一樣繪制完成后將形狀合并為組件。


Image title

Image title



步驟六:

接下來我們繼續(xù)使用布爾運(yùn)算按住shift鍵當(dāng)箭頭出現(xiàn)“+”號繪制倆30px*30px的正圓操作完成后命名為藍(lán)圓,并添加圖層樣式。

Image title

Image title

Image title

Image title







步驟七:

接下來是比較復(fù)雜的按鈕,使用橢圓工具繪制一個(gè)440px*440px的圓,并為它添加圖層樣式命名為內(nèi)圓。

Image title

Image title

Image title

Image title





步驟八:

關(guān)注公眾號liangyuansi1可以獲取最新學(xué)習(xí)UI軟件。

現(xiàn)在我們趕緊來繪制最后一個(gè)圓吧,使用橢圓工具繪制一個(gè)200px*200px正圓,給它起名叫小內(nèi)圓吧,并為它添加圖層樣式。

Image title

Image title

Image title

Image title





步驟九:

嘻嘻差不多了ヽ( ̄▽ ̄)?,高逼格的趕腳有木有,最后我們自定義形狀工具選擇設(shè)置按鈕追加全部形狀,并繪制82px*82px的形狀吧,將其命名為播放吧,接下來添加下圖層樣式。

Image title

Image title

Image title

Image title

Image title

關(guān)注公眾號liangyuansi1可以獲取最新學(xué)習(xí)UI軟件。

步驟有點(diǎn)多哦,但是只要勤加練習(xí),會很大程度上提高你的PS水平哦^o^,騷年前輩告訴我們要時(shí)刻富有創(chuàng)新精神,而不是單純的模仿,對于藍(lán)色半圓的基本型創(chuàng)建交給大家仔細(xì)琢磨一下,偷偷告訴你們公眾號里面psd源文件和視頻教程哦,有木有很心動(dòng)( ̄▽ ̄)/趕快來嘗試下吧??!

更新:2018-04-16

收藏

5人已收藏

UI交互設(shè)計(jì)師Y

學(xué)習(xí)UI加微信l543597299

  • 30

    作品

  • 37

    粉絲

  • 3

    關(guān)注

  • 【UI教程】AI繪制社交媒體圖標(biāo)包教程
  • 所AI初學(xué)者都應(yīng)該學(xué)習(xí)的10個(gè)基本技巧和工具
  • 更好的界面設(shè)計(jì)的8條黃金法則,想做UI設(shè)計(jì)師必學(xué)
  • AI使用混合工具都能進(jìn)行刻字?
相關(guān)標(biāo)簽

    猜你喜歡

      2018-04-16 好文轉(zhuǎn)載 經(jīng)驗(yàn)/觀點(diǎn) 原作者: 未知 舉報(bào) 2593 5 4 1

      【UI教程】用PS繪制手機(jī)炫酷按鈕

      0.0°

      你確定要舉報(bào)【UI教程】用PS繪制手機(jī)炫酷按鈕?

      如果查出惡意舉報(bào),十天內(nèi)禁止提交任何舉報(bào)申請。

      0/200

      上傳證據(jù): 超過10M的附件請使用網(wǎng)盤地址

      點(diǎn)擊上傳附件

      對誰可見:

      全部設(shè)計(jì)師
      • 全部設(shè)計(jì)師
      • 推薦設(shè)計(jì)師和認(rèn)證設(shè)計(jì)師

      您確認(rèn)要推薦?

      該作品發(fā)布時(shí)間:2018年04月16日

      評分

      完整度

      啟發(fā)性

      勤奮性

      排版布局

      推薦心得

      建議20-200字以內(nèi)

      0/200

      4
      5
      1

      賬號或密碼錯(cuò)誤,請重新輸入

      賬號或密碼錯(cuò)誤,請重新輸入

      登錄

      手機(jī)號

      發(fā)送驗(yàn)證碼 120s 驗(yàn)證碼錯(cuò)誤

      登錄
      第三方賬號登錄