Sabtu, 12 Mei 2012

Sexy Photo Manipulations on the Trashy Lingerie Template

Today’s tutorial offers a pulse raising plethora of photo effects that you can use to pull off poignant presentation that is bound to leave a breathless impression. To get started all you will need is a copy of Adobe Photoshop, Illustrator for a few additional effects, and a pretty photo (ours is from bigstockphoto.com). These effects were used in the featured photos on all 3 pages of our Trashy Lingerie Template.

You can download the Trashy Lingerie Template, along with the full PSD source files for this template in BoxedArt’s members section, as well as thousands of other website templates and web design products.

Step 1 – Separate the Model from the Background

First, you will need to pick out a lovely image to begin enhancing. Here’s ours:

Now that you have your photo ready to go, open up the image in Photoshop and start to path out the model from the existing background. How do you do it? It’s easy, but you’ll need a steady hand and the ability to avoid distractions to get it path out nicely. Grab your pen tool and start your path according to the model’s outter most curves. Try to be as accurate as possible.
path

Step 2 – Copy the Path You Outlined

After you have finished drawing your path, go to your path window, and hold on to CTRL and click on the path, it will make a selection of the model you just pathed out. Then press CTRL-C to copy the model.
selection

Step 3 – Moving the Model to a Neutral Background

Now, open a new document with the size of 570 X 630 and fill it with black as the background.
document
Next, press CTRL-V to paste the model image to your new document. Place it at the center of the page, and then select the image and add feather by going to Select > Modify > Feather and set Feather Radius to 2 px and press OK. Invert the selection (Select > Invert) and hit the delete button. You will see your image will have feather effect around it, which will soften the path lines that you made earlier.

Step 4 – Masking the Bottom Layer

Next, let’s mask out the bottom of the image so that it blends up with the background later on. Click on the layer which has your model image, and click the add mask button below your layer window.
addmask
Now grab the gradient tool and apply a gradient from bottom to top and you will have the leg part feathered and blended.
maskleg

Step 5 – Setting Foreground Color and Effects

Add a new layer below the model layer and grab your gradient tool again. Set the foreground color to # 35323d and also set the foreground to Transparent.
gradient editor
Then drag it from right to left and you will get the below results.
background-gradient
Now it looks kind of plain, so let’s add in some effects. Again add the mask on that layer and grab your brush tool. Open up your brushes window, and select fire brushes. (You can download these fire brushes from Deviantart.com)
brushes
I used the fire 9 Brush anded mask the background with it. This is the result effect you going to get.
masked

Step 6 – Glowing Circles and Lines

Now let’s move to the glowing circles and lines effect. I’m going to do this in Adobe Illustrator, so load up your Adobe Illustrator software and get ready a document. We will start with the first circle, grab the Ellipse Tool, and draw a large circle;
circle
But before that, set your stroke color to # 666666 and stroke weight 3px. After you have drawn the circle, go to the Transparency tab and set the Blending mode to Color Dodge, and transparency 29%.

Step 7 – Adding a Second Circle

Once you have done with the first circle, it’s time to add in the second circle. Using the same tool and same color but this time we need to use a different stroke weight; set it to 10px.
stroke
Draw another big circle, almost the same size, and place it towards the right like the below diagram.
circle2
After that, we need to set the Blending mode again to Color Dodge and transparency to 50%.
50$

Step 8 – Circle Duplication

To save up some time and to get a more accurate circle that is the same size as the previous circle, click on the first circle and hold on to the ALT key and drag it to the left; you will get another same size circle.
3
Now set the stroke weight to 5px, Blending mode to Color Dodge, and transparency to 50%.
50$

Step 9 – Adding in a Glowing Circle

In total, we need 5 circles, so now that we have drawn 3 circles there are 2 more to go. The 4th circle is harder, as we need to add in the Gaussian effect, and also the gradient glowing effect. Here’s how to do it; again select one circle and hold on to the ALT key and drag it around the center of the artboard.

Set the stroke weight to 10px and go to Object > Expand and press OK. Your stroke will be expanded and you can change the color now.

Grab the gradient tool, set the gradient slider’s colors as the diagram shows, and pull it across the circle.
From left to right Purple #7d0070, Blue #0954bf, Cyan #00e6db, Pastel Purple #
7051e1, Green #3b8552, Light Blue #85d9ff and Dark Blue #00004f.

gradient
As for this circle, we don’t need the Blending mode and transparency so just set it back as default.
gradient

Step 10 – The Last Circle

Now, duplicate another circle, and set the color to white with a weight of 2px, and place it on top of the circle with a gradient color.
white

Step 11 – Giving the Circles a Soft Glow

It’s time for the final step for the circle effects; the soft glow of the colored main circle. Select the colored circle, double click on the scale tool, and press copy. You will get another circle at the same place. Now, go to Effect > Blur > Gaussian blur, and set the radius to 10 pixels.
gaussian
Then, move the glow behind the color circle. Now, select all and press CTRL-C to copy everything, and move back to Photoshop.

Step 12 – Pasting the Results Back into Photoshop

Now, you will be back to your Adobe Photoshop application, press CTRL-P to paste as vector smart object. Make sure the layer is below the model image so that it doesn’t cut off the model’s pretty little head. Place it just like the below diagram.

Step 13 – Stroke and Curl Effects

Let’s add more effects such as stroke and circle effects to the image. Here, I have prepared some glowing strokes, circles, and lighting effect. Basically, the glowing effect is the same as the above using the Gaussian effect.
line

Step 14 – Stroking The Model’s Chest

Now, grab the Strokes 2 vector, and place it above the model image to like the below diagram. I Set the Blending mode to Screen, and I masked out part of it on the chest of the model. I’m sure by now you know how to use the mask tool.
circle

Step 15 – Stroking Behind the Lingerie Model

Time to add in more strokes, grab Strokes 1 and this time place it behind the model image just like below. Again, set the blending mode to screen as well.
circle

Step 16 – Placing Other Effects

Place the dots effect on top of the model image and the circles behind the image model, but we don’t need to set the blending mode option this time. You will get the results as below.
line-full

Step 17 – Final Brush Effect

Finally, we are almost done; there is just a last brush effect to the lingerie model image. Grab your brush tool, and use the fire brush effect again. Before that, add a new layer above the model image layer, and set your foreground color to orange # ff9f00. Get the fire brush 3 and set the size according to the diagram below.

After that click the brush on the left side of the model and set the blending mode to overlay. Done! Below is the final result that you can use in your website designs!
final
You can download the Trashy Lingerie Template, along with the full PSD source files for this template in BoxedArt’s members section, as well as thousands of other website templates and web design products.

Tidak ada komentar:

Posting Komentar