How To Make PIXEL ART in Procreate [Full Beginner Guide]

[@ProStashio]

Only correction/ tip I would give people is, for canvas size, keep it to the power of 2. So 8x8, 16x16, 32x32, 64x64 etc. Makes like a lot easier, specially when using them in games and such

[@VisualTimmy]

Great tip!

[@NerdFuelYT]

This is the first result (for me) when you look up how to make pixel art in procreate, and it’s the only video anyone would need. Perfect explanation from beginning to end, really appreciate it!

[@VisualTimmy]

Woah! Glad to know i'm ranking up in the top of search! Thanks so much, I'm glad you found it useful!

[@ManiaBrosStudio]

How do you get rid of the transparent pixels in the brush?

[@VisualTimmy]

So happy to hear this, thanks :)

[@UndyingPlayer]

@@VisualTimmy you didn’t wander his question

[@LeahDavis-r8m]

This is such a fantastic tutorial. I have bought your amazing brushes in the past and love your tutorials but this has been the best. I am a tattoo artist wanting to get into pixel tattoos and this has helped me no end. Thank you!!!

[@FebreezeArmyLeader]

Is there any possible way to remove the pixels being transparent when going fast?

[@VisualTimmy]

4 ways to do this 1. Make your shape source a bit larger for the brush 2. Go to the brush settings and set the minimum opacity to 100% 3. Go to the apple pencil brush settings and change the Bleed to 100% 4. Go to the shape source settings and turn off Shape Filtering to 'No Filtering'

[@diamondbracelette]

I read that procreate could do pixel art. I pulled up some quick steps online and then got exactly nowhere in the app itself lol. Had no idea there was this many steps. An impressively nuanced and powerful app. Super awesome tutorial. Much thanks

[@VisualTimmy]

Haha, glad you got it figured out now! Procreate is a great tool once you get a grip on all it's capabilities!

[@michaelosowski3250]

Anyone that's having trouble with only being able to draw horizontal/vertical. Hit the wrench > prefs> gesture controls>assisted drawing and turn it off on the apple pencil. was driving me NUTS with this great tutorial. Only thing I couldn't figure out at first.

[@VisualTimmy]

Thanks!

[@rendoroid]

THANKS MAN! I just create my first pixel art thanks to you!!!

[@LeonardoAmora]

on shape filtering, set to "no filtering" to avoid smooth pixels. :) Thank you for the guide!

[@UhmAnywayMeBored]

Oh my god you saved me, I was so confused! Tysm! 🧡

[@brandijolieart]

tysm 😭🙏🙏

[@VisualTimmy]

Forgot all about this when working on these 1 pixel brushes, great tip!

[@LeonardoAmora]

@ it’s my pleasure! Keep the excellent work!!!

[@akcalderon]

I loved so much this tuto, I tried it right away! My only issue is with the brush: Is it a way to make the color at it's darkest value from the first tap? I have to give a double tap in order to get it darker and it's quite annoying.

[@VisualTimmy]

3 ways to do this 1. Make your shape source a bit larger for the brush 2. Go to the brush settings and set the minimum opacity to 100% 3. Go to the apple pencil brush settings and change the Bleed to 100%

[@LightKnight14]

I was looking for something to get started with an illustration for a website and I feel like I’ve happened upon the gold mine of tutorials. This is so informative, easy to digest and interesting to follow. Thank you SO much!

[@VisualTimmy]

Wow, appreciate the comment! Glad you're enjoying the tutorials!

[@Redheadkat99]

This was EXACTLY WHAT I NEEDED THANK YOU SO MUCH

[@VisualTimmy]

Perfect! Happy to help

[@icycoldfurnace]

How to you stop it from drawing double pixels?

[@TillaSeitzberg]

This helped so much omg! Is there a way to resample animated pixelart?

[@VisualTimmy]

Depends, but you can try to import the animation into Procreate and it should create a layer for each frame. From there you can choose to resize canvas, then make sure to check resample canvas and it should resample every layer in the animation.

[@shonenboii7696]

Don't usually comment on tutorials, but this deserves one. A great video and guide, nice and easy to follow keep up the AMAZING work!

[@SleepingPixels.]

This is literally the best pixel art tutorial for procreate! I’m so glad I found you.

[@VisualTimmy]

Thanks :) glad you enjoyed it!

[@Con2105]

Amazing tutorial but i cant figure out how to get a perfect square to fill? Whenever i use the quick shape i get weid artefacts around the egde of the square?

[@VisualTimmy]

Could be issues with too small of a shape source. Try making it larger or use a full white square for the shape source. The tutorial shows the brush settings I like to use, but I often don't use quick shape in pixel art. Try that!

[@suttonsuede]

Everything about this tutorial is superb! Including the music!

[@VisualTimmy]

Much appreciated :D

[@jagoodkova]

Thank you so much for this video! I love pixel art (sword looks amazing!) and I didn't know how to make this kind of brush. I followed the steps, but I have no idea how to change the shape to square. I tapped with my two fingers at it made it reverse with the white circle in the middle, so it's a different thing sadly. I followed all the steps further and achieved kind of satisfying result, haha, but it's still not perfect. Could you please tell me, how did you change the shape of the brush? I'll be very grateful! :) Greetings :)

[@ChamberlainCody]

I might be dumb... how do I make the black square...

[@zaferzuhair5954]

I'd like to know as well!

[@VisualTimmy]

make a square canvas, drag and drop black from the color picker to fill area, then use transform to make it smaller while retaining its square aspect!

[@ChamberlainCody]

@VisualTimmy thanks man. Idk what it is about the iPad lol every time I pick it up I go full smooth 🧠 😅 I'm like this in every tablet application. I guess I'm so used to the robustness and sensory overload of desktop applications the streamline UI of tablet apps throw me off. Somehow I get lost in the simplicity of it 🤣

[@Zerobubblez]

I had so much fun doing this along side with you!! thank you for making this, definitely going to be making more pixel art

[@maremaman7527]

Wow your video is by far the best tutorial video I've ever seen in the youtube. Thank you sooooo much!!!!

[@reagancarlisle6618]

Is there a way to double the size of the canvas and still be able to draw pixel perfect images? I doubled the size of the canvas and it tends to bleed out onto other pixels

[@VisualTimmy]

That issue would be based on the size of the pixel brush. You would need to use a small brush size and zoom it to get it to work properly. Then you'll need to rescale your grid and be sure it still matches 1:1 with the canvas pixels. I tend to resize my artwork after, or start with a larger pixel canvas to begin with!

[@shouqs9476]

How can i draw diagonally? It only allows for stright lines

[@VisualTimmy]

Turn off drawing assist in the grid menu!

[@p3tsitt3r]

Could you clarify the size of the black square at 3:20? 😊

[@VisualTimmy]

it doesn't matter too much, some people like it to be a full black square, I like somewhere around 60% the size of the full square. Try different sizes and see what works best for you!

[@jeanne7747]

I don’t understand why the brush still act like a regular brush filling the squares like it should I did everything like him I just needed more and smaller squares

[@VisualTimmy]

4 ways to do this 1. Make your shape source a bit larger for the brush 2. Go to the brush settings and set the minimum opacity to 100% 3. Go to the apple pencil brush settings and change the Bleed to 100% 4. Go to the shape source settings and turn off Shape Filtering to 'No Filtering'

[@sarahrenee4380]

Not even quite sure how to word this question, but how do I need to adjust this brush to different grid sizes? Say I’m working on a 700x100 grid or something for a project? I tried using this brush on a 2048x2048 canvas, added a grid (don’t even know what size, I was testing the brush) and the brush didn’t behave the same, naturally.. what are the rules to this so I can easily use the brush on different scales for different projects?

[@VisualTimmy]

No matter the canvas size, if this brush is set to the smallest setting, it will always paint 1 pixel. If you want to work with large canvas size in the thousands, then you can just use a regular brush. This brush is specific for painting one pixel at a time, otherwise with large sizes you will get large block shapes that don't flow smoothly. If you want to adjust this brush to work better at larger sizes, I recommend changing the square to a circle for shape source, then lowering the spacing so that the brush flows more smoothly!

[@sarahrenee4380]

@@VisualTimmythank you Timmy!

[@charleneo1934]

Thank you for this! Super easy to follow and just what I needed. Time Lapse recording didnt work though, guessing its too small 😅

[@ERROR_3cLip5e]

How did you make it into a square??????

[@VisualTimmy]

Make what into a square?

[@CarshaYT9876]

@@VisualTimmythe brush…

[@devinegamingtv3427]

is it possible to use this as sprites within Godot?

[@VisualTimmy]

Yes!

[@its_naraku34]

Easy, clear, well paced. 10/10 video

[@amybrown5856]

Why won’t my new pixel brush go diagonally? It will only do vertical or horizontal?

[@VisualTimmy]

you probably have drawing assist turned on the layer. turn that off and you can draw diagonally!

[@FP-ih1lu]

Hi, when i draw I’m getting partially transparent squares surrounding the pixels I draw. Any help?

[@VisualTimmy]

Make your Brush shape source larger or smaller. You can also change the brush setting to be 100% minimum opacity!

[@luciagarcia6199]

My procreat doesnt centre de black square, how do i do that😢

[@CarshaYT9876]

How did you make the brush into a square shape?

[@VisualTimmy]

Change the shape source to a square!

[@adile8952]

It helped a lot, thank you so much!

[@hiramconhache]

This is a good tutorial to make a good style on procreate, thank you bro, make more. Greetings from Mexico 🇲🇽

[@VisualTimmy]

Gracias!

[@ANANTAISLAM-w1w]

I learnt it from your video very well timmy. And till for me yours explaining and making or capturing the video is best. Can you upload more pixel drawings like this. Waiting mann❤

[@VisualTimmy]

I'll add it to my list! I plan to. Glad this helped :)

[@Muddypaws--1]

I’m so confused, 2:24 how did you make it a square? I’m just stuck now.

[@VisualTimmy]

You can import a pure white or black square image to the shape source, or you can choose import > from library > then look for the white square in the grain source

[@Datscrazi231]

Why is my square hollow? The shape I added was a black box like u did

[@VisualTimmy]

Tap on your shape source and 'tap once with 2 fingers' this will invert the shape. The square should be white once the file is in the shape source.

[@c-crescendo]

How do i make the pixel brush i followed everything it didn’t work ;-;

[@VisualTimmy]

Is it still too big? Adjust the maximum size in the brush settings!

[@RedstoneOutlaws]

What a perfect tutorial. Grazie

[@Chrachen]

Today I found your channel through this video. I really like your style and how you transfer information. Thank you so much ♥

[@VisualTimmy]

Appreciate the subscription! Glad you like my videos :D

[@probablyzion]

thank you this is perfect

[@studiokayley]

Omgsh THATS been my problem with the pixel brushes I made!! They always color too many squares! Thank you!!!

[@VisualTimmy]

Lol, was happening to me too a lot. Happy to help!

[@bevy1907]

I love this tutorial. Straightforward and easy to understand. ❤

[@AkechiWasRight]

Is there a way to stop the inconsistency of the colours? like at 5:00.

[@VisualTimmy]

Yes, go to brush settings in the Properties tab and change the minimum opacity to 100%. You can also simply duplicate your outline pixel layer a couple times and it will fill the opacity. It is caused by slight variation in opacity from pressure and location the brush was used. I will work to refine this for the next update of the pixel brush settings

[@AkechiWasRight]

@@VisualTimmy i see thank you very much. Duplicating does work and increasing the opacity does make it better.

[@A.bugs_artist]

Mines doesn’t work, it’s opacity is weird and looks like a really zoomed in line :/ any idea what I did wrong?

[@VisualTimmy]

hmmm, please elaborate. It could be the size of your brush shape source is too small. not sure, I'd need more info to help!

[@A.bugs_artist]

@@VisualTimmy oh! I found out, it was my canvas size, ty for the tutorial ✨

[@mirabelletaylor-cummings702]

Hiya I did this but when I resized it in a new bigger canvas and clicked nearest neighbour it muddied up the colours and added in more colour tones that I didn’t draw in, I checked that the colour profile was the same, do you know what went wrong? Thanks

[@mirabelletaylor-cummings702]

Ah it’s because I saved as jpeg not png, thanks for the video

[@VisualTimmy]

Glad you figured it out :)

[@pxlexu]

aww man i did the same exact thing and my colors are still doing that :( i

[@average_enby]

This was amazing~! I've never done pixel art, and I mainly wanted to start because of some cool art I had seen on a discord server. Thanks so much!

[@VisualTimmy]

Yes! This is perfect for making some cool emojis, discord stickers, etc. Glad it was useful!

[@randomaccount4984]

Thought about a pixel donut, searched for a procreate tutorial, watched, followed along, learned something new, liked it very much, clicked like, subscribed - me happy.

[@VisualTimmy]

Me happy too! Glad it did the trick for ya :D

[@impasta12321]

Thanks for this! Super helpful and concise.

[@shdjdkkd1784]

Hii i have a doubt. When i Paint with the brush i can only do It in vertical and horizontal but no in diagonal. How can i fix this

[@VisualTimmy]

do you have drawing assist turned on the layer? open the layer menu and check for that. tap on the thumbnail of the layer and turn off drawing assist, that may be why

[@zackfair7298]

I’m encountering the same situation. I can go only horizontal and vertical with apple pencil, but can go diagonal with finger (nothing wrong with my apple pencil, paints well with normal brushes on other canvases). I’m not having drawing assist on. I can’t figure out why :(

[@ProVokeGames]

I’m trying to figure out if I need to use Aseprite. When I use the selection tool, circle my sprite (say I want to copy a wizard hat) and make it slightly larger. Procreate wont (or I can find it) resize. What it does is adds blocks together and if I turn it, it goes nuts. However I can do what I’m asking for in Aseprite. Any suggestions or is this a limitation on procreate.

[@VisualTimmy]

Yes Aseprite is designed specifically for small scale pixel art, so it will probably be better at moving small pixels around. If you are using Procreate you can change your interpolation settings to nearest neighbor and try to resize a couple times and see if it works. I will experiment and see what I can find.

[@teo_ten_tego4802]

This video should have a lot more likes and views… it’s a really great tutorial! ❤❤❤

[@VisualTimmy]

much appreciated :D

[@lunatoon8748]

when i use my pixel brush its not opaque and I have to run over it several times :(

[@VisualTimmy]

go into brush settings and change the "minimum opacity" to 100%. If that doesn't work for you, then try using a larger shape source for the brush!

[@MellieCraftCo]

Thank you for this guide , I really understand now how to start pixel art on procreate now!

[@VisualTimmy]

Happy to help :)

[@_MrWavy_]

Thank u bro. Good video!

[@HappySketches]

My square isn’t importing for some reason. I saved it on the same file type and it’s a similar size…it selects it and acts like it’s uploaded but then it doesn’t. Grr

[@PeakedIron]

Go on import like normal but then go on source library then grain source and click on the first one I know it’s a bit late but should work

[@justicelashare]

Thank you for this!!

[@VisualTimmy]

Happy to help!

[@pandoryart8980]

This Video is AWESOME! It was EXACTLY what I wanted to know and you taught it really quickly and straight to the point! Thank you very much!

[@Isnt_available]

When i do 1 by 1 the canvas becomes unrecognisable and the drawing is tiny and when i try size it up it blurs together

[@VisualTimmy]

1x1 is too small. Try 128x128

[@violet3664]

so helpful 😍 thank you so much

[@VisualTimmy]

No problem :D

[@Marie-eq6gy]

OMG, this video saved my life! Thank you so much 😍

[@talonvo215]

thank you

[@bluesteno64]

Definitely going to use this to make animated character sprites!

[@ngenge3310]

YOURE THE BEST!!!!!!! THANK YOUUUUUUUU

[@questinpodcast]

Thank you so much! This was a great demonstration. Would love to see if you ever still do a series on game assets!

[@VisualTimmy]

That sounds like a great project! I wanted to do it but got busy, I will move it back up in my list!

[@itkirk]

Nice quick tutorial!

[@alefa2889]

Great video! but I have one question, when I use a reference on these much smaller canvases the image looks super blurry, do you know of a way to fix this?

[@VisualTimmy]

It’s going to resemble the reference to match the canvas quality. Try using the built in reference window or go split screen !

[@briannahammonds1807]

I have the same issue

[@Pvsheen]

This video is PURE GOLD! Thank you soooo much♥ New sub here!

[@VisualTimmy]

Thanks for subbing!

[@cyboyentertainment92]

This seems useful outside of pixel art!

[@VisualTimmy]

Use it however suits you! Lots of good tips in here :)

[@yazzuo7213]

Idk whatever settings I change he still isnt using only black... like you at min 5...

[@VisualTimmy]

I just opened the color menu and chose black as the color. If you mean its going gray/slightly transparent, then follow these steps: 1. Make your shape source a bit larger for the brush 2. Go to the brush settings and set the minimum opacity to 100% 3. Go to the apple pencil brush settings and change the Bleed to 100% 4. Go to the shape source settings and turn off Shape Filtering to 'No Filtering'

[@Helen-ge8bl]

Thank you! It’s a great tutorial!

[@VisualTimmy]

Glad you like it!

[@Mahpourtaghi]

Woooow thank you so much

[@Ninanomori]

Great vid, thank you so much

[@VisualTimmy]

thank you!

[@u-knowho]

THANK YOUU TIMY, VERY VERY MUCH😭😭🌷 i will subscribe❤

[@brickfairie]

Very helpful video! Thank you!!!

[@qwertyuiopa6131]

Thank you , you save me.

[@clarissa_lml]

Gracias, muy útil :D

[@BunniCeleste]

This is an awesome tutorial! Thank you!!

[@VisualTimmy]

You're welcome!

[@moth_belly]

Excellent tutorial! Thank you so much for sharing! ❤

[@unicornpupart]

tysm omg

[@luqnotperfect]

hmm too complex just to draw it, plus its not the best option to do pixel art. but really appreciate the content of this video

[@VisualTimmy]

There is lots of software that are made for pixel art that have all this set up already. This is for those that want to stick inside Procreate! Also, once you set this up once with a couple canvas sizes, you don't need to do it every time which is nice.

[@Mahpourtaghi]

❤❤❤❤❤

[@elyssa_141]

W video

[@malikkwyd]

Did anyone else come here to make a minecraft crosshair

[@Youtuberayjaygamer]

Lost me at “drag a black square inside”😢

[@VisualTimmy]

The canvas is a square, so you just have to drag from your color picker and it will fill the canvas. Then use the move tool to resize it and center it!

[@Random1993e]

im pixel i do aseprite

[@l3andr043]

❤ ⏹️