Simple step by step tutorial how to make metal texture in Photoshop. In this article you can also learn how to use motion blur effect, gradient tool & add noise. Let’s see the step by step tutorial:

1. Open a new document (for this tutorial we use 500px & 375px)

2. Now create a new layer. Press Ctrl + BackSpace to use a background color for the layout.

3. In layers panel Double click on the new layer and select the Gradient Overlay option in Layer Style popup.

4. Now create a gradient using #85888f & #f0f0f2 colors.

5. Select the both layers (press shift & select the layers in layer panel). RMC (Click right button of your mouse) & click on the Merge Layers.

6. Now go to “Filter Menu -> Noise -> Add Noise..“. It will open the below Add Noise popup. In the Add Noise popup give 20 as “amount %” and ok.

7. Go to Filter Menu -> Blur -> Motion Blur... Give 25 as distance & 0 as angle.

after clicking on the ok button on Motion Blur popup, the texture may look like the below picture.

8. Now we need to add a shades to all corners of our brushed metal texture.

Use the below parameter for Brush Tool as seen on the scrren shot:

• Master diameter: 250 px
• Hardness: 0%
• Color: #8a8d96

You may see the final look of the brushed metal texture.

In this tutorial I am going to show you a simple effect in photoshop.  This effect basically known as Twirl.. effect. This is an interesting effect to create icons.

Step 1:

Open a new file and create a new layer. It is good practice to use a background color for the layout. You can press Ctrl+Back Space key to set background color for the layout.
Step 2:

Use the brush tool, set the properties as you like to make the lines. Draw lines as in the image shown below.

Step 3:

Now go to Filter>Distort>Twirl, the twirl window will open.  Give the angle settings as 999 (maximum) or as you like and click OK.

Step 4: Output will be like the below image-

Some time we need looked for buttons that may match our web design. In the meantime if we have some well glossy, clean psd buttons. That may very helpful to do the complete job. Wish below links of psd button may helpful for you.

Light Blue Navigation Menu psd file

Glossy Icons Template (PSD)

Buttons With PSD (PSD)

Web 2.0 Buttons (PSD)

Color Spectrum (PSD)

Clean E-Commerce Web Buttons

Features:

• Easy change colors
• psd files are well organized
• Fully Customizable
• Only free/system fonts

Shopping Cart (PSD)

 Shiny Buttons (PSD)

 Arrow buttons PSD (PSD)

The arrow button graphics come in 6 set in fully layered PSD format. Each arrow set is organized in named folder for easy identification and necessary color editing. Download the arrow button PSD and icon PNG files and let me know your thoughts.

Hand Cursor (PSD)

 36 Free Web Buttons (PSD)

14 Free Buttons (PSD)

 Your cart widget (PSD)

Download Buttons Set (PSD) 

Up, Down, Left and Right Arrows (PSD)

PSD buttons are very important in the design layout. Buttons should meet and unify with the global design of the interface and consist with other elements. In this article I am sharing with you 20 free PSD buttons to download to use in your web apps.

Grey Interface Buttons

Web Buttons in PSD & PNG (Pack of 60)

This huge pack of 60 call to action buttons come in Photoshop PSD format and PNG format. The font used in the buttons is Arial, an easily available font in every system, and you can customize the font and text including size and color. Each layered button folder is named and organized for easy identification and editing.

Blue Switch Button

Free Button Collection

This awesome collection of buttons are in a fully editable .PSD file and every element (even the shadows and highlights) has been constructed with vector shapes and layer styles, making each button fully scalable.
License: Free for personal use without license. Commercial use is free, but only with my express permission.

Iphone Buttons PSD, HTML, CSS

Some Photoshop buttons skinned like iphone interface,
in 5 diffenrent kind (default Blue, Notes brown, Black, Sturbucks and Pennies).
The Archive contains 2 .psd source file, buttons styles and web background.

8 Free Vista Buttons Pack

 Carbon Button

Web 2.0 Layer Styles

Glossy Buttons

Button-Download.com

Button-Download.com is a collection of 24 different PSD buttons in various styles. As well as PSDs, they are all also available in PNG format.

 The Button Project

Active White Button

Slick and Clean Button

Magnifier Zoom Icon

Magnifying Glass Icons

Hi this is a simple tutorial about how to implement Halo effect using Artistic Neon Glow in photoshop cs3.  Lets see the steps:

Step 1:

Open an image on your canvas. Use an image which is not too big.

Step 2:

Select background of the image, You can use the Magic Lasso tool from the toolbar and select the background. Your image will look like this after selection.

Step 3:

Click on “Select > Modify > Smooth” from the menu. Give a smoothness from 2 to 4.

Step 4:

Next click on “Filter > Modify > Neon Glow“, the neon glow window will appear like the one on the right.

Play around with the options till your glow seems fantastic and click on OK.

Here is the final image with a halo.

Create abstract art with this set of 108 Photoshop brushes of real smoke. These naturally shaped smoke brushes can be used individually or stacked on top of another.

Real Smoke Photoshop Brushes Preview

Download Real Smoke Photoshop Brush from Mediafire

** Brush and images are collected from http://photoshoptutorials.ws

I was so impressed the day I saw this “smoke art” photo effect. I decided to recreate it using Photoshop and ended up with the result shown below. Seems complicated? Keep on reading and you’ll be surprised how easy it is to do. Final result will be like this:

Smoke Portrait Photoshop Tutorial

Before we start, notice that this tutorial was written using Windows OS, so for Mac users simply alter Ctrl with CMD, and Alt with the Opt key.

Tutorial Details:

• Program: Adobe Photoshop CS or newer version
• Difficulty: Medium
• Estimated Completion Time: 1 to 2 hours

Resources:

• Real Smoke Photoshop Brushes (http://photoshoptutorials.ws/photoshop-downloads/photoshop-brushes/real-smoke-photoshop-brushes.html)

Step 1 – Extracting the Model

Open the stock model image in Photoshop and use the Magic Wand tool to select the background. Go to Select > Inverse (Ctrl+I) to invert the selection, then duplicate the selected area by pressing Ctrl+J. In the Layers panel, you will see a new duplicated layer.

Note: This stock photo belongs to katanaz-stock. Please do not redistribute or sell this image without permission! Thanks.

Click on the Background layer, and fill it with black. Go back to Layer 1 and erase the extra parts of the image using the Eraser tool until you have just the head left. Make sure you pick a soft round brush with 100% opacity when erasing the image.

Resize the head to make it smaller, and then place it in the middle of the canvas. Now soften the image by using the Median command on the Filter menu. Choose Noise > Median. Adjust the Radius value to around 5 to 7px. Click OK when you’re done.

Step 2 – Creating Smoke Guide Lines

Desaturate this layer by going to Image > Adjustment > Desaturate, or simply press Ctrl+Shift+U. Then use Filter > Stylize > Find Edges to create a sketched line effect. What we will need is the opposite, so invert the color by pressing Ctrl+I and the line color will turn white. That’s it! Now the image can be used as a guide to create smoke art.

Make the head blurry by selecting Filter > Blur > Gaussian Blur. Adjust the Radius value to around 6px, click OK to apply Gaussian Blur Filter. Remove the unwanted areas (marked with the yellow circle shown below) in the neck and hair by using the Eraser Tool.

Still using the same layer, press Ctrl+L to shown the Levels dialog. Adjust the shadow, midtones and highlight values to increase the image contrast so that the black area gets darker and white area gets brighter. See image below for a quick guide. When finished with Levels, click OK to apply the change.

Step 3 – Adding Smoke

Pick the Brush Tool and click the Menu buttonfrom the preset brush picker and select Load Brushes. Locate where you saved the smoke brush and select it by clicking the Load button.

This smoke brush has plenty of smoke shapes. Since the default size is 1250px (quite large since the image size is only 1800px), you will need to change the image size to 1000px before using this smoke brush. To do this, go to Image > Image Sizemenu.

Duplicate Layer 1 by pressing Ctrl+J, then change the blend mode to Screen. The white lines are supposed to be brighter right now.

Create a new layer on top (optional: rename it to Smoke1). Still using the Brush tool, choose one of the smoke brushes. Create the smoke shape with one click (make sure the brush Opacity is 100% and the brush color is white).

Resize the smoke to make it smaller and reposition it however you like (i.e. the outlining the chin area). Now here is the tricky part. Think about how you need to warp the smoke so that it follows the chin shape. Erasing the unwanted smoke parts is the first step you should do. Use the Soft Round Eraser tool with 50% opacity to do this.

Step 4 – Reshaping the Smoke

To reshape the smoke, choose one of the following steps (or a combination of the two):

Option 1: Use the Smudge Tool with 30% Strength to push and pull the smoke to outline the chin shape. See illustration below for more details. Note: Using the smudge tool will also blur the smoke.

Option 2: Go to Filter > Liquify. Use the Warp Tool to push and pull the smoke to outline the chin shape. Click OK when you’re done. Note: to simplify these steps: Click Show Backdrop ON, use Layer 1, select Behindas Mode, and set Opacity to100%.

The key to getting the job done is patience. For a more convincing result, combine Option 2 (Liquify) and Option 1 (Smudge). Remember to create a new layer each time you add new smoke. You should start to get a good feel for this technique once you begin, so I will not go into further detail about this. Please see the illustrations below for a quick guide.

Step 5 – Adding Depth

Create some depth in the illustration by adding extra fumes in the background. To do this, create a new layer between the Background Layer and Layer1. Set the Photoshop default color by pressing D (the foreground color should be set to black and the background color should be white). Go to Filter > Render > Clouds.

Notice how the black color of the head (Layer 1) is blocking the layers beneath it, which is not the effect we want to achieve. The clouds should be transparent so this will have to be adjusted. Go back to Layer 1 and change the blend mode to Screen. This should fix the problem.

Go back to Layer 2 (the cloud/fume layers) and add a Layer Mask. Use the radialGradient tool to do the masking so that the fumes look like they are fading, as shown in the example below. The smoke art is now complete. If you wish to add some glitter and editable color, keep on reading!

Step 6 – Adding Glitter and Color

Add a new Gradient Fill layer above all the other layers. In the Gradient Fill dialog, adjust the gradient color, angle, etc. as shown below. Click OK to apply gradient color.

Using the Brush tool, click the menu button from the preset brush picker and choose Assorted Brushes. Photoshop will ask you to replace the current brush, choose Append. This will add the assorted brush to the list.

Create a new layer named Glitter and place it below the gradient layers. Still using the Brush tool, select the starburst brush and decrease the Diameter value to around 30px. Show the Brushes panel by pressing F5, and increase the brush spacing value to around 190%.

Select the Shape Dynamics option. Increase the Size Jitter and Angle Jitter values. Don’t forget to check the Flip X and Y Jitter option. Now go to the Scattering option and increase the Scatter and Count values. Follow the images below for a quick guide to the settings.

Use white as the brush color, and then draw a glitter effect as shown in the example below. Make sure you are still in the Glitter Layer before doing these steps.

Make the glitter look blurrier. Select Filter > Blur > Gaussian blur with Radius 0.9px. In the final step, reduce the Glitter Layer’s opacity to 38% so it will look see through.

And we’re done! Don’t forget to save your work. I hope this tutorial is useful to you. Try using your own stock photo and see how well you do recreating this effect. Below are the final image and the same image with an alternate color scheme. Enjoy!

Tutorial Source:  http://photoshoptutorials.ws/

In this tutorial I will show you how to create a really cool and super easy typographic portrait in Photoshop. We will use the Displace filter and some Blend Modes to achieve the effect. The whole process is quite simple but it might take you some time to add the texts and elements, but once you do that the rest is very straight forward. After complete the tutorial result will be like below screen shot:

Step 1:

Open Photoshop and create a new document. I used 2560×1440 pixels for the size. Then import a photo of yours, I’m using a portrait taken by a John Arlington, a great photographer friend of mine. The photo I have is with white background, so extract the background.

Step 2:

Duplicate the layer and go to Image>Adjustment>Desaturate. You will have a black and white photo. Add a white background. After that save the file, it has to be PSD otherwise it won’t work with the Displace filter.

Step 3

With the Horizontal Type Tool (T) create text boxes and start adding texts. The idea is to play with the texts, they don’t have to be readable, or at least with normal legibility, so play with the line-heights, reduce that so the lines overlay one another.

Also make some keywords much bigger and bold, like in my case I highlight some words like Photoshop Tutorials, Illustrator, Inspiration… Also, play with italic, regular texts as well as alignments and text sizes. Tip: I used Garamond for the font, I think serif fonts look much better for this effect.

Step 4

For each layer, go to Layer>Layer Style>Drop Shadow. Use Multiply for the Blend Mode, black for the color, 90º for the Angle and 5 pixels for Distance, Spread and Size.

Also, group all the layers and the duplicate the group. Go to Layer>Merge Group and then go to Filter>Blur>Gaussian Blur. Use 10 pixels for the Radius. This blurry layer will have to stay behind the regular one. The idea is to add some depth to your text, that’s why the shadow.

You can duplicate the orginal text again and move it a little bit to the top and left as well to add even more depth.

Step 5

Select all the text layers and merge them into one layer only, then go to Filter>Distort>Displace. A dialog box will appear asking you to choose a file. Select the PSD file we created on the Step 2. After that for the Displace settings use 15 for the Horizontal and Vertical Scale; use Tile for Displacement Map and Repeat Edge Pixels for the Undefined Areas.

The displacement map will distort the layer based on the greyscale photo we used, the dark tones go down while the lights go up.

Step 6

Put the photo layer on top of the white text layer, then change the Blend Mode of the photo layer to Light Burn.

Step 7

The photo has too many details, so go to Filter>Noise>Dust & Scratches. Use 7 pixels for the Radius and 0 levels for the Threshold.

Step 8

Mask the text layer so you will have just the texts over the photo.

Conclusion

You can reduce a little bit the saturation and as I mentioned before, you can add more text layers and even try different symbols and shapes.

There are many ways to create this effect, this perhaps is the easiest one, but you have to be very careful to make everything very subtle, otherwise the effect won’t look as cool as we expect.

Download the PSD file used for this tutorial.
Credit : http://abduzeedo.com/super-easy-typographic-portrait-photoshop.

Girl with Holy Nature:

Girl on Fire:

Flight on the eye of Artist:

Under Water:

Abstract Green Plants:

Abstract Swirls:

Natural Beauty Vs. Metal Technology:

Square Spectrum:

Pumpkins in Art:

Android Ghost:

Android Vampire:

Vector Owl:

Vector Pluses:

Samurai Art Wallpaper:

Blue Swirls:

World Map:

Lighthouse:

Humming Birds:

Vector Lines:

Abstract Vectors:

Vector Butterflies:

Nemestrinus:

In this tutorial you will learn how to add beautiful animated effects to an image in Photoshop by creating an animated gif. You can view the animated image effect below.

Tutorial Details

• Program: Photoshop CS5
• Estimated Completion Time: 20 Minutes

The following assets were used during the production of this tutorial :

• Fantasy Design – We will be using the Magical Fantasy image that we have taught in this tutorial.
• Now that we have everything we need, so let’s start!

Step 1:- Create a new file with 800px width and 600px height.

Step 2:- Open the PSD of the Fantasy tutorial mentioned above.

Step 3:- Now before we start with the animation process lets duplicate some layers first. So the first we are going to find the “Glitter” group in the layer panel.

Step 4:- Now right click on the “Glitter” and select duplicate group.

Step 5:- Now we are ready to start our animation, but first we need to open the animation panel. So for this go to Window> Animation.

Step 6:- You’ll get something like this it’s the animation timeline.

Step 7:- Now we need to go to the frames so for this click on the Convert button on the down right corner.

Step 8:- Now we can work with our frames. There are some options which we are going to use to create our animation. So first click on “Duplicate selected frame”.

Step 9:- Now the fun part begins, open the glitter group we copied earlier. And select the start layer and move it a bit down.

Step 10:- Now repeat the same process with all the other layers. But make sure you don’t move them too much.

Step 11:- Now click on the “Tweens” button and create 50 frames between our two basic frames. So we can have a nice and smooth animation.

Step 12:- Click on the last frame and then again click on the “Duplicate the selected frame”.

Step 13:- Now move the layer all the way down.

Step 14:- Click on the “Tweens” again and this time create 30 frames.

Step 15:- Now let’s look at some of the frame options we have. There are different time options available for frames. So you can select how much time do you want one frame to have. For this animation we are going to choose o.1 second.

Step 16:- You can also select how many times do you want the animation to play. For this one we’ll select “forever”.

Step 17:- Now you can play the animation and check if everything is fine. So click on the “Convert” button again go get the timeline and click on “play”.

Step 18:- Now so save this click on file> Save for Web & devices and save as a gif file.

And now our Beautiful animation gif is ready. Hope you guys enjoyed the tutorial and learn something interesting. We’ll be back with some more fun tutorials, till then keep designing!

entheosweb.com is the source of this tutorial. Best of Luck