pixel /pixelart/ pixel art/ icon /icon maker/像素公仔/像素/像素教學
photoshop 教學/點點圖/格點圖/gif/動態圖
Photoshop繪製格點圖(公仔人型)
本章所授臉型輪廓&圖層基本認知
想要畫出精美的像素作品 需要的就是"耐心"和"毅力"~以下就開始來分享小巴作圖的經驗吧！！ (其實這一篇在2005左右就弄出來~可是好像沒結尾..今天草草給他結束掉放上來拉^___________^) |
本章示範是以公仔(好像某牌子衣服~忘了)當範例：
首先開啟一張大小為135*87大小的新圖檔
設定如下>>通常背景都是選"透明"
想要繪製一張圖，相信各位一定都是先畫出圖形輪廓！？
我在繪製圖形時也是降~「先描圖再上色!!」
描圖時使用的工具是鉛筆工具
附註：如果一開始是筆刷工具也無妨！
步驟如下 >>點選左邊工具列~在下方黑色三角的地方按右鍵選擇即可。
此時再看到上方選單，將畫筆大小調成1px&不透明度調成100%。
附註一點：線條顏色可在此 處(看左圖)修改
方法因該不需再多做解釋吧！
通常畫對稱的圖形時，我都只畫出半邊。不過這要看個人習慣，因為我比較懶~XD這方法對我 製圖時較方便(相信對各位也一樣吧！)在製作公仔圖或是畫面人物時，我喜歡完全對稱的圖~看起來比較整齊。
步驟 >>一開始用鉛筆畫個大概就好，樣子描好之後再做修整就行了。
ps：圖形的預覽視窗在一開始的簡略教學已經講過
在此不多加累述~請翻前章節^^。
模子出來後為了使線條整齊簡單^^(畢竟格點就是要簡單)
使用橡皮擦工具將多餘的線條擦乾淨。
在此要特別注意，避免讓線條太過突兀。
圖形要盡量顯得圓滑，一些網站會教你算格子！
不過我覺得太麻煩，還是要靠感覺^^~感覺最重要！
比較下圖你就知道什麼叫做突兀。
總之盡量讓線條簡明又不長"角"
步驟>>利用選取工具選取要複製的半邊臉。
框好後按下ctrl+C(複製一遍)再按ctrl+V(貼上)
你可以在圖層控制面板看到多了一層圖層2。
圖層2裡的東西就是剛剛複製的選取區！這在前章節也做過簡介~在此不多加累述。
與前章不同的是在此多一個變形步驟！
你可以在上方編輯選單中找到任意變形
也可以直接按ctrl+T(變形)。
變形時會出現如下圖的方格變形選取區，在變形區內按右鍵>>水平翻轉
翻轉後的圖
確定變形後找到右上方的勾勾按下去(確定變形)
確定變形後找到右上方的勾勾按下去(確定變形)
在圖層2裡將複製的選取區移到適合位置！
移動好的圖型在下圖↓確認
但要注意此時臉型是由兩個圖層(1和2)的圖構成。
你們 可以從(圖)了解，要再將它們給合併方便製圖^^。
步驟>>圖層>向下合併(ctrl+E)
合併後圖層會只剩一層，在此先不說明圖層的功用。
但要知道圖層正是PS受人喜愛的最大原因 之一^^。
合併後直接在圖層 1的地方連點兩下即可重新替此圖層命名。
在此以"臉型"命名此圖層
在此叮嚀各位最好養成習慣替圖層命名，
雖然對一些只需要簡單色彩作圖的朋友來說，圖層 似乎是不需要的。
但是難保未來不會想嘗試較複雜的圖形創作。
寧可現在多花一些時間命名，也不要以後找不到要在哪一層修改！
畫好臉型後~就畫臉上的表情吧！
各位可以視未來修改與否，決定是否再新增一層圖層來畫。
但是為了讓各位體驗photoshop的神奇功能。還是再多一層臉部表情~~XD
步驟 >>圖層>新建>圖層(
>>並命名為"表情"
在此層以鉛筆工具畫出眼睛&嘴巴~
==================================
本章所授輪廓圖層&上色基本認知
再用前章所受新增一層"衣服和手"如
在此要跟各位說明一個概念，較上面的圖層會覆蓋到下一圖層~所以在排序時要注意順序
在用前章教過的方法畫出衣服和手，因為我教學做的比較混，各位其實可以將手和衣服分開畫，
這在之後作成圖層組時比較好分類。
為了之後上色的方便，輪廓要是封閉的，像上圖紅線處就沒有封閉。
檢視有無封閉可用魔術棒
如上畫好後利用將其移到適當位子。
也可以利用鍵盤上的上下左右鍵作微調~1pixel 1pixel的移動調整。
再新增一層"褲子和鞋子"
步驟雷同做好後如下圖
線搞大致畫好後，放在圖層組"線搞"收好
只要用滑鼠將各圖層移入即可
移好後如下圖
收起來後感覺會變的較清爽^^，建議各位可將同類型的物件都像這樣收放在圖層組內
上色教學在此以衣服上色當範本
新增一張圖層
因為之前已經畫過衣服的輪廓，現在可利用魔術棒
到"線搞"圖層組下的"衣服和手"這一層用魔術棒將衣服選出~
設定要設為如下記得要將連續打勾
如果是連續的輪廓就會選出如左
在選取的狀態下，再將滑鼠點到"衣服顏色"這一圖層，使知呈現灰色如
利用油漆桶將主顏色上好
顏色可從色票地方選取
本範例以綠色上色，只有選取的地方才會上色
主色上好接下來就上暗色了
如何選色?這是大家常問的問題
其實可以利用拾色器來選!!
<<快點兩下開啟拾色器
選好色後，就可以開始上色拉
我的明暗色都先選在旁邊嚕~~
好看用~給他一個o型的mark
老拉~褲子鞋子也差不多
鞋子我也懶~黑白就好~XD
最後的手&臉色上色~無敵爆炸懶
莫名的上好了(以前的東西..原諒我不想重製了T^T)
補充說明帽子線搞~~XD
給帽子上色~教大家用用漸層
先選好漸層要的兩種顏色
一樣在線搞先用魔術棒選取要上色範圍
新增圖層>>'帽子漸層'
挑選漸層工具>>在選取狀態下
使'帽子漸層'選取狀態下(灰色)
然後就給他漸層圖下去拉
毆~~懶人漂亮帽就做好ㄌ
==========================================
眼鏡其實也類似
只是最後步驟將眼鏡圖層透明度調一下~恩這樣眼睛就會透過來嚕
==========================================
好啦~做多了就有自己的公仔系列拉
===========================================================
其實我最近真的很懶
懶ㄉ用這用那
這篇文章是上禮拜還有動力時用的...
原先想在加些東西～嗚~~懶懶懶
大家看到有瑕疵先裝沒看到ㄅ~XD
另外這篇有問題的話~~~
可以先問...希望懂得的網友能互相幫忙嚕
我又要暫時消失一陣子ㄌ
怠惰期來了~~
我的創作季好像過了~~~~
每一年都會有這時候~~~XD(藉口很多...)
總之~~希望大家看完這篇能學到畫像素圖的技巧拉
^___________________________________^
做pixel的路是辛苦但快樂ㄉ
加油共勉之~
留言列表
