Selasa, 30 Juni 2009

Natural fresh colour Video Tutorial

0 komentar
Enhance natural color and make the color look more fresh with the effect on photoshop CS2

DOWNLOAD VIDEO

Nice Blur Effect Glamour

0 komentar
Create shadows on the opaque part of a particular cause an impression on the luxurious photo
DOWNLOAD VIDEO




Stone Skin Effect manipulation

0 komentar

In this short photoshop tutorial you will learn some basic photo-manipulation techniques that you will be able to use in order to create much more complex images (combining images, layer blending modes, color burn, color dodge, selection sets, etc.)

For this tutorial you will need a photo of a person, and a texture that you will use for replacing his skin.

Open the first photo in photoshop, and using the magnetic selection tool, make a selection of the skin area.
You can also use the lasso tool or the polygonal lasso tool, to refine the selection if it is needed.
Once the selection is complete save it (click on “select”, “save selection” and type an appropriate name).

With the selection active, click on “image”, “adjustments”, “color balance” and change the color to a green hue, like in the image bellow:

Open the other image (the texture) and drag it as a new layer, over the first photo, placing it on top of the person’s face.
Now load the selection that you have previously saved, click on “select”, “inverse” and press delete. You should end up with something similar to the following image:

Change the blending mode of the texture layer from “normal” to “multiply” and set the opacity to 80%

It is starting to look good, but the new texture looks a little flat, so you will need to give it some depth. For this, you need to use a soft brush white color set to “color dodge” and paint over the highlighted areas. Following the same principle, use another soft brush, black color, set to “color burn” and paint over the darker areas.

You can experiment with various opacity values for the brushes, depending on the results you get. Here is what I came up with.


Just for fun, I played with the color of the person’s eyes, to give it a scary look (like in the “eyes color change tutorial” I posted some time ago)



Thanks for following the tutorial, and I hope you had fun with it.





source :http://www.tutorialsfordesigners.com/

Senin, 29 Juni 2009

Retouching Skin a Studio Photos

0 komentar
This Photoshop tutorial is written for experienced Photoshop users and will show you unique techniques for retouching photos. You’ll learn how to enhance backgrounds, dodge and burn, brighten eyes, and add hair shine while keeping a low count of layers. The techniques you learn from this tutorial can be used for other portrait photos.

Before and After

image

Retouching a Studio Portrait Photoshop Tutorial

Retouching the background

Here is the original image. As a photo it looks fine but it looks flat and boring. This Photoshop tutorial will show you techniques used to make the photo have a stronger impact. You can follow this tutorial with one of your own image or you can use the image below:

image

Creating the mask

The first step is to isolate the model from the background. I used the extract and color range tool to create this. First I used the extract tool (Filter > Extract) but it didn’t work very well for the hair.

image

I then use the color range tool (Select > Color Range) to select the areas that were hard to extract using the extract tool.

image

Now we have a mask in it’s own layer.

image


Adding a gradient to the background

With the mask created, I can add a gradient to the background. Adding a gradient to the background is a simple and effective way to enhance a boring background. Here is a preview of what the layers will look like in the end.

image

To create a gradient background, we’ll be adding a gradient fill layer using the mask that we just created. To do that, hold down the Ctrl key and click on the layer thumbnail of the layer “Mask”. It will load the selection of the layer. Choose Select > Inverse to inverse the selection. Then, choose Layer > New Fill Layer > Gradient.

image

In the Gradient Fill tool, move the center of the gradient behind the head. You can do this by clicking and dragging on the document window.

image

To increase contrast, you can change the gradient so that it is like the image below.

image

Finally, adjust the opacity of the Gradient Fill layer. I set mine to 50% opacity.

image


Tone

Begin by creating a new layer for dodging and burning. Position the layer above the gradient fill adjustment layer. Then, change the blending mode to soft light.

image

Choose Edit > Fill and use the settings below. image

The layer should now be filled with a 50% gray.

image

Add a layer mask using the shape from the Mask layer. Hold down the Ctrl key and click on the layer thumbnail of the Mask layer . Then, click on the image in the layers palette to add a layer mask.

image

Click back on the 50% gray layer thumbnail and use the dodge and burn tools. For the image below, I used the burn tool to darken the models right side of the face, hair, top, and her arms. Then, I use the dodge tool to brighten the other side of the models face.

image

Here is a before and after effect of the dodging and burning.

image


Eye Brightening

Brightening the eyes will have a dramatic effect. It can be easily done by using a Brightness/Contrast adjustment layer. Choose Layer > New Adjustment Layer > Brightness/Contrast to add a new Brightness/Contrast adjustment layer. Rename this layer to Brighten Eyes.

image

For now, set the brightness to 50 and contrast to 33.

image

Select the layer mask and choose Image > Adjustments > Invert. This will invert the layer mask from white to black.

image

Using the brush tool, paint the layer mask where the eyes are. You should see the eyes brighten as you paint. Then, go back into the Brightness/Contrast settings and readjust the settings.

image


Hair Shine

Finally, we’ll add a shine to the hair. Start by using the quick selection or magic wand tool to create a selection of the hair around the area where you want the shine to appear.

image

With the selection, choose Layer > New Fill Layer > Gradient. Position the layer above the Brighten Eye layer. Change the blending mode of the Hair Shine layer to overlay. You should have a layer like the image below.

image

Go back into the Gradient Fill settings. Set the gradient to white to black and style to reflected. Checkmark the reverse option then click and drag on the document window and position the gradient where you want the hair shine to appear. Adjust the scale.

image

In the Gradient Fill window, click on the gradient to edit it. You should have a window like the image below. Create a gradient like the image below. To do this, click and drag the top left input slider to the middle of the gradient bar. Do the same with the bottom left input slider. Then, click on the individual input sliders and adjust the settings as shown in the image below.image

We now have a hair shine but it does not match the color of the hair. We’ll add back a little of the hair color to the shine.

  1. Click on the bottom left input slider.
  2. Click on the color setting and a color picker window will appear.
  3. Click on the hair to capture the color of the hair.
  4. Move the color picker towards the top left until the hair color looks natural.
  5. Click OK three times to exit out of the gradient settings.

image

We have added the hair shine but if you look closely, you can see some artifacts.

image

We can easily fix this by blurring the layer mask. Select the Hair Shine layer mask then choose Filter > Blur > Gaussian Blur. Adjust the settings until the unclean edge fades.

image

If the hair shine is overlapping the skin, use the Minimum filter to hide it. Choose Filter > Other > Minimum and adjust the slider.

image

Here is the before and after effect of adding hair shine. You can add emphasis to the eyes by aligning the hair shine with the eyes.

image


Final Results

image

image





source :http://photoshoptutorials.ws

Natural Light Design Text Photoshop

0 komentar


clip_image002

Decorating Text Photoshop Tutorial

Step 1

clip_image006Before we start on the actual image, we first need to create a simple pattern which we will use later. Create a new document with dimensions 20x20px then go edit>preferences>grid... and use these settings. Create a new layer (Shift+Ctrl+N), hide the background layer then set the foreground color to #808080. Now recreate the image shown here using whatever method you feel comfortable with, the polygonal lasso tool is a good choice for what we want to achieve. Now save the pattern by going edit>define pattern, after saving, close this document. When making patterns like this one it is important to make sure that they will repeat when tiled, there are various methods of achieving this like the offset filter, however with a pattern this simple it easy enough just to visualize it.

clip_image004

Step 2

clip_image008Create a new document, this time with dimensions of 1024x768px then select the gradient tool (G) and open the gradient editor. Click the arrow in the presets box and choose pastels, select the first gradient in this set. Using a linear gradient drag from the bottom of the page to the top, holding Shift to keep it vertical. Lastly change the opacity of this layer to 75%. A gradient is always a strong way to begin a piece like this but does require a texture over it.

clip_image010

Step 3

clip_image012Here we will create our background texture, first find a simple image of clouds, the one I used can be found here. Copy and paste this image then resize it to fit the page. Next invert the colors (Ctrl+I) and set the blending mode to screen. Now add a bit more depth to the background by doing exactly the same with another image of clouds like this one. When adding a texture to any piece on Photoshop, always experiment with all the blending modes as some will look better than others depending on the texture you use.

Step 4

Before you start on the foreground, a good idea is to set up some swatches that you will use regularly throughout this piece. Double click on the foreground color and create a swatch of these three colors; #b5005e, #39d336, #00baff.

clip_image014

Step 5

clip_image016Okay now for the text, start by creating a new layer group named 'foreground', it will become clear why we did this later on. Select the text tool (T) and draw a text box that goes from the left of the page to the right. Type your text in then highlight it all and go window>character to bring up the character settings. Use all the same settings as shown here. The reason for the wide character spacing is to allow enough space for the borders we will add.

clip_image018

Step 6

Right click on the text layer and select blending options and add a drop shadow, outer glow, bevel and emboss, color overlay, pattern overlay and a stroke. Use the settings shown below. You will notice that, although we used the drop shadow and the outer glow, we just mimicked the effect produced by a stroke. The blending options can be very powerful when used in this way so take words like drop shadow as a guideline rather than an instruction.

clip_image020

clip_image022

clip_image024

clip_image026

clip_image028

clip_image030

clip_image032

Step 7

clip_image034The next few steps will show how to add some goo and drips to the text. Set the foreground color to the purple swatch then create a new layer group named goo directly below the text, still within the foreground group. Create a new layer within this group (Shift+Ctrl+N). Use the line shape tool (U) and create lines like the ones shown here, make some with the weight set at 2px and some with weight at 3px to add some variety.

Step 8

Create a new layer within the goo group. Select the brush tool (B) and use a round brush with a size of 3px and a hardness of 100%. Zoom in to about 400% and draw some droplets at the bottom of each line, also draw some beads of liquid on the line.

clip_image036

Step 9

clip_image038Create another new layer within the goo group. Using the same brush, decorate the text a little more to achieve a result similar to below. This step can take a few tries to get right but is quite enjoyable at the same time.

clip_image040

Step 10

If you try Ctrl+clicking on the text layer you will notice that the selection will not include the border around the text, this will become a problem in the next few steps as you will see. The easiest way to overcome this is to first duplicate the text layer then drag it below the original text, now create a new layer directly below the new text layer then select the new text layer and merge it down (Ctrl+E) then name it 'selection'. Now if you Ctrl+click this layer you will notice the selection covers the border of the text and we also still have our original text which can be edited easily.

clip_image042

Step 11

clip_image044Create a new layer group named lines, this time above the text layer although still in the foreground group. Create a new layer then select the pen tool and draw path, making sure to hold and drag after each point to ensure the path is smooth. Next right click on the path and select stroke path and don't check simulate pressure. The result should be similar to below. On these brushes, using simulate pressure will blend out both ends of the line which is not what we want here.

Step 12

Now select the eraser (E) and use a 100px diameter, 0% hardness and 30% opacity to fade out the end of the line. Also use the blur tool (R) with a similar brush to blur some parts of the line.

clip_image046

clip_image048

Step 13

Now we will use that layer we created back in step 10 to remove parts of this line accurately. The concept behind this method is to use our selection layer to select all our text then create a new selection manually and intersect these selections, let’s see how it works. clip_image052First Ctrl+click on the selection layer then select the polygonal lasso tool (L) and in the main toolbar change it to intersect mode. Choose a part of the line that you want behind the text then draw round that part of the text then select the layer with the line in it and hit Delete. So in the image here, I want the line to go behind the left part of the 'H', note that I didn’t draw accurately around the 'H' this is because only the parts included in both selections will become our final selection. Continue using this method for other parts of the line to give the impression it weaving in and out of the text.

clip_image050

clip_image054

Step 14

clip_image056Try adding some more lines using the same method shown in the last three steps. Try also changing the brush size to either 2px or 1px or switching on simulate pressure.

In this example I used a 1px brush with simulate pressure on.

clip_image057

Here I used our green swatch, again with 1px and simulate pressure on.

clip_image059

For this effect I used a 2px brush with simulate pressure on and when creating the path, held Shift to get a straight line.

Step 15

clip_image060A quick way to make some random dots is to first select the brush tool, using a 2px hard brush then hit F5 to open the brush editor. Use the same settings as shown here and use the blue swatch we created earlier. For this brush we can drag it, note how the dots will be random and will give different effects depending on how fast you move the cursor.

clip_image062clip_image064


Step 16

For this step you will need to have a floral brush set, lots of these can be found here, download one and install it, note that you may need to restart Photoshop after installing it. Create a new group behind the text and in a new layer; use the purple swatch and go wild with these brushes, making them flow from the letters and the lines. My set included some leaves which I dotted around using the green swatch. Using the floral brushes was just an idea, other vector style brushes can give good results too, one which is worth trying is using tree brushes on the top half of the letters.

clip_image066

clip_image067

Step 17

clip_image069Another nice detail that is simple to make is these blue lines. First create a new layer then select the blue swatch then the brush tool and use an 8px hard brush. Use the pen tool to create a large arc, mine went roughly from the 'H' to the 'O', now stroke the path and make sure simulate pressure is checked. Use the eraser tool to get rid of half of the line and to blend it slightly. I created three of these.

Step 18

Duplicate this layer, with all three lines in it then hit Ctrl+T and rotate the lines roughly 180° then move them to below the text as shown here.

clip_image071

Step 19

clip_image073The text is looking nice now however the foreground and background are like to separate images at the moment so we will learn a few ways to make them harmonize better. A good way to approach this problem would be to create an in between layer which is kind of half and half and can bridge the gap between foreground and background. Start by creating a new group within the foreground group but below everything else in that group. Create a new layer in this group then go image>apply image then edit>transform>warp and drag only the boxes here to warp the image, make sure that when your warping the image it still covers the entire document or else you will be left with sharp edges.

Step 20

clip_image074Now select this layer then go layer>layer mask>hide all, change the foreground color to white then use a few of the following brushes with medium opacity to unhide some of the content on this layer, make sure the layer mask is selected rather than the layer itself.

1. A grungy brush of any size, this can be a brush you have downloaded or one that comes with Photoshop like the spatter, charcoal or chalk brushes, these work well when used at a larges size and dotted rather than dragged.

clip_image0762. A floral brush of medium to large size. This looks good on a slightly higher opacity brush as well as on low. Never drag these brushes, it just doesn't work.

3. A really good effect can be created when using the pattern stamp tool (s), although it requires a few tries to get it right. Try using the pattern we created earlier and also some of Photoshop's like the checkered one.

Optionally you can repeat these two steps again to add more detail as you are trying to get a fine balance between the foreground and background.

Step 21

clip_image078You will notice with the image we have at the moment, the clouds are only in the background. Let's solve this problem; we have to choices here, we either add more in front of the foreground group or we can take something away from the foreground. I've found that the taking away method produces a more realistic result. However if you have some cloud brushes kicking about feel free to use them but in this image I didn’t. First let’s check where we are at in terms of layers; at the moment you should only have a foreground group, a background group and the white background layer, everything else should be contained within these. In the background group duplicate one of the cloud layers then drag it out of this group and to the very top of the layer stack. Change the blending mode to normal then go select>color range and pick the very darkest part of the image and use the settings shown below, OK. Now you should have a rough selection around the clouds, hide this layer then select the foreground group and in the layers panel click the layer mask button at the bottom.

clip_image080

Step 22

clip_image082The last step is to add some color adjustments to the whole image. Start by creating a new layer above the foreground group then select the gradient tool and create a gradient like shown here. Use a radial gradient setting an create a blurry circle, go back to the gradient editor and change the color and do this again until you have something that resembles below. Lastly change the opacity of this layer to 50% and the blending mode to color. One last adjust that I save until last is to move that cloud layer that we duplicated to the top of the layer stack, unhide it then change the blend mode to soft light; I'll let you decide on the opacity this layer should be.

clip_image083



source :http://photoshoptutorials.ws

JS-Kit Comments

Archive

 

Tutorial Photoshop. Copyright 2008 All Rights Reserved Revolution Two Church theme by Brian Gardner Converted into Blogger Template by Bloganol dot com