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.
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.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.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.Now grab the gradient tool and apply a gradient from bottom to top and you will have the leg part feathered and blended.
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.Then drag it from right to left and you will get the below results.
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)
I used the fire 9 Brush anded mask the background with it. This is the result effect you going to get.
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;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.Draw another big circle, almost the same size, and place it towards the right like the below diagram.
After that, we need to set the Blending mode again to Color Dodge and transparency to 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.Now set the stroke weight to 5px, Blending mode to Color Dodge, and transparency to 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.
As for this circle, we don’t need the Blending mode and transparency so just set it back as default.
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.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.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.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.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.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.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!
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