HOME | DD

TheJiggyMonster β€” Transparent Sketch Tutorial - Photoshop CS6

Published: 2013-09-11 22:25:48 +0000 UTC; Views: 14811; Favourites: 888; Downloads: 0
Redirect to original
Description Do you hate scanning in your picture and having to redraw all your work onto a separate layer just so you can colour it?
Check out this tutorial, it's actually quite simple!

Please comment below if you have any questions!
Related content
Comments: 33

clouvv [2015-05-18 05:17:30 +0000 UTC]

It's really helpful! Thank you!

πŸ‘: 0 ⏩: 0

NOTaMasqueradeBreach [2014-08-26 21:50:10 +0000 UTC]

I don't know if I've said it before, but this is one of the best things I've found on dA. I'd be no where with my sketches without it. Β 

πŸ‘: 0 ⏩: 1

TheJiggyMonster In reply to NOTaMasqueradeBreach [2014-09-03 16:19:51 +0000 UTC]

I'm glad it's helped you, friend!

πŸ‘: 0 ⏩: 0

MysticSteph [2013-12-01 22:59:30 +0000 UTC]

Nice tutorial!
Though I'm lazy so I simply set my sketch layer to multiply and I can color.

πŸ‘: 0 ⏩: 0

GilmourApatosaur [2013-10-15 05:32:42 +0000 UTC]

Been using this transparency trick for ages, definitely helps a lot. I've been thinking of inking sketches on paper again before coloring. Line art always seems to be a problem.

πŸ‘: 0 ⏩: 1

TheJiggyMonster In reply to GilmourApatosaur [2013-10-17 16:35:44 +0000 UTC]

Tell me about it, the lineart is usually the hardest part in my opinion! X)

πŸ‘: 0 ⏩: 0

Sonicfanforever96 [2013-10-11 14:55:55 +0000 UTC]

where can i download itΒ 

πŸ‘: 0 ⏩: 1

TheJiggyMonster In reply to Sonicfanforever96 [2013-10-17 16:36:15 +0000 UTC]

Try:
Right Click > Save as...

πŸ‘: 0 ⏩: 2

DuskWolfAtDawn In reply to TheJiggyMonster [2013-12-19 21:12:57 +0000 UTC]

I think she meant 'Where can I download Photoshop CS6?'.. .-.

πŸ‘: 0 ⏩: 0

Sonicfanforever96 In reply to TheJiggyMonster [2013-10-17 16:47:35 +0000 UTC]

? o.o

πŸ‘: 0 ⏩: 1

TheJiggyMonster In reply to Sonicfanforever96 [2013-10-17 16:58:28 +0000 UTC]

Right click on the image, and select "Save image as..." to download it.

πŸ‘: 0 ⏩: 0

Linstock [2013-09-17 10:50:32 +0000 UTC]

Very useful, Β thanks.Β 

πŸ‘: 0 ⏩: 1

TheJiggyMonster In reply to Linstock [2013-09-17 14:00:44 +0000 UTC]

You're welcome!

πŸ‘: 0 ⏩: 0

Gael9 [2013-09-15 19:08:36 +0000 UTC]

Thanks for the tutorial, it will be useful. Β I have to try it out.

πŸ‘: 0 ⏩: 0

DeirdreHolanda [2013-09-15 06:58:09 +0000 UTC]

Thanks a lot for this! It works so much better than the methods I've been using. Really helpful.

πŸ‘: 0 ⏩: 1

TheJiggyMonster In reply to DeirdreHolanda [2013-09-15 07:15:13 +0000 UTC]

No worries! I'm glad I could help.

πŸ‘: 0 ⏩: 0

SpiralSunRise [2013-09-13 12:07:24 +0000 UTC]

Hummmm... I see the 8 bits/Channel button in my filebar, but it's not letting me select it. I'm kind of confused since I'm sure I followed all of the steps successfully. I don't know what I'm doing wrong sdfghj-

Any helpful tips? l'D

πŸ‘: 0 ⏩: 1

TheJiggyMonster In reply to SpiralSunRise [2013-09-13 14:13:44 +0000 UTC]

Hello!


First I would suggest going up to your your filebar and selecting Image > Mode > RGB Colour
This should get your image into the correct mode, because it may be in Grayscale!


If that dosen't work, perhaps if you could send me a screenshot of your workspace, or send me your skype username so I can see the problem in person?

πŸ‘: 0 ⏩: 1

SpiralSunRise In reply to TheJiggyMonster [2013-09-14 04:26:28 +0000 UTC]

Ah, thanks for the help! I'll definetly be using this tutorial more in the future! :'D

πŸ‘: 0 ⏩: 1

TheJiggyMonster In reply to SpiralSunRise [2013-09-14 14:38:29 +0000 UTC]

πŸ‘: 0 ⏩: 0

Lightnymfa [2013-09-12 18:05:41 +0000 UTC]

let me love you so much for this!!!

πŸ‘: 0 ⏩: 1

TheJiggyMonster In reply to Lightnymfa [2013-09-12 23:28:25 +0000 UTC]

ALL THE LOVES!

πŸ‘: 0 ⏩: 0

HadenJax [2013-09-12 17:17:43 +0000 UTC]

Just so you know there is a much simpler way to do this.

Here are the steps:

Β 1: Load your image into Photoshop and adjust the levels and contrast until you are happy with it.

Β 2: Create a new layer

Β 3: Select the 'Layers' tab and then the 'Layer mask' option followed by 'Reveal all'

Β 4; Select the 'Image' tab and then 'Apply Image'

Β 5: A window will appear that has a drop down menu box, select 'Background' and press apply.

Β 6: That just applied your image to a layer mask on the new layer. With the mask selected (click on it specifically) click on the 'Image' tab then Β  Β  Β  Β  Β 'Adjustments' and then 'Invert'Β 

Β 7: Now select the layer the mask was applied to (clicking on it specifically) and fill the layer with black.

Β 8: Click the eye next to the background layer to make it invisible and now you're line-art is on it's own transparent layer. Keep all layer's you Β  Β  Β  Β  Β  Β color on beneath this one and your lines will stay on top and your original image is preserved. Best of all, no using that pesky wand to try Β  Β  Β  Β  Β  Β and make sure you selected all the white.

πŸ‘: 0 ⏩: 1

TheJiggyMonster In reply to HadenJax [2013-09-12 18:02:14 +0000 UTC]

Hello good sir!

That technique is actually pretty neat! When I tried it, I ended up with this: [Β sta.sh/0tmyajxku0k ]

While it does manage to grab all your lines well, it does not make all the white space around your sketch purely transparent as you can see by my picture. Of course, I didn't scan this picture originally so my cell phone camera detected the slight gradient of light on the paper. This then transferred the gradient to your mask. Now, in this stage, I would still have to go around the edges with a brush or a magic wand tool to make it completely transparent anyways, so I don't mind having using strategy even if it may be a little more complicated!


I just used my own Photoshop knowledge to figure out this tutorial, I never really thought of using a mask to grab your lines however, kudos! It's neat how such different processes can give nearly the same results!

πŸ‘: 0 ⏩: 1

HadenJax In reply to TheJiggyMonster [2013-09-17 18:53:32 +0000 UTC]

Thought I'd try and share some shortcuts I find useful. That's what this community is for after all. I'm an amateur at Photoshop. Even though I've used it for years I still don't know what half the tools are for. It's a very dynamic program.Β 


You have a good day now,


-Hadenjack Β 

πŸ‘: 0 ⏩: 0

frijda [2013-09-12 16:58:48 +0000 UTC]

I don't give myself the work of redrawing a picture, but honestly this tutorial is really really helpful

πŸ‘: 0 ⏩: 1

TheJiggyMonster In reply to frijda [2013-09-12 23:28:58 +0000 UTC]

It may be able to at least help colour them!

πŸ‘: 0 ⏩: 1

frijda In reply to TheJiggyMonster [2013-09-13 08:30:00 +0000 UTC]

Yes, true c: Thank you for makin this tutorial anyway o:

πŸ‘: 0 ⏩: 0

Virensere [2013-09-12 13:17:27 +0000 UTC]

ohhh, this is really helpful! Thank ye Jeegeh! <3

πŸ‘: 0 ⏩: 1

TheJiggyMonster In reply to Virensere [2013-09-12 23:28:36 +0000 UTC]

No worries gurl!

πŸ‘: 0 ⏩: 0

twinkiedragon [2013-09-11 23:59:48 +0000 UTC]

can i just say that your like super great with layouts?? Β Seriously and that sketch is so cleeean! Β I'll have to use this tutorial soon too. Β It looks helpful ^^

happy almost halloween to you too XD

πŸ‘: 0 ⏩: 1

TheJiggyMonster In reply to twinkiedragon [2013-09-12 01:27:50 +0000 UTC]

I think every artist should learn a bit of graphic design, it's really important to present yourself professionally considering all the competition artists have D:
It also helps when makin them little buttons and things for ur page.


happyweein too gurl

πŸ‘: 0 ⏩: 0

nightfall16 [2013-09-11 23:13:43 +0000 UTC]

This is really helpful! Thanks a lot! I'm going to try this one <3

πŸ‘: 0 ⏩: 0