Тёмный

How to Make Pixel Art in Adobe Illustrator Tutorial 

Matt Borchert
Подписаться 113 тыс.
Просмотров 76 тыс.
50% 1

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

Опубликовано:

 

5 окт 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 44   
@fabi3817
@fabi3817 3 года назад
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!
@MattBorchert
@MattBorchert 3 года назад
Awesome to hear Fabian!
@petrenicolescu493
@petrenicolescu493 2 года назад
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.
@-._.-._.-
@-._.-._.- 2 года назад
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 2 года назад
Excellent tip, thanks for sharing!
@chase337
@chase337 10 месяцев назад
I've watched this a couple times, looking forward to trying this.
@allstargraphics1552
@allstargraphics1552 2 года назад
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 ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-x-QnptGi68c.html
@isabel5066
@isabel5066 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
@MattBorchert
@MattBorchert 4 года назад
Awesome to hear!
@cahyoanggoro7241
@cahyoanggoro7241 3 года назад
thank you so much! it took 3 hours for me to finish my own pixel art xd
@darklight1144
@darklight1144 4 года назад
Finally a video that explains this in an easy way! Thanks this really helped a lot :D
@hhj01232
@hhj01232 4 года назад
i really had some problems with having gaps when i exported my pixel works... now problems all solved with yo video! thx really helpful ♥
@MattBorchert
@MattBorchert 4 года назад
Great to hear!
@SanderSalamander
@SanderSalamander 3 года назад
You explain everything so detailed. I love this video :D
@DreamRice
@DreamRice 4 года назад
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. ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-CZl11NTDw-g.html
@karinasatie7548
@karinasatie7548 4 года назад
I was struggling with the exporting part. Thank you so much
@MattBorchert
@MattBorchert 4 года назад
You’re welcome 😊
@JB-ou8vm
@JB-ou8vm 3 года назад
Thank you so much for explaining this.
@mandarinteacher
@mandarinteacher 4 года назад
Thank You very MUCHHHHH! This is what I need now.
@Filtergrade
@Filtergrade 4 года назад
Super cool work!
@najmehasanzade8684
@najmehasanzade8684 3 года назад
so helpful, Thanks
@ThomasPOV
@ThomasPOV 2 года назад
Hello, I would like to know if there is a particular setting to make pixel arts in 8bits / 16 bits / 32 bits ? Thank you
@beezer387
@beezer387 3 года назад
Great tutorial!
@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)?
@kevinsitekart8186
@kevinsitekart8186 3 года назад
Looks amazing! Nicely done. NFT?
@colekonop5034
@colekonop5034 3 года назад
is there a way I can take a pixel image I made in paint and transfer it to illustrator
@Богдан-т5к9э
@Богдан-т5к9э 4 года назад
Thanks a lot!
@MattBorchert
@MattBorchert 4 года назад
Oh course Bohdan, glad you enjoyed it. :)
@helenfitzgerald9719
@helenfitzgerald9719 4 года назад
Excellent!
@MattBorchert
@MattBorchert 4 года назад
Thank you very much Helen! :)
@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.
@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. :)
@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
@sheikh9751
@sheikh9751 4 года назад
why i dont have propeties at window
@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.
@KaptainMir
@KaptainMir 4 года назад
Nice - something novel..
@zamu6269
@zamu6269 3 года назад
POV:you are a minecraft player...
Далее
Blue vs Green Emoji Eating Challenge
00:33
Просмотров 3,8 млн
9 Hacks for Adobe Illustrator That Changed My Life
12:55
5 GREAT Game Art Styles for BAD Artists
5:00
Просмотров 256 тыс.
Pixel Art in Illustrator | Illustrator Tutorial
6:17
Просмотров 390 тыс.
How to make pixel art in Photoshop
5:59
Просмотров 50 тыс.