Tumgik
#but yeah! thank you for asking
tbcanary · 7 months
Note
Hi! Do you happen to have basic/simple/easy tutorials for editing comic panels to recommend?
i do not actually have one to refer you to, but i’m happy to write some things up! i’m assuming this is just for removing backgrounds and creating icons; if you want a how-to on the way i animate panels, that lives here.
i use photoshop cs6, but the same general principles should work in other editors. also, there are probably easier or faster ways to do the things i do. i like my methods and i’m comfortable with them, but i’d recommend experimenting to find what works best for you.
and... yeah! let's get into it.
step one: finding a panel
i save panels as i’m reading comics. they all live in one PSD file named “panels,” and i make a new one for each run. anything that seems pretty or thematically resonant gets copied and pasted in there. this way, i don’t have to dig through endless comic issues to find a specific image that stuck with me. i usually save the full page just so the edges are clean and everything is included.
let’s go with this page from birds of prey:
Tumblr media
step two: cropping
the way i crop the image depends on two things: what i’m hoping to make, and what the image looks like. here, i’m just doing a basic portrait, and helena is taller than she is wide. that makes it easy; let’s crop it so she takes up most of the frame.
Tumblr media
(my preferred ratios are 4x6 for smaller panel edits like this; for banners, i usually do 2x1, but if the framing works better as 3x2, I have done that, too. just feel it out. actual pixel sizes depend on the size of the original image.)
step three: removing the background
this part is, I think, the area with the most room for personal preference. we need to erase the background, and there are a LOT of tools to do this. each one varies depending on what the image itself looks like. there’s the magic selection tool, the eraser, or the lasso or magnetic selection tool. 
(i don’t use the lasso or magnet because they’re evil, to me, but they work reasonably well when you have a character on a mostly solid background and art with thick, defined lines. i have no real advice other than that.)
here, we can mix and match some things. i’m going to start by using the magic selection tool to grab all the white or solid colors and remove them with the delete key, like so:
Tumblr media
surprise! gone.
after that, for the more finicky areas, i am a perfectionist and i go in and erase pixels using the eraser tool at 4-5px width. i start by outlining the character, like so:
Tumblr media
from there, you can use the lasso tool to select all of the remaining background and delete it. i usually hide the white background layer at this step, too. (i'm also going to color the smoke and the man in the foreground black and redraw the crossbow string with the paintbrush tool. this ain't about him.)
you should end up with something like this:
Tumblr media
step four: cleaning the linework
this part is mostly using the layer style stroke and the tool refine edge.
so, because of how selection tools and erasers work, there are a bunch of hidden pixels throughout the image you can’t really see. this drives me absolutely bonkers. at this point, i combine all the layers of the paint i've done so far -- everything except for the transparent background. select the layer with the character — Helena — and apply the layer style stroke, set to “outside” at 3px.
Tumblr media Tumblr media Tumblr media
those little black dots are what we're after. there aren't too many right now, because this was a fairly clean edit; sometimes, it looks scary and messy, but that’s okay. the layer style has just outlined all those invisible pixels. i go through and erase them — especially in tight places like corners. for example, this pesky area between strands of hair:
Tumblr media Tumblr media
(before vs. after)
once you’ve erased all of those pixels and cleaned up the image, you can go back into the stroke layer style.
you’ve done a lot of erasing and feathering and cleaning up, so chances are, the line work is not nearly as crisp as it looked in the original panel. that’s fine! shift the settings to “inside” and 1px, like so:
Tumblr media
sometimes it’ll need to be 2-3 px, sometimes it’ll need to be center-aligned, and sometimes you might even decide it looks better outside or without the stroke style at all! this is all personal preference. do whatever you like.
once it's where you want it to be, i like to duplicate the layer -- to save the one without the new outline in case anything goes wonky. then right click the copy of the layer and "rasterize style" to get a flat image with new linework.
your workspace should look something like this:
Tumblr media
if it happens to feel like the edges are a little harsh — which happens sometimes! especially when using selection instead of eraser — you can select the whole image and use refine edge. this softens it. you don’t need to do much; i usually do 2-3px of feathering, a couple pixels of smoothing, and some contrast, depending on how it looks. see below:
Tumblr media Tumblr media
you'll have three layers now. it gets confusing, so try to keep track of which one is your active layer. you can delete old ones, if you want; i generally don't, just in case.
there isn’t a hard and fast rule for this part. do what you think looks good. and if you want to refine the edge before you add the new linework, that can work! do another stroke layer style after the first round! test things out and find out what you like. most of the time, it depends on the image and your preference.
after all that, this is the helena we now have:
Tumblr media
step five: creating a new background!
this part is easy. create a new layer, pick a color you like — i tend to pull from the actual background using an eye dropper tool, or if it’s for a multiple-part edit, I use the swatches i’ve decided on for the color scheme of the whole thing — and paint bucket that thing right on there. this is some of the blue that was behind her originally:
Tumblr media
i don’t like flat colors, pretty much ever, because they feel harsh to me. so i go back and add artistic touches and mess around with the filters a lot. sometimes i pull text or accents from other panels and follow the same steps as above to incorporate them into the edit; sometimes, i don’t. no rules just vibes.
in this case, i want it to be pretty simple. so i’ll make a new layer, then fill it in with a gradient tool. i usually make a custom gradient; one side is the color of the background and the other side is either black or white, depending on the vibe I want.
Tumblr media
i do an orbital gradient most of the time — circles are your friend — and focus the center on something that I want to draw the eye to. here, i’m going to do helena’s face.
Tumblr media
then i mess around with the opacity until it looks the way i want it to. like this:
Tumblr media
step six: final steps
congrats! you have an edited panel! you’re perfectly fine to post/share/use it at this point, but there are a couple other things i like to do to give it that final polish:
if you want to jazz up your edits, try messing around with outer glow, or drop shadow. both of those layer styles can add some emphasis to your focal point. (i prefer those be kept at a low opacity, when i use them, which isn’t often.)
i'd also recommend messing around with gradient maps if you want to superimpose a larger silhouette over the background. that would take more room than i have left in this already far too long guide, but it does add something to have it in there.
i dislike having text bubbles in my edits unless i specifically put them there, so i do have a process for removing them, much like the smoke or the man in the foreground. again, we are running long already, so i won't get into that here. my recommendation if you don't want to deal with entirely removing a bubble is to just paint over the text inside with white so you have an empty text box or speech bubble instead. it's simpler, quicker, and honestly the more common practice based on what i've seen.
that being said, if you want to know how i paint over them -- or how to do anything i didn't get into here -- feel free to ask. i don't mind writing these up.
i have a guide on how i size my images here, which walks through the exporting process. it’s not strictly necessary, but i like for my edits to remain consistent in size, so i do usually follow it.
Tumblr media
and that’s it! you’re now ready to edit comic panels to your heart’s content. happy cropping and so on, and thanks for asking me. <3
31 notes · View notes
somnimagus · 5 months
Text
Tumblr media
My page for @sheikahzine; about Impaz's duty to her village, empty of people and full of memories.
[id in alt text]
4K notes · View notes
batbabydamian · 2 days
Text
Tumblr media
Jorge Jimenez C2E2 2024 Commission!
704 notes · View notes
umblrspectrum · 8 months
Text
Tumblr media
this has been on my todo list for actual goddamn months. do you know how long i've been waiting to draw this fucking t
2K notes · View notes
ech-e-sketch · 8 months
Text
Tumblr media Tumblr media
Child of divorce things
2K notes · View notes
kinos-fortress-2 · 5 months
Text
Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media
this is what the mind of someone insane looks like
933 notes · View notes
ropasart · 11 months
Note
syper? is that the ship name?
or sni
Tumblr media
1K notes · View notes
barrenclan · 4 months
Note
Tumblr media
AND A HAPPY NEW YEAR!
403 notes · View notes
ninja-knox-ur-sox-off · 4 months
Text
Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media
I dunno what Pigsy was expecting to happen when he hugged a touch-starved monkey
were i not constrained by the limits of my computer i would have a great deal more of these
379 notes · View notes
bixels · 6 months
Note
Do sunset and twilight have any sort of relationship in your human au? (Your art is so SO BEAUTIFUL by the way, I have spent so much time staring at it. I love your lines and use of color).
Tumblr media
Yes.
458 notes · View notes
berlingotesque · 3 months
Note
Do you have a ref for your norman? I love your designs so much they bring me such delight and I was just curious abt that 👉👈
Tumblr media
Well first of all THANK YOU SO MUCH for the kind compliment, I’m super glad you like my designs !! And secondly, I'm not at all in the habit of making references for my character designs so I actually didn't have any for my son. So thank you for giving me a good reason to make this overly saturated doodle page of my boy hehe
344 notes · View notes
bloobydabloob · 2 months
Text
Tumblr media Tumblr media Tumblr media Tumblr media
I have no mouth and I must scream if AM was Hal (for some reason) and all 5 people were Dirk. I did this as kind of a joke but it got out of hand
364 notes · View notes
Note
Lights out! Poppy: Ahh I had such a refreshing na- Why is Sally glowing?
LMFAO YEAH. pretty much how it goes...
Tumblr media Tumblr media
554 notes · View notes
askdarkermatters · 10 days
Text
Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media
End of arc 1!
175 notes · View notes
betterthanbatman1 · 13 days
Text
Tumblr media
Can anyone tell me where this is from?? pls pls
158 notes · View notes
shepscapades · 2 years
Note
Ren: "The Androids are becoming sentient? I have no idea what most of those words mean, dude, but check out the cool stuff Doc can do!"
X: "The Androids are becoming sentient? Fascinating! I wonder what new and interesting developments will occur because of this!"
Bdubs: "The Androids are becoming sentient? OH GOD THEY'RE PROLLY GONNA TRY TO KILL US ALL AND TAKE OVER THE WORLD AHCDGGSCHS"
Can't wait to see how the rest of the hermits deal (or don't) with their deviant Androids! 👀
Tumblr media
The triality of man………
3K notes · View notes