Just Creations Tutorials: Lineart; Recolor; Shading; Coloring Element

Showing posts with label Lineart; Recolor; Shading; Coloring Element. Show all posts

Thursday, March 24, 2011

Coloring an Extracted Greyscale Element using Masks

3:37 PM |

Posted by justcreations1 |

Edit Post

Coloring an Extracted Greyscale Element using Masks

This tutorial was written for Rebecca.
She purchased some Extracted Flowers and now wants to add 2 different colors to them.

Open your image.

Duplicate your image as many times as you want differnt colors.

For instance, I want to color this flower 2 different colors so I duplicated my original layer 2 times.

Turn off any layers you're not going to work on right now (1)

Make sure that the layer you're going to work with is highlighted (2)

At the top of the Layer's Pallet is a button with the word Lock right before it. Push this button down (3)

This locks the image so that as you paint it won't spill over to the transparent part of the image.

Choose the color you want to paint with (1)

Choose the Brush Tool (2)

Choose a soft brush size (3)

Change the Mode: to Color (4)

Paint your image with this color

(Don't worry about going into areas that you want another color, we'll fix this in a minute)

Turn off the layer you just worked with and turn back on the next duplicated layer (1)

Lock the Layer Pixels for this layer (2)

Use the same settings with the Brush you did previously but change the color to whatever you'd like to use. Paint the area as I have done here.

Again, don't worry about spilling over to the other layer.

We'll fix that shortly.

Turn off the layer we just worked with (1) and go back to the first layer you worked with.

Turn it back on.(2)

Make sure that the Lock is no longer pushed in.

At the bottom you'll notice a button that says "Add Vector Mask (3).

(I've put a closer view, since it was hidden behind the wording).

This has put a mask on so you can now paint away areas you don't want to show this color.

For me it's going to be the yellow that I don't want in the middle.

Reset your Foreground and Background to Black and White (D on your Keyboard will reset these). (1)

Choose the Brush Tool (2)

Choose a hard brush size (3)

Now simply paint with Black to erase the coloring from the areas you don't want.

If you make a mistake change your foreground color to White

(X on your keyboard switches between your Foreground and Background colors)

and paint with white to bring back the color.

Turn on the next layer.

Add a Vector Mask to this layer. Same steps you used previously.

After you've added the Vector Mask we need to change the Mask so that it hides the green and allows you to paint the green in where you want it.

To do this simply hold the CTRL and hit I (CTRL+I).

The green will be gone and the Mask turned from white to black.

Make sure that White is your Foreground now because we'll have to paint with white to bring in the green coloring.

Paint with white (using the same brush settings as you did previously).

If you make a mistake simply change your White to Black and erase the green.

Drag this layer below the first layer (the yellow painting).

(Remember to grab and hold down the Layer Thumbnail to do this) (1)

If you look at the flower it doesn't look quite right yet. (2)

We're going to blend in the edges now to make it more realistic.

To do this we need to click once on the Layer Mask Thumbnail of the top layer to make it active (3)

Now go to the top menu and choose "Filter - Blur - Guassian Blur"

Choose a slight blur. Just enough so that it blurs out the edges a bit.

Here I've used 10.

(My Image is 3600x3600 300 DPI so you will need to adjust according to the size of your image)

After you're happy with the above steps choose the bottom layer and hold down the Shift Key.

Click on the Top layer.

This will highlight all of them (as shown above).

Merge them by using the CTRL+E.

It looks nice... But, we're not quite done.

Let's add some shading to the flower.

Duplicate your merged layer (1)

Lock your Transparent Pixels again (2)

Choose the Burn Tool (1)

Choose Midtones from the Range

Choose 50% from the Exposure (Note, most of the time I lower the Exposure to about 30%.
This always depends on the color and size of your area that you're adding shading to.

You'll want to play with this setting a bit until you like what you see.

That's one reason to duplicate your image.

If you don't like it you can delete it and start over with a new duplicated layer)

Paint with the Burn tool in areas that you want shading to be.

It won't look great at first, but don't worry...

That's why we duplicated the image.

When we're done it will look great!

After you've added your shading, go to the Layer Opacity and turn it to about 32% (1)

(This will depend on what you think looks great).

That's pretty much the basics of painting.

However, there's more you can do to change the appearance.

Highlight both layers and merge them together (CTRL+E)

Now Duplicate these merged layers.

Click on your duplicated layer (1)

Change the Blend Mode to Soft Light. (2)

Notice how it gives it a more vibrant appearance?

Depending on the color you used, the Layer Options you choose from the Blend Mode will change your image appearance.

Play around with it a bit to see the various looks you can come up with.

Here I've added some Inner Shadow.

I chose a color that was a shade darker then the shade I chose for the flower.

I put the size to 250 and the opacity to 37.

I would love to see what you create with this tutorial.

justcreations@ymail.com

Thank you

Justie

0 comments

Wednesday, January 12, 2011

Coloring & Shading a Lineart (scanned) drawing - Photoshop Free tutorial

9:43 PM |

Posted by justcreations1 |

Edit Post

Coloring & Shading a Lineart (scanned) drawing - Photoshop Free tutorial

This tutorial was written for Dora Workman who wanted to know how to shade a scanned drawing.

I wanted to get this tutorial out as quickly as possible for her so I found a lineart that I had downloaded free off the Internet. I am not sure who to give credit to for this drawing though. If you know where it came from I would appreciate a note so I can give proper credit.

First open your scanned image in Photoshop. (Note: You'll need to adjust my settings below depending on the size of your image. The image I'm using is not a large one).

Usually your scanned image will be scanned in as a JPG and you'll want to change this. To do this simplly follow these next two steps.

After you've opened your image go to the Layers Pallet and double click on the image thumbnail (1)

This box will pop up. Click OK

Now go to the top menu bar and click on Image, Adjustments and Brightness & Contrast

Change your Brightness and Contrast until the lines are nice and dark.

Now click on the Magic Wand and use the settings I have here.

Tolerance: 32

Anti-alias: Checked

Contiguous: Checked

Click on all the areas that you do not want to be colored. (background) and then either hit the Delete Key or use the CTRL+X.

Now you'll notice how the background area is gone so you don't have to worry about it.

Now Highlight Layer 0 (1)

Use the Magic Wand key (using the same settings as in the previous step)

Click on the first item you want to color. (3)

Here I want to do the face.

After you've selected the area(s) you want to color hold the CTRL key and do a CTRL+J (Copy to the layer above) (2)

Temporarily turn off the Layer 0 (1) so you can see the newly copied area (2 & 3)

Now double click on the Layer Thumbnail of the newly copied area (2) to bring up the Blening Options.

Go to Color Overlay (1)

Double Click on the Color Swatch (2)

Choose a color you like (3)

See your results so far (4)

Now go to Inner Shadow (1)

Double click on the Color Swatch (2)

Choose a color that's a little darker then the color you used for Color Overlay (3)

Once you've chosen the color you want use the settings I have here (except make sure that your settings work for the size of your image)

Blending Mode: Multiply (2)

Distance: (Depending on the size of your image)

Choke: 0

Size: (Depending on the size of your image)

Check the results so far (4)

Now go to Inner Glow (1)

Change the Blend Mode to Multiply (2)

Use the same color you did for Inner Shadow (3)

Change the distance, size, and Opacity for the size of your image (4)

Here are the results so far.

Now follow these previous steps for each and every element that you want to color.

Note: It's a good idea to change each layers name to match what you're donig. For Layer 1 I'll change the name to Face"

Once you've completed the coloring part of the image it's time to add definition to the lines.

Highlight the original image Layer 0 (1)

Using the Magic Wand (with the same settings we used in the previous steps)

carefully click on the black lines of the image (you'll want to zoom in close for this) (2)

Once you're satisfied that you have the lines, while holding down the CTRL key hit the J to duplicate the lines.

Rename this new layer to Lines and drag it to the top of the Layers Pallet

Now Highlight the Lines Thumbnail in the Layers Pallet(1) and while holding down the CTRL Key click on the layer you want to duplicate the lines for. (In this case it's the Nose) (2)

Now click on the Select Menu at the top and choose Modify and Expand

I'm using 5 but you'll want to play with this setting until you get it just outside of the lines (it depends on the size of your image)

Do this for each and every layer you've colored. Make sure to rename each of these so you'll remember what the lines are for. I have renamed them to the layers name with the word Lines after it. (Ex: I used Nose Lines for the colored layer Nose)