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

  Рет қаралды 89,029

Spoon Graphics

Spoon Graphics

Күн бұрын

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

Пікірлер: 47
@spoongraphics
@spoongraphics 5 жыл бұрын
📦 Join my mailing list and get a FREE design resources bundle! spoon.graphics/freebundle
@SocialMediaDale
@SocialMediaDale 5 жыл бұрын
Another great tutorial Chris
@ramzyabdul185
@ramzyabdul185 5 жыл бұрын
This is awesome man... I've learned couple of cool things as well
@hussainmohammedmahf
@hussainmohammedmahf 5 жыл бұрын
Thanks sir 👍👌 excellent work 👌
@nightmareprince44
@nightmareprince44 2 жыл бұрын
Absolutly wonderful! You just helped me level up!!
@wanderer990
@wanderer990 3 жыл бұрын
this is the easiest way to make 3D text I've ever watch. Thanks!
@hungry_pen
@hungry_pen 5 жыл бұрын
awesome video thanks for this information or cool idea.
@spoongraphics
@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
@pranaytony
@pranaytony 5 жыл бұрын
You are super cool man!
@AnaBeatriznVianafs7
@AnaBeatriznVianafs7 4 жыл бұрын
awesome!
@typebymayank
@typebymayank 2 жыл бұрын
great explanation..thanx a lot, man!!
@allanzoka1999
@allanzoka1999 5 жыл бұрын
OMG, U ARE THE BEST! Send a Kiss for Brasil!
@dark98583
@dark98583 2 жыл бұрын
u made my day sir
@zoinkler1972
@zoinkler1972 3 жыл бұрын
Great video very fast 3D effect
@gracefulonion
@gracefulonion 3 жыл бұрын
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
@Confuseddave
@Confuseddave 5 жыл бұрын
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.
@terrystorey7768
@terrystorey7768 3 жыл бұрын
Great tutorial quick concise and strait forward.
@TheLouisSiuol
@TheLouisSiuol 4 жыл бұрын
When I save this the repeated layers turn into an oversaturated block of colour. Any tips?
@ageshero
@ageshero 2 жыл бұрын
With sharper fonts, it seems to create jagged pixel style edges. any solutions?
@ashinzanaka6662
@ashinzanaka6662 Жыл бұрын
GOOD
@emyhR
@emyhR 2 жыл бұрын
Can you do this in Illustrator?
@werekasim8739
@werekasim8739 3 жыл бұрын
nycness
@emiliotorres1054
@emiliotorres1054 3 жыл бұрын
What is happening at 4:22? On mine I see a transformation panel show up but that's about it
@mariejoy5136
@mariejoy5136 3 жыл бұрын
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
@TheBeautifulMynd 3 жыл бұрын
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
@nagendraghantasala7078 3 жыл бұрын
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
@artissalms 3 жыл бұрын
@@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)
@bScreamo
@bScreamo 3 жыл бұрын
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
@mazinmostafa6039 3 жыл бұрын
same
@jamesdutra5227
@jamesdutra5227 2 жыл бұрын
Hey bro, you may have figured it out by now but the shortcut is not Ctrl first. It is Command. No Ctrl needed.
@chazcov08
@chazcov08 2 жыл бұрын
@@jamesdutra5227 There is no COMMAND key in Windows... Bro.
@ryanryan2805
@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
@theoganji 4 жыл бұрын
4:22 ohsh tat teh uuuhhh wun peeisel en wida cusawkee then hit enta
@durag700
@durag700 4 жыл бұрын
what is he saying at this point?!?!?
@elheber
@elheber 5 жыл бұрын
The final result has an exclamation mark that didn't exist before.
@AvatarTTfan
@AvatarTTfan Жыл бұрын
shortcuts for mac????
@gogulprasath8494
@gogulprasath8494 4 жыл бұрын
hey.....whatsup doc
@NugiMIkhsan
@NugiMIkhsan 2 жыл бұрын
I got lost when you started to copy it to a hundred layers
@udayasriflex7883
@udayasriflex7883 2 жыл бұрын
main part ivvakunda motham chupiste second time chance ivvaru bro
@seegiiseegii1598
@seegiiseegii1598 4 жыл бұрын
where is cmd
@J-S.P
@J-S.P 3 жыл бұрын
if yu're using a PC it's Ctrl
@Youtuber-qm4jm
@Youtuber-qm4jm 5 жыл бұрын
Psd dijiye jishme hum use kar sake
@dinavandamme5223
@dinavandamme5223 5 жыл бұрын
Anything special we need to do to get this font for free? A code? it's charging me $16... Tia
@IanBarnard
@IanBarnard 5 жыл бұрын
Hi Dina, it's a font that I designed and created so the $16 helps support my work.
@stranger_vlog_tv
@stranger_vlog_tv 3 жыл бұрын
british accent sound little confused for me... than us one...
@Nagi40
@Nagi40 Жыл бұрын
I always failed even follow step by step tutorials.. I quit...
@PLUZDESIGN
@PLUZDESIGN 2 жыл бұрын
dude please speak like a normal person
3D Typography Effect in Photoshop | Photoshop Tutorial
7:26
PixelNP
Рет қаралды 608 М.
Retro Text Effect Adobe Photoshop Tutorial
9:40
Spoon Graphics
Рет қаралды 118 М.
Beautiful gymnastics 😍☺️
00:15
Lexa_Merin
Рет қаралды 15 МЛН
Smart Sigma Kid #funny #sigma #comedy
00:26
CRAZY GREAPA
Рет қаралды 19 МЛН
- А что в креме? - Это кАкАооо! #КондитерДети
00:24
Телеканал ПЯТНИЦА
Рет қаралды 7 МЛН
Iron Chin ✅ Isaih made this look too easy
00:13
Power Slap
Рет қаралды 35 МЛН
Photoshop Tutorials - How to make 3D text
19:03
Made by Mighty
Рет қаралды 1,1 МЛН
How to Create Realistic 3D Text in Illustrator
2:27
P A N T E R
Рет қаралды 299 М.
How to Add a Neon Light Effect to Your Photos in Photoshop
7:04
Spoon Graphics
Рет қаралды 48 М.
How to Make a Royal Pet Painting in Photoshop
11:49
M. Logan Creative
Рет қаралды 15 М.
Photoshop Tutorial: Supertext
18:56
Doug Keeling
Рет қаралды 223 М.
Redesigning Your Logos! (Most Common Mistakes) 🔥 Ep8
13:35
Will Paterson
Рет қаралды 131 М.
How to Create Gradation 3D Text Effect in Photoshop - Photoshop Tutorials
5:14
Photoshop Tutorials - PSt
Рет қаралды 97 М.
The EASY Background Remover Hidden in Photoshop!
18:26
PiXimperfect
Рет қаралды 6 МЛН
Mask a BORING Text with an Image in Photoshop
9:16
Cristi Kerekes
Рет қаралды 27 М.
3D Text | Photoshop
2:39
2-Minute Design
Рет қаралды 586 М.
Beautiful gymnastics 😍☺️
00:15
Lexa_Merin
Рет қаралды 15 МЛН