Halloween party ideas 2015

As I have explained in my earlier post that through the command named Desaturate you can transform a colored picture ( RGB, CMYK or Lab) into something look like a Grayscale image. The difference between desaturated RGB, CMYK or Lab images and  Grayscale images is that we can add different colors in desaturated images  using different tools and commands, but in case of Grayscale images , there is no way to add any color other than black white and different shades of gray in the image . It is extremely simple to transform a colored image whether it be a CMYK , RGB or Lab image into black and white by applying the command named Desaturate upon it.  All you need to do it to open the image in Photoshop and hit CTRL + Shift +U on the keyboard. As soon as these keys will be pressed, the image will lose all the color information  and turn into black and white. In case you forget these short cut keys, then simply click the image tab on the menu bar of Adobe Photoshop to open Image Menu. Then select the option named Adjustment to open the Adjustment Menu containing various commands. Out of those commands select Desaturate by clicking on it and just one click will discard all the information regarding colors and transform the image into black and white.

use-for-adjustment-layer-named-Hue-Saturation
Give awesome look to different images 

Having applied Desaturate command on any image you can apply various tools on the image to give it unique and awesome look. In this post I am going to explain a very simple method through which you can add color in a desaturated image using  adjustment layer named  Hue/Saturation .

How to add color in a desaturated image using adjustment layer named Hue/Saturation?


First of all open a colored picture in Photoshop, preferably 8-bits RGB (as 8-bits RGB is the most suitable color mode for any image that is going to be edited). In case you don’t have any 8-bits RGB image for that experiment, you can easily convert any image into 8-bits RGB. In order to convert the color mode of any CMYK or Lab image into 8-bits RGB, all you need to do is to get inside the Image Menu and select the option named Mode. As soon as you will select that option, there will be appeared a side menu showing different color modes you can apply on your image. Out of those modes select RGB and 8-bits/Channel by clicking on each and in an instant your image will be transformed into 8-bits RGB.For instance in the image given blow you can see a  16-bits CMYK image which is not at all suitable for any sort of editing. 
CMYK-Color-Mode-and-16-bits-channel
Image not at all suitable for editing
CMYK is a color mode that is suitable for printing different  images on paper and at the same time, not at all suitable for editing images while 16-bits channel doesn't allow the use of most of the tools (including Move Tool, Brush Tool, Eraser Tool, Clone and Pattern Stamp Tools, Burn Tool, Blur Tool etc) on the image as 8-bits channel allows. Further, while working with 16-bits channel, you cannot add any layer in the document as you can do while working with 8-bits channel. So before applying any command upon that image it is better to transform that image from 16- bits CMYK to 8-bits RGB by putting checks beside the options RGB and 8-bits/Channel given in the side menu of Mode according to the picture below.

RGB-Color-Mode-and-8-bits-channel
Image suitable for editing
Having converted the color mode of the image into 8-bits RGB, the next thing which is supposed to be done is the creation of  a duplicate of the locked background  layer. In order to create a duplicate of that layer hit CTRL + J on the keyboard . As soon as you will do so, there will be appeared another thumbnail  containing the same image in the layer palette right above the background layer according to the picture below.
New-thumbnail-in-the-layer-palette
Two thumbnails in the layer palette containing two identical layers
After that, desaturate the image on the duplicate layer either by hitting Shift + CTRL +U on the keyboard or by selecting the command named Desaturate given inside the Image Menu’s option Adjustment’s side menu according to the picture below.

Image-Adjustment-Desaturate
Option name Desaturate given inside the Adjustment Menu
As soon as you will select that command,  all the colors in the selected layer will be transformed into black, white and different shades of gray according to the picture below.

Layer-1-after-being-desaturated
Image showing no color but black, white and different shades of grey
Having desaturated the selected layer, make selection of any part of it using any selection tool (as I have decided to add color in the lips only and keep rest of the layer black and white so I’ll make selection of lips using Polygonal Lasso Tool).  So select Polygonal lasso tool by clicking on it in the tool panel according to the picture below.

Lasso-tool-Polygonal-lasso-Tool-Magnetic-Lasso-Tool
Polygonal Lasso Tool  in the Tool Panel
As soon as the Polygonal Lasso Tool will be selected, pointer of your mouse will assume the shape of Polygonal Lasso Tool icon and the setting options of the same tool will be appeared in the option bar that can be seen usually right beneath the menu bar. Out of those options select  New selection as selection type , set Feather equal to 0 px and put check inside the check box named Anti-aliased to keep the edges of the selected area smooth and appealing according to the picture below.

New-Selection-Feather-Anti-aliased
Set the Selection Type and Feather and put check inside the check box named Anti-aliased
Having done that setting, zoom the picture in by hitting  CTRL + + on the keyboard once or twice to make selection easier. Having zoomed the picture in, put the Polygonal Lasso Tool shaped pointer of your mouse on any point at the edge of lips’ outline and click the left button of your mouse once.  As soon as you will do so, selection thread will be stuck to that point according to the picture below.

Starting-point-of-selection
Selection is being started
Then trace the outline of lips by dragging your mouse and clicking the left button of it every time you feel any need to change the direction of selection according to the picture below.

A-host-of-clicks
Clicks on different places while making selection
Then end the selection of lips at the same point you started it by clicking the left button of your mouse on the same point according to the picture below.

Complete-tracing
End the selection of lips on the same spot you started it
Having finished the tracing , hit Enter to complete the selection.  As soon as you will hit Enter, the selection thread will be vanished and the edges of selected area will begin to glimmer according to the picture below.
Selected-lips
Glimmering edges around  lips are indicating that this  part of the layer  is selected
Then, in order to add some  color inside the selected part of the layer through Hue/Saturation dialogue box you need to create a new Adjustment layer.  To create that layer click the small icon that can be seen right beneath the layer palette and says Create new fill or adjustment layer every time having been hovered over.

Fill-or-Adjustment-layer-icon
Icon named Create a new fill or adjustment layer
 As soon as you will click that icon, there will be appeared a menu containing various options including Hue/Saturation. In order to create a new adjustment layer, and to open Hue/Saturation dialogue box , select  the option Hue/Saturation by clicking on it.

Click-on-hue/saturation
Adjustment layer menu
As soon as you will select that option, the glimmering edges of the selected part of the layer will be disappeared  and there will be appeared two thumbnails  in the layer palette right above  layer 1, representing newly created adjustment layer and a layer mask. Further, along with these two thumbnails in the layer palette, there will be appeared a dialogue box named Hue/Saturation according to the picture below.

Adjustment-layer-with-layer-mask-and-Hue-Saturation
Newly created adjustment layer and layer mask in the layer palette along with dialogue box named Hue/Saturation
In the dialogue box named Hue/Saturation, you can see a drop-down menu named Edit, three sliders under the heads of Hue, Saturation and Lightness,  three inactive Eyedropper Tools and two small check boxes named Colorize and Preview along  with some buttons.

In order to add color in the formerly selected part of the image through this dialogue box , first of all, put check inside the check box named Colorize. As soon as you will do so, the formerly active drop-down menu named Edit will get inactive. After that all you need to do is to put check inside the other check box named Preview  so that you could watch the preview of different settings of hue, saturation and lightness and to move the sliders from left to right or from right to left to achieve desired color with desired intensity for the formerly selected part of the image. For instance if you set the slider named Hue at the position of 0, slider named Saturation at the position of 100 and the slider named Lightness at the position of 0 the result will be the bright red color inside the formerly selected part of the image according to the picture below.

bright-red-lips
Hue, Saturation and Lightness have been set at the positions of  0, 100, 0 respectively
In case you set set the slider named Hue at the position of 310, slider named Saturation at the position of 81 and the slider named Lightness at the position of -67 the result will be the dark purple or magenta color inside the formerly selected part of the image according to the picture below.

dark-purple-lips
Hue, Saturation and Lightness have been set at the positions of  310, 81,- 67 respectively
In order to apply any setting finally upon the image click the button named OK.

So that is is how you can add color in any selected part of a desaturated image using adjustment layer named Hue/Saturation. Apart from all this, there is another  big advantage associated with this method. That is, by showing and hiding different layers in the document  you can save a single image with different aspects. For instance, if you hide the layer named Hue/Saturation by hiding the small eye shaped icon beside it (in order to hide small eye shaped icon beside any layer, all you need to do is to click on that icon once), you will be able to save a totally black and white image in JPEG, PNG or any other format like the image  below.

Hue/Saturation-layer-is-hidden
Image looks completely black and white when you hide the layer named Hue/Saturation 
In case, you hide both layers named Hue/Saturation and Layer 1 together by clicking the small eyes shaped icons beside each of  these layers,  you will be able to save the image in its initial undedited form according to the picture below.

Locked-background-layer-is-not-hidden
 Visible Background layer containing image in its original aspect

And if you hide  Layer 1 only and keep the Background layer and the layer named Hue/Saturationunhidden, you will be able to save the image in the form you can see in the picture below.

No-desaturation
Image with layer 1 completely invisible
And if you keep all the layers visible you will be able to save a black and white image with colored lips as you have seen earlier in this post.
I am sure all my readers will find this post helpful and interesting so have fun with it, but kindly don't forget to subscribe your comments.


Adobe Photoshop allows you to fill any solid color as well as any predefined pattern with desired level of opacity and required blending mode into any selected part of the selected layer through the command named Fill. 
Fill-command-in-Photoshop
Fill command is used to fill solid colors and patterns inside the layers while Black, White and 50% gray inside the layer masks

How to use Fill command properly in Photoshop?


In order to understand the full functionality of this command, follow the steps given below:
First of all create a new Photoshop document with RGB color mode and white content specified.

Whit-Photoshop-document
Newly created blank PSD file
Then ,set blue as Foreground Color and yellow as Background Color in the Tool Box.

Yellow-and-blue-selected-foreground-and-background-colors
Selected Foreground and Background Colors in the Tool panel
Then, get inside the Edit Menu and select the option named Fill by clicking on it.

Photoshop-Menu-Bar-Edit-Menu-Fill
Option named Fill in the Edit Menu of Photoshop
As soon as the option named Fill will be selected, there will be appeared a dialogue box named Fill. 
Fill-dialogue-box
 Dialogue box referred as Fill appears every time you select the command named Fill. 
In that dialogue box there will be seen two separate pans under the heads of Contents and Blending. 

Contents

 Inside the pan referred as Contents there will be seen a drop-down menu named Use. The Content you will find selected here by default will be none other than Foreground Color. In order to find rest of the filling options, the tiny black arrow beside the drop-down menu named Use is supposed to be clicked. As soon as you will click that arrow there will be appeared a menu containing three sections.

Select-any-content-for-layer-or-layer-mask
Three sections in the menu named Use

 

The First Section (Foreground and Background Colors)


First section consists of two options which are referred as Foreground Color and Background Color. If you select Foreground Color out of these two options and click the button named OK, the color that has been selected as Foreground Color (blue in the case) in the Tool Panel, will be filled inside the selected layer according to the picture below.

blue-layer
Locked background layer with Foreground Color  filled inside
 If you select Background Color out of those two options instead of Foreground and click the button named OK, the color that has been selected as Background Color (yellow in this case) in the Tool Panel, will be filled inside the selected layer.

yellow-layer
Locked background layer with Background Color filled inside

 The Second Section (Pattern and History)


The second section of the menu named Use is also consists of two options which are referred as Pattern and History. If you select the option named Pattern out of these two options, the formerly inactive option named Custom Pattern will get activated all by itself. If you click the small arrow that can be seen right beside the pattern thumbnail, you will find a pattern picker menu containing different patterns as you can see in the picture below.
Patterns-in-Photoshop
Different pattern styles
Whichever pattern you will select out of those patterns, the same pattern will be filled inside the selected layer as soon as you will hit the button named OK.

Colorful-pattern
Locked background layer with pattern filled inside

If you select the other option named History given in the same section, the selected layer will be filled with the same content that had been selected during the creation of the document in the dialogue box named New. For instance during the creation of the document you had selected White as document content and here in this section you select the option named History, the selected layer will turn white again.


 The Third Section (White, 50% Gray and Black)


The third section in the same menu contains three options which are referred as White, 50% Gray and Black. Though these three options can be used to fill white, gray and black colors inside the selected layer, but mainly these three options are used when you work on layer masks instead of layers. Layer mask is basically a way to control layer’s transparency. There are three types of layer masks you can use in Photoshop. These are White, Black and Gray.  If you fill white color inside the selected layer mask, that will make the layer beside it completely visible with 0% transparency, if you fill black color inside the selected layer mask, that will make the layer beside it completely invisible with 100% transparency and if you fill 50% gray inside the selected layer mask that will make the layer beside it 50% transparent. In order to understand how to control transparency of any layer by filling white, black and gray colors inside the layer mask beside it, follow the instructions given below.

First of all fill any pattern inside the background layer by selecting it form the  pattern picker menu named Custom Pattern  that is given in the dialogue box named Fill, as I have explained earlier. Then add a new layer by hitting the small icon that can be seen right beneath the layer palette and referred as Create a new layer. As soon as you will click that icon, there will be appeared a new thumbnail, right above the background layer in the layer palette, representing a new transparent layer according to the picture below.

New-transparent-layer-right-above-the-background-layer
New layer thumbnail right above the thumbnail representing background layer in the layer palette

Then. fill any solid color (either background or foreground) in that newly added transparent layer using Fill dialogue box as I have explained earlier. As soon as the solid color will be filled inside the newly added layer, it will  no longer remain transparent and hide completely the background layer according to the picture below.

no-pattern-visible
As layer 1 is no longer transparent so it has hidden background layer completely

Then, add a layer mask beside that layer by clicking the small icon that can be seen right beneath the layer palette and says Add layer mask every time having been hovered over. As soon as you will click that icon, a new thumbnail will be appeared right beside the selected layer representing newly added layer mask according the picture below.

White-layer-mask
Layer 1 is totally visible with white layer mask beside and it has hidden background layer
As each layer mask carries white fill inside it by default and white fill inside any layer mask represents 0% transparency of the layer beside the same layer mask so the addition of a layer mask will cause no change in the appearance of the document.

If you fill black color inside the layer mask, by selecting the option black given inside the drop-down menu named Use, the layer beside the same layer mask will become perfectly invisible with 100% transparency and the background layer will become perfectly visible according to the picture below.

black-layer-mask
Background layer is totally visible from behind the 100% transparent layer 1

If you fill 50%  grey inside the layer mask instead of black or white , the layer beside the layer mask will become 50% transparent and the background layer will begin to peer from behind according to the picture below.

gray-layer-mask
Background layer is peering from behind the 50% transparent layer 1

Blending

The second pan in the dialogue box named Fill is referred as Blending. In this pan there can be seen a drop-down menu named Mode. Though the  default Mode you always find selected here is none other than Normal, but you can select any blending mode of your choice out of the different options given inside that drop down menu to apply on the selected fill style. Further, in the same pan there will be seen another box referred as Opacity. In that box you can specify the required opacity for the selected fill style in percentage by typing the value manually in the box.
 For instance if you specify Foreground Color as Content, Difference as Mode and Opacity equal to 60% in the dialogue box named Fill according to the picture below.

Foreground-Color-as-Content-dissolve-as-mode
Specify Content, Mode and Opacity for the layer

The outcome of that setting can be seen in the picture below.

impacts-of-sixty-percent-opacity-and-the-blending-mode-name-Dissolve
Background layer with  blending mode named Dissolve applied along with Foreground Color

Right beneath the box named Opacity, there will be seen a check box named Preserve Transparency. Check is supposed to be put inside that check box only when we want to preserve the transparency of the empty area inside the selected layer. For instance in the following image you can see a square shaped object made on the otherwise transparent layer 1.

yellow-square-on-the-otherwise-transparent-layer
White background layer is peering through  the transparent pixels of  layer 1

In order to fill any pattern inside that square shaped object only and to keep rest of the layer completely transparent, all you need to do is to put check inside the check box referred as Preserve Transparency along with selecting any required pattern out of the different options given inside the pattern picker named Custom Pattern according to the picture below.
Preserve-transparency-check-box-is-selected
In order to keep intact the transparent part of the layer  put check inside the check box named Preserve Transparency

Having done that setting, click the button named OK to apply it on the selected layer and you will see the outcome similar to the picture below.

Transparent-part-of-the-layer-has-been-preserved
Still partly transparent layer 1
If you want to fill the required pattern inside the entire layer, check is not supposed to be put inside the check box named Preserve Transparency according to the picture below.

no-check-inside-preserve-transparency-check-box
Preserve Transparency check box is no longer selected
 As the check box named Preserved Transparency has not been selected, so, as soon as you will hit the button named OK, the selected pattern will be filled inside the entire layer according to the picture below.

all-pixels-are-colord
Transparency has not been preserved of the formerly transparent pixels
So that is all about the dialogue box named Fill. I hope this post will be proved helpful to all my readers.Kindly don't forget to share your opinion regarding this post by subscribing your comments



Though the command named Copy is one of the most commonly used commands in Photoshop, while the command named Copy Merged is one of most rarely used commands in Photoshop, but all the same, both commands have their own significance which is not supposed to be over looked by any Photoshop user. In this post I will explain the significance of both commands separately and further, I will explain how these commands are different from each other.

Copy-and-copy-merged-two-separate-commands
 Very commonly and very rarely used commands

Copy and Copy Merged are two separate commands which can be seen in the Edit Menu of Photoshop.

Photoshop-Edit-Menu-Copy-Copy-Merged
Edit Menu of Photoshop contains various commands
As far as the command named Copy is concerned, it is found in almost all software programs with the same functionality. This command is used to save the copy of selected content in the part of computer’s memory that is referred as Clipboard, and afterward, you can have that saved copy of the selected content anywhere using the command named Paste.

Unlike Copy, Copy Merged is neither found nor used while working with any software program other than Photoshop. As all Photoshop users know perfectly well that in Photoshop we work on layers so difference between Copy and Copy Merged in  Photoshop is that Copy command is used to copy all the  pixels given on the currently selected layer inside the selected area , while through the command named Copy Merged, you can copy all  visible pixels inside the selected area in the form of a complete image regardless the number of layers fell inside that area.

For instance in the image given below you can see a canvas containing a picture that is composed of two different layers, layer 1 and Background.

Image-with-PSD-extension-composed-of-two-layers
Image with both layers visible
 If I hide the Background layer by making invisible the small eye shaped icon beside the thumbnail that is representing  the Background layer in the layer palette, you will notice that on  layer 1 we have nothing but an image of a car.
Note: Small eye shaped icon beside each layer thumbnail in the layer palette can be made invisible just by clicking on it and by making invisible that icon, you can hide the layer beside it on the canvas.

image-of-car-with-no-background
Invisible eye shaped icon beside any thumbnail in the layer palette represents the the invisibility of that layer on the canvas
On the other hand, if I hide the layer 1 by making invisible the small eye shaped icon beside the thumbnail that is representing layer 1 in the layer palette, you will notice that on the Background layer we have everything but not the car.
completely-visible-beautiful-background
Layer 1 has been hidden in the image
Through the command named Copy, you can copy  either the image of car that we have on layer 1 or you can copy the picture (or any part of that picture) that we have on the Background layer. But you cannot copy the car and the background at the same time as an integrated image.  Meaning, if you select layer 1 by clicking the thumbnail representing that layer in the layer palette and then you make selection of the entire canvas by hitting CTRL + A on the keyboard  and having made the selection,  if you apply the command named Copy on the selected area either by getting inside the Edit Menu and selecting the option name Copy or by hitting CTRL + C on the keyboard, only the pixels on the currently selected layer (layer 1) will be copied. If you paste those copied pixels anywhere by hitting CTRL + V on the keyboard, you will find nothing in the pasted content but the image of car.

But in case, if you make selection of the entire canvas by hitting CTRL + A or if you make the selection of any part of the canvas using any selection tool e.g. Rectangular Marquee Tool, Elliptical Marquee Tool etc and after making selection, if you apply the command named Copy Merged on the selected area  either by getting inside the Edit Menu and clicking on the option named Copy Merged or by hitting CTRL + Shift + C on the keyboard, everything visible inside the selected area (including car and background) will be copied. If you  paste that copied content anywhere, you will find that the pasted content will be in the form of an integrated image containing the components of both layers.

Note: In the case of Copy Merged it literally doesn't matter that which thumbnail is selected in the layer palette while in the case of Copy, it matters much.

Invert is a command that is not very commonly used in Photoshop. In order to understand the functionality of Invert in Photoshop it is necessary to understand the three different sectors in which any image is considered to be divided.  These sectors are referred as Shadows, Highlights and Midtones. Whenever we cast a glance over a picture we notice some parts of it noticeably darker than the rest. All such part  are fell into the category of Shadows. Some parts of the same image shows very light shades of different colors which seems almost equivalent to white, all such parts are referred as Highlights. While all the parts of the image containing different shades between the lightest and the darkest shades are referred as Midtones. For instance in the image given below you can see my favorite actress Resham in her fancy white outfit.

Highlights-shadows-and-midtones
Clear representation of Highlights, Shadows and Midtones 
 In this image Shadows , Highlights and Midtones  all are quite obvious and easily noticeable. You can consider her hair as Shadows, her dress as Highlights and her skin and background as Midtones in the image.

Invert is used only when you want to convert the darkest parts of the image into the brightest parts (transform Shadows into Highlights) or if you want to convert the brightest parts of image into the darkest parts (transform Highlights into the Shadows) and at the same time reset the Midtones accordingly. Further, while working with RGB color mode, you notice that the Invert command transform different shades of green into different shades of magenta, different shades of red into different shades of cyan and different shades of blue into different shades of yellow, and so it does with the other color modes.

How to apply Invert command?

In order to understand how this command works follow the steps given below:
First of all  open a picture in Photoshop preferably with the extension  JPEG,  either by getting  inside the File Menu and selecting  the option named Open or by hitting CTRL + O on the keyboard.

image-of-Pakistani-actress-opened-in-Photoshop
Image before being inverted
Having opened the image  in Photoshop, select the image tab in the menu bar by clicking on it. As soon as you will click the tab named Image, there will be appeared a menu containing various options. Out of those options select none other than Adjustment. As soon as you will select the option named Adjustment , there will be appeared it’s side menu containing different sub-option. Out of those sub options, selectInvert either by clicking on it in the menu or by hitting CTRL + I on the keyboard.
Adjustment-and-invert
Command referred as Invert given inside the sub menu of Adjustment
As soon as you will select the option named Invert, the Shadows (darkest parts in the image) will be transformed into Highlights (brightest parts) and the Highlights will be transformed into Shadows. Further, Midtones too, will changed themselves accordingly, meaning darker parts of the image will turn less darker while the brighter parts of the image will turn less brighter and the image will assume the aspect of a photographic negative according to the picture below.

impacts-of-Invert-command-on-the-image
Under the impacts of  Invert image assumes the features of  photographic negatives
As I have explained earlier that the Invert command transforms the different shades of red into different shades of cyan, you can observe the transformation of the red component which was obvious in the skin of the actress, into cyan in the image given above.

In order to observe the impacts of Invert on different colors you can apply that command on any image containing a number of colors for instance the image given below.

red-green-blue-and-cyan-magenta-yellow
Image containing Red, Green, Blue and Cyan, Magenta, Yellow
As soon as you will apply  the command named Invert on the image given above, the same image will be transformed into the image given below.

Image-containing-different-color-after-being-inverted
Impacts of the command named Invert on the different colors
 As in this image there were no noticeable highlights and shadows before inversion and all the color shades had the same intensity so there is nothing look like a photographic negative in this image after inversion.

As you can transform a colorful image into something look like a photographic negative by applying Invert command on it, you can convert a photographic negative into a colorful image by inverting its features too. For instance the following image can be transformed into a perfect colorful photograph if you apply Invert command on it.

showing-nothing-but-Highlights-and-shadows
Image ready to be transformed into a perfect colorful photograph
colorful-image-showing-all-the necessary-detail
After applying Invert command
I am certain, this tutorial will be proved helpful to all my readers. In order to put forward any question, complain or suggestion for further improvement, kindly don't forget to subscribe your comments.
Diberdayakan oleh Blogger.