Email:
Name:
 
learn web design
Free Tutorials Send by Email
 Free Web Design Newsletter
 Opportunities to Win Free Prizes
 Subscription to our RSS Feed
Create a Realistic Vinyl Effect

Create a Realistic Vinyl Effect

Posted on 26. Jun, 2008 by Michael in Photoshop

Designing a Retro Vinyl Effect in Photoshop

Step 1

Start off with a file 500×500.

Make a new layer. Get the Elliptical Marquee Tool (press M) and hold shift while dragging a Circle. Then fill that selection with black.

Now Duplicate that layer (Ctrl J), Load the Selection of the duplicated layer (Ctrl click on layer) and press Ctrl T to get in free transform. Now go into the percentages box Now go into the percentages box and set them to 40%, both, height and width.

Select the original layer and hit delete.

Delete the middle Circle (the small circle) layer. (layer 3 in my image)

Step 2

Select the Main Circle again and go to Filter>Noise>Add noise

Use these settings:

Load Selection(Ctrl click on layer) on the Main Circle. Then go Filter>Blur>Radial Blur And use these settings:

Step 3

Now use your Magic Wand Tool to select the middle of the circle.

One you have done that create a new layer and go Select>Modify>Expand and use 2pxNow fill the selection with any colour you like (I used #fa8100)

Use Blending options: Bevel And Emboss

Step 4

To get the light effect, we are going to make a Adjustment layer. Click the Adjustment layer icon

And select Levels. A window will popup, Use these settings:

You can play around with these settings later

Now fill the mask with black

Get the Gradient Tool (G). Set your Fore- and Background colour White and Black, select the Reflected Gradient box and select Foreground to Background

Then drag a Gradient like this:

Your done!

Now you should be creative and make some text and images in the middle circle!

Tags: ,

9 Responses to “Create a Realistic Vinyl Effect”

  1. hosting peru

    20. Oct, 2008

    This is a good article I would like to have more info about this site I will subscribe to the feed

    Reply to this comment

  2. Nguyen Phuong Thu

    06. Nov, 2008

    This tut helped me a lots. Thanks..^^

    Reply to this comment

  3. RBR Video Production

    22. Dec, 2008

    This is a very good resource for learning to use Adobe Photoshop. For someone just getting into Photoshop this is very helpful.

    Reply to this comment

  4. who

    04. Jan, 2009

    Thank you! Really helps in developping some music stuff))

    Reply to this comment

  5. Isabella

    06. Mar, 2009

    Interesting article. Were did you got all the information from… :)

    Reply to this comment

  6. NJ Website Design

    14. Mar, 2009

    i was actually looking for something like this for a website i’m building. thanks a lot

    Reply to this comment

  7. Jarvis M. Fretwell

    15. Mar, 2009

    Hi nice post, i have come across your site once before when searching for something so i was just wondering something. I love your theme, would it happen to be a free one i can download, or is it a custom one you had made? In a few weeks i will be launching my own site, i’m not great with designs but i really like the style of your site so it would be cool if i could find (or pay for) something with a similar look. :) Thanks!

    Reply to this comment

  8. EGESHI

    10. Apr, 2009

    Thanks for a nice tutorial!

    Reply to this comment

  9. Create a Realistic Vinyl Effect Web Design Tutorials Creating | Shed Kits

    27. May, 2009

    [...] Create a Realistic Vinyl Effect Web Design Tutorials Creating Posted by root 1 day 4 hours ago (http://www.webdesigndev.com) What to add that retro vinyl effect your website banner or design 06 mar 2009 interesting article were did you got all the information from reply to this comment powered by wordpress designed by woo themes Discuss  |  Bury |  News | create a realistic vinyl effect web design tutorials creating [...]

    Reply to this comment

Leave a Reply