What's new

Photoshop Manga Coloring


zirjaniel

Member
Messages
6
Likes
1
Hi guys! I'm a complete newbie when it comes to photoshop. What I would learn is to learn how to color a manga page. Ever since before I am amazed by the coloring of others and now would like to learn it myself. Is there anyone who could give a tutorial?
 

IamSam

Administrator
Staff member
Administrator
Messages
18,970
Likes
11,830
Hello an welcome.

In order to colorize manga, you will need several basic Ps skills. Bare in mind there are many different colorization techniques. You would just have to choose what best works for you.

Ps skills....
1. Making selections. There are several selection tools in Ps but I would suggest learning the Pen Tool.
2. Layer masking.
3. Clipping masks.
4. Brush Tool.
5. Blending modes.
6. Gradient Fill adjustment layers. (Note: You can use Gradient Map adjustment layers when there is shading in the drawing)
7. Solid Color Fill adjustment layers.

Here is a quick example.

Made a selection..
Screen Shot 2021-02-20 at 9.36.50 PM.png

Filled the selection with a Gradient Fill adjustment layer.
The selection is converted/added to a layer mask on the adjustment layer.
Set the Blending mode to multiply.
Screen Shot 2021-02-20 at 9.37.05 PM.png

Made a selection of the face...
Screen Shot 2021-02-20 at 9.37.45 PM.png

Filled that selection with a Solid Color Fill adjustment layer.
The selection is converted/added to a layer mask on the adjustment layer.
Set the blending mode to multiply.
Screen Shot 2021-02-20 at 9.40.17 PM.png

Layers Panel
Screen Shot 2021-02-20 at 9.40.49 PM.png

Each part of the Manga drawing will be selected and colored in some manner. Above are two ways of applying color. There are others as well.

So............making selections is probably the first skill you want to learn.
 

zirjaniel

Member
Messages
6
Likes
1
Hello an welcome.

In order to colorize manga, you will need several basic Ps skills. Bare in mind there are many different colorization techniques. You would just have to choose what best works for you.

Ps skills....
1. Making selections. There are several selection tools in Ps but I would suggest learning the Pen Tool.
2. Layer masking.
3. Clipping masks.
4. Brush Tool.
5. Blending modes.
6. Gradient Fill adjustment layers. (Note: You can use Gradient Map adjustment layers when there is shading in the drawing)
7. Solid Color Fill adjustment layers.

Here is a quick example.

Made a selection..
View attachment 119023

Filled the selection with a Gradient Fill adjustment layer.
The selection is converted/added to a layer mask on the adjustment layer.
Set the Blending mode to multiply.
View attachment 119024

Made a selection of the face...
View attachment 119025

Filled that selection with a Solid Color Fill adjustment layer.
The selection is converted/added to a layer mask on the adjustment layer.
Set the blending mode to multiply.
View attachment 119026

Layers Panel
View attachment 119027

Each part of the Manga drawing will be selected and colored in some manner. Above are two ways of applying color. There are others as well.

So............making selections is probably the first skill you want to learn.
Thanks for replying. Yeah pen tool is great. I watched some tutorials on Youtube and tried the method of using the pen tool and then simply filling it with color. Right click on the selection and fill it with color and then after filling it I delete the path. I think this is a very simple method since I've seen colored manga pages that looks like it took more than coloring it. I've also seen making line arts of manga pages. Making line arts of manga pages is to make coloring it easier right? Also what does multiply mean? The picture posted is the first coloring I tried, Luffy. Looks pretty simple.

luffy.jpg


Can you guess what was used in the coloring of Queen and King?
2c905f7db835dd9ac751e601e5c49b69.jpg
 

IamSam

Administrator
Staff member
Administrator
Messages
18,970
Likes
11,830
Making line arts of manga pages is to make coloring it easier right?
Well..........it's really not necessary to try and make additional line art when the lines are already there. Take a look at my example an you can see that I did not create additional line work. I just added color. Using the "Multiply" blending mode makes it so the black lines are not obscured.
Screen Shot 2021-02-21 at 11.04.43 PM.png

Also what does multiply mean?
Great question!

Multiply is one of the blending mode options that are available to be used on a layer. These options can be found on your Layers Panel.
Screen Shot 2021-02-21 at 11.07.50 PM copy.png
Screen Shot 2021-02-21 at 11.07.40 PM.png

Can you guess what was used in the coloring of Queen and King?
Yes. It depends on what aspect of the signs you are referring to. The signs themselves can either be colored in the same manner as we have been discussing or simply created.

My guess is that they were created. The backing behind the text, can either be a texture clipped to a shape layer using a clipping mask, or it could be a pattern overlay in a layer style. The text is added and a Bevel & Emboss layer style was probably used. But these techniques might be a little more advanced for your current skill level.

Sign
Screen Shot 2021-02-22 at 12.33.07 AM.png
Layers Panel
Screen Shot 2021-02-22 at 12.33.14 AM.png
 

IamSam

Administrator
Staff member
Administrator
Messages
18,970
Likes
11,830
then after filling it I delete the path.
I would never delete a path!!! In fact, I suggest saving them! You never know if you may need them again! They can also be edited!

Great job on Luffy!

What would you need to do in order to change Luffy's straw hat color? What would be your procedure?

By using Color Fill adjustment layers, you can change colors in a matter of seconds.
This is in the natural color of his hat...
Screen Shot 2021-02-21 at 11.43.37 PM.png
But I can make it green in about 3 seconds!
Screen Shot 2021-02-21 at 11.44.07 PM.png

Since I really don't know what you do or don't know about Ps, you need to let me know if you don't understand something or know what something is!
 

zirjaniel

Member
Messages
6
Likes
1
I would never delete a path!!! In fact, I suggest saving them! You never know if you may need them again! They can also be edited!

Great job on Luffy!

What would you need to do in order to change Luffy's straw hat color? What would be your procedure?

By using Color Fill adjustment layers, you can change colors in a matter of seconds.
This is in the natural color of his hat...
View attachment 119083
But I can make it green in about 3 seconds!
View attachment 119084

Since I really don't know what you do or don't know about Ps, you need to let me know if you don't understand something or know what something is!
I see. Never delete a path. That seems to be good practice. So after making a selection do I right click on it and make a selection and click the ok button? Is that the way to save a path? Or are there also other methods? I'm also curious about making line arts. Maybe it wouldn't hurt to learn them. For now I guess I will practice coloring manga pages or single characters. Actual manga pages and some characters with available line arts. Or maybe cutting a single character from a page and coloring it.
And yeah, that particular coloring of King and Queen seems too advanced for a novice like me haha. Gotta learn more.
 

IamSam

Administrator
Staff member
Administrator
Messages
18,970
Likes
11,830
So after making a selection (Path) do I right click on it and make a selection and click the ok button? Is that the way to save a path?
No.

After creating a path with the Pen Tool and before making it a selection....
Screen Shot 2021-02-24 at 4.35.32 PM.png
Go to your Paths Panel (If you don't see it in your panel area, go to WINDOW > Paths)
Screen Shot 2021-02-24 at 4.35.41 PM.png

Double click the path layer, this will open a save path window.
Rename and hit OK.
Screen Shot 2021-02-24 at 4.35.49 PM.png
 

zirjaniel

Member
Messages
6
Likes
1
Azusa Hamaoka from Grand Blue.
Local coloring and then adding shadows and light. The shadow is in a single layer .Multiply for shadow and Overlay for the Light. I tried the soft light for the hair. And there is a clipping mask for the hair shirt and skin for the lighting. There is also clipping masks for the bed and wall, though when I colored it, it was just painting over a white background. I guess it turned out okay?

Edit: I used flesh color for the skin lighting and grayish for the wall and bed lighting(overlay). Also used the colors of the hair and shirt for their overlay. Is that how it is? Using the same color of something to put a shadow or light over it. With a little bit of changing the color using the color picker.
azusahamaokacoloring1.jpgazusahamaokacoloringwithshadowslight2.jpg
 

IamSam

Administrator
Staff member
Administrator
Messages
18,970
Likes
11,830
I guess it turned out okay?
As long as your happy with the results, then it's great.

My question is.......did you start from a black and white line drawing or did you start from an already colored image? Adding color over color can be difficult. Did you color both of these images?

Also used the colors of the hair and shirt for their overlay. Is that how it is?
Not sure I understand your terminology here.

Using the same color of something to put a shadow or light over it.
For this I would use a Gradient map. But I'm again assuming your stating from a black and white line drawing.

Example: Here I have used a Gradient Map layer set to Multiply to affect the colorization of the shading.

Color Fill layer set to Multiply.
Screen Shot 2021-02-27 at 8.15.30 AM.png

Gradient Map set to Multiply. In this case I darkened the shading.
Screen Shot 2021-02-27 at 8.15.54 AM.png
 

zirjaniel

Member
Messages
6
Likes
1
As long as your happy with the results, then it's great.

My question is.......did you start from a black and white line drawing or did you start from an already colored image? Adding color over color can be difficult. Did you color both of these images?
Yes I colored both images. Local/Basic coloring first and then adding shadow and lighting. I downloaded an image from a manga site, opened it in Photoshop and then cropped it a little and then pressing ctrl and left clicking on the channel section to select the RGB. And then I select inversed it and added a new layer and filled it with black. Then I deleted the first layer(the cropped one) and added a new layer again and filled it with gray color(this is the background at first). This is something I picked up from watching basic coloring tutorials. It seems good to me that's why I use it. I have to try and find other alternatives though. Wouldn't hurt to have other knowledge.

Untitled.pngUntitled2.pngUntitled3.pngUntitled4.pngUntitled5.png

Not sure I understand your terminology here.
I meant that if I used a certain color. Let's say orange on hair. Should I also use just orange for the shadow or lighting of the hair?


For this I would use a Gradient map. But I'm again assuming your stating from a black and white line drawing.

Example: Here I have used a Gradient Map layer set to Multiply to affect the colorization of the shading.

Color Fill layer set to Multiply.
View attachment 119233

Gradient Map set to Multiply. In this case I darkened the shading.
View attachment 119234
Gotta try this Gradient Map. All coloring I've been doing has been just filling a path. Or using the brush for the very little areas.
 

IamSam

Administrator
Staff member
Administrator
Messages
18,970
Likes
11,830
I downloaded an image from a manga site, opened it in Photoshop and then cropped it a little and then pressing ctrl and left clicking on the channel section to select the RGB. And then I select inversed it and added a new layer and filled it with black. Then I deleted the first layer(the cropped one) and added a new layer again and filled it with gray color(this is the background at first). This is something I picked up from watching basic coloring tutorials. It seems good to me that's why I use it.
OK, if this is working for you that's great. I'm just not sure of the purpose of this process. What does it accomplish? Why not just color the original image?

I downloaded the same manga image and colored it directly without altering the original. This is just a Color Fill layer with it's layer mask.
Screen Shot 2021-02-27 at 11.28.56 PM.png

Here I used your color on the original with no changes.

Screen Shot 2021-02-27 at 11.35.02 PM.png

This is using the steps you described above. I don't know what grey color you used. This is 50% (#808080)
This makes the colors too dark.
Screen Shot 2021-02-28 at 12.00.41 AM.png

This is #c9c9c9.......a much lighter grey but still too dark.
Screen Shot 2021-02-28 at 12.07.35 AM.png

Original with no changes. Gradient Map darkening and coloring the shadows a bit more.
Screen Shot 2021-02-27 at 11.41.22 PM.png

I personally would rather have an all white background.

I will admit that I have painted on grey backgrounds.............but I was using opaque colors and no blending modes. But I only did this once and have not done so since.
 

zirjaniel

Member
Messages
6
Likes
1
OK, if this is working for you that's great. I'm just not sure of the purpose of this process. What does it accomplish? Why not just color the original image?

I downloaded the same manga image and colored it directly without altering the original. This is just a Color Fill layer with it's layer mask.
View attachment 119247

Here I used your color on the original with no changes.

View attachment 119251

This is using the steps you described above. I don't know what grey color you used. This is 50% (#808080)
This makes the colors too dark.
View attachment 119254

This is #c9c9c9.......a much lighter grey but still too dark.
View attachment 119255

Original with no changes. Gradient Map darkening and coloring the shadows a bit more.
View attachment 119252

I personally would rather have an all white background.

I will admit that I have painted on grey backgrounds.............but I was using opaque colors and no blending modes. But I only did this once and have not done so since.
Well, I watched some people color their characters/manga pages like that so I thought I'd try it out. You know, testing some methods. And also because I tried coloring a manga page before(without the steps I mentioned) but no matter what color I chose it just kept getting colored gray. That's when I thought that I shouldn't simply try to color a manga page as it is so I searched and tested out other methods. It was confusing since the method I used on that Luffy coloring is the same as the one on that particular manga page; Making paths and filling it.
So anyway after reading your reply I tried coloring that page of Azusa again without editing it and the color I chose works. I was a bit surprised. And so I tried it again on that manga page that kept getting colored gray no matter the color chosen and well, it is still being colored gray no matter which color I chose. Confusing. And then it turns out I simply had to change the image mode from Grayscale to RGB hahaha.

I agree about the white background. The gray bg was just something I wanted to try. Well, maybe there would be a time when gray bg would be the proper one.

I will color a manga page again and post it here.
 

Top