How To Create an 80's Style Chrome Logo Text Effect in Photoshop
HTML-код
- Опубликовано: 21 авг 2024
- In today's Photoshop tutorial we're going back to the 1980s to create a rad text effect based on those 80s style chrome logos we used to see for games, movies, TV shows and more. The overall design incorporates the classic bold chrome text effect with a hot pink script font. It's all done in Photoshop using a mix of layer styles and colour overlays to reproduce the shiny metal effects and vibrant colours.
📺 WATCH NEXT: How to Easily Create Retro Landscapes with an 80s Aesthetic - • How to Easily Create R...
📦 Join my mailing list and get a FREE design resources bundle! spoon.graphics...
🙏 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...
⭐️ Get Millions of Creative Asset Downloads from Envato Elements - spoon.graphics...
► AXIS font: spoon.graphics/...
► Streamster font: spoon.graphics/... (No longer available, but check out Bayshore as a great alternative - spoon.graphics...)
► Lens flare free stock image: spoon.graphics/...
► Free Photocopy Grunge textures: spoon.graphics/...
► Music: Nightcrawler Turbo Boost by Nightcrawler Music - spoon.graphics/...
Check out these great related products:
► 3D 80s Text Effects - spoon.graphics...
► Back to the 80s Retro Text Effects - spoon.graphics...
► 80s Gradients - spoon.graphics...
► 80s Retro Text Graphic Styles for Illustrator - spoon.graphics...
Deals & Discounts:
⭐ Get 20% off ANYTHING in my Spoon Graphics Shop - spoon.graphics...
⭐️ Get 10 FREE Images from Adobe Stock - spoon.graphics...
⭐ Save 70% off the Heritage Type Vintage Fonts Bundle - spoon.graphics...
⭐️ Download this Month's FREE Files from Envato - spoon.graphics...
Tools & Resources I Use:
⭐️ Get Photoshop and other Adobe CC programs here: spoon.graphics...
🛠️ Where I download the creative assets I need - spoon.graphics...
✍️ The graphics tablet I use: amzn.to/2GYNYEc
🎙️ The microphone I use: amzn.to/3AdkJsp
📢 The email newsletter service I use: spoon.graphics...
📈 The tool I use to help grow my channel: spoon.graphics...
Watch more of my content:
📺 See all my Photoshop tutorials - spoon.graphics...
📺 See all my Illustrator tutorials - spoon.graphics...
📺 Watch my most popular videos - spoon.graphics...
#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.spoongraph...
Visit my design blog: blog.spoongraph...
Follow me on Twitter: / chrisspooner
Join me on Facebook: / spoongraphics
Join my mailing list at Spoon Graphics if you want to keep up with all my other content. Every subscriber gets a FREE design resources bundle! 📦 spoon.graphics/2ynU0eH
Great tutorial. I was using GIMP instead of photoshop so I couldn't do some of the steps but was able to make this: i.imgur.com/1eq3wKp.png
Can we use the resources if we were to use them in designs that we'd make money off of (like putting designs that used your resources on T-shirts to sell)?
why you couldn't make this more slow
Hi, Fill and Stroke is not an editable option at 1:44 using CS6. Can you advise workaround to edit FILL and STROKE?
update bootleg my dude
can you please go faster in the color parts? its way to slow for me.. Love, The flash....
ye It's so slow. not even speed of light
I thought I was experiencing heart failure a couple of times through that.
i set the video down to 0.5x speed and it was still too fast
that's because you are slow...
Get one instruction, pause, do it, then play the next step.
Get Good.
Digi Byte thanks that worked. helped me alot :)
+Divinity You didn't know/use that?? Idiot
PetiteHam Dear PetiteHam. That comment of me above was, of course, sarcasm. I did pause the video after every step. But still he could have talked a bit less fast so it would have been easier to follow. Hope you have a nice day dipshit.
PetiteHam went for a walk after reading that comment, he was never found again.
TO USE FILL AND STROKE (PUT RED OUTLINE) YOU NEED TO RIGHT CLICK (MOUSE2) ON THE LAYER AND "CONVERT TO SHAPE"
Para usar a opção Preencher e Traçado Precisa de clicar com o botão direito (mouse 2) na camada e "Converter para forma"
I only see smart object
@@graphixity its down there under smart object
obg lindo
@@matheussantiago333 KKKKKKKKKKKKKKKK de nada
@@rayraysss kkkkkkkkkkkkkkkkk eu tava lendo e ingles, do nada vi q tu deixou a traduçao em baixo aí facilitou
I thought people were being dramatic about how fast you are going until I got home and tried to follow along. 😂 I got the job done, but not with putting the video on the slowest mode and rewinding. This tut is great by the way.
Dude, as much as i love the video, its not a race. calm down dude.
i died
HAHAHAH the speed at the colours part
was unreal!
your name should be Mark Wrong, Because you sir are an idiot
Graphic designers get paid 50K/year or about $24/hour. Quit fucking around or YOU'RE FIRED!!
@EagerJohnny You're absolutely right. That is an entry level wage... top designers charge clients up to 200K for a total branding design project. It's the entry level positions that get paid hourly. The studio owners don't work hourly. They determine their compensation based on the value of the project.
📺 WATCH THIS NEXT: How to Easily Create Retro Landscapes with an 80s Aesthetic - ruclips.net/video/DM53yAhMDGM/видео.html
I used to draw these kind of letters back in the 80's with Prisma color pencils. This style was all over on everything, and both pink and purple mix/gradient too. You can even see it in a lot of SNES games as well like F-Zero.
But now with photoshop everything is easier faster and cleaner. Thanks for the flashbacks my friend!
Pretty sure I had 8 aneurisms trying to learn from this. How fast u wanna go
No stroke OVERPRINT option workaround. When you get to the point where you can no longer follow the instructions for the stroke overprint:
1) Duplicate the "Centre" layer and name the NEW layer anything, e.g. Overlay Stroke. (Make sure it is still above the "Centre" layer but below the "Outline" layer)
2) Remove "Inner Glow" + "Gradient Overlay" + "Outer Glow" effects from the NEW layer but leave the "Stroke" effect on.
3) Now, with the Direct Selection tool and NEW layer selected, change the 'Fill' at the top to transparent. You should now have transparent text with just a line where your first stroke was.
4) Make the "Stroke" on the NEW layer white.
5) Remove the "Stroke" effect from the "Centre" layer.
6) Right click the NEW later and click "Covert to Smart Object".
7) Change the NEW layer's blend mode to "Overlay".
Tada! This should have a similar (if not the same) effect as overprint. If ya'll find these instructions to complicated, cause I suck at text instructions, then just let me know and I'll do a video tutorial on just this bit for you guys share the link.
Or just click on the color icon and change the color to what you want..
Nah dude. Nah...
THANK YOU!!
Thanks man! No video needed. This was just enough and not confusing at all!
I guess i don't get why you need a work around for this? I have the option on PC, and he is doing the tutorial on MAC. seems it is available on both systems. if you are using a really old version of Photoshop then that might be a thing, but i feel like it has been on here since CS days... but it seems like it would be a good workaround, just an additional layer.
Check out these great related products for creating 80s text effects:
► 3D 80s Text Effects - spoon.graphics/3o82A8e
► Back to the 80s Retro Text Effects - spoon.graphics/3klyZHt
► 80s Gradients - spoon.graphics/3F1OtZ6
► 80s Retro Text Graphic Styles for Illustrator - spoon.graphics/3D4jOtn
I'm no PS wizard but I had no issue following this video. Thanks for getting straight to the point. Taught me exactly what I need to know to accomplish this effect. I guess those complaining in the comments are just total beginners and hoping for you to hold their hand.
I've been searching for a tutorial to do this for a few months now.
Thank you so much for providing the color codes used on-screen. It took a bit of pause / rewind in some spots so that that I could mimic exactly as you did in the tutorial, and it was well worth it.
I'm into my 3rd logo now, and putting a ton more time into it (going on 3 hours creation time).
I'm now subscribed, and looking forward to watching your other tutorials as well. Keep up the great work, this was extremely appreciated!
Brilliant! I will have to re-watch, make notes and take it step-by-step as you are literally at a turbo pace during this tutorial.
Awesome though! Can't wait to try it out :)
9 minute tutorial takes me like an hour. I have this video at the slowest setting and it still goes too fast! Never been this tilted over a SIMPLE tutorial!
For when you make the merged layer above the others, try the hotkey: Ctrl + Shift + Alt + E. Thanks!
Turbo Lazer
In Theatres
Summer '86
Summer '16
THIS IS SO FUKCING STRESSFUL!!!
+1
maybe, you should get a drink, of fiji water
don't give up
I wasn't even following along and I'm stressed.
lmaoo
So far one of the best PS tutorials I've watched on RUclips. Under 8 minutes, and great work. I love learning something new and other ways to get the same results quicker than I've been doing
Know what? Perfect speed. I paused and rewound when needed. I don't need 25 mins of someone exhaling. Top stuff.
3 hours later and I have my text/logo, thanks so much for this really clear and direct video.
Damn it, wtf did I just see? Love it, even though your pace is too fast...
Thank you for such prompt delivery and not wasting your viewers' time. Had no problem pausing if I needed to. Excellent tutorial and a great way to start creating these killer gfx.
I've met olympic runners who were slower than your pace, but that's one helluva tutorial!
I've select the outline layer and when i'm going to use direct selection tool, no options showed up on the top of the screen.
same bro so annoying
You probably forgot right clicking on the layer and selecting "convert to shape". This is an essential step. I forgot it too at first cause he talks so fast I didn't even hear it haha
Thank You, Perfect Tutorial!!! I just jumped this part of making more metalic style (3:39) cause it would take a life time for sure.
There’s gotta be a faster way
@@squaredupstudios I just duplicated the layer, rasterized the layer style and then bumped the contrast up really high. It definitely doesn't do it as well as his, but it's better than just skipping it fully.
A++ Thank you for preparing this presentation in a concise way that doesn't waste any time. I'm incredibly surprised at just how many comments have been left saying you were too fast. This is a step-by-step tutorial describing 100% of a workflow that will get you a finished & well polished result in a specific style. You know what makes a legitimately bad tutorial? A presenter that goes on and on about nothing in particular, or when they don't speak clearly, or when they say "um" a lot, or if they don't have a script, or if there isn't any clear direction, or when there are parts of a process that are skipped over or when the workflow is described poorly or incorrectly. None of those flaws are present in this video. I am so happy to watch this again and again at my own pace, in my own time, for free, in the comfort of my own home, alt+tabbing back and forward, regularly pausing and rewinding at my own pace until I feel comfortable that I have grasped the level of professionalism on offer from someone who clearly knows what they are talking about. Respect & subscribed
This was the most work I've ever put into one piece of work, 6 hours to be exact... and I loved every minute of it! Thanks!!! You the truth!
I loved the pacing of this tutorial - not a single second without more information - perfect! I guess some people prefer tutorials with a bit of waffling in between changing the settings... I really don't understand how the pacing is an issue when the video can be paused, rewound (btw if you didn't know - J, K, L keys in RUclips skip back/pause/skip ahead)
thirsty
You can also use the arrow keys (Left for skip back 5 secs and right for skip ahead 5 secs)and spacebar (for pause) and it will do the same thing :D
period and comma keys skip individual frames
Exactly. Too fast? Pause. Missed a section, rewind (click back a few frames). It's really not that hard. Be thankful the guy is giving you a tutorial for FREE. Remember back in the day when people paid A LOT of money just to do professional artwork. This is also coming from a graphic designer who appreciates when other artists / designers are willing to share their talents.
Great job!
Thanks, really good tutorial.
no its not, its too fucking fast
If you know how tools work in Photoshop, this is not fast.
Learn to us Shortcuts
This is the first tutorial that I needed slow motion to watch it.
I had like -4 experience using photoshop, this is the first work i do and I had no problem following this tutorial, THANK YOU
Cmd+Shift+I ??? it doesn't do anything
Someone help ?
thx
Yea i cant get this part to work wither
@@SixAddams Me too, he do it so fast..
It's just the cmd key and select the layer
Make sure you are clicking the thumbnails. I repeated this step over for 15 minutes before I realized it has to be the thumbnail not the layer itself.
@@keyaxdrathsom9310 Do you know how can I do it if I have windows on my computer? :(
can you just slowdown ffs
you can pause ffs
you can set video speed ffs
lol
but it only goes down to 0.5x ffs
I dont hv ps ffs
Super helpful! I used this video to make the logo for our 80s cover band and learned a ton in the process. Thanks sincerely for taking the time to put this together!
OMG everyone complaining tutorial is too fast. Finally tutorial that does not drag for ages.
How to do 5:26~5:34 ??
did you figure it out?
@@Mannyswanks Hold [CTRL] then click on then first layer to select its area, then hold [CTRL] + [Shift] and click on the second layer to add it to the current selection
what a fantastic channel
I liked the font when I first saw it. I fell in love with it after seeing the process. I had to watch at .75% playback speed, but that was awesome.
Loved the tutorial. I was able to create a pretty sweet looking graphic. (I see a lot of comments that this is too fast. Don't forget, arrow keys go back/forward by 5 seconds, "j" and "l" by 10 seconds, "k" pauses, and "," and "." change each individual frame. I personally am a fan of the current speed. Succinct and only what's necessary.)
5:30 i can't select my outline how do i solve this?
Hold command/Ctrl and click on the stroke layer thumbnail
How do I make an O
type O in keyboard
Just wanna say THANK YOU for going this fast. I would much prefer to pause the video a lot than slog through a half hour or more.. This was great for someone who is already familiar with Photoshop and just wanted a little instruction. I wish more tutorials got to the meat of it right away. Thank you.
agreed
how to get the gradient style thingy ?
bro this is actual art
Can I have a PSD download?
HAHA FR
This is so fast :C
Thanks Chris - great tutorial mate. For those complaining about the speed, do some beginner Photoshop tutorials first. If he were to slow this down and explain every step in detail, it would be 10x longer.
This worked just perfect for me. It is fast, but with the pause button is more than enough. I had a great result, thank you!
5:33 - How I delete the acces from the pink ?
yes! this part so important and so elusive!
I don't have an option for "overprint" in stroke (2:50). My stroke is black even though i changed the color to white.. help?
Change from overlay to normal. I had a similar issue.
No stroke OVERPRINT option workaround. When you get to the point where you can no longer follow the instructions for the stroke overprint:
1) Duplicate the "Centre" layer and name the NEW layer anything, e.g. Overlay Stroke. (Make sure it is still above the "Centre" layer but below the "Outline" layer)
2) Remove "Inner Glow" + "Gradient Overlay" + "Outer Glow" effects from the NEW layer but leave the "Stroke" effect on.
3) Now, with the Direct Selection tool and NEW layer selected, change the 'Fill' at the top to transparent. You should now have transparent text with just a line where your first stroke was.
4) Make the "Stroke" on the NEW layer white.
5) Remove the "Stroke" effect from the "Centre" layer.
6) Right click the NEW later and click "Covert to Smart Object".
7) Change the NEW layer's blend mode to "Overlay".
thanks dude! it really works!
You're welcome
Thanks Pedro! Worked for me
Another alternative to manually adding the shading to the outline is to use an inner bevel with a chisel hard technique. It doesn't give the EXACT same effect, but it saves a little time if you're in a rush :)
That's an awesome tutorial! I managed to pull off a rad 80s logo out of nowhere with your help! Thanks a ton! I couldn't have done it on my own.
i liked how you explained quick and easy. speed is perfect imo
speed is perfect, i agree
He's Coked out!
I like how quick this is
Finished this tutorial in 2 minutes. Thank you Spoon for keeping video at easy pace to follow
Way too too fast for a corel draw user. I've been trying to learn photoshop for sometime now. But I can not keep up with tutorials fast as lightining as this one.
same, had to pause the video every millisecond
Awesome tutorial but so dang fast
I can't imagine a tutorial THIS specific being practically useful.
Fuzzthefurr Wat.
I have to admit, I donàt remember ever making that comment.
But I THINK I meant "you will only find this useful if you have photoshop, photoshop skills, and specific brushes" or something.
not really
Fuzzthefurr I'm confused on why you watched the video if you didn't think it was useful
Clayton B ... because obviously I didn't know if it'd be useful to me until I watched it?
Great video to learn the cornered edges
First of all, really nice tutorial !
The part at 1:42 isnt working for me because i cant choose fill or stroke. it isnt possible somehow. Do you know about this problem ?
Thank you very much :D !
I have the same problem. Did you manage to do it?
Same here and I've been trying to do it for like 6 hours now with the internet by my side
You have to convert the text to a shape which will create paths for you to fill in. It must be a text layer by the way, not 100 percent on this but I don't think you can convert a smart object into a shape.
Dude, I'm sure this had good info, but I can't watch as you're going waaaaay toooo fast
This tutorial still applies perfectly! Thank you so much for this! You are RAD!!!
I was thrilled to discover your tutorial, and although I am in admiration of how skillful and fast you are, there are those of us who aren't and are learning.The speed can't go much lower and this is extremely stressful. Yes, I use the pause button, but shouldn't have to use it with the frequency I am. FFS, by the time I get through it I'm going to need therapy! Update: I finished, I love the words I chose, but now I wish I drank.
Hi, between 1.41 and 1.56 you use the direct selection tool and options appear in the application bar at the top, but on cs5 when I select the direct selection tool it says 'No options for the direct selection tool', I want to maintain the sharp edges with the stroke but as you mention, expand, selection and stroke adds a rounded edge. What do you recommend?
No bother, I did it using Illustrator :-D
+Matthew Hobin Same problem. How do I fix it, HELP?
+Mitchell Peralta Hi, I simply typed out my text in Illustrator and added a stroke line around it, selected and copied the text in Illustrator and pasted it into Photoshop. This gave me the text with a straight edge, no rounded corners. Then I carried on the tutorial and it looks sweet. Hope that helps.
Thanks !
+Mitchell Peralta Hope it works for you mate.
Красава!!!
honestly i love the speed of which you work in, really cuts out the bullshit and gets straight to it lmao
Great tutorial. Worked perfect what i needed. The stroke method was really what i came here for. Without the round edges :)
S L O W D O W N.plz
Can you explain the 5:30/5:40 passage?
After painting the pink under 'Turbo", hold Cntrl+Shift and click the thumbnails on Outline, Center, and Layer 1. Go to 'Select" and click 'Inverse" ( or just hit Shift+Cntrl+I). Hit "delete" on you're keyboard and you're done.
you my fucking friend.. are THE BEST.. seriously thank you, thank you.
best >_< THANK YOU
cheers
I thought this video was excellent I always wanted to do this style and I didn't know how, well now I do. Nice one!
Looks very cool but I agree with other comments that the pace was pretty fast!! I have a degree in graphic design and am very proficient with photoshop, but even I cannot move as fast as you were speaking. I had to change the playback speed, and then pause a bunch. But still, the end result was pretty good.
too fast for Paul Walker... Oh...Ugh
No, Paul is the fastest
I think death wins because it was fater lul
no he out ran death hes in another dimension now
Too soon man. Too soon...*looks at date*...Well shiet.
that's just disrespectful...
Way to fast
change video speed
This. is. AWESOME!
By far the best looking result I've found for this style!
I hope I can manage to reproduce this in Affinity.
You are too too too too fast !
No he's not
Then use the pause button.
You can slow down the vid in settings.
Jesus christ slow down!
I'm very new to photoshop but was still able to follow along and make a sick wallpaper! Thanks so much!!
Awesome tutorial and outcome, thank you. Also, because of the pause button, I really enjoyed the speed of this video.
Nah fam this is way too fast! Relax my guy
damn i hope the 80s style comes back in 2017.... its sad i was born way too late to expeirence the 80s... im 13
Same dude :/
same
Same I'm 13, about to turn 14. However I love the 80s the movies Star Wars, E.T, Ghostbusters, and Gremlins. The music and just the feel. If I had only one chance to visit a different time, the 80s would be it.
same :(
same this generation sucks
Perfect tuto, fast and effective
Had to skip a couple of steps but still got a great result thanks to this great tutorial.
Even though your voice seem to have a TURBO as well, amazing tutorial bro!
Dude. I love your speedy, no nonsense style. This would have taken other RUclipsrs 25 minutes. Haha
Awesome video! Really thorough and straight-forward! Thank you so much for including the color codes, I'd struggled so much finding the right colors with other videos! The place could've been a little slower though, like others pointed out, but that can be worked around.
I didn't know speedrunning photoshop tutorials was a thing.
Although I would like you to go a little slower, as others have commented, I found this video very instructive. It took me outside my usual style and also added a few tools to my Photoshop box. Thank you!
I have followed your instructions and designed it, successfully! Thanks for Nice Tutorial.
This is crazy. I am astounded.
so freaking good! thanks for that!
*Thank you* Spoon Graphics, *very cool!*
ABSOLUTELY AMAZING!!!!! Thanks for this tutorial !!!! you deserve my like !!!
SUCH A GOOD TUTORIAL
Honestly the pace was fast af but was explained well and I now know how to do this after watching once! And the music is perfect for this vid 👌🏾
Stunning 👌
Detailed and precision oriented as usual, nice touch with the 80 vibes music! Loved it!
Great job sir, very great job. I enjoyed the video!
It took me legit 2 hours to do this trying to understand what exactly he was doing... Amazing work, you are extremely talented! But wow for a novice, this is nearly impossible to follow