PS新手教程!手把手教你繪制一枚超萌的QQ方形圖標(biāo)

編者按:今天@P大點(diǎn)S微博?來一篇超簡(jiǎn)單的PS教程,教你繪制一枚方形圖標(biāo),操作簡(jiǎn)單易上手,源文件已打包,假期花十分鐘來練個(gè)手吧。

源文件打包 ? 百度云下載:http://pan.baidu.com/s/1qXWcD1i

新建個(gè)文檔,我用的尺寸是800*600像素,大家請(qǐng)隨意,做一個(gè)漸變背景,用圓角矩形工具畫一個(gè)圓角矩形,我用的顏色是#1a181a!

PS新手教程!手把手教你繪制一枚超萌的QQ方形圖標(biāo)

用兩個(gè)橢圓相減,畫出企鵝的圍巾,這里我用的顏色是#da2300,載入圓角矩形的選區(qū),給圍巾添加一個(gè)圖層蒙版,以保證圍巾不會(huì)超出圓角矩形。

PS新手教程!手把手教你繪制一枚超萌的QQ方形圖標(biāo)

接下來,制作圍巾上的條紋。用矩形工具畫一個(gè)顏色為#ff6044的矩形,CTRL+T,設(shè)置一個(gè)中心點(diǎn),適當(dāng)?shù)男D(zhuǎn)一定角度,CTRL+ALT+T狂按,創(chuàng)建剪貼蒙版。

PS新手教程!手把手教你繪制一枚超萌的QQ方形圖標(biāo)

為圍巾圖層添加一個(gè)圖層樣式,我添加了斜面浮雕和投影,記得勾選圖層蒙版隱藏效果。

PS新手教程!手把手教你繪制一枚超萌的QQ方形圖標(biāo)

PS新手教程!手把手教你繪制一枚超萌的QQ方形圖標(biāo)

PS新手教程!手把手教你繪制一枚超萌的QQ方形圖標(biāo)

PS新手教程!手把手教你繪制一枚超萌的QQ方形圖標(biāo)

在圍巾的下層用圓角矩形工具畫一個(gè)圓角矩形,調(diào)整一下錨點(diǎn),使其成為圍巾下面下垂的那一段圍巾,并添加一個(gè)投影。

PS新手教程!手把手教你繪制一枚超萌的QQ方形圖標(biāo)

PS新手教程!手把手教你繪制一枚超萌的QQ方形圖標(biāo)

跟剛才給圍巾添加條紋一樣的操作手法,給下面這段圍巾添加條紋,并輔以蒙版。

PS新手教程!手把手教你繪制一枚超萌的QQ方形圖標(biāo)

接下來,我們來給企鵝添加肚子。其圖層位置位于圍巾的下層,圓角矩形的上層,看我的圖應(yīng)該都了解怎么畫了,簡(jiǎn)單的布爾運(yùn)算得到肚子的形狀,這里的形狀我是用的白色,然后,我感覺好像白過頭,我添加了一個(gè)內(nèi)陰影。

PS新手教程!手把手教你繪制一枚超萌的QQ方形圖標(biāo)

PS新手教程!手把手教你繪制一枚超萌的QQ方形圖標(biāo)

下面,我們畫眼睛,都是圓,布爾運(yùn)算,好像并沒有什么好說的。

PS新手教程!手把手教你繪制一枚超萌的QQ方形圖標(biāo)

PS新手教程!手把手教你繪制一枚超萌的QQ方形圖標(biāo)

再下來,我們畫嘴巴,看了好像很復(fù)雜,其實(shí)也只是個(gè)布爾運(yùn)算而已。

PS新手教程!手把手教你繪制一枚超萌的QQ方形圖標(biāo)

PS新手教程!手把手教你繪制一枚超萌的QQ方形圖標(biāo)

接著,我們添加嘴巴上的高光。我畫了一個(gè)#ffeb3e顏色的橢圓,在屬性面板中設(shè)置了9.6像素的羽化。

PS新手教程!手把手教你繪制一枚超萌的QQ方形圖標(biāo)

本著簡(jiǎn)潔的原則,企鵝的手阿,腳阿,全部去掉,因?yàn)槭趾湍_并不影響我們這個(gè)圖標(biāo)的識(shí)別度,大功告成。

PS新手教程!手把手教你繪制一枚超萌的QQ方形圖標(biāo)

是不是很簡(jiǎn)單,其實(shí)很多東西,操作起來,并不復(fù)雜,想法最重要。

衡量一個(gè)設(shè)計(jì)作品的成功與否,并不是以其操作復(fù)雜程度來衡量的,只要能準(zhǔn)確的傳達(dá)出想要的信息,就是個(gè)好設(shè)計(jì)!

歡迎關(guān)注可能是最用心做原創(chuàng)教程的微信公眾號(hào):

PS新手教程!手把手教你繪制一枚超萌的QQ方形圖標(biāo)

「技多不壓身的設(shè)計(jì)師才有高薪資!」

  1. 平面設(shè)計(jì):《超贊!設(shè)計(jì)師完全自學(xué)指南》
  2. 交互設(shè)計(jì):《交互設(shè)計(jì)師修煉指南!教你從零開始成為優(yōu)秀交互設(shè)計(jì)師》
  3. UI設(shè)計(jì):《超實(shí)用新手指南!零基礎(chǔ)如何自學(xué)UI設(shè)計(jì)?》
  4. 前端開發(fā):《天貓高手來教你!零基礎(chǔ)如何系統(tǒng)地學(xué)習(xí)前端開發(fā)?》
  5. 摳圖技巧:《從菜鳥到高手!PHOTOSHOP摳圖全方位攻略》
  6. 配色方案:《色彩搭配速成!3個(gè)實(shí)用方法幫你全面搞定配色》
  7. DPI指南:《基礎(chǔ)知識(shí)學(xué)起來!為設(shè)計(jì)師量身打造的DPI指南》
  8. 交互設(shè)計(jì)自學(xué)路徑圖:《零基礎(chǔ)入門!給非科班生的自學(xué)路徑圖之交互設(shè)計(jì)篇》

原文地址:pdadians

PS新手教程!手把手教你繪制一枚超萌的QQ方形圖標(biāo)

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

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國內(nèi)人氣最高的網(wǎng)頁設(shè)計(jì)師學(xué)習(xí)平臺(tái),專注分享網(wǎng)頁設(shè)計(jì)、無線端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書:史上最全的設(shè)計(jì)師圖書導(dǎo)航:http://hao.uisdc.com/book/。
設(shè)計(jì)微博:擁有粉絲量112萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計(jì) ,歡迎關(guān)注獲取網(wǎng)頁設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航:全球頂尖設(shè)計(jì)網(wǎng)站推薦,設(shè)計(jì)師必備導(dǎo)航:http://hao.uisdc.com

收藏 4
點(diǎn)贊

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