顯示具有 Pixel Drawing 標籤的文章。 顯示所有文章
顯示具有 Pixel Drawing 標籤的文章。 顯示所有文章
027:Pixel 3D Word
Prev ◀ Home ▶ Next
像素繪圖(5):像素立體字
製作Pixel免不了會畫上立體字,介紹在Photoshop上,如何快速製作Pixel立體字的方法。
製作過程:
Step 1.「變形」:將文字歪斜變形(skew),再把變形顯示出的拉框,拉至貼齊紅色的Y與Z軸(或X軸)的Pixel 3D輔助線,隨自己要的字體方向決定軸線。
開畫前先準備Pixel 3D輔助線
Pixel的三維空間示意圖
Step 2.「框出」:新設立另一圖層,用鉛筆模式,將變形的文字,沿邊描出字框。
設新圖層描框 留下字框
Step 3.「厚度」:把畫好的字框,再多複製一個,利用Pixel 3D輔助線,將要展現的立體字的方向,沿軸線排齊,就能完成立體字的厚度感。
厚度的增減隨意
Step 4.「上色」:連接前後的字框,角與角或點與點之間的連結,之後將個別圖層結合,就能在立體的字框中上色了。哪些邊角該連結,細心觀察不難找。
1. 對齊X軸線 2. 將字框連結 3. 把區塊上色 4. 配上深淺色 5. 增加尖銳度
Step 5.「特徵」:最後將「愛」的立體字,內部的「心」畫的較為凸出,突顯這字的意涵,讓立體字的呈現不那麼單調。像刻木雕一樣,若下點功夫,圓滑一點、複雜一點,字會呈現更為有趣的模樣。
Pixel立體字範列:
26字母Pixel立體字

- Bonus -
026:HsinChu City Art Gallery
Prev ◀ Home ▶ Next
像素建築(1):新竹美術館
Pixel Building系列的第一棟建築物,選定「新竹市的美術館」。
像素繪圖(4):新竹美術館
製作過程:
Step 1.「草稿」:Pixel建築的物件大,抓出想要的大小,日後的修改,可以省去很多工事,從中也了解該畫哪些建物的特微。
拿自定人物的大小作為比例依據
Step 2.「架構」:大小擬定完,將建物分做幾個部分,個別拆開來製作,這裡示範以主體為優先製作,接著開始畫出確切的線條,這過程像搭鷹架和建板模一樣,框好線條,了解建物結構間的間距,再不斷地做修正到對稱,而對稱的好,輔助線是少不了該準備的工事,而其實每個建物的特徵不同,輔助線並非共用,視建物去客製化。
架構線條最好能多色來區別
建物的對稱是很重要,同等部分的間距要相等
Step 3.「雕刻」:這步驟以「中央入口處的門廊」和「屋簷」做示範。慢慢砌磚的概念,不夠就加一些,太多就挖起來,結構畫愈細,外觀愈清楚。只要外觀刻出來,很快的灌漿上色,幾乎就快蓋完了!
在刻畫下一步驟前,最好能備份上一步驟的圖檔,好讓刻畫失敗後,能重新來過
如果對稱等距的工作做的好,屋瓦的排列自然會自動相對應,很妙
Step 4.「組合」:主體的紅磚頭外觀,這類的重複性循環,在Photoshop上,可預先儲存圖樣樣式給油漆工具使用,一鍵就可把整面牆磁磚貼好。最後將個別拆開製作的部分組合起來,作品便完工了。最後,要將建物每個細節都完整比例的畫下,實在沒必要,有時過份一點的大,過份一點的小,為了讓畫面協調,或為了故事性,沒有邏輯性也可以很好,因為這是Pixel!
新竹市美術館
Pixel Building概念:

總是希望能為這個城市做些什麼,而我能做到的,是用Pixel畫下這城市的建築物,紀錄著過去和現在,Pixel Building是這樣的概念而來的,但我能為此做多少事,沒把握。只是感嘆著,生活的記憶隨著都市發展的怪手拆除而抹滅,一會兒這裡的老房子被改建,一會兒那裡的古蹟不是自燃就是一夜間夷平,沒有老照片的紀錄,根本不知道這裡發生過什麼?雖然曾經走過看過,但依舊只剩下模糊的印象去懷念。雖然多數的老房子,不見得該像古蹟般被保留,但那會是嚮往過去的依據,找回從前的線索。

- Bonus -
008:PIXEL to FACE : Making Face
Prev ◀ Home ▶ Next
像素臉(3):做臉
這篇講解如何製作Pixel to Face。如果只是畫一張不知名的人臉,也許不會那麼麻煩,但對象是真實人物的話,就必須下點功夫,無論如何,先初步勾勒臉部輪廓吧,像京劇臉譜一樣Making Face!
像素繪圖(3):做臉
製作過程:
Step 1.「尺寸」:一開始設定臉的大小和五官間的距離位置,往後像素臉就依照此樣本生產改造。
設定大小
Step 2.「配色」:基本配色主要是選擇膚色。臉形與鼻樑嘴形的線條,個別使用深淺不一的"皮膚相近色"來搭配,使用相近色是讓視覺融為一體。
顏色配置
Step 3.「立體」:接著用深淺色把立體感做出來,讓五官能夠凸顯得更清楚。
上立體感
Step 4.「特徵」:立體感的深度表現出來後,接著要細化特徵,更多光澤、更多凹凸,讓臉更生動獨特。
細部特徵
Step 5.「對稱」:雖然有例外,但臉大部分都是對稱,只要將一半的臉上色,接著再複製貼上,水平翻轉就完工。不過對稱處理,其實是所有配色工作同步進行的行為,幾乎每一步都要做對稱處理,但這一步確實也是整個完工前的最後檢視步驟。
對稱處理
放大圖800%:
京劇臉譜

- Bonus -
004:Hover Pileder
Prev ◀ Home ▶ Next
像素運輸器(1):無敵鐵金剛指揮艇
經「像素繪圖:第一堂課」的基礎講解,應該能大致理解像素(Pixel)的工作模式,緊接著再實作一篇,同樣以pixel三維立體製作的範例,透過創作流程更加認識Pixel的繪圖細節。
像素繪圖(2):無敵鐵金剛指揮艇
製作過程:
Step 1.「草稿」:在構圖前,看個人需求,打量要繪製的物件大小。這裡示範以設定好的pixel人物當基準,再草稿出想要的物件大小。
先考量要繪製的大小 pixel三維空間示意圖
Step 2.「刻畫」:接著再把草稿圖,正確地描繪出乾淨的輪廓線條。在Photoshop上使用兩個圖層進行,一個是草稿的圖層,另一個是描畫出物件線條的圖層。把所要的輪廓先刻畫出來,一開始的樣子肯定不會協調,不可能一次就到位,構圖往往還需要幾次的修正,而此時的物件樣子已經抓出感覺,不是嗎?
刻出乾淨的線條
像組模型玩具般的組合
Step 3.「修正」:看得出來首次描繪的形體歪斜,把自製的輔助線框上去,問題就出來了。在第二步驟就已把物件的機身機翼拆散來刻畫,方便之後的個別修正,藉由輔助線的正確比例,能更清楚的調整。接著把機身機翼組合,整體形態就能百分百完美整齊。
轉助線框是為了畫的更精準
整體性的校對
最終形體確認 動態比對修正前後
Step 4.「上色」:給物件生命力。第一次先做預定上色,了解個別區塊的顏色後,就能調整深淺的色澤,讓物件活起來!
初步上色 光澤上色
後記:
畫完後物件還是比預期的大,所以再以用同樣的模式重繪一台小型的指揮艇,因為有了先前的磨練,重畫的指揮艇便駕輕就熟,讓Pixel技術更好就是多畫!
Hover Pileder | zoom in 200%

- Bonus -
<