Learn To Create A Custom Vinyl Record

In todays tutorial I’ll be showing you how to create your very own custom vinyl records. The finished piece could be used as an icon or even illustration purposes, either way the FREE PSD will be available to download as usual.

In Designing

What We’ll Be Creating

Learn How To Create Custom Vinyl Records

Preparation

Create a new document (Ctrl + N) with the dimensions 1024 x 768 pixels. Select the color #121212 then using the “Paint Bucket Tool” (G) fill the background layer. We now need to apply a few photoshop filters to get that perfect record look. Start off with the noise filter “Filter > Noise > Add Noise” then use the following settings.

Learn How To Create Custom Vinyl Records

Now add a radial blur “Filter > Blur > Radial Blur” and use the settings below.

Learn How To Create Custom Vinyl Records

You should have something like this.

Learn How To Create Custom Vinyl Records

Creating The Record

Select the “Elliptical Marquee Tool” (M) then make a marquee selection using the blurred lines as a guide.

Learn How To Create Custom Vinyl Records

Once the selection has been made go to “Select > Inverse” (Shift + CTRL + I) then hit the delete key.

Learn How To Create Custom Vinyl Records

Label your layer “Record” then create a new layer underneath and label it “Background”. Fill the background layer with your desired background.

Learn How To Create Custom Vinyl Records

Once you’ve mastered the background load a selection around the “Record Layer”.

Quick Tip:

To load a selection click the little thumbnail inside of the layer you wish to load a selection around whilst holding down the CTRL key on the keyboard.

Once the selection has been loaded create a new layer above the “Record Layer”, label the new layer “Clouds”. Reset the background and foreground layers (D) then with the “Clouds Layer” selected go to “Filter > Render > Clouds” then “Filter > Render > Difference Clouds”.

Learn How To Create Custom Vinyl Records

With the selection still active go to “Filter > Blur > Radial Blur” and use the settings below.

Learn How To Create Custom Vinyl Records

You should have something like this.

Learn How To Create Custom Vinyl Records

Deselect the selection by press “CTRL + D”, then set the clouds layers opacity to 75% and blend mode to “Soft Light”.

Learn How To Create Custom Vinyl Records

Creating The Record Light Reflections

Create a new layer then label this new layer “Light #1″, select the “Rectangular Marquee Tool” (M) then make a rectangular selection like the image below.

Learn How To Create Custom Vinyl Records

Fill (G) the selection with any color then add the following layer styles.

Learn How To Create Custom Vinyl Records

Learn How To Create Custom Vinyl Records

Once the layer styles have been added go to “Edit > Transform > Perspective”. Drag the top left anchor point downwards until the rectangle crosses over in the middle.

Learn How To Create Custom Vinyl Records

Now add the “Guassian Blur Filter” by going to “Filter > Blur > Guassian Blur”.

Learn How To Create Custom Vinyl Records

Duplicate the “Light #1″ layer then rename the duplicated layer “Light #2″. With the “Light #2″ layer selected go to “Edit > Free Transform” (CTRL + T), using one of the corner anchor points rotate the layer 45 degrees.

Learn How To Create Custom Vinyl Records

Select both light layers then go to “Edit > Free Transform” (CTRL + T) again and rotate both shapes a couple of degrees to either the left or right.

Quick Tip:

Select multiple layers by hold down the CTRL key on the keyboard whilst selecting with the mouse.

Learn How To Create Custom Vinyl Records

We now need to trim the edges of the light layers as when we blurred them they extruded past the vinyl record. Make a selection around the “Record Layer” then go to “Select > Inverse”, highlight one of the light layers then hit the delete key, finally repeat for the second light layer.

Learn How To Create Custom Vinyl Records

Creating The Label

Select the “Elliptical Marquee Tool” (M) then create two new layers. Create two circles (one on each layer) one for the label and one for the hold cut out.

Learn How To Create Custom Vinyl Records

Once you’ve created the small circle for the hole load a selection around it.

Quick Tip:

To load a selection click the little thumbnail inside of the layer you wish to load a selection around whilst holding down the CTRL key on the keyboard.

Once the selection has been loaded delete the little circle layer. Now select the record layer and hit the delete key then do the same for the rest of the layers. You should be left with this.

Learn How To Create Custom Vinyl Records

On the “Label Layer” add your desired record label.

Learn How To Create Custom Vinyl Records

Creating The Shadow

Select the “Elliptical Marquee Tool” (M) then make a small ellipse underneath the record. Fill (G) the selection with the color black #000000 then drag the shadow layer to the bottom of the stack above the background layer (if you need to).

Learn How To Create Custom Vinyl Records

Now go to “Filter > Blur > Guassian Blur”, blur the ellipse by 3px then finally adjust the opacity of the layer to around 56%.

Learn How To Create Custom Vinyl Records

Conclusion

Thanks for taking part in this tutorial, if you managed to finish this tutorial I’d love to see some of your results. Feel free to post them up on our Facebook Fan Page.

Learn How To Create Custom Vinyl Records

Purchase Psd Now

  1. May 11, 2011 at 3:17 AM

    Great tutorial and tips, Richard , i came across a similar one last week in DesignInstruct here , and what about the edges of the record, did you forget that, a nice little edge of about 3-4 pixels will spice up the output, thanks a lot for sharing…

  2. May 17, 2011 at 4:22 AM

    Great tutorial and techniques well explained.
    Thanks for sharing…
    Bookmarked!!

  3. May 18, 2011 at 8:39 AM

    Thanks for this tutorial..
    It was very helpful to me :)

  4. May 30, 2011 at 9:03 AM

    The last time I’ve seen a real vinyl record is from my uncle and that was ages ago. Your product looks real and you tutorial is awesome. Thanks for sharing.

  5. dee.elle.
    June 17, 2011 at 7:03 PM

    oh man, i needed this tutorial so badly. im making a shirt for my company and i needed a record. this is one of the better tutorials ive seen.(: thank you! xo

  6. S. Bala
    June 30, 2011 at 1:49 PM

    It’s awesome……. really great tutorial. Thanks for sharing…

  7. November 10, 2012 at 2:43 AM

    Great! tutorial

Give Us Your Feedback

Here on Photoshop Plus we use something called Gravatar, its a little image which will appear next to your name when you comment on a blog. Using a gravatar will help us recognise genuine comments from the spam comments.


Don't forget to leave a comment on this post, we appreciated your feedback good or bad.

There's currently 7 Comments On Learn To Create A Custom Vinyl Record, why not add yours!

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Auto Scroll To The Top
css.php