Nov 17, 2016

How to Create 3D Textures in Photoshop

How to Create 3D Textures in Photoshop

Learn how to convert any photo into a 3D Texture and apply it to Text and photos. This technique will allow you to change the lighting direction of any texture!

Create a Pattern from a Photo

The first step to apply a 3D Texture to a photo is to convert a photo into a “PATTERN” in Photoshop. To convert any photo into a pattern, open the image and select all by pressing CTRL/CMD+A then go to ‘Edit – Define Pattern.’ This Pattern is now stored in Photoshop‘s library and can be accessed by going to ‘Edit – PresetsPreset Manager.’

After creating a pattern, it will be stored in Photoshop for future use.

Layer FX – Bevel and Emboss + Texture

To apply the pattern to Text or a photo, click on the desired layer and go to ‘Layer – Layer Style – Bevel and Emboss’ and select ‘Texture.’ Next, in the Pattern editor, select the pattern you just created, it will be on the bottom of the Pattern list.

Then in the properties make sure to click ‘Snap to Origin’ and select 100% Scale and Depth.

Layer FX – Pattern Overlay

After applying the Pattern to the Bevel and Emboss Layer FX, add a ‘Pattern Overlay‘ by going to ‘Layer – Layer Style – Pattern Overlay.’ In this dialog, be sure to select the same pattern used in the Bevel and Emboss layer FX. Click ‘Snap to Origin’ and select 100% Scale.

Now, the Pattern Overlay and the Bevel And Emboss will be aligned and applied to the current layer.

To adjust the lighting on the pattern, go into the settings for the layer FX Bevel And Emboss, and change the ‘Shading Angle‘ and ‘Shading Altitude.’ You will see a live preview of the lighting direction change on the pattern.

How to Use this Technique

This technique can be used to add realistic texture to any object in Photoshop. For instance, if you want to Add Texture to a wall, you will be able to adjust the direction of Light to make the effect seamless!

Download the Sample Textures

Related Tutorial

How to Cut Out Hair with the Brush Tool in Photoshop How to Cut Out Hair with the Brush Tool When cutting a person out of their Background, hair is often the hardest area to master. Learn how to create ...
How to Add Motion Blur to Backgrounds in Photoshop Add Depth and movement to photos by adding Motion Blur to Backgrounds. This Simple Technique will make Action and sports photos more dynamic. Remove ...
How to Remove People From Vacation Photos in Photoshop How to Remove People from Vacation Photos in Photoshop You just got back from a wonderful vacation and can’t wait to post your photos online, but the...
How to Make a 3D Extrusion in Photoshop Prepare Your Images Start by dragging your Logo (or the subject you want to make 3D) onto your image. Then, go to 'Window - 3D' to open the 3D worksp...

Related advanced tutorials

Photoshop 101-301
Photoshop 201
Photoshop 101


user image You
(will not be published)

  • user image
    Vincent Ciro

    This was terrific. This is yet another fine example of what I have decided to start calling “AFM”. (Aaaron’s Freaking Magic” πŸ™‚

    Thank you so much for sharing your knowledge. As an amateur and photo hobbyist, these tutorials are priceless.

    Vinny Ciro
    Wantagh, Long Island,
    New York

  • user image

    Love these short video showing one specific technique. Well done and entertaining too.

  • user image

    Do you have or can you make a lesson on How to prep (in photoshop) an image for printing on a Cannon iPF8400 Ink Jet printer.

    Also need a good lesson on How to prep for screen printing with Pictorico using anEpson Stylus Pro 4800. Specifically, if you don’t want to do 4 color (hence 4 screens) printing. Most of the time you would like to just do 1 or 2 screens.

  • studiomakepeace

    Thank you. Photoshop is no longer a scary animal thanks to your tutorials.

  • user image
    Baruch Adania

    How come that when I’m using Text in PS, the programe collapses! πŸ‡ΈπŸ‡ͺ
    (iOS 10.12.1 PS6)

  • user image
    George Cornelius

    Fantastic course as always – thank you

    When will you do a course to show new upgrades to 2017

    Please do not stop doing these courses – thanks

  • user image

    another terrific tutorial, made my first simple one, but although i can see my “pattern” in the pre-set manager i cannot open them. what am i not doing please.. best wishes Carol

  • user image

    You made it so easy to understand, even a beginner like me might be able to do it. Thank you for your time and tutorials

  • user image

    Hmmmm…. I have the exact same settings as Aaron, but when I click on ‘texture’ in the layer styles box, the pattern box doesn’t show 😐.

  • overtonbg

    This tutorial was simple and clear. I enjoyed it much. Would you consider making a displacement filter tutorial also?

  • user image

    I’d already used “Bevel and Emboss” for text in a photo-editing course and also tried some 3-d editing in “Blender”, but this has taken them to another level! Absolutely brilliant. Thank you.

  • user image

    Thank you Aaron, love the textures and most importantly, love the tutorials. πŸ™‚

  • user image

    Aaron man… have no idea how much greatness you are imparting into my life, I appreciate everything that you doing to help photographers and Photoshop lovers. I am not a photographer though but I love every teachings you are given to your followers and because I also enjoy learning a little bit of every aspect when it comes to IT, that is why I love what you do………..thank you so much

  • chris58

    This was a great tutorial, thank you, ill be snapping textures for the rest of the day:) Id love to learn how to add images to an photo and turn the final image into a sketch?