www.hellocrissey.com

Next Giveaway

Adonit Jot Pro
JotPro

Crissey...who?

With a wisdom of a 20-something-year-old person stuck in a 12-year-old girl's body.
Crissey has a strange obsession with the arts, unicorns, and referring to herself in third person.

Excuse me, but...

All artworks and photos unless otherwise specified are © Crissey Si -- borrow at your own risk or fear the wrath of her hand shoving 500 marshmallow pieces down your throat. 

On the other hand,

She's mostly a very busy person but for special people with special requests, she is open to hear what you have in mind. Open to sponsorships, ads and other projects.

Email her at hellocrissey@yahoo.com

8 Aug 12

Adobe Photoshop Tutorial : How to Color Inked Lineart

177 notes Reblog Comments

Hello <3 Decided to make another basic photoshop tutorial for you guys :) 

Today I’ll be teaching you how to color your inked line art :D Notice how other artists have very soft light colored lines while others have dark black solid outlines? If you’re the type who’s more attracted to light colored outlines, then this tutorial is for you <3 I promise it’s super easy and you can even use this technique even when coloring your artwork (not limited to line art) <3

Anyway, you can use my Princess Jasmine illustration /or your own illustration so you can follow along. 

Illustration © Crissey Si

This illustration is for your personal use only :)

STEP 1:

Open your inked illustration (I am using Adobe Photoshop CS5 but it doesn’t really matter which version you have since we’ll just be using the basic photoshop commands)

If you’re using your own illustration, please make sure you are scanning it in black and white. This is very important as you will need to isolate your line art onto its own layer — floating line art. Keep your artwork clean with solid lines as much as possible before scanning so it’ll be easier to clean up on Photoshop. 

***

STEP 2:

Before anything else, please make sure you have isolated your line art / Floating Line art. If you have absolutely no idea what I’m talking about, please read through my tutorial on HOW TO CREATE FLOATING LINE ART

***

STEP 3:

Once you’ve isolated your line art, it should look like this:

***

STEP 4:


Now that you have isolated your line art into its own layer, click on the “Lock Transparent Pixels” icon located right on top of your layers. Make sure you have selected your line art layer first before doing so.

Transparent pixels are the checkered gray and white areas you see on your line art layer (These are the areas we deleted from your scanned image - white backround area)

***

STEP 5:

Once you click on the icon, a ‘lock’ icon should appear beside your layer. In this case, it should appear on our line art layer.

***

STEP 6:

Now for the fun part! On the same layer, try to color over your lineart. Notice how only your black line art is affected?

If you want a single solid color, just fill in the entire layer with your desired color

( Command + delete [mac] or Ctrl + delete [windows] )

You can even apply gradients :) Enter ‘G’ for the gradient or bucket tool shortcut. You can edit your gradient colors by entering your desire colors using the gradient editor tool located here:

***

Gradient effect on line art:

***

It doesn’t stop there! You can even apply textures or images :)

Here’s a photo I took :

Now, open or drag it in the file you are working on:

DON’T PANIC!!! :))

Make sure the image (should appear as a new layer) is on TOP of your line art layer.

***

Now, applying this image / texture to our line art is very simple! All you have to do is hover your mouse in between the 2 layers while pressing onto the ALT key.

• Floral Image Layer
• Line Art Layer 

An icon will appear (It looks like 2 intersected circles with an arrow pointing to the left). Once your mouse icon (hand or arrow) changes into the intersected circles icon, simply click (right click) once. 

This should appear:

Notice how your texture layer points down at your line art layer? This simply means that these two layers are intersected. The layer intersected (texture/image layer) will only affect the NON-TRANSPARENT areas on the layer below (line art layer)

It should then look like this:

PS: Sorry I think I picked a bad texture it doesn’t show that much HEHE forgive me! :))

***

To make it up to you, let’s try that on Jasmine’s uh..clothes. Make sure you fill out the parts you want the texture to be applied on by creating a new layer BELOW your line art and ABOVE your BG / Base layer.

You can fill all the areas you want the texture to be on by simply coloring on this layer. If you have a very clean and simple line art, you can use the magic wand to make things easier. (Magic Wand Shortcut = ’ W ’ )

Select on all the areas you want using the magic wand tool. An area is selected when you see a blinking dotted line…thing (bad at explaining). After selecting all areas, fill it in with any color you want.

You may now deselect your selected areas ( Command + D / Ctrl + D ). Now open your image/texture layer again. This time, place it on top of your color layer.

REPEAT :

"All you have to do is hover your mouse in between the 2 layers while pressing onto the ALT key.

• Floral Image Layer
• COLOR Layer 

An icon will appear (It looks like 2 intersected circles with an arrow pointing to the left). Once your mouse icon (hand or arrow) changes into the intersected circles icon, simply click (right click) once. “

Magical arrow pointing down :D

Your artwork should look like this. Just make the necessary adjustments. You can also add more intersecting layers on top by simply repeating the steps :)

Since my image is small, I’ll copy the floral image layer and intersect it with my base color again.

To copy your layer, simply drag the layer to the “NEW LAYER” icon below.

WOW THIS IS TIRING LOL ._. Anyway, here’s what it should look like! 

***

You can apply it on almost anything even on text:

1. Type whatever you want ( Shortcut ’ T ’ )

2. RASTERIZE your text. Left click on the layer and select rasterize type.

3. Layer should look like this

4. Place image/texture ABOVE rasterized text layer and repeat the necessary steps

5. Intersect

6. Final Result 

CUTIEEE <3

***

STEP 7:

Now you can color your illustration and apply everything I have taught you mwahahaha :))

Here’s Jasmine with solid black outlines.

Here’s another version but this time with colored outlines :) - HAHA I kinda uhm, accidentally deleted my colored file so I rushed this ._. sorry ! But just to give you an idea on how it’ll look like :

***

Hope this helps! :) Show me your artworks hehe <3