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

#Photoshop教學 #電繪教學 #PixelArt #8Bit #像素
❗重點提醒❗
如果依照影片內的設定,筆刷仍無法對齊格點,則改為顯示「像素格點」,關閉「格點」,改以「像素格點」為對齊基準,或是參考下方置頂留言的做法
這集教學要教各位輕鬆畫出任天堂遊戲的 8 位元 #點陣圖 風格
讓大家都能輕鬆上手 8 位元的畫風
希望能幫助各位了解更多元的 #電繪 方式
多嘗試不一樣的繪畫方法✨✨
更可以激發出更多的創作能量喔!💪🏻
🌼 本集內容重點🌼
開場 00:00
檔案設定 00:44
筆刷設定 02:57
範例示範 03:34
轉檔設定 10:06
配色工具 11:55
🎨 色彩工具網站
Adobe Color color.adobe.com/zh/create/col...
Adobe Color 顏色規則說明 helpx.adobe.com/tw/photoshop/...
⋮⋮⋮⋮⋮⋮⋮ 歡迎更進一步支持我們 ⋮⋮⋮⋮⋮⋮⋮
🎉 助我們一臂之力
/ @showhanddesign
🎉 線上課程▶ 油粉彩畫畫課:重現梵谷的經典名畫
✨ 980元再9折,再加碼送 Mungyo 12 色油粉彩 ✨
⭐️ 立刻線上免費試閱⭐️ omia.tw/zeXKJ
🎉 線上課程▶ Photoshop 電繪零基礎入門
✨ 75折限時優惠中,優惠碼 N4HDHRD5USJ ✨
⭐️ 立刻線上免費試閱⭐️ reurl.cc/o9aDyM

✨生活即是設計✨生活中充斥著許多設計的細節
哈囉!大家好~👋👋
這是一個分享「設計」相關知識的頻道
我們會盡所能以簡單易懂的動畫來呈現給大家!
⏰ 每隔 2~3 週發布新影片⏰

❤️ 追蹤 #說哈設計 Show Hand Design
|訂閱支持|reurl.cc/GypZ3
|Facebook| / showhanddesign
|Instagram| / showhanddesign
📮 合作邀約|showhanddesignlife@gmail.com

Пікірлер: 99

  • @infadd5008
    @infadd50083 жыл бұрын

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

  • @user-tt4xw8bk6r

    @user-tt4xw8bk6r

    3 жыл бұрын

    感謝

  • @yi-shin7357

    @yi-shin7357

    3 жыл бұрын

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

  • @chen6247

    @chen6247

    3 жыл бұрын

    感謝~!

  • @luna7505

    @luna7505

    2 жыл бұрын

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

  • @yingtonglin7164

    @yingtonglin7164

    2 жыл бұрын

    好人一生平安

  • @iorihot
    @iorihotАй бұрын

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

  • @yuichang1631
    @yuichang16313 жыл бұрын

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

  • @sharonshih3792
    @sharonshih37922 жыл бұрын

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

  • @ct_05.29
    @ct_05.292 жыл бұрын

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

  • @ivyskying
    @ivyskying Жыл бұрын

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

  • @ShowHandDesign

    @ShowHandDesign

    Жыл бұрын

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

  • @user-indigo9
    @user-indigo92 жыл бұрын

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

  • @ShowHandDesign

    @ShowHandDesign

    2 жыл бұрын

    謝謝你的留言回饋~~😆

  • @miche6326
    @miche63263 жыл бұрын

    超級實用!!感恩

  • @ShowHandDesign

    @ShowHandDesign

    3 жыл бұрын

    謝謝您的留言唷~^^

  • @Yici_62
    @Yici_623 жыл бұрын

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

  • @ainz1600
    @ainz16002 жыл бұрын

    非常有幫助,感謝!

  • @ShowHandDesign

    @ShowHandDesign

    2 жыл бұрын

    謝謝你的留言回饋😊

  • @jimgiant6
    @jimgiant62 жыл бұрын

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

  • @ShowHandDesign

    @ShowHandDesign

    2 жыл бұрын

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

  • @user-go4qb4cs6o
    @user-go4qb4cs6o3 жыл бұрын

    超讚 讚爆🤤非常感謝🙏

  • @ShowHandDesign

    @ShowHandDesign

    3 жыл бұрын

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

  • @kaylieyi4532
    @kaylieyi45323 жыл бұрын

    超棒的教学视频!

  • @ShowHandDesign

    @ShowHandDesign

    3 жыл бұрын

    很謝謝你的留言~^^

  • @jiehuizhong9752
    @jiehuizhong97523 жыл бұрын

    超级棒,喜欢

  • @ShowHandDesign

    @ShowHandDesign

    3 жыл бұрын

    謝謝你的留言鼓勵🥰

  • @kuma1928
    @kuma19283 жыл бұрын

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

  • @ShowHandDesign

    @ShowHandDesign

    3 жыл бұрын

    謝謝你的留言鼓勵😊

  • @kuma1928

    @kuma1928

    3 жыл бұрын

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

  • @ShowHandDesign

    @ShowHandDesign

    3 жыл бұрын

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

  • @kuma1928

    @kuma1928

    3 жыл бұрын

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

  • @AlstonOAO
    @AlstonOAO3 жыл бұрын

    好用心喔天啊 訂閱

  • @ShowHandDesign

    @ShowHandDesign

    3 жыл бұрын

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

  • @devilya5894
    @devilya58943 жыл бұрын

    谢谢,太实用了

  • @ShowHandDesign

    @ShowHandDesign

    3 жыл бұрын

    謝謝您的留言回饋喔!😊

  • @devilya5894

    @devilya5894

    3 жыл бұрын

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

  • @ShowHandDesign

    @ShowHandDesign

    3 жыл бұрын

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

  • @ericachen6162
    @ericachen6162Ай бұрын

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

  • @astrid6377
    @astrid63773 жыл бұрын

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

  • @ShowHandDesign

    @ShowHandDesign

    3 жыл бұрын

    謝謝您的留言唷~^^

  • @user-or2cv6fs9m
    @user-or2cv6fs9m2 жыл бұрын

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

  • @bambiouo3584
    @bambiouo35842 ай бұрын

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

  • @evafeng5760
    @evafeng57603 жыл бұрын

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

  • @ShowHandDesign

    @ShowHandDesign

    3 жыл бұрын

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

  • @pinkbear411
    @pinkbear4113 жыл бұрын

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

  • @ShowHandDesign

    @ShowHandDesign

    3 жыл бұрын

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

  • @momfof67
    @momfof67Ай бұрын

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

  • @user-5280fvp
    @user-5280fvp Жыл бұрын

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

  • @ShowHandDesign

    @ShowHandDesign

    Жыл бұрын

    這個軟體是photoshop 喔😊

  • @LEO61111
    @LEO611112 жыл бұрын

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

  • @ShowHandDesign

    @ShowHandDesign

    2 жыл бұрын

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

  • @PAN-ky4de
    @PAN-ky4de2 жыл бұрын

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

  • @ShowHandDesign

    @ShowHandDesign

    2 жыл бұрын

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

  • @attulanguagecollection
    @attulanguagecollection2 жыл бұрын

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

  • @ShowHandDesign

    @ShowHandDesign

    2 жыл бұрын

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

  • @ct_05.29
    @ct_05.292 жыл бұрын

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

  • @ShowHandDesign

    @ShowHandDesign

    2 жыл бұрын

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

  • @a8894julia
    @a8894julia3 жыл бұрын

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

  • @ShowHandDesign

    @ShowHandDesign

    3 жыл бұрын

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

  • @a8894julia

    @a8894julia

    3 жыл бұрын

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

  • @ShowHandDesign

    @ShowHandDesign

    3 жыл бұрын

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

  • @user-kd4eb1sm2h

    @user-kd4eb1sm2h

    2 жыл бұрын

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

  • @ShowHandDesign

    @ShowHandDesign

    2 жыл бұрын

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

  • @user-dg3sd5ju2m
    @user-dg3sd5ju2m3 жыл бұрын

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

  • @ShowHandDesign

    @ShowHandDesign

    3 жыл бұрын

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

  • @user-mo7ri8hl2o
    @user-mo7ri8hl2o3 жыл бұрын

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

  • @ShowHandDesign

    @ShowHandDesign

    3 жыл бұрын

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

  • @user-qx2ij6kb6y
    @user-qx2ij6kb6y2 жыл бұрын

    可以给网页链接吗

  • @user-qx2ij6kb6y
    @user-qx2ij6kb6y2 жыл бұрын

    可以给网页链接吗?

  • @peterwang3704
    @peterwang37043 жыл бұрын

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

  • @ShowHandDesign

    @ShowHandDesign

    3 жыл бұрын

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

  • @peterwang3704

    @peterwang3704

    3 жыл бұрын

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

  • @ShowHandDesign

    @ShowHandDesign

    3 жыл бұрын

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

  • @peterwang3704

    @peterwang3704

    3 жыл бұрын

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

  • @user-ki9kc2bu4d
    @user-ki9kc2bu4d3 жыл бұрын

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

  • @user-cx2to5yf9r
    @user-cx2to5yf9r3 жыл бұрын

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

  • @ShowHandDesign

    @ShowHandDesign

    3 жыл бұрын

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

  • @user-cx2to5yf9r

    @user-cx2to5yf9r

    3 жыл бұрын

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

  • @user-cx2to5yf9r

    @user-cx2to5yf9r

    3 жыл бұрын

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

  • @user-cx2to5yf9r

    @user-cx2to5yf9r

    3 жыл бұрын

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

  • @yuxiao9832

    @yuxiao9832

    3 жыл бұрын

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

  • @user-kn1bj1cn1t
    @user-kn1bj1cn1t2 жыл бұрын

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