千穗
6 years ago
[推廣|像素 |pixel art]

如果你是最近開始嘗試繪製像素的朋友,歡迎參考這篇像素入門哇
內容純以個人方向推廣所製作,如有任何問題歡迎一起討論及提出

latest #97
千穗
6 years ago
為了推廣像素,只好下定決心製作惹 因為真的好想要看其他人畫像素哇(不要把私心講出來
千穗
6 years ago
如內容覺得有誤,也歡迎提出哇 目前也在繼續彙整內容,來繼續把像素介紹完整,但關於像素名稱定義的部分就不再介紹,就以像素 |pixel art為主惹
超級想學可是不知道怎麼入門,覺得會畫像素都很厲害
立即下載
千穗
6 years ago
zenixzeni: 其實我覺得會畫電繪,入門像素的速度會更快哇 只是就是要開始畫看看XDDD
幫轉!!好細心的入門教學>////< 範例圖好可愛
麵包🍞
6 years ago
PS畫點繪的話推薦使用雙視窗機能就不用一直放大縮小了(當然sai也可以使用這方法)
PS可以用ALT+滑鼠滾輪縮放喔!!謝謝可愛的教學
莫待無花
6 years ago
最近剛想學就有這麼清楚的教學 謝謝噗主
銀燄✧玉米糖消耗機
6 years ago @Edit 6 years ago
謝謝大大!!教學好詳細!
之前去找相關的資料時,好多都是教先用電繪打草稿在縮小呢!
Aseprite這個軟體畫像素很好用 (而且很便宜)
教學好棒! 最近也才因為千穗的點點小鎮的關係開始嘗試像素圖><但是中文的教學真的不多只能看日文或是英文......不過有些地方看不懂只能無奈作罷QQ
不知道能不能在這邊詢問問題 想問有關縮小之後圖片會變得很模糊,不知道有沒有可以解決的辦法(?
9B鉛筆★
6 years ago
謝謝教學/////擦掉的部分
Sai的透明填色(快捷鍵減號)也很好用!
(路人)感謝教學~我是為了畫拼豆草稿才開始畫,使用的軟體是excelXD
諾希🐅
6 years ago @Edit 6 years ago
感謝分享,很有趣的教學!
sai要一個一個像素擦也可以使用樓樓上説的功能按-號或是點選那個透明小框框讓二值筆變成橡皮擦ouo/
謝謝千穗大!!
向日葵
6 years ago
感謝千穗的實用教學 SAI我都是新建一個新的二值筆然後拉不透明度到零當作橡皮擦用,看到大家用不同方法也很有趣XDD
阿把ABA
6 years ago
排版以及入門教學都好棒啊,不知道是否會考慮出書呢?
涵子✦Griffin
6 years ago
千穗好用心!辛苦了!
我之前第一次做Pixel art是看這個影片,很簡單好懂~Basic Pixel Art Tutorial: Zarting Arting
AT2.
6 years ago
好詳細
沙拉拉拉拉
6 years ago
感謝您!
月木/逆柿果
6 years ago
路過也推Aseprite!
🌿.
6 years ago
路過,PS用ctrl+空白鍵+左鍵&ctrl+alt+空白鍵+左鍵就可以拉近拉遠了,個人覺得這樣操作比用表單寫的方法順
🌿.
6 years ago
https://i.imgur.com/HTaTBUx.png 還有SAI不管什麼筆,只要勾選這個框框就可以使用那種筆的效果當橡擦,所以你只要在用二值筆時把這格勾起來就能當像素圖用的橡皮擦了
🌿.
6 years ago
(啊發現上面已經有人講過了
🌿.
6 years ago
然後PS可以顯示格點來輔助繪圖喔//這個在畫像素圖時應該滿有幫助的
https://i.imgur.com/lLZBtB0.png https://i.imgur.com/FUlP0ki.png
格點的大小在 編輯→偏好設定 那邊可以調整
🌿.
6 years ago
然後SAI的ctrl+X其實是"剪下"(之後按ctrl+V就可以把你剛剛剪下的東西貼上了)直接按鍵盤的D鍵才是清除XD
謝謝千穗的教學~~
有空會盡快嘗試!! (p-tongue)
太棒了
細心又實用 感謝教學!!
謝謝千穗桑詳細的教學&上面各位分享的密技,立刻試畫一隻
orga
6 years ago
請問一下...(小小舉手)畫象素的要素是不是在最小格畫畫後再放大呢?...完全沒概念....
千穗
6 years ago
非常謝謝大家踴躍的提出更好的繪製像素方法 由於想保留住上面回答,讓大家方便看,目前就先不一一回覆了,當前先回覆對繪製像素有提出問題的人
千穗
6 years ago
yourolan: 縮小圖片變得模糊是指繪製的過程中,拉遠近時畫法就會讓它看起來變模糊? 還是是指繪製好的像素等比縮小後,圖片會變模糊呢? 如果是畫的過程中,就是模糊的,需要你方便用私噗提供圖片我比較容易回答;則繪製好的像素圖,基本上是沒有辦法等比縮小的,只有辦法等比放大,而圖案不模糊
千穗
6 years ago
mikaolga: 畫像素我個人習慣是,打完草稿和底色的部分後(這時都100%大小),直接把圖拉到500%左右的大小繪製,再拉回100%這樣來回反覆確認
ginping0602: 那我就私噗過去了,謝謝千穗桑!
orga
6 years ago
ginping0602: 感謝!
麵包🍞
6 years ago

分享個畫太大縮小也不會的方法(PS限定)
但是受限於等比例這個要素,建議還是縮小在放大比較不會有失真問題。
※圖可能因為PLURK上傳JPEG畫質失真,實際上操作是不會出現邊緣模糊失真的問題。另外放大也可以用這招操作不會失真模糊。
吳阿穎
6 years ago

我是用ps畫的,各方都要多加油,SAI的二值筆被我用的很爛 XD
⎝歪一 ⎠
6 years ago
好棒的教學
想偷問一下sai有沒有辦法放大pixel圖又不模糊
千穗
6 years ago @Edit 6 years ago
gotanusagi: 直接圖拉近後,按鍵盤上的PrintScreen鍵(最右上那邊),在按Ctrl+V即可(不過背景部分需要自己去除)
gotanusagi: SAI沒有不模糊的方法, 可以靠別的軟件幫忙~
KRITA是免費的也不錯哦~
⎝歪一 ⎠
6 years ago
ginping0602: kuonyuu: 謝謝你們
藻(Shimii)
6 years ago
Pixel art同好 !!!感謝整理!!一直不知道要用什麼工具創作才好
休息人不在
6 years ago
感謝!!!
homebody
6 years ago
實用!
重點分析跟教學很棒!大感謝!!
試著畫看看應該是成功了!雖然還有很多地方要修
PS可以調成直接用滑鼠滾遠近,CTRL+-同時還可以用
感謝分享!!!
不過想問疊線的概念是…?
有點眼殘不太確定比較圖的差異在哪,是凸出來的那些線(?)嗎
童 樺
6 years ago
很有幫助 謝謝你XD
想偷偷請問一下Painter適合畫這種像素圖嗎
我找不太到資料QWQ ( 新手
還想偷偷請問 筆刷問題
🍟油豹🍟
6 years ago
想補充一點 sai的擦除可以透過切換透明色來達成!
這邊也是很喜歡pixel art但不知道該怎麼入門,感謝分享!!
蒼流俊
6 years ago
\像素/
xxx520zzz: 就是畫斜線時要這樣
■■□□□□
□□■■□□
□□□□■■
不要這樣
■■□□□□
□■■■□□
□□□■■■
謝謝分享呢!!順便偷偷說,SAI如果按住Ctrl+↑↓←→可以微調方向ˊ
然後檢視裡有個開新檢視的選項,可以一圖開好幾個顯示喔!畫點圖很方便>W<
梅子龍丼
6 years ago @Edit 6 years ago
希望在這裡留個言可以幫到用CLIP畫像素的朋友><
如果是CLIP的話,在調整大小的地方把反鋸齒關掉可以直接拉大小
要框邊的話CLIP似乎只能用圖層複製四次↑↓←→來筐會比較漂亮...!!

這裡用圖解整理了一點點qq一起推廣...!!!
🔸久遠►委託消化中
6 years ago @Edit 6 years ago
sayiloveyou02156 painter 真的不是給畫pixel art 用的,只能建議用別的
free 的有krita, GraphicsGale
這邊有介紹付費和免費的software~
33 best pixel art / sprite editors as of 2017
千穗
6 years ago
謝謝幫忙回覆的各位 因為我也提不出更好的答案了,只能在這邊跟各位說聲謝謝,謝謝提供這麼多資訊讓大家能夠更容易入門像素;以及這種前輩願意拉動後輩的熟悉感,真的很像以前在遊戲裡的公會那種感覺,都會讓玩遊戲更有動力,那麼也期望各位在學習繪製像素的過程中,更有動力。
藻(Shimii)
6 years ago
真的很謝謝這邊的大家 也很高興看到這麼多人愛著pixel art
童 樺
6 years ago
kuonyuu 謝謝你 我了解了 也謝謝你提供這麼多資訊給我XD
不好意思,看了教學有點不懂疊線的意思
請問是指同一格重複上色嗎?先謝謝噗主和各位提供教學和資源!
千穗
6 years ago
bwa90: 不是,是指兩個點不能疊一起,請看下圖螢光綠點出來的地方,皆是不能相疊的部分
ginping0602: 喔喔!這樣了解了~感謝特地畫圖解說!

一張圖解釋為什麼小格(1 bit)不要重疊 (woot)
手機也有給畫PIXEL ART的APP~ (小圖用手機畫很方便)
像DOTPICT這個
dotpict
鳪ㄅㄨˊ阿🐭
6 years ago @Edit 5 years ago
zeyami: 也謝謝你的親切圖解~有機會想開始畫畫看
aseprite 如果懂得自己build (github 有開源) 可以不用付費哦w
用手機app畫像素+1
🥐🔗
6 years ago
這邊是想學pixel art的初心者,想在這邊借串請問一下各位前輩們在畫像素圖時如果遇到要開比較大的尺寸的圖檔的時候都會怎麼做呢?(ex:1920x1080pixel這種比較大的尺寸)因為有看到串一些前輩的教學圖裡面有提到縮放大小的教學,但是如果從比較小的尺寸將圖放大到需要的尺寸之後好像多少還是會有一點邊緣模糊的問題,想請問在這方面大家都是怎麼處理的呢?另外真的很感謝千穂開了這個推廣噗,真的受用好多><
🥐🔗
6 years ago
順便跟這串的大家分享一個私心推薦的日本像素GIF繪師的訪談分享,內容有一點ㄎㄧㄤ,不過有提到一些關於作畫的內容,好東西不私藏><
https://www.pixivision.n...
1920x1080都是小小張放大或者好多張拼在一起的吧
感謝教學>///<
手癌不會畫畫的路過XD
示範圖都超級可愛QQ
廠ㄉ
6 years ago
真的超可愛的!
曾經有一度很著迷像素畫可是三分鐘熱度
突然熱了起來! 感謝教學~
🔸久遠►委託消化中
6 years ago @Edit 6 years ago
siba143tw 放大問題上面有提到啊,直接放大再printscreen / (麵包提到的)用ps 某個放大(最接近的像素)選項
也可以選擇online 工具/購入專門的放大付費程式
邊緣模糊問題是用錯放大方法,不要直接ctrl+t或用其他ps 的放大選項
🥐🔗
6 years ago
kuonyuu: 原來是這樣!前面沒有看懂這個教學的用意,在解釋之後了解了!非常感謝您的教學><
雙命
6 years ago
感謝教學>w<
https://images.plurk.com/1CqKYVSDloPbJZlSMAEEHY.png
史萊姆尋尋
5 years ago
請問 想要移動圖的話 邊線就會變得模糊
用SAI有沒有不模糊的方法?
千穗
5 years ago
TOBEHAPPYWOLF: 用SAI畫像素的話只要旋轉圖片就會變得模糊,只能夠上下左右移動,沒有辦法旋轉時也不會模糊
TOBEHAPPYWOLF: 用免費軟體的話可以試試看用paint.net喔
停用反鋸齒的話不管是什麼操作都不會模糊
(要改變整張圖的大小的時候使用最接近像素也可以不產生顏色間的模糊邊界喔)
史萊姆尋尋
5 years ago
mrsscheffera: ginping0602: 大感謝~~~
梔春Bossy
4 years ago
太喜歡你分享的教學了,讓我留言關注
s9200257
4 years ago
想請問一下,最近開始練習畫像素,畫好存成png檔在電腦看很清楚,但一到手機或雲端之類的地方馬上就變成糊糊的了,這個狀況有解決辦法嗎?
千穗
4 years ago
s9200257: 手機和雲端會變糊這方面我不太確定(?),不過如果是噗浪表服的話,PNG存成GIF手機上看就會變清楚,其他地方上傳如果會變糊,需要看這個網站上的檔案規範,有些尺寸沒有照他們的比例的話,會被縮圖後變糊是很正常的
s9200257
4 years ago
ginping0602 原來是這樣,謝謝千穗/
貓下無塵
4 years ago
路人經過 謝謝分享!!!
s9200257
4 years ago
cheesepotato001: 不好意思想請問一下,之前照著大大的方法建了一個二值擦,但前陣子電腦換掉重灌後用大大的方法建立二值擦發現會影響到原來的二值筆@@不能同時用
千穗
4 years ago
s9200257: 建議直接重設一個畫畫用的二值筆,擦子的部分有以下兩種方法
A:「-」鍵
A:「其他」→「熱鍵設定」→「色彩」→「切換前景色和透明色」→自己選個熱鍵→「確定」
咩魚
4 years ago
謝謝分享
Koko_蔻蔻
3 years ago
https://images.plurk.com/y8z6UC4NdAfvSo0R8IpTB.jpg 千穗大大您好!我是剛入學像素的新手,目前有些繪畫困擾想請教您!
小弟我使用軟體是iPad的procreate
畫布500x250px
畫也是ㄧ個一個點畫,但是都會有多餘的部分
(紅線圈的地方)
想請教您,這樣的像素畫是可以的嗎?
筆的設定也是看網上教學影片調整的(像素筆)

謝謝大大!
Koko_蔻蔻
3 years ago
自己看了還是有點挫折
千穗
3 years ago
nierkoko12236332: 有多餘的部份的話,應該是你的筆刷大小不是「1」,先把筆刷大小調到最小,應該就沒問題了;覺得剛學像素會感到挫折是很正常的,畢竟這需要花一段時間學習才能夠慢慢進步,請放寬心先從簡單的圖案開始畫吧
Koko_蔻蔻
3 years ago
PROCREATE 5: Pixel Art Brush Pack Tutorial!
千穗大大,我是看這部影片調整,應該是已經調到底了,我的筆稍微往其他方向她有時就會多1點點(非常微妙) 整理畫面與上色時去1格1格點才發現有時候會有多餘的部分 所以大圖目前都不太敢碰 ,也謝謝千穗大大百忙中回覆我的問題

小弟不才,我的作品在IG上面 : nier_pixels
小弟是昨天才加入噗浪,如果不能放連結或其他的東西 我會檢討,先說聲抱歉

也謝謝你的新手入門教學,真的受益良多!
back to top