編者按:今天這枚寫(xiě)實(shí)的圖標(biāo)教程,界面全中文,效果雅致有型,操作細(xì)致,特別提及了很多提高效率的快捷鍵,很適合練手 >>>
最終效果:
新建畫(huà)布,大小自定。
畫(huà)一個(gè)圓角矩形,大小自定。
Alt +V+E建立參考線
雙擊圓角矩形圖層 調(diào)出圖層樣式,漸變疊加,調(diào)一個(gè)灰到黑的漸變。
添加投影。設(shè)置看圖:
內(nèi)陰影:
Ctrl+J 復(fù)制圓角矩形:
右鍵清除圖層樣式(不是拷貝的圓角矩形那個(gè)圖層)
填充調(diào)為零。
調(diào)出圖層樣式,添加投影,把圖層挖空那個(gè)選項(xiàng)勾掉(我把拷貝的圓角矩形眼睛關(guān)閉了)
再把拷貝圓角矩形的圖層眼睛打開(kāi),鼠標(biāo)選中填充調(diào)為零的那個(gè)圖層。
按住Ctrl在按兩次 ↓?鍵按2—3下 往下移動(dòng)兩到三個(gè)像素,作為陰影效果。如圖。
拉一個(gè)較細(xì)的橢圓。
按P 轉(zhuǎn)換點(diǎn)工具。
點(diǎn)擊橢圓下面的錨點(diǎn)就會(huì)變尖了。
添加錨點(diǎn),調(diào)節(jié)下橢圓,讓它看起來(lái)有點(diǎn)弧度。
調(diào)節(jié)后的效果。
右鍵創(chuàng)建剪輯蒙版,或者Ctrl+Shift+Alt+G,再或者按住alt在兩個(gè)圖層中間點(diǎn)擊下,把調(diào)節(jié)的橢圓剪進(jìn)圓角矩形。
這一步 可能有人要問(wèn)了,為什么剪進(jìn)去 橢圓不見(jiàn)了?別急,雙擊圓角矩形調(diào)處圖層樣式。看圖設(shè)置,橢圓就會(huì)出現(xiàn)。
多邊形工具,畫(huà)個(gè)三角形,填充肉色。
剪輯蒙版。
用鋼筆工具順著三角形的邊,勾個(gè)領(lǐng)子出來(lái)。
勾好后Ctrl+J復(fù)制一個(gè),放到另一邊Ctrl+T,右鍵水平反轉(zhuǎn),放到合適位置。
順著橢圓弧度,再用鋼筆勾個(gè)外套的大領(lǐng)子,填充黑色。
復(fù)制,反轉(zhuǎn) 放到合適位置。
好了 ,接下來(lái)就來(lái)做領(lǐng)帶了。
矩形畫(huà)個(gè)正方形,Ctrl+T在上面數(shù)值輸入旋轉(zhuǎn)45°。
放到合適位置。
按住Alt復(fù)制一個(gè)下來(lái)。
直接選擇工具 。
按住左鍵,用虛線選中下面那個(gè)錨點(diǎn),之后松手。
接著按住左鍵,點(diǎn)擊下面那個(gè)錨點(diǎn),按住Shift 一直往下拉。
如果你覺(jué)得領(lǐng)帶有點(diǎn)寬的話,Ctrl+t 讓它變瘦點(diǎn)。
接下來(lái)加花紋。
矩形工具,畫(huà)一個(gè)寬2 px長(zhǎng)若干 px的一條直線,填充深紅色。
Ctrl+T 放在這個(gè)位置。
Ctrl+J 復(fù)制花紋圖層。
選中拷貝花紋圖層,Ctrl+T 如下圖。
先點(diǎn)擊那個(gè)小三角形,然后再y 軸輸入-10,-10是距離,如果覺(jué)得間距太小,數(shù)字可以自由改。
數(shù)字輸完后,敲回車(chē)兩下,同時(shí)鼠標(biāo)還是在花紋拷貝圖層上,同時(shí)按住Ctrl+Shift+Alt+T連續(xù)復(fù)制,效果如圖所示:
找到領(lǐng)帶這兩個(gè)圖層,Ctrl+E 合并,成為一個(gè)圖層。
再把所有復(fù)制的花紋圖層也合并成一個(gè)圖層,花紋圖層置于領(lǐng)帶圖層上面,創(chuàng)建剪輯蒙版,效果如下圖。
再給領(lǐng)帶圖層創(chuàng)建剪輯蒙版,把多余的剪進(jìn)去。
找到箭頭標(biāo)注的這個(gè)圖層,添加圖層樣式,漸變疊加,陰影,數(shù)值如下圖:
右鍵拷貝這個(gè)領(lǐng)子的圖層樣式,再右鍵粘貼到對(duì)面的領(lǐng)子上。
接著給西裝領(lǐng)子圖層添加圖層樣式。
重復(fù)剛剛的,復(fù)制圖層樣式,再粘貼到對(duì)面。
最終給領(lǐng)帶圖層添加圖層樣式,斜面浮雕,外發(fā)光,使領(lǐng)帶立體感更強(qiáng)。
如果你是一名追求完美的同學(xué),最后可以給領(lǐng)帶做一個(gè)領(lǐng)帶夾,用矩形畫(huà)一個(gè)長(zhǎng)條,添加一像素白色的內(nèi)陰影。
【能搞定的同學(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
復(fù)制本文鏈接 文章為作者獨(dú)立觀點(diǎn)不代表優(yōu)設(shè)網(wǎng)立場(chǎng),未經(jīng)允許不得轉(zhuǎn)載。
發(fā)評(píng)論!每天贏獎(jiǎng)品
點(diǎn)擊 登錄 后,在評(píng)論區(qū)留言,系統(tǒng)會(huì)隨機(jī)派送獎(jiǎng)品
2012年成立至今,是國(guó)內(nèi)備受歡迎的設(shè)計(jì)師平臺(tái),提供獎(jiǎng)品贊助 聯(lián)系我們
AI輔助海報(bào)設(shè)計(jì)101例
已累計(jì)誕生 737 位幸運(yùn)星
發(fā)表評(píng)論
↓ 下方為您推薦了一些精彩有趣的文章熱評(píng) ↓