How To Create an 80's Style Chrome Logo Text Effect in Photoshop
Вставка
- Опубліковано 14 жов 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
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!
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.
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.
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 :)
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!
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!
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.
So far one of the best PS tutorials I've watched on UA-cam. 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
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
This tutorial still applies perfectly! Thank you so much for this! You are RAD!!!
Pretty sure I had 8 aneurisms trying to learn from this. How fast u wanna go
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.
3 hours later and I have my text/logo, thanks so much for this really clear and direct video.
Know what? Perfect speed. I paused and rewound when needed. I don't need 25 mins of someone exhaling. Top stuff.
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.
I have followed your instructions and designed it, successfully! Thanks for Nice Tutorial.
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.
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.
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
I'm very new to photoshop but was still able to follow along and make a sick wallpaper! Thanks so much!!
Damn it, wtf did I just see? Love it, even though your pace is too fast...
excellent video dude!. You don't know how much you help me to finish a project with this!
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!
Awesome tutorial and outcome, thank you. Also, because of the pause button, I really enjoyed the speed of this video.
Turbo Lazer
In Theatres
Summer '86
Summer '16
I had like -4 experience using photoshop, this is the first work i do and I had no problem following this tutorial, THANK YOU
For when you make the merged layer above the others, try the hotkey: Ctrl + Shift + Alt + E. Thanks!
Great video to learn the cornered edges
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.
I've met olympic runners who were slower than your pace, but that's one helluva tutorial!
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 UA-cam 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!
Thank you for help! Great session!
Great job sir, very great job. I enjoyed the video!
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
ABSOLUTELY AMAZING!!!!! Thanks for this tutorial !!!! you deserve my like !!!
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.
By far the best looking result I've found for this style!
I hope I can manage to reproduce this in Affinity.
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.
I like how quick this is
5:30 i can't select my outline how do i solve this?
Hold command/Ctrl and click on the stroke layer thumbnail
awesome job. just getting started and i find a lot of help from your tutorials
what a fantastic channel
This is the first tutorial that I needed slow motion to watch it.
Can I have a PSD download?
HAHA FR
This is crazy. I am astounded.
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
Fantastic tutorial with amazing results thankyou
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
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!
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? :(
Perfect tuto, fast and effective
5:33 - How I delete the acces from the pink ?
yes! this part so important and so elusive!
*Thank you* Spoon Graphics, *very cool!*
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
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.
How do I make an O
type O in keyboard
Thanks man! Really helpful video and easy to keep up with. Subscribed and can't wait to see more tutorials mate!
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
Had to skip a couple of steps but still got a great result thanks to this great tutorial.
Awesome tutorial but so dang fast
This is awesome!✨Thank you for sharing 🙏
This is so fast :C
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!
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
Awesome!!! Quick tutorial and awesome result!
i liked how you explained quick and easy. speed is perfect imo
speed is perfect, i agree
so freaking good! thanks for that!
He's Coked out!
This was super fun to follow along with. Thanks for posting!
Красава!!!
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
Top stuff, thanks mate. PS Liking the speed, no messing around and I can pause / repeat when I need to.
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...
Great tutorial man just finished watching and happy with knowing these new photoshop techniques
S L O W D O W N.plz
I learned a ton about photoshop from this thanks!
Dude, I'm sure this had good info, but I can't watch as you're going waaaaay toooo fast
That's just awesome and really easy to do. Love it! I'll subscribe for sure!
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
Thanks, man! That was awesome. Fast, but I'm just learning.
Way to fast
change video speed
Your work is exceptional. Really helpful for a beginner like me
Nah fam this is way too fast! Relax my guy
Thanks for you video. I liked the style.
You are too too too too fast !
No he's not
Then use the pause button.
You can slow down the vid in settings.
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.
Jesus christ slow down!
exactly what i was looking for, much prefer a quicker video to learn which can be slowed down when actually reenacting. dope!
VERY NICE TUTORIAL !!!
SUCH A GOOD TUTORIAL
This is beyond excellent! Cheers!
thanks man. this created some great visuals. works awesome with retro vhs styles
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!
bro this is actual art
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.
Zero fat tutorial. Thanks!
love your video! thank you so much!
Thank you, sir! Very fun to try.