My Biggest Tip For Fanfic Writers Is This: If You Get A Character's Mannerisms And Speech Pattern Down,

I was asked by a friend yesterday if I could offer basic tips about comic paneling. As it turns out, I have a lot to say on the matter! I tried breaking down the art of paneling using the principles of art and design, and I hope it helps you out!

EDIT: uh uh there are a lot of people reblogging this, so i figure i may as well append this now while i can lol

This whole thing was very much cranked out in a few hours so I had a visual to talk about with a friend! If this gives you a base understanding of paneling, that's awesome! Continue to pull in studies from the comics you see and what other artists do well and don't do well! You can tell paneling is doing well when the action is flowing around in its intended reading format.

Here's the link to the globalcomix article from which I pulled the images about panel staggering! Someone sent in a reblog that it wasn't totally clear that the 7th slide mostly covers what NOT to do in regards to staggering, and that is my mistake!

I saw in a tag that someone was surprised I used MamaYuyu too, and I don't blame them lol. If I had given myself more than a couple hours maybe I would have added something else on, I just really admire MamaYuyu's paneling personally.

uh uh, final append: I am by no means a renowned master of paneling, so if you find anything off base here, by all means, counter it with your own knowledge and ways you can build upon from here! Art is always a sum knowledge of everything we find. 💪

I love your art so much!! It's inspiring me to get back into pixel art (I gave up quickly). A huge problem I had was I didn't know what size was best to set my canvas for specific projects. I always ended up overestimating and making it too big and then it looked less like pixel art and more like grainy digital art. Do you have a rough guide you stick to for landscapes/bedrooms/cities VS. things like animals and characters?

aw thank you i'm happy to hear that! i hope u stick with it ♥

with landscapes/bedrooms/cities i use 275x155. this provides a fair amount of detail while still keeping it pixely, plus it resizes to wallpaper size. for vertical i just reverse it at 155x275.

i've also recently started to use 215x215 (same amount of pixels as above) so that i can resize my art to easily fit both wallpapers, and mobile videos... since tiktok and instagram reels are everything nowadays 😒

for characters and animals, generally i will base the size of the canvas around how i stylize eyes.

so i'll draw the eyes first, then just draw everything else around that.

i also have a smaller resolution style with 2px dot eyes that i use for adding characters to landscapes, since my landscape resolution is too small for my regular style unless the character is close to the screen.

hope this helps!

wing tutorial that no one asked for

ayo i found 2 pages with head angles of humans and animals, could be useful to anyone reading this

hoomans

animals

⭐ Pixel Art Fundamentals - Hue Shifting

This technique is not uniquely specific to pixel art, but it's a very common term to hear when starting out watching those "dos and don'ts" videos. So what is hue shifting?

Hue shifting basically means to change the hue when making your shade darker or lighter. In this context, 'hue' = colour!

You may hear 'you need to hue shift more' when getting feedback on your art, but what does that mean really? Here are some examples:

We can see even with just a bit of hue shifting, we have quite a different vibe for each drawing. In warm / daylight settings, no hue shifting can sometimes look a bit muddy or grey.

If we swap the image to grayscale, you can see that they look much the same:

As long as the hue shifted colours have a brightness that makes sense, they usually will work. You can get quite wacky with it.

But is hue shifting always good? Not necessarily.

Below is some of my art where I intentionally didn't hue-shift at all. You can see it gives them an uncanny, digital, or photographic kind of look. As always, techniques are about your intention, or personal style.

I recommend trying different hue shifting methods! I especially love to use a cool blue or teal for the lighter shades.

Thanks for reading and I hope this helped a little! Have fun with it!!

⭐ Read my full pixel art guide here!

Yalright punks I made a fun lil coloring tutorial! Plz note that I don’t know shit about color theory and this is just stuff I taught myself over the years

okay hey real question: what are good ways to describe fat characters?

I see a lot of 'have more fat characters' and I'm Here For It but as someone who is skinny and in a world where most existing literature makes characters fat only as a joke or an indication of some variety of moral badness, I'm not really sure how to describe them in a way that's not objectifying or insulting. like, I've grown up on poetic descriptions of thin characters ('long slim fingers' and 'willow figure' etc etc) but I haven't read flattering descriptions of fat characters and I don't know where to start. I've seen a lot of 'how to describe poc' or 'how to describe disabled characters' or whatever and I've seen art ref posts for drawing fat characters, but no posts about how to write them well. so. open call for advice or for examples you've found and like??

HOW TO WRITE A CHARACTER WHO IS IN PAIN

first thing you might want to consider: is the pain mental or physical?

if it’s physical, what type of pain is it causing? — sharp pain, white-hot pain, acute pain, dull ache, throbbing pain, chronic pain, neuropathic pain (typically caused by nerve damage), etc

if it’s mental, what is the reason your character is in pain? — grief, heartbreak, betrayal, anger, hopelessness, fear and anxiety, etc

because your character will react differently to different types of pain

PHYSICAL PAIN

sharp and white-hot pain may cause a character to grit their teeth, scream, moan, twist their body. their skin may appear pale, eyes red-rimmed and sunken with layers of sweat covering their forehead. they may have tears in their eyes (and the tears may feel hot), but they don’t necessarily have to always be crying.

acute pain may be similar to sharp and white-hot pain; acute pain is sudden and urgent and often comes without a warning, so your character may experience a hitched breathing where they suddenly stop what they’re doing and clench their hand at the spot where it hurts with widened eyes and open mouth (like they’re gasping for air).

dull ache and throbbing pain can result in your character wanting to lay down and close their eyes. if it’s a headache, they may ask for the lights to be turned off and they may be less responsive, in the sense that they’d rather not engage in any activity or conversation and they’d rather be left alone. they may make a soft whimper from their throat from time to time, depends on their personality (if they don’t mind others seeing their discomfort, they may whimper. but if your character doesn’t like anyone seeing them in a not-so-strong state, chances are they won’t make any sound, they might even pretend like they’re fine by continuing with their normal routine, and they may or may not end up throwing up or fainting).

if your character experience chronic pain, their pain will not go away (unlike any other illnesses or injuries where the pain stops after the person is healed) so they can feel all these types of sharp pain shooting through their body. there can also be soreness and stiffness around some specific spots, and it will affect their life. so your character will be lucky if they have caretakers in their life. but are they stubborn? do they accept help from others or do they like to pretend like they’re fine in front of everybody until their body can’t take it anymore and so they can no longer pretend?

neuropathic pain or nerve pain will have your character feeling these senses of burning, shooting and stabbing sensation, and the pain can come very suddenly and without any warning — think of it as an electric shock that causes through your character’s body all of a sudden. your character may yelp or gasp in shock, how they react may vary depends on the severity of the pain and how long it lasts.

EMOTIONAL PAIN

grief can make your character shut themself off from their friends and the world in general. or they can also lash out at anyone who tries to comfort them. (five states of grief: denial, anger, bargaining, depression and eventual acceptance.)

heartbreak — your character might want to lock themself in a room, anywhere where they are unseen. or they may want to pretend that everything’s fine, that they’re not hurt. until they break down.

betrayal can leave a character with confusion, the feelings of ‘what went wrong?’, so it’s understandable if your character blames themself at first, that maybe it’s their fault because they’ve somehow done something wrong somewhere that caused the other character to betray them. what comes after confusion may be anger. your character can be angry at the person who betrayed them and at themself, after they think they’ve done something wrong that resulted in them being betrayed, they may also be angry at themself next for ‘falling’ for the lies and for ‘being fooled’. so yes, betrayal can leave your character with the hatred that’s directed towards the character who betrayed them and themself. whether or not your character can ‘move on and forgive’ is up to you.

there are several ways a character can react to anger; they can simply lash out, break things, scream and yell, or they can also go complete silent. no shouting, no thrashing the place. they can sit alone in silence and they may cry. anger does make people cry. it mostly won’t be anything like ‘ugly sobbing’ but your character’s eyes can be bloodshot, red-rimmed and there will be tears, only that there won’t be any sobbing in most cases.

hopelessness can be a very valid reason for it, if you want your character to do something reckless or stupid. most people will do anything if they’re desperate enough. so if you want your character to run into a burning building, jump in front of a bullet, or confess their love to their archenemy in front of all their friends, hopelessness is always a valid reason. there’s no ‘out of character’ if they are hopeless and are desperate enough.

fear and anxiety. your character may be trembling, their hands may be shaky. they may lose their appetite. they may be sweaty and/or bouncing their feet. they may have a panic attack if it’s severe enough.

and I think that’s it for now! feel free to add anything I may have forgotten to mention here!

SO! You've seen these little things I do sometimes and you want to know the process!

It's genuinely super simple, so here goes! Apologies by the way if anything is unclear or glossed over. A lot of this is personal taste and such so I hope this can be a nice boost to create something!

RESOURCES AND THINGS TO KNOW!

To preface this little guide already assumes you have basic knowledge of color distribution, lineless art, or breaking up art into proper layers for later processing! I am also assuming that your art program has access to scatter brushes and tiling textures. Personally I use Clip Studio Paint, but this can work on other apps. Anyways, here are some good sites for this:

EZGIF - Free, easy gif maker for assembling any kind of gif*! It also has stuff like converting those damn WEBP's back into png.

*PLEASE KNOW THAT YOU CANNOT MAKE GIFS THAT ARE PARTIALLY TRANSPARENT. YOU MUST USE A SOLID COLOR UNDER ANY PART THAT IS OVER BARE CANVAS

Transparent Textures - Free to use source for HQ transparent textures that tile! Amazing for finding a paper texture for these if you commit to the paper doll look. Best results for textures that are in white or black!

So! You have a finished, prepared piece that you want to glitterfy. Well I'm not covering that right now so you can scroll down to That part if you came just for the glitter. This next section is for...

PREPARING THE PAPER DOLL

To start, your piece should already be separated into respective layers in any order you'd like! We're about to use a ton of clipping masks so Make sure you know your program before starting! So, as my example we have my oc Roy, resized to around... 1500x1500 or the nearest equivalent Smaller is better because it brings out the texture! He looks a little ah...Flat, though right now?

I'm using this guy for a couple different reasons! Those being:

Roy has translucent bodyparts! Just so you will know what to do with characters who are translucent! I'll get to this in a moment so sit tight

He has a clear, defined, and distinct palette that is easy to pick a color to slap the glitter on! This is important because I personally find balance to be the most appealing part of the finished art.

He also just has a lot of doohickeys on his design.

This is where you need your transparent texture! You can use any kind of texture and I encourage experimentation and such, but I personally use a simple paper texture. What we are going to do is go through and clip our imported and tiled texture to each applicable layer! (Make sure to just Copy and Paste the layer you do NOT need to repeatedly go through this menu...)

And... When you are done, you should have something like this:

"But why don't I just clip the texture to the entire piece through a folder? Why go through the hassle of clipping to each individual layer?"

Well that's because of the next step, where we will be adding the shadows. If we don't clip each individual layer, your shadows will look like this example on the left which sort of just ruins the 3D effect and kinda just looks icky, as opposed to this, which is nicer and smoother.

Now I'm no lighting wiz! In fact I'm rather mediocre at best but some general tips for adding the shadows:

Try to keep your shadows going all in one direction mostly! It gives the effect of one light source and generally just looks better than if you shaded around ALL edges everywhere.

Try to only shade where there are parts overlapping that need the dimension! Overdoing it can make the piece look odd. It's especially helpful to separate any details like different shades of hair, layers of hair, etc so that you can put as much volume as you want.

Once the shadows are all added in you should have something that looks like this:

Which looks good! Now I'd sometimes stop here if I can't pinpoint how I'd like the glitter to sit or if I think the piece just doesn't need it, but we're moving on to the big important steps!

ADDING GLITTER

This part is entirely up to your taste! But I'll describe how I do my glitter stuff. Firstly I start out by identifying which color I want to pop out. For Roy here I chose the red parts! For your character it may be different. Experimentation is key!

This is also, however where you need that scatter brush I mentioned earlier. Personally I just use the default CSP spray brush, but again go wild!

Make a folder above your piece, set its blending mode to glow dodge (or add, or add glow depending on what options you have), and create three layers inside of this folder. Setting the folder to clip is optional right now but will be needed later.

Then, fill each glitter layer with your choice of particle in whatever color looks good! Yes, you can do gradients and other stuff on the particles too! World's your oyster.

^ Unclipped example of a glitter layer.

Glitter tips for the early 2000's webcore enthusiast:

Use different strokes and patterns for the glitter distribution! This helps it animate better by moving around. For example this time I went diagonally for the first, horizontally for the second, and then in loose circles for the third. Particle density and stuff is also completely up to you.

Use a color that would pop against the intended area! For Roy I used an orange-ish yellow since it compliments both blue and red.

So now we have the layers! This is where clipping is our best friend once again! You're just going to go in and clip the glitter to whatever layers you want it on. Entire folder, not just one of the layers!

Once that's all done, go through and toggle the respective glitter layer for the frame, saving individual copies when done. You should end up with 3 identical images with different glitter distribution.

"BUT WAIT! JONES, THE TRANSLUCENCY!!" I hear you call! Yes, this is where we handle that! If your character is NOT translucent, you can scroll past this section.

Open up your frames all in one canvas, stacked on top of eachother (no jittering or slight displacement! ON TOP of eachother!)

Our layout should look something like this...Note how the translucent parts are rather hard to see, well if you took your frames and put them in EZgif, they'd be gone entirely! That's because you physically cannot have a partially translucent gif due to technology limitations. So an easy little cleanup thing I did was:

1. SELECT THE CANVAS AROUND THE CHARACTER WITH THE MAGIC WAND TOOL. Do not have any expansion settings on or it probably won't look right in the end.

Make sure you do not miss any gaps! I personally missed the gap between the arm, leg, and lanyard and I had to redo this next step...

2. SELECT -> INVERT SELECTION

3. FILL SELECTION WITH THE DESIRED COLOR. IT MUST BE OPAQUE. I personally picked this cloudy gray color.

You can now save individual frames of your character with the fill so that they don't go bald when you move on to the next step! Again, you should have 3 frames.

FINISHING UP

This is nice and easy. Upload your three frames into EZGIF and wait for it to process. It'll look like this if you're in the right place.

Once things have loaded, make sure to change the settings to the following:

FRAME DELAY: 0 (this is how fast the frames move.)

DON'T STACK FRAMES: ENABLED

You can play around with this but I generally leave everything else alone because you don't need it. Just hit the make a gif button and you're all done!

Aaaand that's it! If you've read this far...Firstly thank you for dealing with my rambliness and horrible explanation skills. Secondly, I hope that this can come in handy for anyone interested! Would love to see if anyone puts this to use. n_n