PS教程!手把手教你繪制精致的寫(xiě)實(shí)領(lǐng)帶圖標(biāo)

編者按:今天這枚寫(xiě)實(shí)的圖標(biāo)教程,界面全中文,效果雅致有型,操作細(xì)致,特別提及了很多提高效率的快捷鍵,很適合練手 >>>

最終效果:

PS教程!手把手教你繪制精致的寫(xiě)實(shí)領(lǐng)帶圖標(biāo)

新建畫(huà)布,大小自定。

畫(huà)一個(gè)圓角矩形,大小自定。

PS教程!手把手教你繪制精致的寫(xiě)實(shí)領(lǐng)帶圖標(biāo)

Alt +V+E建立參考線

PS教程!手把手教你繪制精致的寫(xiě)實(shí)領(lǐng)帶圖標(biāo)

雙擊圓角矩形圖層 調(diào)出圖層樣式,漸變疊加,調(diào)一個(gè)灰到黑的漸變。

PS教程!手把手教你繪制精致的寫(xiě)實(shí)領(lǐng)帶圖標(biāo)

添加投影。設(shè)置看圖:

PS教程!手把手教你繪制精致的寫(xiě)實(shí)領(lǐng)帶圖標(biāo)

內(nèi)陰影:

PS教程!手把手教你繪制精致的寫(xiě)實(shí)領(lǐng)帶圖標(biāo)

Ctrl+J 復(fù)制圓角矩形:

PS教程!手把手教你繪制精致的寫(xiě)實(shí)領(lǐng)帶圖標(biāo)

右鍵清除圖層樣式(不是拷貝的圓角矩形那個(gè)圖層)

PS教程!手把手教你繪制精致的寫(xiě)實(shí)領(lǐng)帶圖標(biāo)

填充調(diào)為零。

PS教程!手把手教你繪制精致的寫(xiě)實(shí)領(lǐng)帶圖標(biāo)

調(diào)出圖層樣式,添加投影,把圖層挖空那個(gè)選項(xiàng)勾掉(我把拷貝的圓角矩形眼睛關(guān)閉了)

PS教程!手把手教你繪制精致的寫(xiě)實(shí)領(lǐng)帶圖標(biāo)

再把拷貝圓角矩形的圖層眼睛打開(kāi),鼠標(biāo)選中填充調(diào)為零的那個(gè)圖層。

按住Ctrl在按兩次?鍵按2—3下 往下移動(dòng)兩到三個(gè)像素,作為陰影效果。如圖。

PS教程!手把手教你繪制精致的寫(xiě)實(shí)領(lǐng)帶圖標(biāo)

拉一個(gè)較細(xì)的橢圓。

PS教程!手把手教你繪制精致的寫(xiě)實(shí)領(lǐng)帶圖標(biāo)

按P 轉(zhuǎn)換點(diǎn)工具。

PS教程!手把手教你繪制精致的寫(xiě)實(shí)領(lǐng)帶圖標(biāo)

點(diǎn)擊橢圓下面的錨點(diǎn)就會(huì)變尖了。

PS教程!手把手教你繪制精致的寫(xiě)實(shí)領(lǐng)帶圖標(biāo)

PS教程!手把手教你繪制精致的寫(xiě)實(shí)領(lǐng)帶圖標(biāo)

添加錨點(diǎn),調(diào)節(jié)下橢圓,讓它看起來(lái)有點(diǎn)弧度。

PS教程!手把手教你繪制精致的寫(xiě)實(shí)領(lǐng)帶圖標(biāo)

調(diào)節(jié)后的效果。

PS教程!手把手教你繪制精致的寫(xiě)實(shí)領(lǐng)帶圖標(biāo)

右鍵創(chuàng)建剪輯蒙版,或者Ctrl+Shift+Alt+G,再或者按住alt在兩個(gè)圖層中間點(diǎn)擊下,把調(diào)節(jié)的橢圓剪進(jìn)圓角矩形。

PS教程!手把手教你繪制精致的寫(xiě)實(shí)領(lǐng)帶圖標(biāo)

這一步 可能有人要問(wèn)了,為什么剪進(jìn)去 橢圓不見(jiàn)了?別急,雙擊圓角矩形調(diào)處圖層樣式。看圖設(shè)置,橢圓就會(huì)出現(xiàn)。

PS教程!手把手教你繪制精致的寫(xiě)實(shí)領(lǐng)帶圖標(biāo)

多邊形工具,畫(huà)個(gè)三角形,填充肉色。

PS教程!手把手教你繪制精致的寫(xiě)實(shí)領(lǐng)帶圖標(biāo)

剪輯蒙版。

PS教程!手把手教你繪制精致的寫(xiě)實(shí)領(lǐng)帶圖標(biāo)

用鋼筆工具順著三角形的邊,勾個(gè)領(lǐng)子出來(lái)。

PS教程!手把手教你繪制精致的寫(xiě)實(shí)領(lǐng)帶圖標(biāo)

勾好后Ctrl+J復(fù)制一個(gè),放到另一邊Ctrl+T,右鍵水平反轉(zhuǎn),放到合適位置。

PS教程!手把手教你繪制精致的寫(xiě)實(shí)領(lǐng)帶圖標(biāo)

順著橢圓弧度,再用鋼筆勾個(gè)外套的大領(lǐng)子,填充黑色。

PS教程!手把手教你繪制精致的寫(xiě)實(shí)領(lǐng)帶圖標(biāo)

復(fù)制,反轉(zhuǎn) 放到合適位置。

PS教程!手把手教你繪制精致的寫(xiě)實(shí)領(lǐng)帶圖標(biāo)

好了 ,接下來(lái)就來(lái)做領(lǐng)帶了。

矩形畫(huà)個(gè)正方形,Ctrl+T在上面數(shù)值輸入旋轉(zhuǎn)45°。

PS教程!手把手教你繪制精致的寫(xiě)實(shí)領(lǐng)帶圖標(biāo)

放到合適位置。

PS教程!手把手教你繪制精致的寫(xiě)實(shí)領(lǐng)帶圖標(biāo)

按住Alt復(fù)制一個(gè)下來(lái)。

PS教程!手把手教你繪制精致的寫(xiě)實(shí)領(lǐng)帶圖標(biāo)

直接選擇工具 。

PS教程!手把手教你繪制精致的寫(xiě)實(shí)領(lǐng)帶圖標(biāo)

按住左鍵,用虛線選中下面那個(gè)錨點(diǎn),之后松手。

PS教程!手把手教你繪制精致的寫(xiě)實(shí)領(lǐng)帶圖標(biāo)

接著按住左鍵,點(diǎn)擊下面那個(gè)錨點(diǎn),按住Shift 一直往下拉。

PS教程!手把手教你繪制精致的寫(xiě)實(shí)領(lǐng)帶圖標(biāo)

如果你覺(jué)得領(lǐng)帶有點(diǎn)寬的話,Ctrl+t 讓它變瘦點(diǎn)。

接下來(lái)加花紋。

矩形工具,畫(huà)一個(gè)寬2 px長(zhǎng)若干 px的一條直線,填充深紅色。

PS教程!手把手教你繪制精致的寫(xiě)實(shí)領(lǐng)帶圖標(biāo)

Ctrl+T 放在這個(gè)位置。

PS教程!手把手教你繪制精致的寫(xiě)實(shí)領(lǐng)帶圖標(biāo)

Ctrl+J 復(fù)制花紋圖層。

PS教程!手把手教你繪制精致的寫(xiě)實(shí)領(lǐng)帶圖標(biāo)

選中拷貝花紋圖層,Ctrl+T 如下圖。

先點(diǎn)擊那個(gè)小三角形,然后再y 軸輸入-10,-10是距離,如果覺(jué)得間距太小,數(shù)字可以自由改。

PS教程!手把手教你繪制精致的寫(xiě)實(shí)領(lǐng)帶圖標(biāo)

數(shù)字輸完后,敲回車(chē)兩下,同時(shí)鼠標(biāo)還是在花紋拷貝圖層上,同時(shí)按住Ctrl+Shift+Alt+T連續(xù)復(fù)制,效果如圖所示:

PS教程!手把手教你繪制精致的寫(xiě)實(shí)領(lǐng)帶圖標(biāo)

找到領(lǐng)帶這兩個(gè)圖層,Ctrl+E 合并,成為一個(gè)圖層。

PS教程!手把手教你繪制精致的寫(xiě)實(shí)領(lǐng)帶圖標(biāo)

再把所有復(fù)制的花紋圖層也合并成一個(gè)圖層,花紋圖層置于領(lǐng)帶圖層上面,創(chuàng)建剪輯蒙版,效果如下圖。

PS教程!手把手教你繪制精致的寫(xiě)實(shí)領(lǐng)帶圖標(biāo)

再給領(lǐng)帶圖層創(chuàng)建剪輯蒙版,把多余的剪進(jìn)去。

PS教程!手把手教你繪制精致的寫(xiě)實(shí)領(lǐng)帶圖標(biāo)

找到箭頭標(biāo)注的這個(gè)圖層,添加圖層樣式,漸變疊加,陰影,數(shù)值如下圖:

PS教程!手把手教你繪制精致的寫(xiě)實(shí)領(lǐng)帶圖標(biāo) PS教程!手把手教你繪制精致的寫(xiě)實(shí)領(lǐng)帶圖標(biāo)

右鍵拷貝這個(gè)領(lǐng)子的圖層樣式,再右鍵粘貼到對(duì)面的領(lǐng)子上。

PS教程!手把手教你繪制精致的寫(xiě)實(shí)領(lǐng)帶圖標(biāo)

接著給西裝領(lǐng)子圖層添加圖層樣式。

PS教程!手把手教你繪制精致的寫(xiě)實(shí)領(lǐng)帶圖標(biāo)

PS教程!手把手教你繪制精致的寫(xiě)實(shí)領(lǐng)帶圖標(biāo)

重復(fù)剛剛的,復(fù)制圖層樣式,再粘貼到對(duì)面。

PS教程!手把手教你繪制精致的寫(xiě)實(shí)領(lǐng)帶圖標(biāo)

最終給領(lǐng)帶圖層添加圖層樣式,斜面浮雕,外發(fā)光,使領(lǐng)帶立體感更強(qiáng)。

PS教程!手把手教你繪制精致的寫(xiě)實(shí)領(lǐng)帶圖標(biāo)

PS教程!手把手教你繪制精致的寫(xiě)實(shí)領(lǐng)帶圖標(biāo)

如果你是一名追求完美的同學(xué),最后可以給領(lǐng)帶做一個(gè)領(lǐng)帶夾,用矩形畫(huà)一個(gè)長(zhǎng)條,添加一像素白色的內(nèi)陰影。

PS教程!手把手教你繪制精致的寫(xiě)實(shí)領(lǐng)帶圖標(biāo)

【能搞定的同學(xué)給你送點(diǎn)福利】

千萬(wàn)千萬(wàn)低調(diào)收藏馬克:
《強(qiáng)烈推薦:90%的人都不知道的電影資源下載站》

邊放松邊提高審美的電影大片:
《看電影漲姿勢(shì)!有哪些電影適合推薦給學(xué)藝術(shù)的人看?》
《看電影漲姿勢(shì)!哪些電影適合推薦給學(xué)藝術(shù)的人看?(二)》

作者:看不見(jiàn)的敵人28

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱:2650232288@qq.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國(guó)內(nèi)人氣最高的網(wǎng)頁(yè)設(shè)計(jì)師學(xué)習(xí)平臺(tái),專(zhuān)注分享網(wǎng)頁(yè)設(shè)計(jì)、無(wú)線端設(shè)計(jì)以及PS教程
【特色推薦】
設(shè)計(jì)師需要讀的100本書(shū):史上最全的設(shè)計(jì)師圖書(shū)導(dǎo)航:http://hao.uisdc.com/book/
設(shè)計(jì)微博:擁有粉絲量90萬(wàn)的人氣微博@優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) ,歡迎關(guān)注獲取網(wǎng)頁(yè)設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航:全球頂尖設(shè)計(jì)網(wǎng)站推薦,設(shè)計(jì)師必備導(dǎo)航:http://hao.uisdc.com
官方微信:想在手機(jī)上、被窩里獲取設(shè)計(jì)教程和各種意想不到的"福利"嗎?添加優(yōu)設(shè)哥微信號(hào):youshege

PS教程!手把手教你繪制精致的寫(xiě)實(shí)領(lǐng)帶圖標(biāo)

收藏
點(diǎn)贊

復(fù)制本文鏈接 文章為作者獨(dú)立觀點(diǎn)不代表優(yōu)設(shè)網(wǎng)立場(chǎng),未經(jīng)允許不得轉(zhuǎn)載。