آموزش انگلیسی افکت های مختلف بر روی عکس در فتوشاپcs6

[ahoo_fr]

01
آموزش افکت باران بر روی عکس




In this tutorial, we will demonstrate how to add a dramatic rain effect to a photo in Photoshop. While rain effects are not new to Photoshop, we will go a step further and show how to make the image more photorealistic by adding reflections and small puddles. Let’s get started!

---

Tutorial Assets

The following assets were used during the production of this tutorial. Please download them before you begin or find alternatives if they are not available.

• Walk on pier
• Cloudy Scotland

---

1. Setting Up the Base

Step 1

Open Walk on pier in Photoshop. Double-click the layer to unlock it and name it “Base.” The first step to add realistic rain is to have convincing clouds. Go to File > Place… and place Cloudy Scotland at the top of your canvas. You will need to stretch the image a bit so the clouds fully cover the sky. To do so, hit CMD/CTRL + T to enter Free Transform mode and input 120% for the height. Hit enter to confirm, name the layer “Sky” and place it below your “Base” layer.

Step 2

Using your favourite tool, create a selection of the sky (I used the Quick Selection Tool). Select your “Base” layer, hit CMD/CTRL + G to group it, and create a mask from the selection in order to hide the sky.

I suggest you take the time to refine your mask. This will help achieve a photorealistic result in the end. To do so, select your group’s mask and use a black or white Brush (B) to paint in and out the parts you desire.

Since the sky still has a little bit of color, create a Black & White adjustment layer to make sure it fits your base layer.

Step 3

When it rains, the air gets really humid, resulting in fog that hides far away elements. To do this, use a soft large Brush with a gray color (#C3C3C3 in this case) and draw a straight line on the horizon (hold Shift when painting to draw in straight line). Set the layer opacity to 50%. You can then duplicate the layer (CMD/CTRL + J) and stretch it vertically to soften even more the fog. Name both layer “Fog” and place them below the group.

Finally, create a Curves adjustment layer to darken the image. Place it above everything else.

---

2. Generating the Rain

Step 1

The usual method to generate rain is to combine the Add Noise and the Motion Blur filter. Start by creating a new layer (CMD/CTRL + Shift + N), then fill it with black (D, then Alt + Backspace), and then go to Filter > Noise > Add Noise. Scale the noise up to 400%.

Then go to Filter > Blur > Motion Blur and give the noise a slanted motion blur. Hit CMD/CTRL + M to bring up the Curves adjustment panel and add contrast to your layer. Finally, switch your layer to Screen and name it “Rain.”

 

[ahoo_fr]

Then go to Filter > Blur > Motion Blur and give the noise a slanted motion blur. Hit CMD/CTRL + M to bring up the Curves adjustment panel and add contrast to your layer. Finally, switch your layer to Screen and name it “Rain.”

Now the key to get a more realistic and more interesting is randomness. You see, rain doesn’t usually fall in a perfectly straight line because of the wind. To get this randomness, we will have to repeat the process a few times with a varying size of grain and angle of motion blur. In this case, I did the process with noise scaled to 250% and with a 79 ° blur.

And once again, this time with a 600% scale and 60 ° blur.

Finally, I simply generated noise and darkened it a lot. Name this layer “Noise.”

[h=3]Step 2[/h] Set all your “Rain” layers to Screen, and unhide them.

Now this is a bit too much. To fix this, give each of the rain layer a mask, select it, and go to Filter > Render > Clouds. This will reduce the effect and give the rain a more randomness. Also, set the “Noise” layer to 20% opacity.

---

[h=2]3. Water Puddles and Reflectivity[/h][h=3]Step 1[/h] We managed to create the falling rain. However, our image doesn’t look realistic yet. Why is that? Well, when you look at rain photos, you realise that the rain drops are usually barely visible. What is visible, however, is a darker, soaked and reflective ground, which is the most important and the hardest part of the process. The first part to do so is to isolate our image’s floor. Using your favorite tool, create and fill the floor with a thick color on a new layer.

Once you are satisfied with your work, CMD/CTRL + Click on the layer thumbnail to retrieve its selection, create a new empty group and create a mask out of the selection. Name the group “Floor Mask.”

[h=3]Step 2[/h] Duplicate your “Base” layer and place it in your “Floor Mask” folder. Go to Filter > Filter Gallery and select Bas Relief. Give it the values as indicated in the example below and press enter. Give it a Curves adjustment to darken it a little bit (you can clip it by holding Alt and clicking between the two layers). Set the layer to Color Dodge.

Once again, we’ll give the layer a cloudy mask in order to add randomness. Let’s start by creating a new layer filled with clouds. Hit CMD/CTRL + T and scale it down under the horizon. Still in the Free Transform mode, right-click and select Perspective. Move the bottom corner handles to roughly match the perspective of the planks. Hit CMD/CTRL + A to select everything, and CMD/CTRL + X to cut it. Give the layer you created in the last step a mask, select the mask in the Channels panel and paste the clouds in.

[h=3]Step 3[/h] Since our floor is soaked, it should reflect the things above it, including the sky. To do this, duplicate your “Sky” layer and place inside the “Floor Mask” folder. Flip it vertically (CMD/CTRL + T, right-click and select Flip-Vertical) and set it to 15% opacity. Notice at this step I brought back the previous Black & White filter above the “Pier” group.

[h=3]Step 4[/h] Now we’ll need to retrieve the selection from the area between the sky and the floor. To do so, retrieve the selection from the “Floor Mask” group’s mask (CMD/CTRL + Click). Then, invert the mask (Select > Inverse), and CMD/CTRL + Alt + Click on the “Pier” group’s mask. With the selection active, duplicate (CMD/CTRL + J) your base layer in order to get a copy of this particular area. Name the new layer “Reflection.”

Now the next step is a little bit tricky. In order to help yourself, you should hide all effects. You can also create a new layer below “Reflection”, fill it with red (Edit > Fill) and set it to 50% opacity.

Flip your layer vertically and place it so the feet of the couple on the left match. Using the Rectangular Marquee Tool (M), create a selection of the wall to the left and bring it up. With the selection still active, use the Skew transformation mode (CMD/CTRL+T, right-click > Skew) to make the reflection mirror the wall’s perspective.

Repeat the process for the following wall.

Using the Lasso Tool (L), create a selection of the man and the child. Move them down so the feet match.

Keep going until you get the following result.

[h=3]Step 5[/h] You can now delete the red layer and place the “Reflection” layer inside the “Floor Mask”, above the “Sky” layer and set it to Multiply. Now you will notice there are a few places we need to work a little bit more.

Using the Smudge Tool (located under the Blur Tool), you can smudge back the parts of the reflections that are missing. For the area between the legs of the couple on the left, you can simply paint with a gray brush.

In this case, I also gave the layer a mask and softly painted out parts of the reflection. When you are done, you can bring back the effects and lower the layer opacity to 35%.

 

[ahoo_fr]

[h=3]Step 6[/h] We can enhance the floor a bit more. Select every layer below the “Black & White” layer, duplicate and merge them. Apply the Reticulation Filter (from the Filter Gallery) and give it the values as shown in the example. Hit CMD/CTRL + M to bring up the Curves Panel and increase the layer’s contrast a bit. Finally, place the layer inside the “Floor Mask” group and name it “Reticulation.”

Voilà! We’re done! In case you missed anything, here is what your final layer setup should look like.

You can also compare the final image with the base template and appreciate the formidable work you’ve done!

---

[h=2]Conclusion[/h]In this tutorial, we showed you how to quickly add a dramatic rain effect to your photos. In addition, we also showed you how to add reflections and puddles to make the effect more realistic.

 

[ahoo_fr]

آموزش افکت سه بعدی پاییز در فتو شاپ 6

Step 1

Let’s start! Create a new document (File > New) with the following settings:

​

---

Step 2

Download the image with Autumn park and place it into your canvas. The image that I use in this tutorial has the same size with the canvas, so this photo will fully cover it. If you want to use your own image for the background you have to resize it according to the canvas size. So place it into the canvas and drag one of the corner points. Hold Shift to resize the picture proportionally. Select the "Background" layer, the layer with your photo and merge them (Command/Ctrl + E)

---

Step 3

So let’s start creating 3D letters. Download the image with English Alphabet and open it in Photoshop. Now you have to decide what word you will compose from letters and what colors you will use for them. I decided to make the word "Leaf." Grab the Lasso Tool (L) and select the first letter of the chosen word, copy (Command/Ctrl + C) and paste it (Command/Ctrl + V) into your canvas

Name this layer with the letter according to its name, for example, my layer will be called "Letter L". Now we need to remove the white background. So grab the Magic Wand Tool (W), select the layer with the letter and click on the white background. Press Delete. Please note that the parameter “Sample All Layers” should not be checked.

Select the layer with your letter and activate the Transform tool (Command/Ctrl + T). While holding Shift key drag one of the corner handles to reduce the size of the letter.
If you want to change the color of your letter you can use Adjustment Layers (for example, Color Balance or Selective color). I will give a detailed description in Step 15. Since I was quite satisfied with the red color of my first letter, then I moved on to the creation of 3D letter.

---

Step 4

To create a 3D letter, select the layer with the letter and go to 3D > New 3D Extrusion from Selected Layer. Photoshop will ask you to switch to the 3D workspace – click OK. So, the 3D workspace of Photoshop CS6 is in front of you. At first we need to determine the position of the Ground Plane on which the letter will be located. To do this, select the Scene in the 3D panel and adjust the position of the Ground Plane using the icons in the Options bar.

Try to position the Ground Plane so that it coincides with the horizontal surface where you will place the letters:
If your background image differs from mine, you should choose the right position of the Ground Plane by yourself.

---

Step 5

Now we need to make the texture for the letter. Download this Concrete texture (Image 1) and open it in Photoshop.
We will use it for the front and extruded part of the letters. “500 px” in the Options bar to get a square of 500×500 px size. I chose this area:
Once the proper area was selected, press Enter and save the texture. Name the file "texture_front."

---

Step 6

Now it’s time to apply the relief texture to the letter. On the 3D panel select “Front Inflation Material” and go to the Properties panel of 3D-objects. This panel will be opened automatically when you switch to the 3D workspace. Find the Bump setting in the Properties panel and choose “Load texture”. In the opened window select the texture that you’ve prepared in the previous Step (“texture_front.jpg”):

Bump setting is responsible for the relief, so you can set the desired degree of relief by moving the slider. I set it to 20%. Then you have to adjust the scale and location of the texture. To do this click on the folder icon next to Bump setting and select “Edit UV Properties”.
A vertical and horizontal scale (V Scale and U Scale respectively) are the main parameters that you need to adjust. Parameters U Offset and V Offset are responsible for a displacement of the texture, you can adjust them as you like.

---

Step 7

Next we need to add the texture to the extruded part of the letter. To do this, go to 3D panel, select "Extrusion Material" and load the same texture ("texture_front.jpg") for the Bump parameter likewise.

I increased the Bump value up to 25% for the extruded part of the letter. The same way as we did in the previous Step, edit the properties of the texture: click on the folder icon next to Bump setting and select "Edit UV Properties." I used the following values:
As you can see, I changed the color of the extrusion to pink, so you can visually see how changing of the parameters affects the texture mapping. Later I’ll show you how to match the color of the extrusion better.

---

Step 8

Now it’s time to work on the location of the letter. Go to the 3D panel and select the letter – you will see that three axis appeared in the center of the letter. You can rotate, resize and move the object relative to these axis using the same icons in the Options bar that you use to move the Ground Plane. There are icons on the axis which you can also use for rotating, moving and scaling the object:

Also it’s convenient to move the object in multiple planes at the same time. To do this move the cursor to the edge of the cube, inside which your letter is located: the sides of the cube (that are corresponding to the planes along which the movement will be carried out) will be highlighted in yellow, and the hint with the names of the planes will appear near the cursor.

When you move the cursor to the side of the cube, the movement will be carried out along one plane only (it will be also highlighted in yellow). If you want the letter to be located on the surface, don’t move the letter along the vertical axis (Y). If you notice that the letter has gone too up or down, go to 3D > Snap Object to the Ground Plane – the letter will be again on the surface’s moving and rotating along the axis on the Properties panel in Coordinates section. If you don’t know how to return the letter to its original position on a particular axis, just set the angle of rotation of the respective axis to 0 degrees:

Now you know how to change the position of 3D objects. So place the letter on the Ground Plane as you like and change its size if necessary. For example, the position of my letter is the following:

---

Step 9

In this Step we’ll work on the appearance of the letter – we’ll adjust the value of extrusion; and in the next Step we’ll adjust the bevel. Mesh section to adjust the thickness of the letter. We are interested in the Extrusion Depth value: I set it to 250, but you can use another value if you want. Also the parameters Catch Shadows and Cast Shadows should be checked, we’ll need them when we are setting light sources.

---

Step 10

In this Step we’ll adjust the bevel. Go to the Properties panel > Mesh section, I chose the following Bevel type, but you can try another one and then experiment with its settings:

Next we move to the Cap section and select the Contour of the Bevel (Cove – Deep):

​

 

[ahoo_fr]

[h=2]Step 11[/h]

Now you should define the extrusion color. To change its color, select Extrusion Material on the 3D panel and go to the Properties panel. The main color of the extrusion will be defined by the color you choose for the Diffuse parameter. I chose the color #f25646:

You can also experiment with the other settings, such as Specular (it affects the sharpness/contrast of the texture) and Illumination (it affects the brightness of the side edges). In this case I chose the following values: Specular color – #645858, Illumination color – #290816.

---

[h=2]Step 12[/h]

Now it’s time to work on light sources. Go to 3D panel and select the first light source (you already have it there) – Infinite Light 1. We will set up the main light source using it. In this case the main light source is the Sun and it’s located in the top right corner. If you use your own image for the background you should define the position of the main light source by yourself (pay attention to the direction of people/objects’ shadows, etc.)
‘s position the light source. Left-click on the source and rotate it so the shadow of the letter is located approximately in the bottom left corner:

The settings and coordinates of this light source are the following (the color is #ffebcf):As far as it’s the main light source you should remember (or write down) its coordinates. The coordinates of this light source are the same for all letters that you will create in this scene.

---

[h=2]Step 13[/h]

Let’s add another light source so the letter won’t be so dark. To do this click on the Add new Light to Scene icon in the bottom part of the 3D panel and select New Infinite Light.

I added the light source with the following settings (the color is # ffc871):

---

[h=2]Step 14[/h]

So the work on the first letter is almost completed. In this step, we will correct the color of the letter’s stroke. If you like its black color, you can skip this step.

We will edit the texture that is used in two places on the letter – Front Inflation Material and Front Bevel Material. So when you choose Edit texture, Photoshop will warn you that the changes will be applied to all places in the scene. Click OK. New Adjustment Layer > Selective Color. Select the black channel and adjust the color of the stroke. In this example it becomes red:

After you have finished to work with texture, save it (Command/Ctrl + S) and close this file. Switch to you working document – you will see that the texture has been updated:

---

[h=2]Step 15[/h]

Now you can create all other letters in the same way. But if you want to change the letter’s color at once, you can use the Adjustment Layer Selective Color and the Replace Color option. Let’s practice it on my second letter – "E". If you want to continue working with Layers in Photoshop, just switch to the Layers panel. Place the next letter in your working document and delete its background as we did in Step 3. I called this layer "Letter E". "Letter E" and go to Image > Adjustments > Replace Color. Grab the Eyedropper tool with a “+” and expand the area of the color replacement by clicking on the shades of light blue color. And then adjust the sliders to get the color similar to this (color # fed4b6):

Next create the Adjustment Layer Selective Color (Layer > New Adjustment Layer > Selective Color) and convert it to the Clipping Mask layer for the layer "Letter E". To do this, right-click on the Selective Color layer on the Layers panel and choose Create Clipping Mask. So this Selective Color layer will affect only "Letter E" layer.Now I’m pleased with orange color that I got, and I can merge the layer with the letter and the Adjustment Layer Selective Color (select both layers on the Layers panel and press Command/Ctrl + E).

---

[h=2]Step 16[/h]

So the base letter is ready, and you can start making the 3D-letter. Go to Step 4 and repeat all the instructions for creating 3D letters. Don’t forget about the perspective of the letters: if the letter is far from viewer, its size should be smaller than the size of your first letter. The layer with the first letter should be on top of the Layers panel, and all other layers with letters should be located under it one after another. Don’t forget that you can change your 3D settings, move letters, change the texture’s color until you get the desired result. So I created all letters and got the following result:

---

[h=2]Step 17[/h]

So if you are pleased with the letters’ position and color, you can rasterize these 3D layers. But I recommend you to keep the original 3D layers in case you want to change something. To do this, duplicate all your 3D layers (select them on the Layers panel and press Command/Ctrl + J). Group the original 3D layers (Command/Ctrl + G), call this group “3D” and disable its visibility (click on the eye icon near the layer’s thumbnail). Next, go to your duplicated layers and rasterize them by right-clicking on one of the layers and selecting Rasterize 3D.

---

[h=2]Step 18[/h]

In this Step we will add more contrast to the letters’ shadows on the grass. To do this, create a New Layer (Command/Ctrl + Shift + N), name it "Shadow" and put it under all layers with letters on the Layers panel. Grab the Brush Tool (B) with the following settings: Color: #1d280a, Hardness: 50%, Blending mode: Multiply, Opacity: 10-15%. The brush size is up to you.

Paint over shadow areas with the selected Brush as it is shown in the picture:

---

[h=2]Step 19[/h]

Now we’re going to make the bottom parts of the letters look like they are really stand in the grass. We will use the standard set of brushes for that. Grab the Brush Tool (B) and choose hard (100% Hardness) round brush, Opacity about 50%. It’s better to work on letters’ layer masks because in this case you will be able to fix the result at any time. So add masks to all the layers with letters (Layer > Layer Mask > Reveal All) and change the Foreground color to black. Click on Layer Mask thumbnail and paint over the bottom parts of the letters to hide them:

If you painted over some extra areas, just change the Foreground color to white and paint over those areas to make them visible.
With Brush Tool selected, press F5 and choose the "Dune Grass" brush. Brush settings are the following:

Paint over the bottom parts of the letters with the selected brush on the Layer Mask. Choose the small brush size – about 30 px. Here’s what you should get: