Color Effects with Alpha Channel

 

Preparations:

We will need an image of a model, prefably a close-up on the face. I’m using Keeley Hazell for this tutorial.

All rights of these resources belong to their respective owners.

   

Step 1 – Setting Up Background:

Create a document of size 750 by 550px and save it as example.psd.

Fill the background with #E6D4A7.

   

Step 2 – Create Strip Pattern:

Create a new document with 3 by 3px, then create a new layer above Background layer.

Select Pencil tool with 1px and color #000000, paint 3 dots as shown on the left. Delete the Background layer. Press Ctrl+A and go to Edit > Define Pattern. Close this document w/o saving.

In example.psd, create a new layer. Select Paint Bucket tool and fill in the pattern you created.

   

Step 3 – Transparent Rainbow:

Create a new layer above the rest. Select the Gradient tool and choose Transparent Rainbow.

Drag the gradient from top-left of the document diagonally across to the bottom-right.

   

Step 4 – Create a Color Frame:

Select the rainbow gradient layer and go to Filter > Blur > Gaussian Blur. Set the radius to 250.

Create a layer mask on this layer and fill the mask with #FFFFFF. Using Soft Brush tool of size 350px and color #000000, paint center of the mask as shown on left.

   

Step 5 – Selecting Image Channel:

Open up your model image and drag it into example.psd using Move tool.

Hide the rest of layers except for the model. Go to Channels tab and choose the brightess image out of the Red, Green and Blue (for mine is Red).

   

Step 6 – Create Alpha Channel:

Ctrl+left click on the Red channel layer to load selection of those bright areas. Click on Create New Channel to generate an alpha channel and fill it with #FFFFFF.

Using Soft Brush tool of size 100px and color #FFFFFF, paint away the grey background behind the model.

Note: View animation on the left.

   

Step 7 – Gradient on Model:

Ctrl+left click on the Alpha Channel to load selection. Go to Select > Inverse. Back to Layers tab and create a new layer. Fill the selection with any color.

Right-click on the layer and choose Blending Options. Activate Gradient Overlay and choose the preset Yellow, Violet, Orange, Blue. Set its angle to -45 and scale to 150.

   

Step 8 – Enhancing the Colors:

Duplicate the model layer and go to Filter > Blur > Gaussian Blur. Set its radius to 3px.

Right-click on duplicated layer and choose Blending Options. Set the mode of Gradient Overlay to Hard Light.

   

Step 9 – Drawing Lines:

Create a new layer and draw some white vertical lines of various sizes with Pencil tool.

You will need to hold down the Shift key while drawing so your lines will be straight.

   

Step 10 – Fading Lines:

Go to Edit > Transform > Rotate and set its value to 45.

Using Soft Eraser tool of size 150px, fade the two ends of the lines.

Repeat Step 9 and 10 if you need more lines on your model.

   

Optional:

Add some texts to complete the design. That’s all! Hope you like this tutorial.

Video tutorial is posted at Vimeo

Click here to view the final image.

   

My Deviation:

Added on 1st Sep 2008.

I have some free time so decided to do another version of Keeley Hazell and push this coloring effects further by adding in more details.

The basic techniques used are still as above.

Click here to view the larger image at DeviantArt.

 

Other Design Articles You May Find Interesting

188 Comments | Write a Comment

  1. rowena arlene says:

    actual result is different from the what is shown in the written tutorial. though when i tried it, the result was very similar with the video tutorial. The face is not very visible, only the contour, i think.

  2. Dani says:

    Awesome, my picture turned out great!!! Not sure why everyone was fussing about step 6, pretty easy to follow for me.

  3. kathleen says:

    Thanks tuts :-) .I really enjoy it.

  4. ktastic says:

    everything went well…. till STEP 6 !!!! wtf dude lol.. ended up doing something completely random and did not turn out like that =S

  5. Audie says:

    Thanks :D My school is using this for the students it helps alot <3

  6. lj says:

    can’t seem to figure out step 6 HELP!!! TT__________TT

  7. kauri says:

    plz help i’m stock on step 7 wen i try to inverse it nothing change plz any1 help me

  8. Chocobar says:

    Step 6 is confusing. I’ve re read it, watched the video and can’t figure this out. Even going through all the comments isn’t working. What am I missing?

  9. Sighhh says:

    This is one of the stupidiest tutorials I’ve ever tried.

    My pic wound up looking nothing like yours. I finally was able to figure out what was going on during step 6, step 7 was ok then step 8 just went retarded. I tried following both the text and the video. But they don’t match. Then in the video you see where this guy changes his mind about the hard light twice; in the end doing nothing. Then he’s soooo zoomed in you have to guess at what he’s doing half the time. Never mentions deselecting. Never mentions what dpi are we starting at. Useless this whole tutorial was a useless waste of time.

    It really, really needs to be explained better. After looking at all the comments I realize practically everyone had similar problems. You obviously know how to do the design you just have no clue how to explain it. Sighhh; I really had high hopes for this one. :-(

  10. LuckyCharm says:

    Hey, I’m using cs4 and I just can’t seem to go through step 6. When I click ctrl + left click i got an error message saying “Could not nudge the data because the target does not include all of the composite channels.” Can this be done in cs4 or there’s maybe a different shortcut?
    Please help.

    Thank you.

  11. Spills says:

    I am experienced with Photoshop and found this tutorial very confusing. I had the most difficulties with the Alpha Channel portion. It’s a great technique, but the instructions could have been more clear.

  12. Metal says:

    hey thanks for the tutorial. altho the explanation is quite confusing >.< this is the tutorial that took the longest time for me to finish hahah *embarrassed*

    i din't really make it .. here's my work lol already tried to cover the weakness LoL

    http://www.flickr.com/photos/metalpoki/5211383383/

    thanks anyway

  13. mavd29 says:

    i personally liked this one….as an amateur i did pick up good concepts here…this is what i came up with:

    http://mavd29.deviantart.com/art/Alodia-In-Shades-of-Blue-186765617?q=sort%3Atime+gallery%3Amavd29&qo=0

  14. Dhei Rind says:

    thanks tutorial

    I can do it after repeated a few times
    part6 brush to remove the toll on the face to white
    brus do not remember the eyes nose mouth can look perfect for

  15. Goran says:

    You can call me stupid if you want, but i dont get the step with this damn alpha channel.

    Tried already with two pictures, it gets black and doesnt react like in the video.

    Would be grateful for help, otherwise i will have to take a look at this some other day.

    Greeting

  16. Benni says:

    Hey dude :D nice tutorial.. i didnt have problems and its a nice effect.. but PLS can u send me the pattern that is over the font in your deviation (the last pic).. THANKS :D

  17. ivan says:

    i dont get 6th part.. im confuse.

  18. Peter Christensen says:

    i was just wondering where do i get the GRADIENTS you use, because i don’t have the rainbow you use, i have another one
    ooh and i use Photoshop CS3

  19. RYT says:

    hey there, thanks for ur tutor
    finally I made it, thanks John

  20. Hoowan says:

    super thank you for this tuts…
    and thanks for all the comments that helped me throughout this tuts when the author uses some shortcut keys they’ve also helped me.. hehe..

    thanks to all.. ^___^
    up for this tuts!! XD

  21. Bridger says:

    Hey thanks alot man whoever u are, God bless u!!!!!!!!

  22. Aurell says:

    how do i create a layer mask on step 4 ._.

  23. Gooya IT says:

    ow this very good

  24. anjela says:

    f..k …. its such a ……

  25. Coen says:

    I was also stuck at step 7. After half an hour I finaly got it. My paint bucket tool (to fill the picture) was still at the pattern mode (from step 2) instead of the ‘foreground’. I’ve filled it with black and finally it worked! I think this is the main issue over here.

  26. Sami says:

    I really like this effect, it was confusing at first, but the video tutorial helped me a lot.
    This is my finished product.

    http://hphotos-snc3.fbcdn.net/hs363.snc3/23455_116418195037209_100000070861320_299012_1909645_n.jpg

  27. TMo says:

    Hey I’m having trouble with steps 6 I create the alpha channel and I do the that thing where only certain parts of the face are selected and its all black. In the videos you use some short cuts on your keyboard to make the black disappear. What do you press?
    I remove the background, then I cant do step 7 and make it look like that. Can you e-mail me and break down those steps? Please and Thanks

  28. rdanish says:

    Step 6 cannot be done i dont know it is impossible or i cannot do that!!!!

    • Scott says:

      I figured it out, after you select inverse you press ***ALT-BACKSPACE*** and it should show up worked for me anyway though the tutorial doesn’t indicate that….but thanks for the tutorial anyway!!

  29. Scott says:

    CAN YOU PLEASE EXPLAIN STEP 6 TO ME IM TRYING TO MAKE THIS FOR MY GIRLFRIEND AND I HAVE BEEN USEING PHOTOSHOP FOR A WHILE BUT I CAN’T SEEM TO GET THE ALPHA CHANNEL ON TO THE BACKGROUND WHICH IS LIKE THE MOST IMPORTANT STEP :( PLEASE SOMEONE EXPLAIN

  30. Christoffer says:

    Nice tutorial. Have been thinking about giving it a try for… aaa, almost 4 months now but haven’t taken the time. So I finally took a picture of my girl and tried it out, learned a few new tricks like the alpha channel painting.
    Here’s the result, hope you like it :)
    http://img687.imageshack.us/img687/9935/hippieanna.jpg

    /Christoffer

  31. mohammed says:

    thhhhhhhhhhhhhx aloot for the video

  32. Lori says:

    I really wanted to achieve this effect — it’s so cool — but sadly, the instructions are impossible to follow.

    • Amyth says:

      hey, itz actually pretty easy!
      i mean!
      i din getit manny times!
      but aftr i gotit i came to kno how easy it was!
      hehe

  33. Amyth says:

    doesnt d video tutorial hav audio?!

  34. Moosey says:

    This was explained very poorly and was hard to follow at imporant parts… interesting idea though.

    • Julezzz says:

      I concur. some steps were wicked hard to follow up with like the alpha channels. my photoshop is to new for this so mabey he should update this tutorial with a CS3 extended version. thanks

      ~XxXJulEzZzXbangxX

  35. matt says:

    Great tutorial, though a tutorial for your deviation is what I’m really looking for. Do you have a tutorial for that one?

  36. Amyth says:

    i din understand 6th step!
    ple help?!

  37. Harry says:

    tried the above steps – but how did you manage to save into jpg since it doesn’t support alpha channel ?

  38. Zwezda says:

    I have problems on step 6 wth Alpha channel:/ can’t go towards that. Is this may have something to do wth my Photoshop version??? As i use CS4?

  39. wiggy says:

    why aint u showing us everything you do in step 6

  40. Russell says:

    Hey, cool effect…but a lil know how was required to get through some of the steps…

    anyway…here is my version…

    http://photoshop-pinups.blogspot.com/2009/10/keeley-hazell-alpha-channel-color.html

    yeah…mine is with Keeley as well… always a good model to use!!!

  41. VinX says:

    my was a phail imo , take a look at the screenshot b3l0w :

    http://img411.imageshack.us/img411/7476/fab4.png

  42. Just smile says:

    very very very wounderful
    thank you so much my brother

  43. nice creativity, looks lovely.

  44. naz says:

    i can’t do the stuff on step 4.. when i used the brush tool, it just paints the color and it doesn’t show the pattern… :| why does that happen?

  45. Xavier says:

    Thanks for the tuts. I have learned so much about photoshop from your website. Great job. Keep it up.

  46. Johnson Koh says:

    You may wish to try out the Face Shattering Effect? :D Thanks for your support!

  47. Steele says:

    was there any suggestions you could make for my photo? Thank’s ahead of time if so

  48. Steele says:

    Thanks Johnson, I am starting on your next tut now I just cant decide which one to do lol

  49. Johnson Koh says:

    @Steele : I think you have done a great job for just the 2nd attempt :D

  50. Steele says:

    I decided to tackle your second version of this pic and love what I came up with and am curious to know what people think . This is my 3rd photoshop chop ever beyond removing the occasional scar. I take criticism well (somewhat :) )
    http://www.flickr.com/photos/40140882@N02/3693473628/

  51. Steele says:

    WOW AMAZING I JUST GOT DONE AND LEARNED SO MUCH. I PLAN ON COMPLETING ALL OF YOUR TUTORIALS. 2 DOWN LOTS MORE TO GO

  52. eva says:

    hi, may i know what is the final step after fade the line?because my image faces (eyes & mouth) r not clear.

  53. Johnson Koh says:

    Nice job done, Begginer! And thanks for sharing what you found with the rest of the community :)

  54. begginer says:

    well, I have already discovered how to simulate perfect blending and colorization in ps elemnts 6
    1.blending
    In step 7 you have to change layer mode to linear darkness (it’s my translation from polish, I don’t know how is this exactly named in english version) and then you’ll see exactly the same effect as in the picture illustrating this step.
    2.colorizing
    To avoid colorizating model with gradient blending (what’s not avaliable in pse) you just have to use simple soft brush to colorize the layer with model.
    And that’s all :D I hope I helped a bit all of ps elments users. I would be thankful if you could add some remarks for pse users in step 7, to help them succesfully achieve the complete effect

  55. begginer says:

    colud anyone help me simulating step 8 in ps elements 6 please? :D I don’t have cs3 and i wonder if there’s any way to do similar trick in my program

  56. iCe says:

    my problem is with step 7. I’m done brushing the alpha channel with all white. Have selected the dark areas, after going back to the layers section, my picture still remains the same and not the brushed-white version like yours. please help

  57. Johnson Koh says:

    Much appreciated! ;)

  58. jessa says:

    sure sir..i have many friends who are also crazy over photoshop like me…i will probably share this because this is very helpful for our projects!!

  59. Johnson Koh says:

    That’s very motivating Jessa :D I’m pretty poor at promoting my own site. Do help me to share around your friends if you think they will like it as well.

    Have a good day!

  60. jessa says:

    haha..yay!!but really you are good…of all the sites that teach photoshop tuts i think your site is the best!!

  61. Johnson Koh says:

    Thanks Jessa. You are a great supporter :D

  62. jessa says:

    you are very good..keep it up!

  63. jessa says:

    thank you…especially with your patience..:)

  64. Johnson Koh says:

    Hi Jessa, I have the video of this tutorial at http://vimeo.com/groups/10steps/videos/1745833

    See if it is clearer? :D

  65. jessa says:

    stuck on number 6..the animation thing..tnx for your patience:)

  66. Anna says:

    PSD file, please :)

  67. Johnson says:

    Thanks Bashir. I am constantly looking out for ideas. Do drop me a note if you have any suggestions too :D

  68. bashir says:

    it is very nice and a great job. Keep it up. congratulation for this tutorial hopefully u will again appear with a great job. again congratulation. if any useful tips, tricks may please be informed me via mail. i shall be highly grateful for your kindness.

  69. Johnson says:

    Hi all, for those who encounter problems with Step 6 and Step 7, possible to pass me a screen-shot of what you have on your screen via email? This is because everyone seems to land up with different results.

    I will try my best to help and reply everyone individually.

  70. Marco says:

    i really like this tutorial..
    but..im i run in to problems at step 6
    pls help
    i look at the animation to the left but its not helping
    an i would like 2 know how you did the other picture
    if you could explain that too..thnks

  71. PennyLane says:

    I love this! Now I wish someone could work it out in Gimp so I could try it out. Any takers?? =)

  72. Luca says:

    Hi,
    very good work! keep on ;)

    I have some troubles on Step 6 and 7 (as everybody)…
    My problem is that is not clear which layers and channels has to be selected in those 2 steps…
    In step 7, after selection + inverse on Alpha channel and then creation of the new layer, which channels has to be selected?

    Thanks a lot

  73. Erica says:

    Great tutorial and final work….but i’m having problems getting there. I think i’m stuck on step 7. I’m having problems with the color preset and angle options. I have CS4 and don’t have those options. Any suggestions?

  74. Michaela says:

    Hi there!! awesome tut and I got through kinda well, until step 7… yeah, in ur picture the striped background comes back, but i only see my model with the gradient on and a completely white background. i have 4 layers by now… do u know what i did wrong?

  75. Camilla says:

    Hi! great tutorial but in my case my brightness image is the blue channel ¿?

  76. Camilla says:

    Hi! great tutorial but in mi case my brightness image is the blue channel

  77. Johnson says:

    Let’s chat in email then :D

  78. einA says:

    Hi Johnson,

    I’ve tried to follow this tutorial,
    but in step 6 I’ve understanding problems sorry …
    I would prefer, if you could write me a mail …
    and sorry for my bad english

    thx

  79. Johnson says:

    Great work Triet!
    Nice picture you’ve there ;)

  80. Triet says:

    btw thank you for this awesome tutorial :D

  81. Johnson says:

    Hi Emily, you are doing correctly from the screenshot :) When you reach this part, you can try filling up the selection with white by using either Paint Bucket tool or pressing Alt+Backspace (if your foreground is set to #FFFFFF)

  82. Emily says:

    Hahaha woops; heres the right link ..

    http://i38.tinypic.com/2utrgy9.jpg

  83. Emily says:

    Just like some other people im as well stuck on step 6, i cant seem to make the black go away after ive done everything else, and i will also show you a screen shot, because im totally stuck ahha!

    Thank you! This is a great tutorial! If only i could figure it out ahha!

  84. Johnson says:

    Thanks guys! Woah… Bill Gates was here before :D

  85. Ritu chauhan says:

    it is very nice pic..i really want to see my pic on ur chennel or ur webside..
    i hope u to like my pic..
    with regards
    ritu

  86. Crystal says:

    Loved this tutorial!! Thanks for the tips!

  87. Bill Gates says:

    This tutorial is not rily clear to me.. tsk tsk tsk.. “F”

  88. Kristy says:

    I got lost at step 5…
    will you help me?
    I moved the picture… but after that, it doesn’t look like yours…

  89. willie says:

    haha, wow. this tut is… confusing to say the least. my outcome was pretty shitty.

    http://i36.tinypic.com/x5qntv.jpg

  90. Santiago says:

    this is another one I just finished!

    Im starting to feel really proud of myself =P
    hehehe, once again thanks for a great tutorial!!

    |*||

  91. passerby says:

    ehs how to fill the page with colour uh?

  92. Johnson says:

    Hey Olivia, or how about trying this way -
    Go to Channels tab, click and drag the Red Channel layer to hit the Create New Channel button at the bottom of the panel. You should see a new channel layer named Red Copy appearing.

    Then get the Brush tool and paint the surroundings in #FFFFFF. You can carry on to Step 7 from here :)

  93. olivia says:

    hello johnson. i am having trouble with steps six too. and i dont really know from ur video as it is not fit screen. mind explaining?

  94. Johnson says:

    Great idea! Let me work something on that :D

  95. sumti says:

    my pleasure, i wonder if you could do a tut on hair selection using channel, i really wanted to learn that..

  96. Johnson says:

    Great work Sumti! ;)
    Thanks for supporting this tut.

  97. xxxtim ;]] says:

    okkk im stuck on step 6 like everyone else.
    this is what i got so far

    http://i33.photobucket.com/albums/d78/pigkrew/Picture3.png

  98. b says:

    could u plz make one 4 me..
    *wink*
    i cant get it right doing it myself

  99. Helmut says:

    I saw this effect 2 month ago, on Corey Barker´s website

  100. Jay says:

    Hey Johnson,

    I’ve been having trouble with creating the alpha channel in step 6.

    “Ctrl+left click on the Red channel layer to load selection of those bright areas. Click on Create New Channel to generate an alpha channel and fill it with #FFFFFF.

    Using Soft Brush tool of size 100px and color #FFFFFF, paint away the grey background behind the model.”

    I get up to ctrl left click on the red channel and the selection is loaded then i create a new channel and i have trouble from there.

    1) I am unsure on how to fill this with white
    2) it says no pixels were selected.

    It all goes from there… :(

    I was hoping if it were okay if i had a step by step on this section for dummies *blushes* i kinda had trouble with the video tutorial on this section.

    Thank you so much for your time, I love your tutorial!
    Please continue to make more like this one :D

    - Jay

  101. Steven says:

    you should do this again but more in depth. i keep trying but can’t get it right. Or do a video maybe? It’d help a lot.

  102. ultradmitrenko says:

    i`l tried, but there is no shadows…

    http://img186.imageshack.us/img186/6092/53324395fx5.jpg

    thanks anyway

  103. Johnson says:

    Hi ultradmitrenko,
    Seems like you have got it all correct. You just need to hide your layer 3 by clicking on the Eye icon besides it :)

  104. ultradmitrenko says:

    i can`t “paint away the grey background behind the model”. where i should do it? on alpha channel? or red channel? or whole rgb?

    or i should create a multichannel document before?

    all i get is this

    http://img216.imageshack.us/img216/3500/69242609wh3.jpg

    it`s driving me mad!

  105. Johnson says:

    Hi Sandra, congratulations! ;)

  106. Sandra says:

    Okay, so I dragged the red channel to the create new channel button and then I got a red copy channel, I painted the background white like you said.. Then I did Cntrl+left mouse click to load the areas.. So far all good, then select > inverse and then I went back to the layers tab, only the original white background of the image was still there.. I created a new layer, filled it with a color I liked and did the gradient overlay thingie.. I have no idea what went wrong with the background.. Anyway I tried something different, I hid the original image layer and THEN i got something similar to your example.. So I skipped step 8, the enhancing of the colors, it wouldn’t do any good cause I hid the original image and this is the final result:
    http://i273.photobucket.com/albums/jj240/TaladarkieJJ/Creative%20work/heath-ledger-alpha-coloring3.jpg
    I’m pretty happy with the result :)

  107. Sandra says:

    Okay thanks, i’ll give it a try.. see if that works out.. :)

  108. Johnson says:

    Hi Arika, when you switch back to the layers tab, you will need to inverse the selection (Select > Inverse) before you fill the color :)

    Hi Sandra, yup you did right actually. Or you can also try dragging the Red Channel layer to hit the Create New Channel button so you will get a new channel call Red Copy. Then paint away the background with white. This is equivalent to Step 6.

  109. Sandra says:

    Well i’m stuck at step 6..
    I selected the brightest image (also red here), then I did cntrl+left mouse click to select those areas, next I created the alpha channel (image was still selected) but then I lost it.. I got a black alpha channel, then I filled it with #FFFFF or did I do something wrong there, how do you fill it cause I just clicked on the black square of the Alpha chan. and then just selected the white color but it definitely doesn’t look anything like your example.. This is what I got..

    http://i273.photobucket.com/albums/jj240/TaladarkieJJ/Other%20stuff/screenalphachannel.jpg

    Help needed! :)

  110. Arika says:

    I get through everything to step 6, then I get to step 7 where you go back to the layers tab and it looks NOTHING like it’s supposed to…it goes back to color and looks like this after the grandient overlay:

    http://i38.tinypic.com/2v27h3b.jpg

    obviously its wrong and i have no idea whats going on.

  111. Rick says:

    Thanks for the video tutorial, brilliant I’ve manage to do it, thanks again its fantastic.

  112. monkey says:

    after a few tries i was finally able to do it..not as good though..i love this style..great tut..couldve been more specific in some parts though..but still great..^^

  113. Johnson says:

    Hi Rick, you can find the video here.

    I’ve been trying to find out a good way to add VimeoRSS on the side bar. So it will be more visible to everyone.

  114. Rick says:

    Hi . I really like this effect, have tried to reproduce it but with no success, is there a video tutorial for it and if so where could I find it ?

  115. miragana says:

    Good day!
    It is very informative and has a very good quality in it.
    I like it…

    Thank you very much for your time.

  116. Johnson says:

    Hi Kelsey, Sorry to inform that this tutorial is done in Photoshop CS3. I think version CS and above is fine but not for Elements.

    Video tutorial for this effect is added at Vimeo ;)

  117. kelsey says:

    I get stuck at Step 5, I don’t see a Channels tab anywhere. I have Photoshop Elements 6.0.

  118. tommy says:

    hi johnson: if you have the .psd file for this tutorial ? I’m trying but can’t get like final iamge…!!!

  119. MANNY says:

    hi johnson: i really love this effect and i really want to be able to do it. i’m usually pretty good at figuring out things but i’m having a lot of trouble with step #2. i didn’t think i’d have trouble so early in the tutorial but i did. hopefully i can figure out all the rest.

    thanks manny
    wonderful tutorial by the way

  120. Johnson says:

    Thanks Kathy ;)

    No prob egy, I’m glad you made it. Cheers!

  121. egy says:

    Finally I could do it, thanks again Johnson :D I will try another tutorial.

    I´m sorry for my english is very poor :(

  122. Kathy says:

    thank you for this great tutorial! i got a very good result!:))

  123. Johnson says:

    Thanks Maddy for highlighting this error in my writings. I missed out a line (Go to Select > Inverse) in Step 7. Very sorry for those who went through the tutorial earlier.

    I’ve amended the texts at Step 7 and followed up with an animation. Hope that will help. Thanks!

  124. egy says:

    I give up :( , I have the same problem that Alan.
    Could be the order of the layers? Or the opacity?
    Thanks anyway.

  125. Johnson says:

    Thanks Ronald. I love your site too!

  126. very nice tutorial.keep it up:)

    Ronald

  127. Johnson says:

    I’m considering doing so already ;)

  128. nighthawk says:

    can u convert this tut to vedio or flash tut…??

    I’m trying but can’t get like final iamge…!!!

  129. Johnson says:

    Don’t mention it :) It does takes awhile to experiment here and there. Cheers.

  130. Alan says:

    My problem is that I never get something like this http://10steps.sg/wp-content/uploads/photo9/8.jpg

    Thanks for the replies =)

  131. Johnson says:

    No worries at all, Alan :D
    I’m glad you went through the efforts to capture these screenshots. I’m not sure if there is any difference between the versions of Photoshop. I’m using CS3 here.

    Actually you are pretty close to getting the effect. See if the steps below helps:

    Ctrl+left click on the Alpha Channel to load selection. Go to Select> Inverse. Back to Layers tab and create a new layer. Fill the selection with any color on that layer.

    Right-click on the layer and choose Blending Options. Activate Gradient Overlay and choose the preset Yellow, Violet, Orange, Blue. Set its angle to -45 and scale to 150.

  132. Alan says:

    Well. I came through it. Now my problem is on step 7:

    Ctrl+left click on the Alpha Channel to load selection. Back to Layers tab and create a new layer. Fill the selection with any color.

    http://img526.imageshack.us/img526/4599/junto1xv5.jpg (this is what I get)

    Right-click on the layer and choose Blending Options. Activate Gradient Overlay and choose the preset Yellow, Violet, Orange, Blue. Set its angle to -45 and scale to 150.

    http://img522.imageshack.us/img522/7392/junto2wl7.jpg (and after that, this is what I get)

    I am so sorry If I am beeing too anoying =/

  133. Johnson says:

    Hi Alan, Thanks for helping me understand the problem.
    I can see from your screenshot that your alpha channel is created with White Background.

    In this case, fill your selection on the Alpha Channel layer (shown in your screenshot) with Black. You should be getting something that looks like a negative.

    Clear all selections on that layer and go to Image> Adjustments> Invert.

  134. Alan says:

    Johnson this is the problem I’ve got:
    When I create the alpha channel, all I get is this http://img526.imageshack.us/img526/7695/livbs0.jpg

    I don’t know how to go on after this =/

  135. Johnson says:

    Hi all,
    Thanks for trying out the effect.
    I’ve replaced the diagram for Step 6 with a flash animation. Hope it can help everyone understand better on that part.

  136. Mark says:

    I created an alpha channel, but like Kayne – I can’t seem to brush away the dark background. Any ideas?

  137. Alan says:

    I can’t do the stop 6. When I create the new channel I get a new black layer. What am I supossed to do? =/

  138. Johnson says:

    Hi Kanye,
    Thanks for your support to the tutorial.
    Did you manage to create an alpha channel as shown in the Step 6 diagram?

  139. damir says:

    I don’t get the part with the alpha channels … if you can explain it a lil’ bit more? I always get the effect like the pic is inverted :S

  140. Kanye says:

    I tryed but i can’t paint away the dark background on step 6, can you help me out ?

Follow My Twitter Subcribe Full RSS