Desaturate Photos for Isolated Color Effects

1. What we want to do here is Desaturate sections of a colorful image. Find a nice high definition Photo with lots of Colors and Open in Photoshop:

 

2. Duplicate the Layer:

 

3. From the Toolbar select Image > Adjustments > Desaturate:

 

4. Using the Quick Selection Tool select only the water area. Use Alt key if you select too much and want to minimize the selection:

 

5. In order to preserve our Selection, from the Toolbar choose Select > Save Selection and name it:

 

6. With the Selection loaded press Delete key. This will remove the Desaturated color exposing the true colors form the Layer below:

 

7. Let’s select the Bench now. Repeat Step #4 in this Tutorial:

 

8. Press delete on the Keyboard to reveal the colors from Layer below:

 

9. You will notice some colors are bleeding from the selections that were not accurately created. We will explore this in another Tutorial. Duplicate the original photo and place it above the Desaturated Layer:

 

10. Set the Layer to Overlay and 25% opacity

 

11. We have removed the surrounding landscape colors and brought out the blue water and wood colors in the bench. Final Result looks like this:

Create a Realistic White Tablet in Photoshop

This tutorial will show you how to create from scratch in Photoshop a nice white tablet.

01. Create a document with a simple white background. Then take the Rounded Rectangle Tool and draw a longer shape. Then double click on your new shape layer to enter the Layer Styles window. There go to Gradient Overlay and set the gradient from very light grey to even lighter.

02. Then go to Stroke and set the size to about 4, Fill Type to gradient and set the color from one gray to lighter gray.

03. Then go to Inner Glow and set the Choke and Size til you can see the white edge.

04. Now we create the screen. For that first create a new layer (Layer – New – Layer), pick the Marquee Tool and drag a shape in the middle of your screen edges. When the selection is active, pick the Gradient Tool, set the color from one black to slightly another and drag the gradient from one corner to another. And the screen is ready.

05. Now lets add a small camera. Pick the Ellipse Tool and draw a circle.

06. Then lets make the small camera more realistic by double clicking on your circle layer (Window – Layers). From the popup first go to Color Overlay and set it to dark gray. Then go to Stroke, set the size 5 or more, position to Inside and color to white. And last go to Outer glow and set a small black shadow. Press OK and your small camera is ready.

07. Now lets add a small button. Again, pick the Ellipse Tool and draw a larger circle than the camera was.

08. Double click your new button circle and go to Gradient Overlay. Set the color from very light gray to white. Then go to Inner Shadow and set it to white, blend mode to normal, distance to 1 and size also to 1.

09. Now take the rounded Rectangle Tool and in the middle of your button shape draw a smaller rectangle.

10. Again, double click on it. Set the Color Overlay to White and then stroke to size 2 gray.

11. Now lets add a highlight. First create a new layer (Layer – New – Layer), pick the Polygonal Lasso tool and create a triangle in the one edge of your tablet.

12. Take the Brush Tool and fill the selected area with white color.

13. Lower the opacity of the highlight in the Layers menu and then take the Eraser Tool to delete the shadow a bit from the lower part.

And your tablet is ready!

Create a Colorful Loading Screen With Circular Loader in Photoshop

This tutorial will show you how to create a colorful loading screen with circular loader in Photoshop.

01. Create a new document, select the Gradient Tool, set the color from one shade to another and drag with the mouse in the direction you wish your gradient to be.

02. Now take the Custom Shape Tool, choose the shape of a circle that is empty from inside and drag your shape on your background.

03. Double click on your shape to enter Layer Styles menu. There click on Color Overlay, set the color that is about the same with your background color.

04. Then click on Drop Shadow, set the shadow color to white, angle to 90, distance to 1 and Size to 2.

05. Then go to Inner Shadow and add a small shadow by changing the distance, size and Blend mode to Overlay. Press OK.

06. Duplicate your circle by right clicking on the circl layer and choosing Duplicate layer. Then double click on your duplicate, uncheck all the boxes and enter Gradient Overlay. This time set a different shades of colors that would pop on your background.

07. Then go to Drop Shadow and add a small shadow by setting the Distance to 2 and Size to 2. Also lower the Opacity when needed.

08. Then go to Inner Shadow and add a small white shadow by setting the Distance to 1 and Size to 1.

09. Now enter the Stroke and set a Size 1 stroke with the same color as your circle is.

10. Right click on your orange circle layer and choose Rasterize. Then pick the Marquee Tool and select a part of the loading to delete.

11. Then take the text tool and type in how much has been loaded. Text color should be a darker shade of your background color.

12. Double click on your text and set a small white shadow by changing distance and size to 1.

And your loading screen is ready!

Create an Origami Style Speech Bubble in Photoshop

This tutorial will show you how to create a popular origami styled speech bubble in Photoshop.

01. Create a plain background of white or a white with a small gradient.

02. Take Polygonal Lasso Tool and create your first shape.

03. Take Gradient Tool, set the color and drag in the selected area in the direction of your shapes. Create a new layer (Layer – New – Layer) and repeat the step this time making another shape. Be precise in the corners so the shapes will match.

04. Again, create a new layer and a new shape on it. Fill it with lighter gradient.

05. Then create another new layer and create your last shape. This time drag the gradient from left to right.

06. Add your text with the Type tool.

And your origami speech bubble is ready to use!

Create a Realistic Glass Board in Photoshop

This tutorial will show you how to create a realistic glass board in Photoshop.

01. First lets create the background. For that create a new layer and fill it with gradient (drag with mouse either upwards or downwards depending on which direction you’d wish your gradient to be.

02. Go to Filter – Noise – Add Noise and add a small amount on your background. Press OK.

03. Then go to Filter – Blur – Motion Blur, set the angle to 0 and distance as much as you feel it looks nice.

04. Go to Edit – Transform – Scale (Ctrl + T) and drag the left and right sides outwards so only the good background remains.

05. Give some shade with Burn Tool and some highlights in the middle with the Dodge Tool.

06. Take the Rounded Rectangle Tool, set the radius low (2-3) and drag your shape that will be your glass base.

07. Double click on your new shape. Go to Blending Options (the very 1st), and set the Fill Opacity to 0 so that you wont see your shape’s color. Then go to Stroke and set a gradient with variety of colors to achieve slightly glassy effect. (If your stroke wont show, go back to Blending options and be sure it is Fill Opacity that is on 0).

08. Then go to Inner Shadow and add a small inner shadow to your shape.

09. Create a new layer (Layer – New – Layer), take the Brush tool and color the upper part of the glass base. Select and delete all that is outside of the base.

10. Set the Opacity to about 10% or slightly more.

11. Repeat the last step by creating a new layer and this time coloring the middle of the base with a smaller brush and setting the opacity to low 10%.

12. Create a new layer and take the Lasso tool and draw a highlight shape. Fill it with white using the Brush Tool and with the Marquee Tool delete all that stays outside of the base. After that lower the opacity.

13. Create a new layer, choose a color black and with the Brush Tool draw a line. Then go to Edit – Transform – Scale and tilt it a bit. Delete everything that is ON the base and on the side so that only the lower shadow remains. Repeat the same with other side or just duplicate the one you just made and flip it vertically (Edit – Transform – Flip Vertically).

14. With the Marquee and Eraser Tool adjust the shadow to get the best result.

15. Now create a new layer again, make a circle with the Marquee tool, color it inside, double click on the circle layer and set the Gradient Overlay.

16. The set the Drop Shadow. Hit OK. Then create a new layer and make a small black shadow under the metal holder.

17. Duplicate the metal holder by right clicking on its layer and choosing Duplicate. Place them on each corner and your glassy board is ready!

Create a Realistic Steel Plate with Engaving in Photoshop

This tutorial will show you how to create a realistic steel plate with engraving in Photoshop.

01. First create a new document, double click on it and select Gradient Overlay. There set the Style to Radial and set the inner color lighter and outer color darker.

02. Create a new layer and take the Rectangular Marquee Tool. Select the area you wish your bar to be.

03. Now fill the selection with any color you wish.

04. Double click on your new shape layer, choose Gradient Overlay from the new window, set the Angle to 90 and color from dark to light (set the colors like that dark-grey————-lighter grey-white = 4 colors).

05. Now create a new layer, select the new layer and the shape layer and press Ctrl + E (Command E). Now they are one layer.

06. Go to Filter – Noise – Add noise and add a decent amount of noise on your shape. Press OK.

07. Now go to Filter – Blur – Motion Blur, set the angle to 0, set the Distance and press OK.

08. Go to Edit – Transform – Scale and drag from the right-middle box outwards and the same with the left side to fix the edges of the bar. Press Enter.

09. Now go to Filter – Sharpen – Smart sharpen and sharpen your bar a bit.

10. Take the Type tool and add your text.

11. Double click on your text and go to Color Overlay to set the color to gray (about the same gray as your bar is) and then go to Inner Shadow. There set the Angle, Distance, Choke and Size.

12. Then go to Outer Glow and add a very small amount on the outer edges of the text.

13. Merge layers and add some more highlights with the Dodge Tool and Some darker shades with the Burn Tool.

14. And your steel plate with engraving is ready!

Make a Creative Ying Yang Sign Display in Photoshop

This tutorial will show you how to creatively display the Ying Yang sign.

01. Create a new document, double click on the layer to make the background into a layer and double click again to enter Layer Styles window. There choose Gradient Overlay and set the color from darker to lighgter grey or black.

02. Take the Custom Shapet Tool and create a Ying Yang shape.

03. Double clink on your new shape and choose Gradient Overlay. There set the color from light grey to white.

04. Right click on your shape layer and choose Raterize. Then take Marquee Tool and delete the lined parts.

05. If not everything got deleted then finish it up with Eraser Tool. Careful not to delete the parts that are necessary.

And you are done!

Photo Editing – Create a Mutant Hand with Photoshop

This tutorial will show you how to create a freaky mutant hand by using Photoshop.

01. Open the hand you wish to start editing. The simpler the background the easier it is to change the photo (white being the easiest).

02. Duplicate the hand layer by right clicking on the hand layer and choosing Duplicate. Or just press Ctrl + J. Scale it smaller as much as needed (Edit – Transform – Scale).

03. Select and delete all the extra parts (background and the excessive arm).

04. Now take the eraser tool and delete the extras even more closely so that the little hand covers the fingertip perfectly.

05. Now go to Image – Adjustments – Color Balance and try to match the finger color with the little hand one. Delete with the eraser tool any mismatches in color at the background.

06. Now take the Burn tool and add on the finger any shadow that the finger had and continue it. Do the same with the highlights using the Dodge Tool – continue any highlight that was cut off on the finger.

You can always move on to the next finger and use a different had on it so every finger would be different.

Create a Hot Price Tag in Photoshop

This tutorial will show you how to create a hot price tag for your website’s products or just as a button.

01. Create your background and add a gradient overlay by double clicking on your background’s layer.

02. Now take the Rounded Rectangle Tool, set the radius about 30 or higher for very round edges and drag your shape.

03. Then take the Custom Shape Tool and create a flame shape.

04. Now double click on your flame shape layer and choose Gradient Overlay. There set the angle and color for your flame.

05. Move your flames on the long shape (Layer – Rasterize – This layer) and delete with the eraser tool everything that will show under the flames. Then double click on your flames again and set the Drop Shadow and Inner Shadow.

06. Now take the Type tool and insert your texts. Don’t forget to give your texts also a gradient (step 04).

07. Create a small shadow by duplicating your price tag, flipping it vertically (Edit – Transform – Flip Vertically) and deleting a small amount with the eraser tool. And your hot price tag is ready!

Create Cool Modern Rating Stars in Photoshop

This tutorial will show you how to create rating stars in Photoshop.

01. First lets create a background – set the background color and then with a Bucket Tool add a pattern over it. You can also add a noise, which is a good alternative (Filter – Noise – Add noise).

02. Now lets create some highlight on our background. Take the Brush Tool, create a new layer and color the upper part of your background with a white color.

03. Now set the white color to Overlay in the Layers window (Window – Layers).

04. Take the Custom Shape Tool and create a shape – it can be any shape you wish your rating to be – stars for picture sites, hearts for dating sites etc.

05. Double click on your shape and go to Gradient Overlay. There set your gradient color and other setting if needed.

06. Then go to Drop Shadow in the same window and add a small dark shadow under your shape. Press OK if ready.

07. Now rasterize your shape by right clicking on the layer and choosing Rasterize. Then Duplicate it – again, right click on the layer and choose Duplicate (or Ctrl + J). With the last star, select half of it and hit Delete.

08. Then create another shape, but this time go to Color overlay (double click on the shape’s layer to access) and choose an inactive color such as grey or black.

09. The go to Drop Shadow and add a small light shadow on your shape. Press OK.

10. Duplicate your grey layer, move it under your half shape and your rating stars are reaady for use!