🍣 Photoshop教學🍣 初學入門 Pixel Art 電繪教學｜讓你輕鬆上手畫出 8 位元像素點陣風格｜說哈設計 Show Hand Design

[@infadd5008]

照著影片做，剛好有遇到格點沒辦法對齊的問題。 1.檢視 => 靠齊至 => 參考線。 2.編輯 => 偏好設定 => 參考線、格點與切片 => 格點每格設置為2 細塊為1 。 3.測試用用鉛筆工具填滿一格1px的格點(點4次) 4.編輯 => 偏好設定 => 參考線、格點與切片 => 格點每格設置為1 細塊為1 。 5.ok了

[@Hank-f1i]

感謝

[@yi-shin7357]

正好遇到一樣的問題，感謝!!

[@chen6247]

感謝～！

[@luna7505]

一樣的問題！成功調出來了 謝謝♡

[@yingtonglin7164]

好人一生平安

[@pei8548]

像素風格入門門檻感覺比較低又好有趣

[@iorihot]

很棒很清晰的教學! 雙版本都受惠到!! 讚~~~

[@yuichang1631]

天啊 你講話這麼清晰，教學這麼有條理，真的幫助很多！謝謝！

[@jimgiant6]

這種程式常常看了教學但是做起來還是有問題，但老師這邊教學清楚速度與講話都很清楚！很喜歡！非常感謝

[@ShowHandDesign]

很謝謝你的留言回饋～謝謝支持😆

[@ericachen6162]

謝謝老師的詳細教學！ 請問前置設定 參考縣，px1*px1的畫筆及橡皮擦 AI(Illustrator)也可以照這個步驟設定嗎？ 對AI的介面比較熟悉，跪求AI前置設定的介面！ 謝謝老師

[@ivyskying]

老師的教學真的太棒了，說到很多該注意的地方。謝謝

[@ShowHandDesign]

謝謝你的喜歡我們的影片🥰

[@Yici_62]

天哪 這部影片真的太棒了！！！ 教得很詳細 讓我Ps的功力大大進步～ 還有Adobe color 挑選色彩的教學 讓我發現新天地(⁎⁍̴̛ᴗ⁍̴̛⁎)

[@user-indigo9]

教學清晰扼要~~太棒了啦~~~感謝

[@ShowHandDesign]

謝謝你的留言回饋～～😆

[@ct_05.29]

荷包蛋跟玉子燒真的太太太可愛ㄌ～～～已訂閱！非常感謝教學🥰❤️🙏

[@bambiouo3584]

請問開頭的像素字體可以提供名子嗎 ~ 真的好可愛

[@ainz1600]

非常有幫助，感謝!

[@ShowHandDesign]

謝謝你的留言回饋😊

[@sharonshih3792]

謝謝老師，清楚實用的教學😇😇😇

[@user-5280fvp]

老師畫的真的很可愛，而且很真實 我有幾個問題想要請教老師：這個軟體是只能在桌機使用嗎？ 如果不是，可以麻煩老師給網站連結嗎？ 謝謝老師🥰

[@ShowHandDesign]

這個軟體是photoshop 喔😊

[@PAN-ky4de]

不好意思 請問為什麼我的鉛筆是設定1 像素 但是不是塗在個子內 片有偏差 要如何更改設定呢 我都是照老師的步驟更改設定的

[@ShowHandDesign]

可以參考置頂留言的做法喔～^^

[@郁芬-b1w]

想請問您的開頭動畫是如何製作的呢?

[@kuma1928]

好棒的教學，趕緊記下來^^ 謝謝老師~

[@ShowHandDesign]

謝謝你的留言鼓勵😊

[@kuma1928]

@@ShowHandDesign 老師，發現我照著操作"方法1."、"方法2."還是無法對齊格線。還請求解惑~ 【方法一】若已完成 2:06 這部分的設定，會產生這個問題應該是像素格點所導致的，可以先操作影片 1:15 的步驟看看 _目前問題: 會出現筆刷無法對齊情況。_ 【方法二】"筆刷仍無法對齊格點，則改為顯示「像素格點」，關閉「格點」，改以「像素格點」為對齊基準" _目前問題: 我將檢視內的「格點」打勾關閉，把「像素格點」打勾，但畫面就沒有格線可以去對齊畫圖了。_

[@ShowHandDesign]

@@kuma1928 像素格點是白色的，建議另外新增一個鋪滿灰色的圖層作為襯底，這樣就可以很清楚看到像素格點囉！

[@kuma1928]

@@ShowHandDesign 原來是在做調整的時候忘了改背景圖層顏色~太感謝了^^ 不然已懊惱了一整天...

[@astrid6377]

謝謝分享!!! 尤其是影像放大的部分，我以為只能調大筆刷一個個慢慢點。

[@ShowHandDesign]

謝謝您的留言唷～^^

[@林-f6p]

超讚 讚爆🤤非常感謝🙏

[@ShowHandDesign]

謝謝您的留言回饋～還請繼續支持我們喔！😊

[@miche6326]

超級實用！！感恩

[@ShowHandDesign]

謝謝您的留言唷～^^

[@momfof67]

請問老師~為何我的像素和格點大小不一樣?

[@jiehuizhong9752]

超级棒，喜欢

[@ShowHandDesign]

謝謝你的留言鼓勵🥰

[@AlstonOAO]

好用心喔天啊 訂閱

[@ShowHandDesign]

謝謝你的訂閱支持！給了我們很大的鼓勵喔☺️

[@a8894julia]

你好，我照著您的教學去設定檔案了，但為什麼畫出來的筆刷都會偏離畫面上顯示的格線呢?就是不會在同個正方形而是筆刷畫下去會跑到兩個正方形中間，謝謝回答

[@ShowHandDesign]

若已完成 2:06 這部分的設定，會產生這個問題應該是像素格點所導致的，你可以先操作影片裡 1:15 的步驟看看～

[@a8894julia]

@@ShowHandDesign 謝謝我會嘗試看看，但我也想問如果想繪製比較大張的圖該怎麼辦呢? 因為上面的規格都是畫小小圖，原本想畫大張一點的圖，但筆刷卻變太小根本是一條線，放大筆刷又變成圓形的鋸齒筆刷...想知道有沒有辦法畫大張圖筆刷也等距放大 謝謝你!

[@ShowHandDesign]

@@a8894julia 筆刷沒有辦法另外設定，建議使用小尺寸畫後，最後轉檔時 (參影片：10:06)，再設定大尺寸轉出圖檔就可以囉～

[@翁淳亞-v8c]

@@ShowHandDesign 老師請問我都照著你設定了，也沒勾選像素格點，但一樣會跑出去格子外T_T

[@ShowHandDesign]

可以參考置頂留言的作法喔～👆🏻👆🏻

[@pinkbear411]

Pixel的繪圖會出第二部嗎?比如教Pixel Sprite的跟64x64的Pixel,我訂閱了

[@ShowHandDesign]

會喔～會再推出 Pixel 動態的製作教學，非常感謝您的訂閱支持😊

[@kaylieyi4532]

超棒的教学视频！

[@ShowHandDesign]

很謝謝你的留言～^^

[@evafeng5760]

很棒的教學！已經訂閱！想請問是一律只能設定72dpi嗎？

[@ShowHandDesign]

如果有做好影片前面所說的設定，解析度設為 300dpi 也可以唷！👌🏻

[@attulanguagecollection]

不好意思，請問CsP的軟體，也可以事後調正大小嗎，然後一樣有像素的效果，剛好遇到這個問題

[@ShowHandDesign]

我沒有使用過 CSP 軟體，很抱歉無法為您解答此問題，還請見諒😅

[@LEO61111]

我想用直線工具或橢圓工具 但是他會有暈開的效果 要怎麼讓他變得乾淨俐落

[@ShowHandDesign]

畫板不要設定太大，可以先從檔案設定 00:44 這邊開始設定看看～

[@devilya5894]

谢谢，太实用了

[@ShowHandDesign]

謝謝您的留言回饋喔！😊

[@devilya5894]

@@ShowHandDesign 如果有交流群的话，可以的话我想加入交流群，

[@ShowHandDesign]

不好意思我們沒有開設交流群😅

[@peterwang3704]

您好，我想請教一下 鉛筆設定那邊我的鉛筆工具已經設為1像素 但畫起來不是一格一格的 而是線條 可能的原因是什麼呀qq

[@ShowHandDesign]

建議先完成影片的檔案設定 00:44 的步驟後再操作看看～

[@peterwang3704]

@@ShowHandDesign 您好，謝謝快速地回答我! 現在已經做到儲存檔案最後一步驟了但有些問題。 當我把影像尺寸調整500*500和最接近像素 按下確定時，原本做好的圖片就不見了，沒有顯示在畫面以至於我無法完成後續操作0.0

[@ShowHandDesign]

我沒遇過這樣的情況過，所以不太確定您畫面實際的樣子😅 當你已完成尺寸調整500*500並同時選擇最接近像素，按下確定後，試著使用縮放工具，將畫板縮小瀏覽畫版的全貌看看，應該還在畫板裡面才是😅

[@peterwang3704]

@@ShowHandDesign 有了！試著縮小後發現原本的畫板還在 👍 謝謝版主～

[@ct_05.29]

請問轉檔之後如果還有地方想調整該怎麼處理...？原本一格的轉檔完就變成9*9了QQ

[@ShowHandDesign]

轉檔的方式可以看 10:06 的地方～

[@歐子豪-c6h]

請問尺寸設定都是建議小尺寸來繪圖嗎

[@ShowHandDesign]

只要有做好「檔案設定 00:44」，任何尺寸都可以唷～^^

[@聪明人赚聪明钱]

可以给网页链接吗？

[@林柏穎-g6u]

您好，我已確認過完全按照步驟設定，筆刷仍然會偏離畫面上顯示的格線，跑到兩個正方形之間。請問該如何調整?

[@ShowHandDesign]

【方法一】若已完成 2:06 這部分的設定，會產生這個問題應該是像素格點所導致的，可以先操作影片 1:15 的步驟看看 【方法二】方法一試過仍無法解決，則看筆刷是否有對齊「像素格點」而非「格點」，則改為關閉格點，顯示像素格點，以像素格點為對齊基準～ 【方法三】以上兩種試過後狀況還是一樣，關閉 Photoshop 再重新開啟看看 以上三種方式你再試試看～😊

[@林柏穎-g6u]

@@ShowHandDesign 感謝您的迅速回覆，我透過【方法二】調整成功了!感謝您!

[@林柏穎-g6u]

@@yuxiao9832 其實我後來雖然有對好，但是會變成沒有格線，所以我後來改用aseprite了

[@林柏穎-g6u]

在PS上你可以改為關閉格點，顯示像素格點，並在一開始把背景圖層調整為透明，這樣就看得到格線而且筆刷有對齊

[@yuxiao9832]

@@林柏穎-g6u 謝謝你回答我，如果我一開始就用像素格點，成品出來的時候會不會怪怪的？😣 請問您後來用的那個是其他軟體嗎？

[@沁臻宋]

請問有從ai畫好圖檔 再貼至ps變成像素圖的方法ㄇʕ•̫͡•ʔ♡*:.✧

[@ShowHandDesign]

如果想更快速變為像素圖，KZbin 上有一支介紹影片：reurl.cc/pmM3Ne ，提供給你做參考看看唷～

[@毛毛-o4w]

為什麼我按了就變全白呢？都沒辦法畫😭😭

[@迪迪-f4q]

老師 妳可以接單嗎 我想請妳畫圖可以嗎 我可以用什麼方式聯絡你呢

[@聪明人赚聪明钱]

可以给网页链接吗