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

Sdílet
Vložit
  • čas přidán 27. 07. 2024
  • #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

Komentáře • 99

  • @infadd5008
    @infadd5008 Před 3 lety +153

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

  • @iorihot
    @iorihot Před 28 dny

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

  • @sharonshih3792
    @sharonshih3792 Před 2 lety

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

  • @yuichang1631
    @yuichang1631 Před 2 lety +6

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

  • @ct_05.29
    @ct_05.29 Před 2 lety +1

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

  • @user-indigo9
    @user-indigo9 Před 2 lety

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

  • @miche6326
    @miche6326 Před 3 lety

    超級實用!!感恩

  • @ivyskying
    @ivyskying Před rokem

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

  • @ainz1600
    @ainz1600 Před 2 lety

    非常有幫助,感謝!

  • @user-go4qb4cs6o
    @user-go4qb4cs6o Před 3 lety

    超讚 讚爆🤤非常感謝🙏

    • @ShowHandDesign
      @ShowHandDesign  Před 3 lety

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

  • @Yici_62
    @Yici_62 Před 2 lety +5

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

  • @jimgiant6
    @jimgiant6 Před 2 lety +2

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

  • @kaylieyi4532
    @kaylieyi4532 Před 3 lety

    超棒的教学视频!

  • @kuma1928
    @kuma1928 Před 3 lety

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

    • @ShowHandDesign
      @ShowHandDesign  Před 3 lety

      謝謝你的留言鼓勵😊

    • @kuma1928
      @kuma1928 Před 3 lety

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

    • @ShowHandDesign
      @ShowHandDesign  Před 3 lety +1

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

    • @kuma1928
      @kuma1928 Před 3 lety

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

  • @jiehuizhong9752
    @jiehuizhong9752 Před 3 lety

    超级棒,喜欢

  • @AlstonOAO
    @AlstonOAO Před 3 lety +1

    好用心喔天啊 訂閱

    • @ShowHandDesign
      @ShowHandDesign  Před 3 lety

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

  • @devilya5894
    @devilya5894 Před 3 lety

    谢谢,太实用了

    • @ShowHandDesign
      @ShowHandDesign  Před 3 lety

      謝謝您的留言回饋喔!😊

    • @devilya5894
      @devilya5894 Před 3 lety

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

    • @ShowHandDesign
      @ShowHandDesign  Před 3 lety

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

  • @ericachen6162
    @ericachen6162 Před 24 dny

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

  • @astrid6377
    @astrid6377 Před 3 lety

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

  • @user-or2cv6fs9m
    @user-or2cv6fs9m Před 2 lety +1

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

  • @bambiouo3584
    @bambiouo3584 Před měsícem

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

  • @pinkbear411
    @pinkbear411 Před 3 lety

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

    • @ShowHandDesign
      @ShowHandDesign  Před 3 lety

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

  • @evafeng5760
    @evafeng5760 Před 3 lety

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

    • @ShowHandDesign
      @ShowHandDesign  Před 3 lety +1

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

  • @momfof67
    @momfof67 Před 26 dny

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

  • @user-5280fvp
    @user-5280fvp Před rokem

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

  • @LEO61111
    @LEO61111 Před 2 lety

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

    • @ShowHandDesign
      @ShowHandDesign  Před 2 lety

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

  • @attulanguagecollection

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

    • @ShowHandDesign
      @ShowHandDesign  Před 2 lety

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

  • @PAN-ky4de
    @PAN-ky4de Před 2 lety +1

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

  • @ct_05.29
    @ct_05.29 Před 2 lety

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

  • @user-qx2ij6kb6y
    @user-qx2ij6kb6y Před 2 lety

    可以给网页链接吗

  • @user-qx2ij6kb6y
    @user-qx2ij6kb6y Před 2 lety

    可以给网页链接吗?

  • @a8894julia
    @a8894julia Před 3 lety +2

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

    • @ShowHandDesign
      @ShowHandDesign  Před 3 lety

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

    • @a8894julia
      @a8894julia Před 3 lety

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

    • @ShowHandDesign
      @ShowHandDesign  Před 3 lety

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

    • @user-kd4eb1sm2h
      @user-kd4eb1sm2h Před 2 lety

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

    • @ShowHandDesign
      @ShowHandDesign  Před 2 lety

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

  • @user-mo7ri8hl2o
    @user-mo7ri8hl2o Před 3 lety

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

    • @ShowHandDesign
      @ShowHandDesign  Před 3 lety

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

  • @user-dg3sd5ju2m
    @user-dg3sd5ju2m Před 3 lety

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

    • @ShowHandDesign
      @ShowHandDesign  Před 3 lety

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

  • @user-ki9kc2bu4d
    @user-ki9kc2bu4d Před 3 lety

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

  • @peterwang3704
    @peterwang3704 Před 3 lety

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

    • @ShowHandDesign
      @ShowHandDesign  Před 3 lety +1

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

    • @peterwang3704
      @peterwang3704 Před 3 lety

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

    • @ShowHandDesign
      @ShowHandDesign  Před 3 lety +1

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

    • @peterwang3704
      @peterwang3704 Před 3 lety

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

  • @user-cx2to5yf9r
    @user-cx2to5yf9r Před 3 lety

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

    • @ShowHandDesign
      @ShowHandDesign  Před 3 lety +1

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

    • @user-cx2to5yf9r
      @user-cx2to5yf9r Před 3 lety

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

    • @user-cx2to5yf9r
      @user-cx2to5yf9r Před 3 lety

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

    • @user-cx2to5yf9r
      @user-cx2to5yf9r Před 3 lety

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

    • @yuxiao9832
      @yuxiao9832 Před 3 lety

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

  • @user-kn1bj1cn1t
    @user-kn1bj1cn1t Před 2 lety

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