The "Step & Repeat" Trick for Creating 3D Text in Photoshop

In today's Photoshop tutorial we're going to create a colourful 3D type effect, which is ideal for making fun lettering pieces or quote designs. We'll start by creating a custom type layout using a ready-made font as a base, then I'll show you the clever Photoshop "Step and Repeat" trick that produces the cool faux 3D appearance.
Vibrant colours are used throughout to really brighten up the artwork, which are enhanced with shading effects using Photoshop Layer Styles. The whole design is then finished off with subtle texturing with grainy details.
Stick around until the end to get your hands on my Subtle Grunge Photoshop brushes so you have all the tools you need to create the effect yourself.
⭐️ Get Your .design Domain Free for the First Year - spoon.graphics/designdomain
📦 Join my mailing list and get a FREE design resources bundle! - spoon.graphics/freebundle
🙏 I don’t have a Patreon, but if you want to support my work, consider becoming an Access All Areas member on Spoon Graphics - spoon.graphics/membership
► Get the Smoothy Font - spoon.graphics/3fg4Dlw (Save 50% when purchased as part of my Favourite Fonts bundle! - spoon.graphics/fonts)
► Download My Subtle Grunge Photoshop Brushes - spoon.graphics/2f3DgfX
Deals & Discounts:
⭐ Get 20% off ANYTHING in my Spoon Graphics Shop with the code: 20OFF - spoon.graphics/shop
⭐️ Get 10 FREE Images from Adobe Stock - spoon.graphics/10freeimages
⭐ Save 70% off the Heritage Type Vintage Fonts Bundle - spoon.graphics/vintagefontsbu...
⭐️ Download this Month's FREE Files from Envato - spoon.graphics/free-files
Tools & Resources I Use:
⭐️ Get Photoshop and other Adobe CC programs here: spoon.graphics/getadobe
🛠️ Where I download the creative assets I need - spoon.graphics/envato
✍️ The graphics tablet I use: amzn.to/2GYNYEc
🎙️ The microphone I use: amzn.to/3AdkJsp
📢 The email newsletter service I use: spoon.graphics/aweber
📈 The tool I use to help grow my channel: spoon.graphics/tubebuddy
Watch more of my content:
📺 See all my Photoshop tutorials - spoon.graphics/photoshoptutor...
📺 See all my Illustrator tutorials - spoon.graphics/illustratortut...
📺 Watch my most popular videos - spoon.graphics/popular
#Photoshop #PhotoshopTutorial #AdobePhotoshop
Adobe Photoshop & Adobe Illustrator design tutorials from Chris Spooner of Spoon Graphics. Subscribe to learn how to create stunning artwork as I share my tips and tricks in video format.
Join my mailing list: blog.spoongraphics.co.uk/subsc...
Visit my design blog: blog.spoongraphics.co.uk
Follow me on Twitter: / chrisspooner
Join me on Facebook: / spoongraphics

[@spoongraphics]

📦 Join my mailing list and get a FREE design resources bundle! spoon.graphics/freebundle

[@wanderer990]

this is the easiest way to make 3D text I've ever watch. Thanks!

[@nightmareprince44]

Absolutly wonderful! You just helped me level up!!

[@spoongraphics]

► Get the Smoothy Font - spoon.graphics/3fg4Dlw (Save 50% when purchased as part of my Favourite Fonts bundle! - spoon.graphics/fonts)
► Download My Free Subtle Grunge Photoshop Brushes - spoon.graphics/2f3DgfX

[@ramzyabdul185]

This is awesome man... I've learned couple of cool things as well

[@SocialMediaDale]

Another great tutorial Chris

[@hussainmohammedmahf]

Thanks sir 👍👌 excellent work 👌

[@gracefulonion]

when i try to use the transform again shortcut it just looks like all my layers are stacked together instead of being a smooth word

[@hungry_pen]

awesome video thanks for this information or cool idea.

[@typebymayank]

great explanation..thanx a lot, man!!

[@dark98583]

u made my day sir

[@pranaytony]

You are super cool man!

[@AnaBeatriznVianafs7]

awesome!

[@allanzoka1999]

OMG, U ARE THE BEST!
Send a Kiss for Brasil!

[@zoinkler1972]

Great video very fast 3D effect

[@terrystorey7768]

Great tutorial quick concise and strait forward.

[@Confuseddave]

That's a great effect, I like it.
It bothers me that the drop shadow used to add colour variation to the purple extrusion is also affecting the orange background. You could expand that layer style to it's own layer, and then create a clipping mask to restrict it to the purple below, or create a layer mask to manually restrict it to the shape of the extruded parts.
Looking at the final image, it looks like you've added some drop shadow to the extrusion layer that you didn't show in the tutorial, which sort of hides the impact.

[@TheLouisSiuol]

When I save this the repeated layers turn into an oversaturated block of colour. Any tips?

[@ageshero]

With sharper fonts, it seems to create jagged pixel style edges. any solutions?

[@ashinzanaka6662]

GOOD

[@emyhR]

Can you do this in Illustrator?

[@bScreamo]

First of all, nice job and technique!
Well, I don't know what I'm doing wrong, but my shortcut Ctrl+Alt+Shift+T isn't working. Everytime I press it, it just repeat the movement but don't duplicate.
Someone have some tips for me?
Thanks in advance!

[@mazinmostafa6039]

same

[@jamesdutra5227]

Hey bro, you may have figured it out by now but the shortcut is not Ctrl first. It is Command. No Ctrl needed.

[@chazcov08]

@@jamesdutra5227 There is no COMMAND key in Windows... Bro.

[@emiliotorres1054]

What is happening at 4:22? On mine I see a transformation panel show up but that's about it

[@mariejoy5136]

I was confused too at first and got really annoyed but figured it out, what I did was I pressed ctrl alt t, then moved it to the direction i want the 3d effect to go by pressing the arrow keys once. And then i pressed enter, then proceeded to pressing ctrl alt shift+t until i got what i wanted. hope this helps :)

[@TheBeautifulMynd]

I get lost with the step where you copy the 100 layers! I have a windows computer and I just can’t figure it out

[@nagendraghantasala7078]

I too faced that issue, but I didn't stop there. I did find an alternate way to repeat the steps. But you need to do it manually. Click CTRL+J, CTRL+T, LEFT arrow, TOP arrow on the current layer. CTRL+T creates the layer copy, CTRL+T awakes the transform property, LEFT arrow and TOP arrows moves the layers. All commands one after the other which makes the newly created layer move accordingly. Based on the thickness formed you can stop the process/repetition.

[@artissalms]

@@nagendraghantasala7078 I tried Ctrl+Alt+T > Left arrow key > Up arrow key > Enter > Ctrl+Shift+Alt+T > repeat the "Ctrl+Shift+Alt+T" (Without Alt it moved it but didn't copy the layer)

[@werekasim8739]

nycness

[@elheber]

The final result has an exclamation mark that didn't exist before.

[@AvatarTTfan]

shortcuts for mac????

[@ryanryan2805]

it seems like there should be an easier way to do this besides repeatedly transforming the item 100 time 2 pixels at a time 🤔

[@theoganji]

4:22 ohsh tat teh uuuhhh wun peeisel en wida cusawkee then hit enta

[@durag700]

what is he saying at this point?!?!?

[@Youtuber-qm4jm]

Psd dijiye jishme hum use kar sake

[@gogulprasath8494]

hey.....whatsup doc

[@seegiiseegii1598]

where is cmd

[@J-S.P]

if yu're using a PC it's Ctrl

[@NugiMIkhsan]

I got lost when you started to copy it to a hundred layers

[@dinavandamme5223]

Anything special we need to do to get this font for free? A code? it's charging me $16... Tia

[@IanBarnard]

Hi Dina, it's a font that I designed and created so the $16 helps support my work.

[@udayasriflex7883]

main part ivvakunda motham chupiste second time chance ivvaru bro

[@stranger_vlog_tv]

british accent sound little confused for me... than us one...

[@Nagi40]

I always failed even follow step by step tutorials.. I quit...

[@PLUZDESIGN]

dude please speak like a normal person