Search This Blog Below

Today Cosplay

Wednesday, September 15, 2010

Add a Cool Style to Photo Captions

Tutorial Description

Platform : Adobe Photoshop CS+
Difficulty : Beginner
Author : Vebyo Arson

Download Source Files

In this Quick Tip tutorial, I will demonstrate how to add a cool style to photo captions by creating a frosted glass-like text bar almost like Windows aero effect that can improve the look of your photos or designs.

Step 1

Open up any image in Photoshop. I used a forest photo. You can use a similar one if you like. Otherwise, any image will do. Unlock the background layer by Double-Clicking on the layer, name it "Forest".

Cool Caption Style

Step 2

Create a new layer (Ctrl + Shift + N) on top of the "Forest" layer, and call it "Frosted Bar". Using the Rectangle Marquee tool (M) making sure you’re on the Frosted Bar layer, drag out a selection of the bar size that you desire, making sure it touches both sides of the document. The placement of the bar is up to you; in my case I am putting it down at the bottom of the image as shown.

Cool Caption Style Effect 2

Step 3

Fill in the selection using the Paint Bucket tool (G) with white (#FFFFFF) and deselect the current selection (Ctrl + D).

Cool captions Style 03

Step 4

Apply the following layer styles to the "Frosted Bar" Layer (Double Click on "Frosted Bar" layer).
Blending Options: Custom – Set Fill Opacity to 20% under Advanced Blending

Cool Caption 04

Stroke: Using white (#FFFFFF) with size set to 2 and position outside and 50% opacity.

Cool Caption Style 05

Step 5

We will need to edit our original image so it’s best to make a duplicate copy so we can always reverse it. So with the "Forest" layer selected duplicate it (Ctrl + J). With the "Forest copy" layer selected, load the frosted bar selection again by Ctrl + clicking the Frosted Bar layer icon. Apply a Gaussian Blur (Filter > Blur > Gaussian Blur) input 8 as the radius and click OK.

Cool Photo Captions Style 06

Step 6

With the basis of our frosted bar created, we can now apply highlights. Create a new layer (Ctrl + Shift + N) on top of the Frosted Bar layer, and call it "Highlights". Load the Frosted Bar selection again if you have not got it already selected, and select the Brush tool (B). Using a large soft brush (500px, no hardness and White as the colour: #FFFFFF) paint highlights in the middle of the bar, both on top and below (as seen below), finally drop the opacity down of the "Highlight" layer to 60%.

Cool Caption Photos Effect 07

Cool Caption Photos Effect 08

Step 7

Our final step is to add text. Using the Text tool (T) add whatever text you want within the bar at whatever size suits you (In our case out font size is 24px). Drop the opacity down to 40% on the text, and change the blending mode to Overlay, and that’s it.

Cool Caption Text Photo Effect 08a

Final Result

Take a look at the final image. Hope you enjoyed the tutorial!

Cool Caption photos Style final image

PSD Download Download PSD 3.76 Mb
Local | Indowebster | 4shared | RapidShare | Ziddu

No comments:

Post a Comment