UI設計第一站 - UI設計師交流學習平臺

像素設計教程:教你親手設計像素頭像

時間:2016-07-07 22:13:00來源:站酷人氣:

  男神升官了!送刮胡刀太貴,送內衣內褲太騷,請吃飯太掉價,到底送啥好呢?

  女神過生日!送包買不起,送制服找拉黑,請吃飯太LOW?到底送啥好呢?

  親戚朋友不知道我是干啥的,我說設計他們不明白!我改怎么做?

  呵呵呵,當然是親手設計的像素頭像啊!!

caa2577e11170000018c1bf439de.jpg

  記得小時候,老爸經常揍我,70%揍我的理由是打游戲…那個讓我難舍難分的《超級瑪麗》

4996577e11dc0000012e7e8ed744.jpg

  我相信很多人也跟小編一樣,有著相同的遭遇…

  像素游戲是我們童年中無法抹去的一道彩虹。

  下面我們來看一下,像素應用的領域

332b577e134f0000018c1b9d22d8.jpg

  …………………………………………………………………………………………………………………………………

  像素動漫^-^

4237577e137e0000012e7ee230a1.jpg

  炫酷小卡通(╯3╰)

5ac6577e13a20000012e7e884d63.jpg

  逗比小動畫-_-#

f328577e13dd0000018c1b0e7dea.jpg

  游戲特效(^o^)/

5ed9577e142b0000012e7eb1fd9d.jpg

  怎么樣?是不是很炫酷吊炸天吶?

  這年頭,你沒個像素頭像都不好意思出門!

  追你男神女神都可以的好嗎?還在等什么?快動手吧!

  …………………………………………………………………………………………………………………………………

  想給自己或朋友設計一個非常復古的外觀?

  讓我們看看如何將照片變成一個很酷的像素藝術肖像。

  步驟1

  首先在手機中找到一張自拍,要左右比較對稱的那種

  (千萬別來個剪刀手或鼓個腮幫子,那樣做出來像個蛤蟆的話~小編概不負責…)

  步驟2

  畫一個十字,有助于調整照片。

ad65577e16ee0000018c1bcfa57d.jpg

  步驟3

  把照片放在“十字”下面(這就是作者本人哦!帥吧~)

bac7577e17360000012e7eb635bc.jpg

  步驟4

  由于照片不能百分之百的對稱和水平

  所以要使用變換(編輯-自由變換)

  來調整眼睛的水平線,鼻子的垂直線。

d001577e18240000018c1b4a3585.jpg

  步驟5

  復制一層照片,使用(編輯-自由變換-水平翻轉)然后降低50%的透明度,

  這樣做的目的是,讓畫面看起來更加對稱,如果邊緣出現虛影也沒關系的

fafc577e194f0000012e7e5b38b1.jpg

  步驟6

  再次使用(編輯-自由變換-自由變形),左右調整一下邊緣,讓照片看起來更加統一,

  然后蓋印(command+option+shift)合并為一張圖層,

  并使用(濾鏡-像素化-馬賽克)調節數值,得到以下效果

  (大神提示:如果嚇到你,不是我想要的…還蠻調皮的)

c55a577e1a6b0000018c1b31de2e.jpg

  步驟7

  創建一個專用調色板,

  我們只能使用手動的方式創建一個專屬畫板,

  因為每個人的膚色有著很大的不同,使用馬賽克或直接取色的方式是愚蠢的,

  當作品完成時你就會發現……丑的一B - -

  首先新建一個圖層,用習慣工具吸取額頭或臉頰

d9f4577e1cc90000018c1be22514.jpg

  步驟8

  然后打開顏色面板,依次降低飽和度(5-10),排列出4個小方塊

  步驟9

  然后復制4個色塊,整體調節亮度(-10%)(+10%),并按照明暗順序向下排列,7行即可。(說白了就是上面4個最亮,下面4個最暗,中間每個之間的亮度差是10%)

6966577e1e700000012e7eb123f6.jpg

  步驟9

  然后再次復制所有小方塊,放到右側,調節(圖像-調整-色彩平衡+1-5的黃和紅)。

6d17577e1f010000012e7ed61f5a.jpg

  做到這里,前期準備工作就搞定了,下面!是無窮無盡的拼圖時間……

  步驟11

  新建一個圖層填充黑色,減少50%透明度,目的是顏色之間有對比,輪廓更清晰,然后從額頭開始,選擇最相近的小色塊拼湊,可以使用吸管點擊查看顏色再進行比較。

  哦對了,只需要做一半臉就可以,最后可以水平復制。

8800577e203d0000012e7e8585af.jpg

  如果有需要用到其他顏色,也可隨時調整,例如毛發是黑色的,眼睛里有白色的

8e68577e208c0000012e7ebc3562.jpg
a522577e20c00000018c1b09f462.jpg

  額頭部分畫完之后,可以先水平復制放到右邊,因為從整體效果來看,可以把控全局。

  大家有木有發現,顏色其實是一層層降低的關系,只要把握好輪廓,這對你們來說非常簡單,

  下面就是要注意細節了,作者使用深色給自己加了兩個酒窩…(感覺他好像沒酒窩的樣子- -)

3869577e22390000012e7e83de4e.jpg

  臉部就算大功告成了,下面我們來處理一些不規則的地方,

  例如發際線,這里需要嚴格按照邊緣輪廓布置小方塊

6558577e22860000018c1bd9e44b.jpg

  然后填充頭發的部分

028b577e22d60000018c1bb8066e.jpg

  在按照衣服的輪廓描繪下去,填充顏色,層次不分用灰色,這跟上面是一個道理

  最后在添加一個背景,設置一下色相飽和度調調色!就大功告成啦!╭(′▽`)╯

  怎么樣?簡單吧?最大的工作量在于拼圖,這很考驗你的耐心啊

原文鏈接 英文原文

本文鏈接地址:http://www.5945172.live/article/627.html

非特殊說明,轉載請注明:本文轉自UI設計第一站

【特色推薦】

設計尺寸看這里 http://www.5945172.live/chicun/

找素材一站就夠 http://so.ui001.com/

UI設計網址導航 http://hao.ui001.com/

官方微博:@UI設計第一站發布干貨與設計資訊

官方微信:搜索公眾號名稱UI設計第一站或微信號:uidiyi關注我們

官方QQ群:群號59411183點擊自動加群,與2000名設計師交流設計,分享素材

建議:看到好的文章或素材,記得分享到微博等媒體,讓更多的朋友知道,加入收藏夾也可以方便日后查閱。

  • 贊一下又不會懷孕
  • 收藏好文章要收藏噢
分享到:

設計資訊

更多

設計教程

更多

素材下載

更多

閱讀排行

更多

服務中心

更多
山东黄金股票行情