How to Make Pixel Art in Adobe Illustrator Tutorial

SdĂ­let
VloĆŸit
  • čas pƙidĂĄn 31. 07. 2024
  • A tutorial on how to make pixel art inside Adobe Illustrator!
    Check out my Photoshop and Illustrator kits! 🩄 bit.ly/3aWqZpF
    This tutorial covers how to make pixel art inside Adobe Illustrator. The cool part of making pixel art inside Illustrator is that you have an immense amount of control over each and every pixel, and you can also scale the artwork infinitely large due to it being in a vector format. While the tool wasn't designed for working in the concept of "pixels," I go over how to make a pixel grid using squares!
    The video goes over how to create the pixel grid out of squares, gives some basic tips for recoloring and working with each individual pixel, and in the end I show some tips for successfully exporting the artwork to prevent some technical glitches that can occur when you turn vector artwork into a raster format.
    Have any questions about what you've seen in the video? Feel free to leave a comment!
    #adobeillustrator #illustrator #illustratortutorial

Komentáƙe • 44

  • @darklight1144
    @darklight1144 Pƙed 4 lety +4

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

  • @SanderSalamander
    @SanderSalamander Pƙed 2 lety +1

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

  • @isabel5066
    @isabel5066 Pƙed 4 lety +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

  • @mandarinteacher
    @mandarinteacher Pƙed 4 lety

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

  • @petrenicolescu493
    @petrenicolescu493 Pƙed 2 lety +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.

  • @JB-ou8vm
    @JB-ou8vm Pƙed 2 lety

    Thank you so much for explaining this.

  • @chase337
    @chase337 Pƙed 8 měsĂ­ci

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

  • @-._.-._.-
    @-._.-._.- Pƙed 2 lety +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.

  • @Filtergrade
    @Filtergrade Pƙed 4 lety

    Super cool work!

  • @fabi3817
    @fabi3817 Pƙed 3 lety +8

    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!

  • @beezer387
    @beezer387 Pƙed 3 lety

    Great tutorial!

  • @cahyoanggoro7241
    @cahyoanggoro7241 Pƙed 3 lety +4

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

  • @najmehasanzade8684
    @najmehasanzade8684 Pƙed 3 lety

    so helpful, Thanks

  • @DreamRice
    @DreamRice Pƙed 4 lety +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 Pƙed 3 lety

      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.
      czcams.com/video/CZl11NTDw-g/video.html

  • @karinasatie7548
    @karinasatie7548 Pƙed 3 lety

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

  • @hhj01232
    @hhj01232 Pƙed 4 lety +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 ♄

  • @allstargraphics1552
    @allstargraphics1552 Pƙed 2 lety +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.

    • @RazaBhaiTalksTooMuch
      @RazaBhaiTalksTooMuch Pƙed 2 lety

      Please show this

    • @orkedits
      @orkedits Pƙed 2 lety

      @@RazaBhaiTalksTooMuch I think the method shown in this video is terrible, here's a better tutorial I found czcams.com/video/x-QnptGi68c/video.html

  • @helenfitzgerald9719
    @helenfitzgerald9719 Pƙed 4 lety

    Excellent!

  • @ThomasPOV
    @ThomasPOV Pƙed 2 lety

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

  • @user-nt2pz9iy1n
    @user-nt2pz9iy1n Pƙed 4 lety

    Thanks a lot!

    • @MattBorchert
      @MattBorchert  Pƙed 4 lety +1

      Oh course Bohdan, glad you enjoyed it. :)

  • @basmajoseph5323
    @basmajoseph5323 Pƙed 3 lety

    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

  • @fluffymoose1129
    @fluffymoose1129 Pƙed rokem

    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)?

  • @colekonop5034
    @colekonop5034 Pƙed 2 lety

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

  • @julacristian4833
    @julacristian4833 Pƙed 4 lety

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

    • @MattBorchert
      @MattBorchert  Pƙed 4 lety

      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. :)

  • @sheikh9751
    @sheikh9751 Pƙed 4 lety

    why i dont have propeties at window

  • @kevinsitekart8186
    @kevinsitekart8186 Pƙed 3 lety +1

    Looks amazing! Nicely done. NFT?

  • @Archikuus
    @Archikuus Pƙed 4 lety

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

    • @MattBorchert
      @MattBorchert  Pƙed 4 lety

      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.

  • @KaptainMir
    @KaptainMir Pƙed 4 lety

    Nice - something novel..

  • @k.blagoev4373
    @k.blagoev4373 Pƙed rokem

    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.

  • @zamu6269
    @zamu6269 Pƙed 2 lety

    POV:you are a minecraft player...