Metal Textures in PhotoShop CS6

Learn How To Make Music Player UI Kit In Photoshop CS6

Photoshop tutorialHi fellows, this week I’ve brought yet another interesting project for you. Today, we are going to make music player user interface in Photoshop. I’ve made it in Photoshop CS6 but you can use Photoshop CS5. Hope you will have making this interesting project with me like you did last week when we made a camera app icon. So let’s start our tutorial without further delay.

Okay so, let’s note down the things you’ll need.

Photoshop tutorialRequirements: Noisy basic background (I’ve used same concrete background we used for the realistic metallic logo), metallic surface texture.

Program: Photoshop CS6

Time: 30-40 min

Now before we start our tutorial let’s have a look at the final image.


Start your Photoshop and open a new document of 800x800px.


Copy and paste first the noisy gray background and then place the metallic texture on it as shown below.


Photoshop tutorialSelect Ellipse tool and make a big round circle in the middle with any color fill.


Now right click on the circle layer and go to blending options then select “Gradient Overlay”. Make the gradient shown in the image given below ( I’ve shown the color numbers used to make the gradient). Note the placings of the colors. Make the angle at 23 degrees.


Now we will add a Stroke to the circle of size 6 px, position will be Inside, opacity 47% with black color #000000.


Photoshop tutorialNow we will give this circle a bit of body and to do that select Bevel and Emboss. Make the settings shown below in the image.

Check on the contour tab and set it to 50% range.


So the last effect on the circle will be Drop shadow. Make the settings shown in the image below.


Now you will have a shape as shown below.This is the base of our main volume knob.


Again select the Ellipse tool and make a round circle and place it in the middle of the previous just 5px smaller with white color # ffffff.


Again we will go to blending options by right clicking on the layer and then select Stroke of size 8px with position Inside and color # 01ffff and 100% opacity.

Photoshop tutorial Photoshop tutorial Photoshop tutorial Photoshop tutorial

More about Metal Textures in PhotoShop CS6

7 Free & Best Alternatives of Photoshop

by Helen_Back

7 Best alternatives of Photoshop
Gimp : GIMP(GNU Image Manipulation Program) is a free softwareraster graphics editor. ... well known for its efficiency for image editing, cropping, photo retouching and many more.
Photo Pos Lite: Photo Pos Pro allows you easily create, edit, enhance, print, and manipulate your digital photos, and many more
Seashore: Seashore is an open source image editor for Mac OS X’s Cocoa framework. It features gradients, textures and anti-aliasing for both text and brush strokes and many more

Lyrebird Studio Color Booth
Mobile Application (Lyrebird Studio)
  • 33 interesting and all new effects
  • 24 frames and borders
  • 18 special overlay light effects and 12 textures
  • Warmth, Contrast Brightness and Saturation adjustments
  • Scalable brush size
  • Share your images on Facebook
  • Preview mode
  • Masked and colored view options

CorelDRAW X7 review: Customizable features make this robust design program ..  — PCWorld
.. purchase, as well as a $25 monthly subscription. People miffed by Adobe's wholesale move to subscriptions will find a great alternative here. ..

Galaxy 61 Delivers Show Open for VH1's 'The Fabulous Life  — Animation World Network
VHI recently called upon Galaxy 61 to create a show intro for the new 2014 season of The Fabulous Life, the hit series that reveals the extravagant places, possessions and pastimes of pop-culture's most famous celebrities. The Brooklyn-based ..

Hunterdon County Polytech students bridge the gap thanks to local Rotary Clubs  — Hunterdon County Democrat
This year's Job Fair, on March 25, attracted the Dave Gansfuss Allstate Agent for an agency logo; G&H Publishing and author Katherine Kurz for children's book illustrations; Artiste Salon for a new logo, brochure and social media materials; St.

Related Posts