How to Make Pixel Art in Adobe Illustrator Tutorial

แชร์
ฝัง
  • เผยแพร่เมื่อ 2 ธ.ค. 2024

ความคิดเห็น • 44

  • @chase337
    @chase337 ปีที่แล้ว

    I've watched this a couple times, looking forward to trying this.

  • @petrenicolescu493
    @petrenicolescu493 2 ปีที่แล้ว +4

    When picking / applying colors from/to different pixels it is much faster if you press the i key once (and sample a color) then just press ALT and click on a pixel to color it. Then release the ALT key and you are in again in sampling color mode. This way you only need to remember one key: the ALT Key. I hope this helps.

  • @-._.-._.-
    @-._.-._.- 3 ปีที่แล้ว +17

    You can select the whole pixel art, go to object - rasterize - (Background tick box transparent) and you won't have the white lines too. Be aware to undo this before savings because it will destroy editability.

    • @MattBorchert
      @MattBorchert  3 ปีที่แล้ว +3

      Excellent tip, thanks for sharing!

  • @fabi3817
    @fabi3817 4 ปีที่แล้ว +9

    I am using Adobe Illustrator for 15 years now, but I didn't know the Cmd+D thing! 😆 Will save much time in the future, thank you!

  • @allstargraphics1552
    @allstargraphics1552 3 ปีที่แล้ว +5

    My technique in Adobe Illustrator to create pixelart is to Apply live paint on the grid and then using fill color option to make pixelart fairly fast just like brush strokes. It takes me very less time to create Pixelart. Btw a great video and very helpful.

    • @DailyInterestingStoriesByMe
      @DailyInterestingStoriesByMe 2 ปีที่แล้ว

      Please show this

    • @orkedits
      @orkedits 2 ปีที่แล้ว

      @@DailyInterestingStoriesByMe I think the method shown in this video is terrible, here's a better tutorial I found th-cam.com/video/x-QnptGi68c/w-d-xo.html

  • @darklight1144
    @darklight1144 4 ปีที่แล้ว +4

    Finally a video that explains this in an easy way! Thanks this really helped a lot :D

  • @isabel5066
    @isabel5066 4 ปีที่แล้ว +4

    omg thanks ! you explain everything i needed to know, i struggled with these white lines sooo much and following this tutorial and pixel method helped really much

  • @cahyoanggoro7241
    @cahyoanggoro7241 4 ปีที่แล้ว +4

    thank you so much! it took 3 hours for me to finish my own pixel art xd

  • @SanderSalamander
    @SanderSalamander 3 ปีที่แล้ว +1

    You explain everything so detailed. I love this video :D

  • @ThomasPOV
    @ThomasPOV 3 ปีที่แล้ว

    Hello,
    I would like to know if there is a particular setting to make pixel arts in 8bits / 16 bits / 32 bits ?
    Thank you

  • @fluffymoose1129
    @fluffymoose1129 ปีที่แล้ว

    would it be possible to make a rough pencil pixel brush like how pixel art is made in photoshop (except that this time in illustrator, it's scalable due to its vectors)?

  • @JB-ou8vm
    @JB-ou8vm 3 ปีที่แล้ว

    Thank you so much for explaining this.

  • @DreamRice
    @DreamRice 4 ปีที่แล้ว +1

    Finally someone who fixes that gap problem! :-D I was just looking for that and thankfully someone commented that you got a solution so i watched t hrough the video

    • @technofeeliak
      @technofeeliak 4 ปีที่แล้ว

      Well, there's a way I know which is much faster.
      First, you want to set your Preferences set Units of measurement to Point which is like one pixel...
      for your Grid and Guides to Gridline every = 1pt... and Subdivisions = 1pt.
      In the toolbar at the top select View and in the dropdown menu select both Snap to Grid and Show Grid.
      This way you can make a square that's 1x1 pixel in size, click on it, then hold Alt while pressing the arrow keys which will make copies.
      If you group them, you can make your colors into clusters of pixels.
      Then, just make a compound shape...
      If you don't know how then follow these steps:
      Select the group of squares you want to transform into a shape.
      In the Pathfinder menu, select the icon that looks like two rectangles being combined.
      Hidden in the top right of that little menu you'll see an arrow pointing down with four parallel horizontal lines... click on that.
      Select Make Compound Shape from this dropdown.
      Now press the Expand button in the menu.
      You've just made a shape from pixels basically.
      I do this all the time.
      th-cam.com/video/CZl11NTDw-g/w-d-xo.html

  • @najmehasanzade8684
    @najmehasanzade8684 3 ปีที่แล้ว

    so helpful, Thanks

  • @beezer387
    @beezer387 3 ปีที่แล้ว

    Great tutorial!

  • @hhj01232
    @hhj01232 4 ปีที่แล้ว +1

    i really had some problems with having gaps when i exported my pixel works... now problems all solved with yo video! thx really helpful ♥

  • @Filtergrade
    @Filtergrade 4 ปีที่แล้ว

    Super cool work!

  • @colekonop5034
    @colekonop5034 3 ปีที่แล้ว

    is there a way I can take a pixel image I made in paint and transfer it to illustrator

  • @basmajoseph5323
    @basmajoseph5323 3 ปีที่แล้ว

    i got problem when i finish my pixel art in ai all good no white lines in every pixel ( like i use white stroke ) but when i sent it in twitter i see that white lines like i use white stroke but i didnt how can i fix it ?
    please guys help me i have collage project at pixel art
    thank u

  • @mandarinteacher
    @mandarinteacher 4 ปีที่แล้ว

    Thank You very MUCHHHHH! This is what I need now.

  • @karinasatie7548
    @karinasatie7548 4 ปีที่แล้ว

    I was struggling with the exporting part. Thank you so much

  • @helenfitzgerald9719
    @helenfitzgerald9719 4 ปีที่แล้ว

    Excellent!

    • @MattBorchert
      @MattBorchert  4 ปีที่แล้ว

      Thank you very much Helen! :)

  • @Богдан-т5к9э
    @Богдан-т5к9э 4 ปีที่แล้ว

    Thanks a lot!

    • @MattBorchert
      @MattBorchert  4 ปีที่แล้ว +1

      Oh course Bohdan, glad you enjoyed it. :)

  • @julacristian4833
    @julacristian4833 4 ปีที่แล้ว

    What are other methods of removing those blurry grid things, after exporting to photoshop?

    • @MattBorchert
      @MattBorchert  4 ปีที่แล้ว

      The two methods that I showed in the video are the ones that came to my mind. There may be other better ways though - perhaps someone else can answer to help. :)

  • @Archikuus
    @Archikuus 4 ปีที่แล้ว

    do you know any benefits to using illustrator over, say... something like Aseprite? Great tutorial by the way!

    • @MattBorchert
      @MattBorchert  4 ปีที่แล้ว

      Interesting! I was not familiar with aseprite, but it looks great. Aseprite seems much more focused on building sprites for games, so I think it will come down to what your desired output is. Can it export in vector formats? If not, then that would be the benefit to Illustrator. If yes, then it's probably down to personal preference if art is the goal. It seems like Aseprite would clearly be better if you're making sprites for games.

  • @kevinsitekart8186
    @kevinsitekart8186 3 ปีที่แล้ว +1

    Looks amazing! Nicely done. NFT?

  • @k.blagoev4373
    @k.blagoev4373 2 ปีที่แล้ว

    EAZY WAY: 1. Place the picture you want. 2. Go to Object > Rasterize...3. Go to Object > Create Object Mosaic... and adjust the settings you want.

  • @sheikh9751
    @sheikh9751 4 ปีที่แล้ว

    why i dont have propeties at window

  • @KaptainMir
    @KaptainMir 4 ปีที่แล้ว

    Nice - something novel..

  • @zamu6269
    @zamu6269 3 ปีที่แล้ว

    POV:you are a minecraft player...