#animemangaps

before you do anything, make sure you've already made your gif

also, i apologize for any grammar mistakes made. i was lazy and didn’t really proofread bc this was so fucking long

METHOD 1: ERASER TOOL

in case you have no idea where the eraser tool is (in relation to the rest of the tools) here it is, circled in red:

this is probably the easiest tool to use, but most time consuming

if you’ve ever cleaned up manga or cut a character out of a manga on ps, this is basically the same thing

if the character is moving a lot (a different position almost every frame) i would highly recommend you use this tool over the pen and quick selection tool.

this tool is pretty easy to use because it’s a lot like the paint brush tool

just outline the character in each frame (remember to include their black outline)

even though i’m putting this in the eraser method section, this goes for all methods: try to chose gifs without “holes,” or this

it’s a pain in the ass to cut them out. trust me.

METHOD 2: PEN TOOL

in case you have no idea where the pen tool is (in relation to the rest of the tools) here it is, circled in red:

this tool isn’t my favorite to use, but it’s great when the your character is easy to cut out (no stray hairs, no holes, just one solid piece)

you should use this tool when the character is in the same position so it’s less work and it keeps the cutout consistent (in the finished gif, you can see that there are inconsistencies with kaori’s hand near the end)

place points to outline the character 

use the convert point tool (it’s in the sub-menu for the pen tool) to make smooth curves

once you’ve plotted your points all the way around, connect the last point with the first to close it (the path should turn into a solid outline without any points)

push in [CTRL + ENTER] to turn the path into a selection (you should see the “marching ants”). select the inverse of it, then press the backspace key on your keyboard to delete the background

METHOD 3: QUICK SELECTION TOOL

in case you have no idea where the quick selection tool is (in relation to the rest of the tools) here it is, circled in red:

probably the trickiest tool to use because it doesn’t do what you want it to do and it’s not very precise compared to the eraser and pen tool.

only use this when there isn’t too much going on in the background and the character does not have a lot of 

in the upper left hand corner, use the (+) and (-) selection things to increase the selection, or decrease the selection, respectively.

i almost never use this tool because of this:

I’M MISSING THE OUTLINE (and a bit of her hair) but it only took me 2 minutes to do so i guess it’s worth noting that this tool is the fastest out of all the other ones.

*i redid this frame with the eraser method

and now you’re done cutting out the character!

to put a color background, place a new layer at the very bottom, then press [SHIFT + F5] and choose [color] from the drop-down menu then proceed to pick your color.

to add text behind the character, put the text layer before the colored layer

this looks really nice when the character is moving a lot

after you’re done, put your coloring on it (optional) and then save for web as a gif.

TIPS

avoid cutting out characters who have “holes” (ex. hair loops) because they will contain the background and, honestly, it’s a fucking mess to get them out.

make sure you are on the same frame and corresponding layer. if you have no idea which layer you are one, look at the layers panel to find the layer with the “eye.” 

use a new layer and color it white. put it behind all the layers (at the very bottom). go through the frames now (they should all have a white background to them) and check to see if there are any missing things you forgot to cut out

always save as a psd. 

use the zoom feature to your advantage! the reason why i love ps so much over other editing applications is because you can zoom up to 3200%, which is down to the pixel (not that you’ll really need that tho)

don’t be like me and choose a gif with almost 30 frames. your arm will feel like dying.

*edit (4/23/17): oh my fucking god i forget to cut out a hole fuuuuck

HOW TO COLOR MANGA PANELS IN PAINT TOOL SAI (Personal Favorites)

http://mochiiron.tumblr.com/post/58942916387/hello-can-you-make-a-tutorial-on-how-you-color

http://sableu.tumblr.com/post/119887160214/how-i-color-manga-panels

MASTERLIST ON HOW TO CLEAN, COLOR, AND ETC. IN PHOTOSHOP & SAI

http://codegesse.tumblr.com/post/88385184105/manga-edit-tutorials-masterlist

INBLOTSANDILLUSTRATIONS’S TUTORIALS TAG

http://inkblotsandillustrations.tumblr.com/tagged/tutorial

KURAPIKABABU’S TUTORIALS TAG

http://kurapikababu.tumblr.com/tagged/babututs

YACHIRU’S TUTORIALS TAG

http://yachiru.tumblr.com/tagged/alltutorials

HOW TO COLOR IN SKETCHCLUB (DRAWING APP)

Part 1: https://www.instagram.com/p/3kpGyLNWyU/

Part 2: https://www.instagram.com/p/3kpgI2NWzA/

Shading Skin: https://www.youtube.com/watch?v=x3DJU_-yCF0

EXTRA LINKS

http://animeps.tumblr.com/

http://animemangaps.tumblr.com/

http://resourceanime.tumblr.com/

http://www.photoscape.org/ps/main/index.php

https://www.gimp.org/

http://firealpaca.com/en

https://www.systemax.jp/en/sai/

http://everythingfirealpaca.tumblr.com/

okay. i’m assuming you already know how to make a gif. if not, check out my gif tutorial. it shows you how to capture frames and assemble a gif using kmplayer and photoshop. 

btw, the reason why you can see me using a preset is because i’m not going to go back and redo a gif i already made a psd for.

all you need is photoshop. i’m using CS6 in this tutorial bc it’s what i used in the gif tutorial. 

before you read this, just know that you need to play around with adjustments to find what you like (and that i frequently cuss in this tutorial).

1. curves

curves are basically used to change the overall tonal range of a picture. 

i made the gif lighter in this instance, but curves can also be used to make pictures darker. it just depends on how you bend the curve (rule of thumb: up curve = lighter // down curve = darker)

2. hue/saturation

hue: changes what hue the colors in the pic are and affects all colors so use this with caution. if you find that the hue adjustment is changing too many colors and the gif doesn’t looks really good, move on to selective color.

saturation: changes how intense the colors are (i don’t use this too often)

for this gif, i shifted the hue slider to the left (-17) to give it more of a cyan hue.

3. selective color

you’re going to see me repeat this step again like 2 other times.

i fucking love selective color btw

selective color lets you modify one color without touching the rest.

you can take a color (red, yellow, orange, green, cyan, blue, magenta, black, white, neutral) and manipulate it using the sliders to change that color’s hue/tone/saturation. for example, you can make blacks super dark and rich or turn blues to purples using the sliders. 

the hue sliders are pretty self explanatory. examples: to increase the amount of magenta in the color red use the magenta slider and swish it to the right; to make a dark blue pastel purple, in the color blue, use the black slider and move it to the left to decrease the color’s pigment and use the magenta slider to increase the amount of pink in the blue (pink + blue = purple). 

in my opinion, this tool is something you’re going to need to experiment with. you won’t get it right with the first try.

depending on when you use selective color, your gif may turn out with a different look. using multiple selective color layers allows for the precise adjusting of colors.

for this gif, in the color black, i moved the black bar all the way (+100) to the right, which made it very saturated and dark (i wanted no-face to stand out).

4. brightness/contrast

brightness: make the highlights lighter/darker.

contrast: make the shadows lighter/darker.

i just made it brighter (+50) for this gif bc i attempted to make it a pastel gif

5. selective color

again, this is me making the color black in this gif darker.

6. selective color

so now i’m manipulating the cyans and blues.

i’m making the cyans and blues in the gif more prominant by increasing the cyan, magenta, and black. i’m also making it less green by decreasing the yellow in each color.

7. selective color

this basically made the gif pastel-looking.

i used this to make everything lighter and more pastel bc it didn’t make no-face look gray; he was still very dark (which was how i wanted him to be).

changing the black setting for the color neutral won’t always work in making gifs pastel. it just happened to do so for this one.

8. save as a gif

make sure the gif is under 3mb

make sure the width is above 540px (that’s tumblr’s current width for the desktop dashboard)

if there is pixelation, try using surface blur (lol idk how to use that with a gif)

please do not steal/claim this coloring as yours.

the end result is this gif: