027:Pixel 3D Word
Prev ◀ Jeu-Pixel News ▶ Next
像素繪圖(5):像素立體字
製作Pixel Art免不了會畫上立體字,本篇介紹在Photoshop上,快速製作立體字的方法。
Step 1「變形」:將文字歪斜變形(skew),再把變形所顯示出的框框,拉至貼齊紅色的Y與Z軸的pixel 3D輔助線。pixel 3D輔助線需先自行畫出,而Y-Z軸線只是示範,可隨自己要的字體方向決定運用哪條軸線。
pixel 3D輔助線,要自己畫哦
Pixel的三維空間示意圖
Step 2「框出」:用鉛筆模式,將變形的文字,沿邊描繪出pixel字框。在描繪之前,要注意是否新設立另一圖層。描好後,再將變形的文字移除,就剩下pixel字框。pixel畫法可參考:Pixel Drawing:First Class
設新圖層描字邊 留下pixel字框
Step 3「厚度」:把畫好的pixel字框,再多複製一個,利用pixel 3D輔助線,將要展現的立體字的方向,沿軸線排齊,就能完成立體字的厚度感。
厚度的增減隨自己意
Step 4「上色」:連接前後的pixel字框,角與角或點與點之間的連結,就能在立體的pixel字框中上色了。至於哪些角或點是該連結的部份,就得靠自己的觀察和功力了。
1.對齊X軸線 2.將字框連結 3.把區塊上色 4.配上深淺色 5.增加尖銳度
上色後的立體感就更明顯,通常能將立體字上色,幾乎就等於完工了,但為了讓立體字顯的更加真實,配上深淺明亮陰暗的顏色來作美化修飾,更能突顯立體感的真實性。
zoom in 400%
Pixel立體字範列:
26字母Pixel立體字

Bonus