Suby & Sins House

08 May 2007 1,690 views
 
supporter of
atom rss 1.0 rss 2.0
web browser google del.icio.us digg technorati
| lost password
birth date
cancel
photoblog image BLack & White Tutorial I

BLack & White Tutorial I

Subysphoto

Suby In The House   

Okay folks, feeling a little bit better so taking some time to write up this tutorial. Thank you for all the show of concern, still have a huge migraine though.

 

One of the questions people ask me a lot is how I convert my images to B&W or Sepia. There are so many ways to do this in Photoshop it boggles the mind (I AM STILL LEARNING) I want to gently get you guys into understanding the very basics in editing so that in the future, when & if I put up more complex tutorials, you understand and are not too confused.

 

I am going to hopefully teach 3 things in this tutorial. Converting to B&W in less than a second, while still ensuring your image is not flat and has great depth, very quick addition of "DOF/BLUR" to highlight certain areas in your image, levels and also use of layer mask. I edit using Photoshop CS2, so where I can remember, I will also provide the shortcuts for older Photoshop versions and Adobe Elements 3.0 & above.

 

The original image is in colour above and the second image is edited using the tutorial below.

 

Step One:

Step Two:

Step Three:

I unfortunately do not remember or know how to add a layer mask in Adobe Elements to layer 1 which is needed for Steps Five & on, so those using Adobe Elements, sorry seems the journey ends here (Please anyone out there who knows how to add a layer mask in Adobe Elements, feel free to let me know).

 

Step Four:

Step Five:

Step Six:

Anyone whose brain is fuzzy now, feel free to stop here, for those who are brave enough to go on, jump on to the next step J

 

Okay your image is smoking, but you want it to look even hotter by adding a little sepia or whatever colour tone you decide to your image.

 

Step Seven:

And there you have it. Any questions, please feel free to ask.

                                                                                                                

Words & Photography by Suby

Anyone looking for the services of Suby & Sinem as Photographers, you know what to do...

Please also visit our other photoblog of fashion images by clicking on Suby & Sinem

"Ars longa, vita brevis"

BLack & White Tutorial I

Subysphoto

Suby In The House   

Okay folks, feeling a little bit better so taking some time to write up this tutorial. Thank you for all the show of concern, still have a huge migraine though.

 

One of the questions people ask me a lot is how I convert my images to B&W or Sepia. There are so many ways to do this in Photoshop it boggles the mind (I AM STILL LEARNING) I want to gently get you guys into understanding the very basics in editing so that in the future, when & if I put up more complex tutorials, you understand and are not too confused.

 

I am going to hopefully teach 3 things in this tutorial. Converting to B&W in less than a second, while still ensuring your image is not flat and has great depth, very quick addition of "DOF/BLUR" to highlight certain areas in your image, levels and also use of layer mask. I edit using Photoshop CS2, so where I can remember, I will also provide the shortcuts for older Photoshop versions and Adobe Elements 3.0 & above.

 

The original image is in colour above and the second image is edited using the tutorial below.

 

Step One:

  • Open up your image, press D on your keyboard to set your foreground/background colour to its default (black & white).

Step Two:

  • Press Ctrl+J (Layer-New-Layer via copy) to create a new layer (I always work on a layer and never on the original background image, easier to correct any errors when you are working on layers). In the layers palette, you have  circle that's coloured black and white called the Create new or fill adjustment layer button, (for those using older versions of Photoshop this is Image-Adjustments-Gradient Map or Layer-New Adjustment Layer-Gradient Map),  click on this circle and a pop up box appears, now here's where the magic happens. CLICK ON GRADIENT MAP then click okay. Now doesn't that look a better B&W conversion than simply de-saturating the image?

Step Three:

  • At this stage sometimes, your job in converting to B&W can be done,  however life isn't always that perfect as your image can be either to bright or to dark or perfect, if it's any of the later afore mentioned, you can quickly rectify by clicking on  your "layer 1" image to activate that layer. Press Ctrl+L (Image-Adjustments-Levels or Layer-New Adjustment Layer-Levels) to bring up the levels pop up box. Now here I don't want to get into too much technicalities at this time, all I will say is you see those three slider buttons underneath the graph, have a play with them until you are happy with your image then click okay.           

I unfortunately do not remember or know how to add a layer mask in Adobe Elements to layer 1 which is needed for Steps Five & on, so those using Adobe Elements, sorry seems the journey ends here (Please anyone out there who knows how to add a layer mask in Adobe Elements, feel free to let me know).

 

Step Four:

  • Still working on layer 1, Filter-Blur-Guassian Blur and set your radius to 20.5 pixels (feel free to reduce or increase this setting if you want to) then click okay. Don't panic because your image has gone all blurry here, we will rectify this in the next step.

Step Five:

  • In the Layers Palette can you see the opacity box set to 100%? I want you to hover your mouse over the word "opacity" and see that double edged arrow that sorta pops up? You are going to use this to reduce the effect of the G Blur on your image now.  So left click and drag the slider to the left lowering the opacity of the G blur to about 60%.  

Step Six:

  • Still working on layer 1, in your Layers Palette, click on that square with a white circle in it (Layer-Layer Mask-Reveal All), press D just to make sure your foreground/background is set to it's default colour (black & white), press B on your keyboard to bring up your brush tool, a soft edged brush should do, and set your brush size by dragging the size pop up slider or entering a size in the text box. Now just brush out the areas of your image you want to be in sharp focus with your brush tool (remember you are working on the white layer mask)

Anyone whose brain is fuzzy now, feel free to stop here, for those who are brave enough to go on, jump on to the next step J

 

Okay your image is smoking, but you want it to look even hotter by adding a little sepia or whatever colour tone you decide to your image.

 

Step Seven:

  • Now remember that Gradient Map 1 layer we have been ignoring so far, well let us bring it back into action by clicking on the white layer to make that gradient Map layer "active". In your Layers Palette click "Create new or fill adjustment layer button-photo filter" (Layer-New Adjustment Layer-Photo Filter). For this image I just choose the default warming Filter (85) with density set at 25%, but feel free to have a play with all the other fun filters in here, lowering or increasing the density percentage just increases or decreases the effect of  the filter tone on your image. Click okay.

And there you have it. Any questions, please feel free to ask.

                                                                                                                

Words & Photography by Suby

Anyone looking for the services of Suby & Sinem as Photographers, you know what to do...

Please also visit our other photoblog of fashion images by clicking on Suby & Sinem

"Ars longa, vita brevis"

comments (20)

Mmh. Im learning
Suby & Sinem: Good, so when you have learnt, you can start tutoring me as well :d

Suby
I have done this before without much success. This time, thanks to you, it worked marvelously.
You are wonderful
I hope you feel 100% soon.
Suby & Sinem: I am happy to hear you were successful, now that brings a smile to me face :d

Suby
Nice to see the original members still hard at it! smile i'm back 2morro!
Suby & Sinem: The Skeelo is Back... STOP THE PRESS :d

Good to have you back bro.
Suby
Suby, for lack of better words, "You Rock"!
(I just came out of the sun and I'm brain-fried).
smile Thank you ! And I hope your migraine goes away completely!
Suby & Sinem: It slowly is going Kay, getting there slowly. Now have a lot of work to catch up on sad

Suby
  • wailor
  • Atlanta, GA, USA
  • 8 May 2007, 03:55
Thanks. And nice picture. Like the ssubtle dof effect in the second pic!!
Suby & Sinem: Thanks Wailor, glad you like

Suby
  • Sidney
  • Philippines
  • 8 May 2007, 07:40
Your in gorgeous company hre!
Will save your tutorial!
Suby & Sinem: LOL, thanks Sidney, Enjoy.

Suby
Always wondered how you and sinem got the really cool sepia , thanks for the tutorial constantly thinking of ways to convert to B&W without getting a flat pic, currently using the channel mixer layer... but will definitely try this method!
Suby & Sinem: Ade hi, the method above is just a quick and easy method, Chanel Mixer is actually one of the better (& more complicated ways to convert to B&W), once the image has been converted by whichever method, most times, a play with Levels or curves is normally neccessary to give it that added boast, I have spent up to 45 minutes sometimes converting an image to B&W just to get it right. For me, I also like to have the 2 second shortcuts, not everyone has 45 minutes to convert an image to B&W lol. Have fun

Suby
workshop from Suby, great.
Suby & Sinem: Thanks Chantal, hope it works well for you :d

Suby
  • paul
  • 8 May 2007, 13:40
I have just tried it out and was VERY pleased with the result. Great tutorial, you have changed the way I convert to BW. Thanks for taking the time to do this. I await my next lesson eagerly smile
Suby & Sinem: I am glad this could be of some use to you. Thanks you.
Suby
  • Dotun
  • 8 May 2007, 14:28
Another keeper tutorial, thanks.
Suby & Sinem: Thanks Dotun, thanks

Suby
  • Martin
  • USA
  • 8 May 2007, 15:34
Suby, I much appreciate these tutorials even though they make me painfully aware how much I don't know smile If your head still hurts, you should get it checked out (sorry for sounding like your mom).
Suby & Sinem: Naa you just sound like the wifey lol, thanks for the care, but feel me going to be fine (and they ain't famous last words) lol.

Glad the tutorials are going to be put to some good use by some people :d

That makes putting them together worth it.

Suby
  • mal
  • 8 May 2007, 17:46
Well - I've just cut and paste that into a new folder Suby and will be trying that when I get home this evening. Very much appreciated!

great image to.

mal
thanks a lot for that, definitely looking for new ways of making images mono, getting bored of older less effective methods...nice shot...
Suby & Sinem: LOL, there are soo many ways that it sometimes boggles the mind, Jide has some interesting ways of converting to mono, bug him a little, maybe hew will be forced to share LOL :d

Suby
  • mal
  • 8 May 2007, 20:47
Hey Suby, just got home and tried this gradient map stuff, I've never tried it before, awesome, thankyou for sharing it. mal
Suby & Sinem: LOL, enjoy bro, enjoy

Suby
  • Ellie
  • 8 May 2007, 23:42
Please please please put these in the forum, where I can find them again when I pluck up the courage to open PS. Will they work with other than CS2?

Hope your migraine goes soon.
Suby & Sinem: Hello Ellie, the tutorials are already in the forum, I just post them up here as well cause I know more people will look at it here grin Hey Photoshop is easy to learn, as long as you start from somewhere tongue

Migraine almost almost gone, side of face starting to almost feel normal

Suby
  • Ginnie
  • Atlanta, GA, United States
  • 9 May 2007, 16:25
I have just printed this out, Suby, and thank you so much for it. Sometimes we just need someone to hold our hand and walk us through it, exactly like you have done. PS has such a high learning curve, you know. grin
Suby & Sinem: You are welcome Ginnie, feel free to ask any questions, I love "trying" to assist or help people :d

Suby
Nice tutorial Suby...
For the last step probably using the Hue Saturation adjustment layer with the colorize option selected will also be a good option. You can just drag the slider for Hue and get the tone you want. Then adjusting the Saturation slider will decide how strong the tint should be.
Ohh Suby, estás haciendo un buen trabajo con tus tutoriales. Ahora estoy printing para tener una referencia rápida para hacer experimentos. Lo que falta es el tiempo para poderse dedicar a esta afición de unos y profesión de otros. smile

Ohh Suby, you are making a good work with your tutorials. Now I am printing to have a fast reference to make experiments. What lacks is the time to be able to dedicate to this liking of and profession of others. smile
This is the most straightforward tutorial I've ever come across. I have used it ever since the first time I tried it. I will be posting one that I made using this in the next few days. Thank you and well done!!
Suby & Sinem: Thanks for that Kayode, we are so glad that you find this so informative, we will in the near future put up more tutorials, we just been crazily busy to do any lately. smile Looking forward to your tinkerings smile
  • demi
  • nigeria
  • 14 Oct 2011, 08:54
It looks long!!! sad scaring me. Ill try this out though. Have a really great way of creating intense black and white photos with adobe bridge. Anyone interested?

Leave a comment

must fill in
[stop comment form]
show
for this photo I'm in a any and all comments icon ShMood©
camera Canon EOS-1Ds Mark II
exposure mode full manual
shutterspeed 1/60s
aperture f/4.0
sensitivity ISO200
focal length 40.0mm
TufaceTuface
Oooppps..., What Cake Mum?Oooppps..., What...
FusssssssyyyyyyyFusssssssyyyyyyy

Warning