Mix B/W and Color

Postby altyfc » Wed Nov 24, 2004 5:33 am

Hello all

I've just been dabbling with Photoshop recently and created a basic effect for which I wrote a tutorial. This is really, really easy so if you're at all familiar with Photoshop, it's probably advisable to read no further. If you're just getting started, though, you might find it interesting or helpful, so here goes:

This is a very basic tutorial on how to produce an image that mixes colour and black and white photography, to give a rather striking effect.

OK... let's kick off. Imagine that I have taken a photograph on my digital camera and successfully transferred it on to my PC. I then launch Photoshop, and click on File and then Open, and select the relevant image. In this case, I'm working with this shot:

<div class='bbimg'><a href='http://www.africahoneymoon.com/starfish-mnemba-large.jpg' target='_blank'>Image</a></div>

With the image open, I clicked on Ctrl-A to select all. This puts a mask (dotted line) around the whole area. I then pressed Ctrl-C (to copy) and went to File, and then New. It brings up the image properties with the dimensions of the area I have just copied, and I change the characters of the new file from RGB to Grayscale.

This produces a copy of the image in black and white:

<div class='bbimg'><a href='http://www.africahoneymoon.com/starfish-mnemba-large-b+w.jpg' target='_blank'>Image</a></div>

On this new image, I clicked on Ctrl-A to select all once more, and then pressed Ctrl-C (to copy). I can now close this black and white image (I do not need to save it). Underneath this window is my original colour image. By pressing Ctrl-V, I paste a copy of the black and white image over the colour one, as a separate layer. I want the black and white image to be the bottom layer, so I go to the layers palette and drag the layer beneath.

OK, so I now I have the colour image sitting on top of the white one. I now zoom in on the starfish (on the colour layer) and try to select the area that makes up the starfish. In my case, I primarily used the magic mask tool and the elliptical tool (to get the rounded edges of the starfish). Each time I selected an area, I hold down the shift key so that my new selection includes the selection already made. If I find that I select too much, I just undo the last action or go back in the history. Once I have the whole starfish selected, I inversed the selection and hit the delete key. This deletes all of the colour layer, except for the starfish.

There are possibly easier ways to do this but I just found it was a method that worked for me. You could equally use an eraser tool and gradually delete all the detail around the starfish, gradually exposing the black and white image beneath.

And the final result...? Here it is:

<div class='bbimg'><a href='http://www.africahoneymoon.com/starfish-experiment.jpg' target='_blank'>Image</a></div>

Might not be everyone's 'cup of tea' but at least shows an effect that's relatively simple to do with Photoshop. The same technique can be applied to a variety of scenarios. For example, if you have a picture of a product, but wish to remove the background that it sits on.

All this work was done with high res. originals of the images, so any imperfections in the work are pretty much unnoticeable at these smaller sizes.

Hope this is helpful/interesting to at least some of you.

Aaron
Last edited by altyfc on Fri Mar 04, 2005 3:32 pm, edited 1 time in total.
<a href='http://www.aardvarkbusiness.net/chat' target='_blank'>Business Forums</a> - <a href='http://www.aardvarksport.net/chat' target='_blank'>Sport Forums</a> - <a href='http://www.aardvarktravel.net/chat' target='_blank'>Travel Forums</a>
<a href='http://www.aardvarkbusiness.net/addurl' target='_blank'>Business Add URL</a> - <a href='http://www.aardvarksport.net/addurl' target='_blank'>Sport Add URL</a> - <a href='http://www.aardvarktravel.net/addurl' target='_blank'>Travel Add URL</a>

<a href='http://www.aardvarkmailinglist.net' target='_blank'><span style='color:red'>Free mailing list for your site</span></a> - just copy/paste some HTML
<a href='http://www.aardvarkpostcards.net' target='_blank'><span style='color:red'>Free postcard script for your site</span></a> - equally easy to set up!
altyfc
Rookie
 
Posts: 46
Joined: Wed Nov 24, 2004 5:18 am

Postby DiCeMaN » Wed Nov 24, 2004 7:51 am

Nice work, pretty cool pic, big ass star fish.
DiCeMaN
Junior Member
 
Posts: 81
Joined: Tue Oct 12, 2004 8:37 am

Postby Charisma » Wed Nov 24, 2004 8:31 am

Wow, I've been trying to learn how to do this... I no longer feel like the newb that I am :P
Charisma
Forum Junkie
 
Posts: 2137
Joined: Mon Oct 11, 2004 7:29 am
Location: Maryland

Postby Z » Wed Nov 24, 2004 9:22 am

a quicker way (or another way) to do the grayscale without having to open a new file is just to make a new layer and go to Image > Adjust > Hue/Saturation and then put saturdation all the way to the left side.
<a href='http://sheridanc.facebook.com/p.php?id=89903013&l=9a3a52869c' target='_blank'>My Facebook</a>
Z
Godlike Member
 
Posts: 1045
Joined: Mon Oct 11, 2004 10:36 am

Postby Lep » Wed Nov 24, 2004 3:18 pm

Awesome, thanks for taking the time to put up a tut. :D
<!--QuoteBegin-Wolv+Jul 12 2005, 11:21 AM--><div class='quotetop'>QUOTE(Wolv 4 Jul 12 2005, 11:21 AM)</div><div class='quotemain'><!--QuoteEBegin-->No matter how hot she is, some guy somewhere is tired of putting up with her shit.[snapback]23877[/snapback]
<!--QuoteEnd--></div><!--QuoteEEnd-->

Image
Lep
Godlike Member
 
Posts: 1195
Joined: Mon Oct 11, 2004 2:38 am
Location: Georgia

Postby altyfc » Wed Nov 24, 2004 9:32 pm

No problem, folks. Looking at the graphical sig files most of you have, most of you probably don't need telling this kind of stuff, though! :)

Aaron
<a href='http://www.aardvarkbusiness.net/chat' target='_blank'>Business Forums</a> - <a href='http://www.aardvarksport.net/chat' target='_blank'>Sport Forums</a> - <a href='http://www.aardvarktravel.net/chat' target='_blank'>Travel Forums</a>
<a href='http://www.aardvarkbusiness.net/addurl' target='_blank'>Business Add URL</a> - <a href='http://www.aardvarksport.net/addurl' target='_blank'>Sport Add URL</a> - <a href='http://www.aardvarktravel.net/addurl' target='_blank'>Travel Add URL</a>

<a href='http://www.aardvarkmailinglist.net' target='_blank'><span style='color:red'>Free mailing list for your site</span></a> - just copy/paste some HTML
<a href='http://www.aardvarkpostcards.net' target='_blank'><span style='color:red'>Free postcard script for your site</span></a> - equally easy to set up!
altyfc
Rookie
 
Posts: 46
Joined: Wed Nov 24, 2004 5:18 am

Postby GTAce » Thu Nov 25, 2004 7:43 pm

Looks good...not the way I would go about doing it, but hey...gets the job done

cheers
<!--QuoteBegin--><div class='quotetop'>QUOTE</div><div class='quotemain'><!--QuoteEBegin-->(V) -=- Larry says:
me and draggy gonna fuck u up
syrus says:
it'll take two of you
|ESF{Draggy}ESF| says:
you cant touch me anymore and you know it
syrus says:
I'm coming hardcore now bitches
(V) -=- Larry says:
bring it
<!--QuoteEnd--></div><!--QuoteEEnd-->Image
GTAce
Forum Junkie
 
Posts: 3213
Joined: Sat Oct 09, 2004 2:00 pm
Location: Athens, GA

Postby altyfc » Fri Nov 26, 2004 6:29 am

Out of interest, how would you have done it?

Aaron
<a href='http://www.aardvarkbusiness.net/chat' target='_blank'>Business Forums</a> - <a href='http://www.aardvarksport.net/chat' target='_blank'>Sport Forums</a> - <a href='http://www.aardvarktravel.net/chat' target='_blank'>Travel Forums</a>
<a href='http://www.aardvarkbusiness.net/addurl' target='_blank'>Business Add URL</a> - <a href='http://www.aardvarksport.net/addurl' target='_blank'>Sport Add URL</a> - <a href='http://www.aardvarktravel.net/addurl' target='_blank'>Travel Add URL</a>

<a href='http://www.aardvarkmailinglist.net' target='_blank'><span style='color:red'>Free mailing list for your site</span></a> - just copy/paste some HTML
<a href='http://www.aardvarkpostcards.net' target='_blank'><span style='color:red'>Free postcard script for your site</span></a> - equally easy to set up!
altyfc
Rookie
 
Posts: 46
Joined: Wed Nov 24, 2004 5:18 am

Postby GTAce » Fri Nov 26, 2004 10:42 am

Make a duplicate layer, remove all color (using the Hue/Saturation method Z mentioned)...then use the eraser tool to remove that effect from the duplicated layer...very very easy method.

If you'd like me to go more into detail, I'd be glad to...just lemme know...Hell, ya know what...I think I may start awarding people points if they put together a good tutorial here.
<!--QuoteBegin--><div class='quotetop'>QUOTE</div><div class='quotemain'><!--QuoteEBegin-->(V) -=- Larry says:
me and draggy gonna fuck u up
syrus says:
it'll take two of you
|ESF{Draggy}ESF| says:
you cant touch me anymore and you know it
syrus says:
I'm coming hardcore now bitches
(V) -=- Larry says:
bring it
<!--QuoteEnd--></div><!--QuoteEEnd-->Image
GTAce
Forum Junkie
 
Posts: 3213
Joined: Sat Oct 09, 2004 2:00 pm
Location: Athens, GA

Postby Z » Fri Nov 26, 2004 11:17 am

What do ya want a tutorial of?
<a href='http://sheridanc.facebook.com/p.php?id=89903013&l=9a3a52869c' target='_blank'>My Facebook</a>
Z
Godlike Member
 
Posts: 1045
Joined: Mon Oct 11, 2004 10:36 am

Postby GTAce » Fri Nov 26, 2004 11:21 am

Whatever deee hell you want...

I'll think about it for a minute over here...I just figure, as long as you put together a good, working tutorial...you'll get some points for it
<!--QuoteBegin--><div class='quotetop'>QUOTE</div><div class='quotemain'><!--QuoteEBegin-->(V) -=- Larry says:
me and draggy gonna fuck u up
syrus says:
it'll take two of you
|ESF{Draggy}ESF| says:
you cant touch me anymore and you know it
syrus says:
I'm coming hardcore now bitches
(V) -=- Larry says:
bring it
<!--QuoteEnd--></div><!--QuoteEEnd-->Image
GTAce
Forum Junkie
 
Posts: 3213
Joined: Sat Oct 09, 2004 2:00 pm
Location: Athens, GA

Postby Hazerduz » Sat Nov 27, 2004 2:42 am

Make a Photoshop Tutorial Section.

That is all.
Image
Hazerduz
Godlike Member
 
Posts: 1666
Joined: Mon Oct 11, 2004 5:23 am
Location: San Antonio, TX

Postby Fatman » Fri Jun 24, 2005 7:38 pm

Hazerduz - Nice Sig :)
<a href='http://www.ps3peak.com' target='_blank'>Playstation 3 News</a> - <a href='http://www.all-free-recipes.com/Chicken' target='_blank'>Chicken Recipes</a>
Fatman
Lurker
 
Posts: 6
Joined: Fri Jun 24, 2005 11:25 am

Postby Hazerduz » Fri Jun 24, 2005 8:57 pm

Fatman wrote:Hazerduz -  Nice Sig :)


B)
Image
Hazerduz
Godlike Member
 
Posts: 1666
Joined: Mon Oct 11, 2004 5:23 am
Location: San Antonio, TX

Postby Fatman » Sat Jun 25, 2005 4:57 am

is it anyone famous?

cos id like to see more pix ;)
<a href='http://www.ps3peak.com' target='_blank'>Playstation 3 News</a> - <a href='http://www.all-free-recipes.com/Chicken' target='_blank'>Chicken Recipes</a>
Fatman
Lurker
 
Posts: 6
Joined: Fri Jun 24, 2005 11:25 am


Return to Photoshop

cron