Touch Screen Interface – Create an On and Off Slide Button In Photoshop

This tutorial will show you how to create a slide on-off button in Photoshop.

01. First lets create a background. For that open a new document, pick the Gradient Tool, set the color and drag on the bacground in the direction you wish your color to be.

02. Now lets start making our first button. Select the Rounded Rectangle Tool, set the Radius from the menu above about 10-20 to get very round edges. Then drag a shape.

03. Double click on your new shape layer in the layers window (Window – Layers) and go to Gradient overlay. There set the angle to 90 and choose your color. After that, go to Stroke to add a small stroke around your shape. Let it be the lightest shade of your button color and play around with opacity to get the best result.

04. Now go to Inner Shadow and add a small shadow. Set the Blend mode to Overlay, Lower the opacity, angle to 90, distance to 2 and size to 5. Press OK.

05. Now lets make the slider. Again, pick the Rounded Rectange tool and this time draw a smaller shape inside your previous shape. About half the size. Double click on the slider layer and go to Gradient Overlay. There set the color and angle to 90. Press OK.

06. Take the Type tool and type in your text. Double click on the text layer and choose Drop Shadow. Set the blend mode to white Overlay. Angle to 90, distance 1 and size 2. Press ok. Your ON slide button is ready.

07. With the off slide button just follow exactly the same steps. Ony set all the colors to inactive such as grey and move the slider on the other side. And your on-off slider is ready!

Create Cool Playing Cards in Photoshop

This tutorial will show you step by step how to create your own playing card in Photoshop giving a base of knowledge to eventually create a whole pack of your own cards.

01. Lets start by making a base to the card. For that take a Rounded Rectangle Tool, set the Radius from the menu to about 20 and drag a nice longer card shape.

02. Double click on your newly made shape and from the popup, choose Stroke, set the Size to 1px and color light grey.

03. Then choose Color overlay and set the color to white.

04. And last, go to Drop Shadow, choose the color of light gray, angle about 132, distance 5 and Size to 0.

05. Now it is time to open one or two pictures that will be in the middle of your card. You don’t have to have 2 pictures, just one is fine also but for a cooler effect 2 similar pictures in tones would create a cooler effect.

06. Set one of the pictures on the card, scale it to size needed (Edit – Transform – Scale).

07. Not take the Rectangular Marquee tool and delete the lower part of your picture from the place you’d wish to connect the other picture. NB! Choose to connect the same textured and same colored parts, in this tutorial, the waists are gonna be connected.

08. Delete the selection by pressing the Delete button. Then start to do the same with the other picture.

09. Go to Edit – Transform – Scale, scale the picture to the right size and then turn it upside down.

10. Move the pictures where you wish them to start connecting with each-other.

11. Then take the Smudge tool, set the strengt from the menu from 15-20% and drag the mouse upwards and then downwards til the tones of the picture match. From the sides, set the strength to 100% and drag it til they match perfectly.

12. Then merge the 2 layers by selecting them and pressing Ctrl + E. Then take the Dodge Tool to continue the highlights to another picture or Burn tool to do the same for the dark areas.

13. Now create a playing cards shapes by using Custom Shape Tool and Type Tool. Then add a little white Rectangular shape under the picture, and set the stroke to very light grey (how to add a stoke? Follow the instuctions in 02).

And your card is ready! For the presentation, duplicate your card, turn it a bit with Edit – Transform – Scale and voila!

Web Interface Design – Create a Button With a Price in Photoshop

This tutorial will show you how to create a colorful button with an extra price space.

01. First lets create a nice background. Open a new document, double click on the Background layer and press OK to make it into a regular layer and then double click again to enter Layer Styles window. There select Gradient Overlay, set the Style to Radial and set the color, the middle color being lighter than the outer. Press OK when done.

02. Pick the Rounded Rectangle tool, set the Radius from above menu about 10-20 for more rounded edges and drag your shape. A color is not important at this stage.

03. Double click on your newly made shape layer in the layers window (Window – Layer if you cannot find it) and a popup opens. There go to Drop Shadow and add a small size 2, distance 2 shadow under your shape. Then go to Gradient overlay and set your button’s color. Don’t close the window yet.

04. Then go to Inner Shadow, set the blend mode to Normal white, angle to 90 and distance to 1. Then head to Stroke and set a gradient 1px size stoke around your button. Press OK when ready.

05. Now take the Line Tool and drag a line across the right side of the button. Then double click on your new line shape layer and enter Gradient Overlay. There set the upper side of the gradient to white and lower to transparent or the same color with the lower gradient of your button. Press OK.

06. Drag another line with the Line tool and move it right next to your 1st line. Again, double click on it and this time set the lower part of the line darker orange so it would show and the upper part a bit lighter orange but that it would also show. Press OK.

07. Now take the Type Tool and insert your text. Then double click on your text layer and enter Drop Shadow. There set the black shadow to Overlay, distance to 1 and size to 2.

Move your button right in the middle if it is not there yet and its ready for use.

Create an Interesting Modern Info Presentation Layout in Photoshop

Want an interesting way of presenting some information? This tutorial will show you step by step how to create a modern layout for info presenting in Photoshop.

01. Open a new document, double click on the background layer and press Ok to make it into a regular layer. Double click again to enter Layer Styles window. There set the gradient Style to Radial and the color from white to grey. Press Ok.

02. Now take the Ellipse tool and drag 3 circles close to each other holding down Shift and never letting it go til the last circle is done. Like that you should end up with 1 new layer that has 3 circles on it.

03. Double click on your 3-circle layer and go to Color Overlay. There set the color to white.

04. Now go to Stroke and set the size til the middle part between the circles is filled. Set the fill type to Gradient and set the color from one shade to another.

05. Then go to Inner Shadow, set the angle and add a small soft shadow on one edge of the circles. Press OK.

06. Create a new layer (Layer – New – Layer), pick a Brush tool, set the color to black and click one time with a big brush in the middle of the document.

07. Go to Edit – Transform – Scale in the menu and drag from the upper middle square inwards to make the circle lower. Press Enter when ready.

08. Lower the opacity of the shadow to about 50% in the Layer window.

09. Pick the Type tool and insert your text.

And your info is ready for presentation

Create a Realistic Paper Plane in Photoshop

This tutorial will show you how to create a realistic paper plane in Photoshop.

01. Open a new document and double click on the background layer to make it into a regular layer. Double click on it again and enter Gradient Overlay to add a Radial gradient. Press OK when ready.


02. Create a new layer (Layer – New – Layer), select the Polygonal Lasso tool and draw your first wing of the plane the right part being sharp. Don’t worry, if something goes wrong, you can try again and again.

03. While the selection still on, take the Paint Bucket tool, choose the color white and color inside the selection with white.

04. Create a new layer again, make a new selection, color it and then double click on the new layer and enter Gradient Overlay. There set a gradient from white to light grey. Press OK.

05. Again, create a new layer, make another selection, this time smallet and color it with darker grey so it would show.

06. And last time, create another new layer and color it with white.

And your paper plane is done!

Photo Editing – Create an Imaginative Photomanipulation of a Giraffe on the Clouds in Photoshop

This tutorial will show you how to create an imaginative photomaipulation of a giraffe standing on the clouds.

01. Open a new document, create a new layer (Layer – New – Layer), fill it with any color, double click on the layer and in the new popup enter the Gradient Overlay. Set the lower color to white and upper color sky blue.

02. Open your clouds picture and cut the clouds out of the sky and set them on your new background.

03. Add some more cloud pieces where needed and to make the sky more cloudy.

04. Set a bigger cloud behind the smaller cloud by dragging the bigger cloud layer under the smaller cloud layer.

05. Move your animal to the background and cut it out of its background.

06. Go to Image – Adjustments – Color Balance to give the animal more blue color for it to suit better on the background. Press Ok, if done. Then drag the giraffe layer between the big cloud and small cloud layer to give the feeling as if the giraffe is standing on the clouds.

07. Merge all the layers by selecting them all, right click and Merge Layers. Now go to Image – Adjustments – Curves and make a slight S curve to give more shades to the sky. Press OK if satisfied with the results.

08. For the last toutch give some sharpness to the picture by going to Filter – Sharpen – Smart sharpen and adding a bit of sharpness to your picture. Be careful not overdoing it. Press OK.

And your giraffe is ready to admire the wiew on the clouds!

Create a Colorful Falling Stars Text Presentation in Photoshop

This tutorial will show you how to create a coloful falling stars text presentation in Photoshop.

01. Open a new document, create a new layer (Layer – New – Layer), fill it with any color, double click on the layer and in the new popup enter the Gradient Overlay. Set the lower color to white and upper color to light grey.

02. Take the Custom Shape tool and create 3 stars the lower being the largest and upper the smallest.

03. Double click on the first star layer and enter the Color Overlay. There set your first color. Press OK. Repeat the same with the 2nd and the 3rd star each time choosing a different color.

04. Create a new layer (Layer – New – Layer) and drag it under the star layers. Now take the Polygonal lasso tool and create a longer shape between the two tips of the star. Then take the paint tool and color the selection with lighter color than the star is.

05. Create another new layer, a new selection and this time color it with even lighter shade of your main color.

06. Create a new layer, set it under the red layers. Make your first selection and color it a bit lighter than the main shape. Create another new layer and another shape even lighter than the previous one.

07. Again, create a new layer, make a selection and fill it with the 3rd star color. Then create the last layer, make another selction and color it with lighter color.

08. Pick the Type tool and insert your color. Change the position and angle of the text by going to Edit – Transform – Scale. Press Enter when done.

09. The same way as in previous step, add 2 more texts.

And you are done!

Business style DUI Attorney Logo

1. In this tutorial I am going to show you how I created DUI ATTORNEY logo in Photoshop. We want to start 300 dpi resolution.


2. Next we want to select a nice Font. I chose a heavy font like “Impact” so I can add some effects to it.

3. Right click the Layer and choose Blending Options. Choose Drop Shadow and use these settings:

 

4. Select the Elliptical Marquee Tool and and draw a Circle on a new Layer, then fill it with a light color:

 

5. Now press CTRL and CLICK between those two layers to merge them

 

6. Change the light layer to 25% Opacity

7. Create a new Layer and paint a thin black line across the bottom of the word Phoenix

 

8. CTRL Click between the layers again

 

Looks like this..

9. Now change the Opacity of that Layer to 50%

 

10. Set the background color to #F3F3F3

 

11. Select the Rounded Rectangular Tool and draw a shape around the Logo text

 

12. Choose Blending Options on that Layer and use these settings

 

13. Repeat steps #4 and #5 and set the Opacity to 65%. And now you have a nice DUI ATTORNEY logo. Here are the Final Results looks like this:

How to achieve a Cinematic Look in Photoshop

First of all you have to open the photo that you want.

Duplicate original layer by right-clicking on it and selecting Duplicate Layer…

Change the colors from the color palette with blue and violet.

 

 

Go to Image – Adjustments – Gradient Map and click OK.

 

 

Go to the layer`s Blending mode and select Overlay.

 

 

Select from the color palette a green and yellow.

 

 

Duplicate again the Original layer.

 

 

Go again to Image – Adjustments – Gradient Map and click OK.

 

 

Change the layers Blending mode to Overlay.

 

 

Duplicate the original layer for one more time.

 

 

Select the colors as black and white.

 

 

Go to Image – Adjustments – Gradient Map and click OK.

 

 

Now select Overlay as Blending mode.

 

 

Go to the first layer and lower the opacity to 40% and the second one to 50%.

 

HDR Image Toning and Color Effects in Photoshop CS5

Another fantastic new feature in Photoshop CS5 is Using the HDR Toning feature!

1. First step is to open a new Document and Place a nice image on the canvas.

2. Open Photoshop CS5 and go to Image, Adjustments, HDR Toning.

 

3. Now you are presented with a series of options. From the preset menu select Photorealistic.

 

4. This setting seems to give the best HDR output for this particular Photo. To stay organized rename the layer we are working with to “HDR Layer”. Open the original photo and put it above the HDR Layer.

 

6. Set the Original Photo layer to Saturation

 

7. This looks really good. Now we can add some Color Effects, otherwise known as Dynamic Light Painting (DLP). If you are a photographer you would want to shoot with proper lighting but since we are using an existing image we will just add our own color effects.

 

8. Create a new Layer above the Original Photo and select nice Blue Color. I have chosen #0072bc

 

9. Press B on your keyboard and choose a soft brush and adjust the brush to paint on the eyes:

 

10. Set the Color Effects layer to Overlay and lower the Opacity to 75%

And now we have the final result – a very sharp, detailed, simple HDR image with Color effects: