🦸‍♂️ Superman Comic Book Text Effect Illustrator Tutorial

Рет қаралды 91,767

3 жыл бұрын

In today's Adobe Illustrator tutorial I'm going to take you through the process of creating a retro text effect, inspired by the title art for the Superman comic books. Old comic book titles feature some really simple but effective text styles, often incorporating faux-3D effects, bright colours, and thick black outlines. It's a graphic style that is immediately recognisable thanks to these common visual features that appear in different variations across all the superhero stories. The original comic book covers were drawn by hand, but I'll show you how to apply some adjustments to your text in Illustrator to transform it into a bold comic book title effect, then stick around to the end to see how the comic book theme is enhanced with the help of my Bad Print Effects Photoshop Action.
⭐️ Get Millions of Creative Asset Downloads from Envato Elements - spoon.graphics/envato
📦 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
► Activate the Proxima Nova font - spoon.graphics/3gIpdQH
► Download My FREE ‘Bad Print Effects’ Photoshop Action - spoon.graphics/2wjDkEB
► How to Add Retro Print Effects in Photoshop - spoon.graphics/2TvdNS0
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
#Illustrator #IllustratorTutorial #AdobeIllustrator
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/subs...
Visit my design blog: blog.spoongraphics.co.uk
Follow me on Twitter: / chrisspooner
Join me on Facebook: / spoongraphics

Пікірлер: 84

@spoongraphics 3 жыл бұрын

Everyone who subscribes to my mailing list gets a FREE design resources bundle. 📦 Get yours here: spoon.graphics/freebundle

@muhammadlukman5488 3 жыл бұрын

Thank you very much brother🙏🙏🙏

@oxvenomousxo Жыл бұрын

I need to ask, CAN I PULL THIS OFF WITH A.I. iPad version?! Or desktop only?! Thank you!

@sheils.digital 2 жыл бұрын

Thanks so much for the tutorial! Very quick and straightforward. Been looking for something like this. For those using a newer version of Illustrator (I'm using 2022 at time of writing), you have to go Effect --> 3D and Materials--> 3D (classic) --> Extrude and Bevel (classic). I tried doing it exactly as shown in the tutorial and was wondering why it wasn't turning out like in the tutorial. When you use the "current" 3D effect, it would turn into a flat raster image after I expanded the appearance. Wasn't broken up into pieces and couldn't apply stroke. Otherwise, every other step in this tutorial still works. Just a heads up for anyone else who was confused!

@1PhillyFili Жыл бұрын

THANK YOU Sheila! I was cruising right along until that very step.

@transitlibrarian Жыл бұрын

thank you!

@marcdevinci893 Жыл бұрын

ditto! thanks

@mrgraphik Жыл бұрын

T H A N K Y O U ! ! !

@eleri_theda 9 ай бұрын

Thank you!!

@akeel_1701 3 жыл бұрын

Great effect, loved the action in Photoshop!

@montserratsz7106 10 ай бұрын

thanks for the tut. Love your actions bad prints effects

@imnotmarbin 3 жыл бұрын

Very nice tutorial, thanks for doing it!

@DingDingPanic Жыл бұрын

When I try to Expand Appearance (2.39 in video) in AI 26 it does not treat the text as separate characters it seems to group them into a single object. How to accomplish it please anyone?

@1PhillyFili Жыл бұрын

Thank you for this fantastic tutorial.

@VioletWW Жыл бұрын

Oh boy you just turned my whole damn day around - bless u for this

@oh-oi7ux 3 жыл бұрын

Thanks! So nice 😍

@alexmcginness5316 2 жыл бұрын

I've been wondering how to achieve this text effect. Thanks for the awesome tutorial.

@madebymarco Жыл бұрын

If anyone experiences a dashed line effect on the outline, just increase the size of your artwork. I increased mine from 2000 px to 4000 px and that fixed the problem! Thanks Chris for this excellent tutorial and PS action freebie!

@quacquac_quacquac 3 жыл бұрын

Love it 💕💕

@praneeth_amigo 3 жыл бұрын

It was really a great video 💙

@spoongraphics Жыл бұрын

📺 WATCH THIS NEXT: Retro Text Effects with Illustrator's Blend Tool - kzfaq.info/get/bejne/i7SBaKiQqbPKY40.html

@VJMorph 3 жыл бұрын

Super stuff!

@danahal-mukaimi1765 8 ай бұрын

Amazing video!

@janus1450 2 жыл бұрын

Very cool ! thank you Mr Spoon ;)

@Marween 3 жыл бұрын

Very nice!

@GrandCanyonTV Жыл бұрын

Are you stuck? This drove me insane for hours...when he makes it 3D, if you are using a new version, you must select Effect > 3D and Materials > then slide all the way down to "3D Classic"

@PremiumS3lection Жыл бұрын

lifesaver

@danisrael6197 7 ай бұрын

Legend

@anamulburhan4492 2 жыл бұрын

Thank you so much :)

@abhijithsajeev924 3 жыл бұрын

Dope 🔥🔥🔥

@trcctrl 3 жыл бұрын

Thank you 😊

@soldyourgold 3 жыл бұрын

Wow cool

@sneggleblech 3 жыл бұрын

Up Up and Away is a good font for this specific effect

@mixturadu1408 2 жыл бұрын

Lov u maaan!!!

@darknytestudios 3 жыл бұрын

Genius

@Reisen18 Жыл бұрын

Excelente video , felicitaciones , saludos desde mexico y colombia 🇨🇴 🫶🏼🙌🏻

@wonderboyingameland9108 3 жыл бұрын

wow!!👍👍👍

@keyframer. 3 ай бұрын

I've tried multiple times but can't add strokes because after adding the 3D extrude, it turns the text to an image. Can't find the work around :(

@reverendzero 3 жыл бұрын

Thank you so much, your Photoshop actions are a treasure !

@juangperez8210 3 жыл бұрын

Hi Spoon, I was wondering if you could do a 46pgs magazine grunge style tutorial. Thank you!!!

@jonathandutra4936 3 жыл бұрын

Hi Spoon, I was wondering how to download these effects? What do you recommend?

@soldyourgold 3 жыл бұрын

I’ll try to do a sticker like this

@marcdevinci893 Жыл бұрын

Thanks that, is there a way to do this non-destructively?

@jonathanvincentllena3338 10 ай бұрын

the envelop distort is making it an image, what should I do? using 2023 illustrator

@oxvenomousxo Жыл бұрын

I need to ask, CAN I PULL THIS OFF WITH A.I. iPad version?! Or desktop only?! Thank you!

@cicholasnage 2 жыл бұрын

Why cant i find the perspective option in the 3d extrude & bevel segment? Also, are there any alternatives?

@ashleyrodriguez2621 2 жыл бұрын

You need to select 3D(classic) in the 3D and Materials

@beyond-v2j 2 жыл бұрын

Wouldn’t let me add another stroke after expanding the appearance

@mattpool9164 2 жыл бұрын

I was able to reach the step where you apply the black stroke, except from my end it was no able to activate. I also don’t seem to get the object guidelines as well. Anyone have a clue what could be wrong here?

@cicholasnage 2 жыл бұрын

Yes, same problem here. Really hoping if someone could give an explanation though

@kentmoore8628 2 жыл бұрын

@@cicholasnage SAME

@monicaokami 2 жыл бұрын

Also having this issue, I'm wondering if it's a font thing or a grouping thing because it doesn't seem to be expanding like his

@atrangiartist 10 ай бұрын

I am facing the same issue.@@monicaokami

@madmolf 3 жыл бұрын

@Spoon Graphics : Thank you Chris for the tutorial and the free actions... But I wanted to let you know that when I applied the "Bad Print Effects" action, the paper and worn ink textures were that of leaves (green plant leaves) and not the expected texture. Am I doing something wrong or was there as mistake in the texture files ? Thank you again for all the efforts, please let me know if there is something I can correct on my side with the PS action.

@madmolf 3 жыл бұрын

Thank you for the solution @Andy Thompson

@TheTwitch03 3 жыл бұрын

@Andy Thompson Can you please explain this to me? I did add the "Bad Print Effects" folder to the actions folder in photoshop first, but I still end up with leaves.

@rakakovaraa8197 2 жыл бұрын

@@TheTwitch03 L

@rakakovaraa8197 2 жыл бұрын

@Andy Thompson pl

@yopdart4197 3 жыл бұрын

I can't seem to paste the work into Photoshop without the letters coming through as grey after I run the actions on it. What am I doing wrong? I ran the actions individually and found that it happens during the second action, the "Misregistration".

@theponie5880 2 жыл бұрын

A similar problem happens to me. The misregistration action turns all of my red colors to black.

@alfredsalisbury721 2 жыл бұрын

if you save the work in your CC Library, you should then be able to open it in any other adobe software. It's how I get text and word art from Illustrator to InDesign

@congnguyenhuu4607 3 жыл бұрын

if there is vietnamese subtitles, it would be great

@miraclito1224 Жыл бұрын

How do install the file , it keeps saying unable to open it

@adamquark7515 3 ай бұрын

I follow the tutorial step by step but I never get the same result -.-

@ShanesVlogs Жыл бұрын

Hey I downloaded the bad print effect and tried uploading it to illustrator and it wasn't working. .pat files won't upload to illustrator or photoshop and ideas??

@spoongraphics Жыл бұрын

The Bad Print Effects tool is Photoshop-specific so it won’t work in Illustrator, but the .pat files in particular need to be loaded into the patterns library manually if double-clicking the file doesn’t do it itself (my computer used to, but now it doesn’t for some files!)

@mikodesain 2 жыл бұрын

the letter "O" kinda has a different appearance from others letter

@messynate Жыл бұрын

wont let me apply stroke after 3d effect??!

@samnooney Жыл бұрын

i have the same problem

@ashleyrodriguez2621 2 жыл бұрын

I download your pack but it add an image of some plants in the background....not sure what that is about haha

@SMARMAIA 3 жыл бұрын

Great tutorial and greater action but when I run the action on a file with dark colours the result is not so great. I guess I have to watch the tutorial about the making of the specific action to figure it out how to adapt it to my specific file. Thanks for sharing.