Тёмный

How to Make 8 bit Pixel Art in Adobe Illustrator 

Cary Hawkins
Подписаться 18 тыс.
Просмотров 53 тыс.
50% 1

Pixel art is traditionally associated with raster programs like Adobe Photoshop, but in this tutorial, I'll show you how to make 8-bit pixel art in Adobe Illustrator, a vector program that allows your pixel art to be fully scalable.
Hire me: ➜ www.vectormaid.com
Share this Video: ➜ • How to Make 8 bit Pixe...
Join my Patreon Community ➜
/ vectormaid
Download my Captain America Pixel Art Here: www.deviantart.com/seehawk/ar...
#8-bit #pixelart #adobeillustrator

Хобби

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

 

20 авг 2019

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 72   
@CaryHawkins
@CaryHawkins 4 года назад
Show me your 8-bit pixel art here!
@CaryHawkins
@CaryHawkins 4 года назад
Here's my Captain America if you want to download it: www.deviantart.com/seehawk/art/Captain-America-8-Bit-810514954
@sokkimthanh
@sokkimthanh 4 года назад
I draw 8-bit summer logo.
@CaryHawkins
@CaryHawkins 4 года назад
How'd it turn out?
@michaelheatley9709
@michaelheatley9709 2 года назад
10/10, clear explanation of the process and tools used. I feel like I can make whatever i want in this style now, definitely subbed!
@CaryHawkins
@CaryHawkins 2 года назад
Thanks! I appreciate the feedback.
@joannetaylorgrayling2123
@joannetaylorgrayling2123 2 года назад
Hei! Not all squares will be 10x10px if you use 50 x50 dividers. There is one too many dividers to create 10x10px perfectly and consistently in the grid. I found that when i was going to reuse icons i made with this technique that they never aligned perfectly together: this really bothered me because i wanted every square to be 10pxX10px like you say here - but they just weren't adding up. After expanding and ungrouping x2 some squares were 9x10 or 10x9 and some 10x10. It was really annoying... but i figured out that when you make a rectangular grid, you only need 49 dividers inside the square of 500px. So making one extra dividing line kept throwing it off. (and i set the grid to Align to pixel grid also before live painting) so, if you're going to make a lot of icons for example and maybe want to put some together or layer different icons with backgrounds, you need all your files to snap to pixel perfection and line up together (especially if a client asks you to change some parts of them after expanding) - then check you have always one less divider than the total number of squares wanted in the grid. Hope this helps anyone who encountered the same problem.
@michaelakane8873
@michaelakane8873 3 года назад
SUCH a great tutorial! You really explained everything so thoroughly. Thank you!
@CaryHawkins
@CaryHawkins 3 года назад
Thanks for the feedback!
@lordbacon4972
@lordbacon4972 3 года назад
Thank you for this video! This is the first time I am watching your videos and I like how you include all the hotkeys so we don't get lost! I enjoyed learning from you! Thanks again!
@lordbacon4972
@lordbacon4972 3 года назад
Can you recommend a free alternative to Adobe Illustrator? I am not an artist, I just want to draw for fun/hobby. Thanks!
@CaryHawkins
@CaryHawkins 3 года назад
Not really. I've only ever used non-free software.
@lordbacon4972
@lordbacon4972 3 года назад
@@CaryHawkins Ok, no worries!
@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
@tylervelasquez5639
@tylervelasquez5639 2 года назад
Hey very cool! Even working in Illustrator for many years, there are always new techniques to learn! Thanks
@CaryHawkins
@CaryHawkins 2 года назад
Always!
@Surreal-K404
@Surreal-K404 3 года назад
Thanks for the tutorial, you're a life saver!
@CaryHawkins
@CaryHawkins 3 года назад
I can see the headline: Man saves life with custom 8-bit graphics!
@facundocunsolo4668
@facundocunsolo4668 Год назад
Epic! 🙌🙌
@KimbotMakes
@KimbotMakes 4 года назад
Great tutorial! thank you!!
@CaryHawkins
@CaryHawkins 4 года назад
You're welcome! Thanks for the feedback!
@imageediting3827
@imageediting3827 2 года назад
love it
@mahdimalekanmehr192
@mahdimalekanmehr192 2 года назад
Thanks man :*
@johnta17
@johnta17 3 года назад
this tutorial is gold!
@CaryHawkins
@CaryHawkins 3 года назад
Thanks!
@gaconnhaque
@gaconnhaque 3 года назад
Cool!
@abdokhiralla1461
@abdokhiralla1461 4 года назад
Totally great and simple
@CaryHawkins
@CaryHawkins 4 года назад
Thanks!
@-bern-7910
@-bern-7910 3 года назад
Thanks for making this
@CaryHawkins
@CaryHawkins 3 года назад
Welcome!
4 года назад
Creating a swatch group with your colors would let you choose colors with the arrow keys in the live paint tool instead of going for the eyedropper each time.
@CaryHawkins
@CaryHawkins 4 года назад
Nice tip! I'll have to try that next time.
@mgroovetime9528
@mgroovetime9528 Год назад
what did you use to make this pixle art
@piichincha
@piichincha 2 года назад
Absolutely love you. I was totally lost trying to google a way to do this, and then stumbled upon this and did it successfully ✨ Cheers from Argentina!
@CaryHawkins
@CaryHawkins 2 года назад
Awesome! I'm amazed that I can help someone so far away. Glad you found this useful.
@stevenhudson1125
@stevenhudson1125 3 года назад
Unfortunately, I could not follow the tutorial and the Adobe Illustrator wouldn't do as was shown. Probably on my end since I used the trial to try it out. Maybe I can't use all the tools.
@downculture5060
@downculture5060 Год назад
Great video! I refer to it often. Question: is there a way to erase a painted square after you've already added color to it?
@CaryHawkins
@CaryHawkins Год назад
You can delete it or remove the fill color hotket "/" while the fill is selected. I'm not sure what your objective is, but hopefully that helps.
@downculture5060
@downculture5060 Год назад
@@CaryHawkins Thanks for responding. My mistake, what I mean is the painted parts on the grid itself, not the painted squares you eye-drop from.
@charlottepeternelj5732
@charlottepeternelj5732 4 года назад
im having a problem when i try to ungroup, no matter what I do the grid won't separate. any suggestions why?
@CaryHawkins
@CaryHawkins 4 года назад
You might see if the pieces are actually separated. Sometimes there is a tiny sliver that connects them. Also, groups can be inside of groups, so you might try ungrouping a bunch in a row and see if that works. That's all I can think of at the moment.
@yarkoyork2880
@yarkoyork2880 3 года назад
bro i wanted to create pixel nfts and u saved my life ❤❤
@sokkimthanh
@sokkimthanh 4 года назад
You are good!
@CaryHawkins
@CaryHawkins 4 года назад
Aw, shucks...
@leonardobiteloludwig804
@leonardobiteloludwig804 4 года назад
the internal lines of my drawing are white. even though the strokes are transparent, white lines still appear between the squares. any suggestions to remove them?
@CaryHawkins
@CaryHawkins 4 года назад
Are your squares perfectly next to one another? Make sure there isn't any space with the align window. Set spacing to 0.
@daniellopezhoyos4902
@daniellopezhoyos4902 4 года назад
same lines in my case, just appear when i save
@TheAidenAiden
@TheAidenAiden 2 года назад
Dude its Mega man :)
@MickDarkHorrorSeries
@MickDarkHorrorSeries Год назад
I guess I misunderstood the brief. I thought that you were going to show us how to create a pixellated effect of a non-pixellated object and not create a pixellated object from an already pixellated object. I don't get it.
@CaryHawkins
@CaryHawkins Год назад
Vector object made from squares that resemble pixels. Scalable without losing clarity unlike raster pixel art.
@boogie00389
@boogie00389 2 года назад
when I save my artwork I can see the remaining lines, is there a way to get rid of the lines in the artwork?
@kairogers5169
@kairogers5169 2 года назад
I have this same issue definitely looking for a solution too
@CaryHawkins
@CaryHawkins 2 года назад
I think you guys just need to make sure there is zero space between your objects. Use the align options to set space between to zero.
@destinyjoy98
@destinyjoy98 2 года назад
How do you prevent tiny lines in between each pixel square? I just ran into this issue after removing the grid (by the way your video is so helpful!!)
@CaryHawkins
@CaryHawkins 2 года назад
Use the pathfinder options to make sure 0 space is between your art.
@destinyjoy98
@destinyjoy98 2 года назад
@@CaryHawkins Thank you!! I’ll try that next time!
@destinyjoy98
@destinyjoy98 2 года назад
@@CaryHawkins as a temporary fix, I just did offset path in a tiny amount to cover the space or I just left the grid there and took away the stroke.
@tuumopi
@tuumopi Год назад
@@CaryHawkins Hey sorry what does this mean? Which pathfinder option should i use to remove the white lines? I tried some but nothing seemed to work.
@CaryHawkins
@CaryHawkins Год назад
Well, I actually meant align options instead of pathfinder. At the bottom of align is "distribute spacing" where you can set the spacing to 0.
@thelastskolian
@thelastskolian 2 года назад
I like the video but I have a question. I am teaching myself so I don't know. Why is this considered 8 bit? Like, what qualifies as 8 bit vs 16 vs 32 and so on?
@CaryHawkins
@CaryHawkins 2 года назад
8-bit is old school Nintendo look. 16-bit is Super Nintendo. N64 is 64-bit and so on.
@thelastskolian
@thelastskolian 2 года назад
@@CaryHawkins thank you. After doing more research online I found it refers the the amount of colors used in the art or game. Does this sound correct?
@CaryHawkins
@CaryHawkins 2 года назад
And pixel amount and quality of sound/music too, I think.
@alibelmaaza6079
@alibelmaaza6079 2 года назад
Anyone for NFT here ? xD
@mojoking8075
@mojoking8075 Год назад
can we remove grid and convert it into solid shape? @caryHawkins
@CaryHawkins
@CaryHawkins Год назад
Pathfinder options, weld. You'll have to make sure your pieces perfectly touch each other or you'll still have some space between your objects.
Далее
ПРОЖАРКА ХАРЛАМОВА
00:15
Просмотров 44 тыс.
8-bit vs. 10-bit Video | What's the Difference?
5:30
Просмотров 574 тыс.
I 3D Printed a $1,224 Chair
23:56
Просмотров 71 тыс.
9 Hacks for Adobe Illustrator That Changed My Life
12:55
The Ultimate Pixel Art Tutorial
14:15
Просмотров 1,4 млн
How to Make Quick 3D Mockups in Adobe Dimension
14:48
Pixel Art in Illustrator | Illustrator Tutorial
6:17
Просмотров 386 тыс.
Surprised 😳🤩🤩❤️🔥🥳
0:35
Просмотров 29 млн
Recycled Car Tyres Get a Second Life! ♻️
0:58
Просмотров 23 млн