Retro Text Effects with Illustrator's Blend Tool (+ FREE Textures!)

Поделиться
HTML-код
  • Опубликовано: 23 авг 2024
  • Follow along with today's Adobe Illustrator tutorial to create a simple but effective text effect with somewhat of a retro vibe, featuring stacks of text elements that are progressively spaced further apart. It reminds me of the kind of design you might see on an old VHS tape box or an ad for an 80s technology brand. Illustrator's Blend Tool will be used to create the basic effect, but I will also show you a trick to alter the spacing of the text with a cool easing effect and show how variations of the artwork can be created by combining different combinations of solid and outlined text styles.
    📺 WATCH THIS NEXT: How to Create a Colourful Stacked Text Effect - • How to Create a Colour...
    ⭐️ Get Millions of Creative Asset Downloads from Envato Elements - spoon.graphics...
    📦 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...
    ► Activate the Eurostile font - spoon.graphics...
    ► Download my FREE Photocopy Textures - 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...
    #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.spoongrap...
    Visit my design blog: blog.spoongrap...
    Follow me on Twitter: / chrisspooner
    Join me on Facebook: / spoongraphics

Комментарии • 159

  • @spoongraphics
    @spoongraphics  3 года назад +13

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

    • @nelsony2134
      @nelsony2134 2 года назад

      Thank you for sharing this amazing tutorial with us.
      Is it possibly to adobe dynamic link this in after effects and animate it?

  • @DominicWade
    @DominicWade 2 года назад +96

    If you find the part where the Blend and Make is greyed out, go the Type Menu and Convert to Point Type. It should work now.

    • @Nimeyna
      @Nimeyna 2 года назад +7

      Thank you so much for that tip! I couldn't figure out why it was greyed out, but that helped!

    • @SafiaZoe
      @SafiaZoe 2 года назад +1

      Thanks a bunch ✨✨✨

    • @kimwinterhalter8616
      @kimwinterhalter8616 2 года назад +1

      🙏🙏thanks

    • @amberquettan5469
      @amberquettan5469 2 года назад +1

      thank you so much this worked!!

    • @DubC1231
      @DubC1231 2 года назад

      i am currently seeking to hire a graphic artist that can create 10-20 possibly 30 graphics like this video for me and my project, i am willing to pay cash of course. please contact me asap! thank you.

  • @cafehoneymoon
    @cafehoneymoon 3 года назад +18

    this is awesome! before i knew about the blend tool to do this, I was doing this instead (which took me forever):
    - create text outlines
    -make sure snap to grid is on & adjust subdivisions accordingly
    - add anchor points to the area you want the word to end; ex: at 1.5 in y-axis all the way across
    -repeat for every letter & word
    -select the old area you want to cut off and delete it
    - copy & paste the original outlined text and repeat the process of adjusting where you want the new text to end
    -ex: you could have grid preferences on gridline every 1 inch with 8 subdivisions. you can add anchor points on every subdivision 1-2-3-4-5-6-7-full text or 2-4-6-full text, etc.
    - I don't know if this makes sense as to what I did but this shortcut is going to help me immensely!
    Look forward to trying out the screen & multiply blending modes using your photocopy textures!

    • @DubC1231
      @DubC1231 2 года назад

      i am currently seeking to hire a graphic artist that can create 10-20 possibly 30 graphics like this video for me and my project, i am willing to pay cash of course. please contact me asap! thank you.

  • @spoongraphics
    @spoongraphics  Год назад

    📺 WATCH THIS NEXT: How to Create a Colourful Stacked Text Effect - ruclips.net/video/CiAE5-3SrQs/видео.html

  • @spoongraphics
    @spoongraphics  Год назад

    ⭐ Get a 7 Day FREE Trail of Envato Elements and Save 50% off Annual Membership - spoon.graphics/envato

  • @maurogayan5176
    @maurogayan5176 3 года назад +13

    Need more retro style tutorials. Much love

  • @viphia
    @viphia 23 дня назад

    Thanks for the tutorial, it has helped me A LOT!

  • @gartimalti8164
    @gartimalti8164 2 года назад +6

    Thanks man, guys if you want to make this as a png without the background all you have to do is when you first create the first black square background set the opacity at 0% with the black color or any other colour so that you can make a transperent background with the text still.

    • @ktbraymiami
      @ktbraymiami 2 года назад +1

      this comment just saved me. THANK YOU!!!

    • @BigzoTv
      @BigzoTv Год назад

      So would I just use a different color lettering to not mix it up with the white background ? Or would I still do it off to the side

  • @raedjibrail5565
    @raedjibrail5565 3 года назад +4

    Useful tips, clearly explained and easy to follow. Thank you. You have a new subscriber.

  • @dimensidesainstudio6443
    @dimensidesainstudio6443 3 года назад

    Thank you so much for this tutorial! Hope you always healthy and happy!

  • @bradmacdonald6591
    @bradmacdonald6591 Год назад +2

    When I select the bottom most layer with the direct selection tool and swap the stroke and fill, it applies the fill / colour swap to all repeated layers in the blend. I made sure to only select the single layer, not the blend group.

  • @user-eu3ch7yi1n
    @user-eu3ch7yi1n 3 года назад +1

    This was useful !! I was able to combine it with other designs , thank you so much !!

  • @AnthonyMcNeil
    @AnthonyMcNeil 3 года назад +2

    Damn, this is awesome. Great video.

  • @colmeiadasfestasvilavelha830
    @colmeiadasfestasvilavelha830 2 года назад

    Explained in great detail! Thank you so much!!

  • @nirajfilms1040
    @nirajfilms1040 3 года назад

    your tutorials are always the best sir!!!

  • @-agamen-5030
    @-agamen-5030 2 года назад

    Thank you So much for ur ti and support

  • @johnmichaelabrenica8694
    @johnmichaelabrenica8694 2 года назад

    Thanks a lot - your video is a Great start to soft soft. I'm onto it !

  • @armaturesmusic
    @armaturesmusic 3 года назад +3

    You love a 'here's what we did' round up

  •  Год назад

    You are one of the graphic designers that artificial intelligence needs, no artificial intelligence will be able to do what you do, I hope to be as good a graphic designer as you, and I work on graphic design every day, waiting for the rest of the training videos and thank you for sharing all these videos and what you know with us.

  • @twentyonehrs21
    @twentyonehrs21 8 дней назад

    great content

  • @KarenEscamilla
    @KarenEscamilla 2 года назад

    Amazing video! Thank you for the tips!!

  • @lisawernernguyen8335
    @lisawernernguyen8335 3 года назад +12

    How do you make this a transparent background instead of a black background?

  • @irene00alessandra
    @irene00alessandra Год назад

    Thank you so much bro. Sending virtual hugs. Worked like a charm ;-)

  • @mac8862
    @mac8862 2 года назад

    this was so good

  • @medo66511
    @medo66511 3 года назад

    Thank you so much I was loathing for this 🙏😊

  • @t.o.a.a5871
    @t.o.a.a5871 11 месяцев назад

    You're a god man thanks a lot.. really inspiring

  • @creativebobbie
    @creativebobbie 3 года назад

    This is fantastic! Thank you!

  • @EdwinVeenboer
    @EdwinVeenboer 3 года назад +1

    Very nice effects. Thank you

  • @cat-in-mask
    @cat-in-mask 3 года назад

    Niceeee!Thanx Chris!

  • @rishabhkhatri202
    @rishabhkhatri202 2 года назад +1

    Dyum thanks 🤧

  • @Anonim-yx9xv
    @Anonim-yx9xv 2 года назад

    Almost a fking years finally i found this

  • @Mugipaw
    @Mugipaw 2 года назад +3

    Nice and easy to follow tutorial, but my blender tool can't make the path. Any tips?

  • @aybenizhmdva254
    @aybenizhmdva254 2 года назад

    wooow!!! Thanx you!

  • @notsoohyper
    @notsoohyper 3 года назад +15

    I follow these steps point to point and every time when I get to the Object> Blend>Make, my "Make" is grayed out. Any advice?

    • @kienmai9592
      @kienmai9592 3 года назад +2

      Have you grouped the original text with the square-shaped before making the blend as he said yet? I didn't group mine and the Blend ''make'' is grayed and weird looking.

    • @dohahabssaia2719
      @dohahabssaia2719 3 года назад +6

      I have the same problem ive been trying to figure it out for 2 hrs and i still cant find why it’s grayed out

    • @dohahabssaia2719
      @dohahabssaia2719 3 года назад

      @@kienmai9592 yes i did and it’s still grayed out

    • @emmavanwesten3157
      @emmavanwesten3157 3 года назад +5

      @@dohahabssaia2719 Try to select the text and go to object > expand

    • @JadenDang97
      @JadenDang97 3 года назад +13

      @@dohahabssaia2719 choose those two text boxes and go to Option -> Expand (keep the object and expand ticked), then to to Option -> Blend and now you can "Make".

  • @Mikaflyd
    @Mikaflyd 3 года назад

    Would be a cool effect for a t shirt.

  • @Swanks28
    @Swanks28 2 года назад +4

    When you use direct selection tool to change the stroke of the last line of text it only lets me select one individual letter. How do I select all the text in the bottom to change the stroke color at the same time? When I click on the text box it only allows me to fill the black box color not the letters.

  • @deepkchopra
    @deepkchopra 3 года назад

    This is awesome 👍 thanks

  • @zakariasabbar6117
    @zakariasabbar6117 3 года назад

    thank you very much

  • @jacobpjohnson
    @jacobpjohnson 3 года назад +12

    Your convert anchor point tool shows a preview as you drag, but mine doesn't. I have to let go to see where it will go. Is there a setting or preference i'm missing?

    • @siskouman007
      @siskouman007 3 года назад

      mine too ... did u find the solution !!!

    • @jacobpjohnson
      @jacobpjohnson 3 года назад

      @@siskouman007 nope, never did

    • @BigGuy223
      @BigGuy223 3 года назад

      @@jacobpjohnson I think it has to do with power proccessing.

    • @parthsen1681
      @parthsen1681 3 года назад

      @@BigGuy223 got mine working. Just go to Preferences>Performance then check Real-Time Drawing and Editing then hit Ok

  • @incibalaban9707
    @incibalaban9707 2 года назад

    thanks a lot :))

  • @titanjedi
    @titanjedi 3 года назад +9

    thanks (when i click the anchor to move the bezier to adjust, i can't see the effect when i drag as i see on yours, so hard to do)

    • @juna61
      @juna61 3 года назад +6

      I have the same problem.

    • @GETCLARKED
      @GETCLARKED 3 года назад +2

      SAME!

    • @jsg2156
      @jsg2156 3 года назад +2

      Same

    • @jadejess764
      @jadejess764 3 года назад +5

      I got mine working. Just go to Preferences>Performance then check Real-Time Drawing and Editing then hit Ok

    • @stephanymr174
      @stephanymr174 3 года назад

      do it in the opposite direction

  • @IgnacioGiri
    @IgnacioGiri Год назад

    The blend tool has a bezier point? Thanks for the tip!

  • @luke.elshoff
    @luke.elshoff 3 года назад

    awesome

  • @erk9904
    @erk9904 3 года назад +10

    i somehow can't create a blend with the text :/ i first have to create outlines but then editing the colour later gets hard..

    • @Hecziaa
      @Hecziaa 3 года назад +19

      I found a fix for greyed out object-blend-make and you have to group the rectangle and text as he does then select the text and hit object-expand-click ok
      It should now let you use blend-make :)

    • @caitlint5147
      @caitlint5147 3 года назад

      @@Hecziaa thank you so much

    • @manifestyours759
      @manifestyours759 3 года назад

      @@Hecziaa Thank you so much! that really helped me

    • @COCOpuffy52
      @COCOpuffy52 3 года назад

      @@Hecziaa so helpful, thank you!

    • @hauwaabdullahi2074
      @hauwaabdullahi2074 Год назад

      @@Hecziaa THANK YOU!

  • @Our.bamboo
    @Our.bamboo Год назад +1

    i'm really struggling with the anchor point section of this video, can anyone offer guidance?

  • @kathil.2902
    @kathil.2902 3 года назад +8

    when I use the anchor point tool it just drags the text boxes further down instead of spacing them out inside the rectangle like it does in the video at 3:32. Does anyone know why that is // how i can change it?

    • @ThatKpopGuitarist
      @ThatKpopGuitarist 3 года назад +1

      This may sound dumb, but I was having the same issue and I apparently wasn't pressing hard enough on my Mac's trackpad...

    • @brennanpeterhunt
      @brennanpeterhunt 2 года назад

      You just don't have the number of repeats set to 20 like he does

    • @oakcomponents1839
      @oakcomponents1839 Год назад

      @@ThatKpopGuitarist it worked that way haha, thanks!

  • @amerizzuddin1322
    @amerizzuddin1322 11 месяцев назад

    when i paste the larger rectangle behind the text and the rectangle bounded to it behind,i can still see that the rectangle around is the text is not visually blended to the bakcround rectangle,the line still appear,what should i do ?

  • @reza_nofiandri21
    @reza_nofiandri21 2 года назад

    Req for Autobot Tutorial hehe

  • @BASICPLAYER
    @BASICPLAYER 2 года назад

    do we have to finalize with photoshop? illustrator is not capable? I don't know myself

  • @coffeeguy700
    @coffeeguy700 3 года назад

    Eurostile black

  • @jeffgearhart1754
    @jeffgearhart1754 3 года назад +9

    The tutorial in itself is good. However, you go rather fast and do not highlight the areas and tools you are using. This may be good for those that know where to go and what tool to grab, but for those wanting to learn the way to do this, way too fast and not exactly clear on steps.

  • @savyybabes1881
    @savyybabes1881 11 месяцев назад

    The blend tool doesn’t work for me. I only can click Blend options but not Make under Blend

  • @user-um8sy6oi6e
    @user-um8sy6oi6e 11 месяцев назад

    is there any way/tutorial to have this animated?

  • @BigzoTv
    @BigzoTv Год назад

    What if i don’t want the back ? That way i can add it on a shirt ?

  • @SwandikaTio_
    @SwandikaTio_ 2 года назад

    What you play nice tutoet league on?

  • @katrinacrump1849
    @katrinacrump1849 2 года назад

    how would I go about putting a design like this on a shirt?

  • @m1lk843
    @m1lk843 Год назад

    The make in the blend part is greyed out how do I fix?

  • @jackcornwall2566
    @jackcornwall2566 2 года назад

    My object-blend-make option is greyed out?

  • @veenapandey7365
    @veenapandey7365 2 года назад +1

    Hi, When I am doing the outline stroke to the topmost text, it is making all the bottom ones too with the added outlines. How to fix this? Please reply.

    • @jortoska3217
      @jortoska3217 11 часов назад

      2 years late, but I had to select all, go to the object section in the tool bar at the top, click expand, after that I selected the Letter separately with shift, and then I used stroke with no fill. Maybe this is helpful to anyone reading this 2024 and beyond :)

  • @JP-co3hu
    @JP-co3hu Год назад

    is this can do with the 2022 version ?

  • @davidquintero1890
    @davidquintero1890 2 года назад +2

    Is there a way to adjust the opacity of the steps? I was thinking it would look insane if the blend faded out

    • @theWajahat
      @theWajahat 2 года назад +1

      You can reduce the opacity of the duplicated object and then use the blend option and that will make a fade effect. This works for colours as well, you could change the colour of the duplicate and it will blend the colours as well.

  • @maraprati
    @maraprati 2 года назад

    Can i do the same on photoshop cc?

  • @ZikyTM
    @ZikyTM 3 года назад

    whats name style this desgn?

  • @SuYuuz
    @SuYuuz 2 года назад

    Can we do it in mobile?

  • @cynrez
    @cynrez 3 года назад

    how do you cut text vertically and not horizontally?

  • @napalm_spb
    @napalm_spb 3 года назад +1

    Is it possible to make this in photoshop without just layers clonning? some third party plugins?!!

  • @marcjessie578
    @marcjessie578 3 года назад

    I hope we can do this on phone

  • @monroehehe
    @monroehehe 3 года назад

    woah

  • @hertzdesigns9166
    @hertzdesigns9166 3 года назад

    Nice

  • @arhansarkar7516
    @arhansarkar7516 10 дней назад

    Hey. How do i remove the black background

    • @jortoska3217
      @jortoska3217 11 часов назад

      Set the opacity to 0% :)

    • @arhansarkar7516
      @arhansarkar7516 5 часов назад

      @@jortoska3217 does it work? I want only the text and not the black rectangles that form a part of the design

  • @alexandrababault9754
    @alexandrababault9754 3 года назад +2

    Hello, for some reasons the blend tool is not active...I am on Mac and Adobe 2021 thanks

    • @sheriff7786
      @sheriff7786 3 года назад +6

      Don’t know if you’ve figured this out already but it might be because your text is area text! You can’t blend area text. So instead of selecting the text tool and drawing a text box, just click and type straight on the art board, if that makes sense.

    • @bazinproduction8732
      @bazinproduction8732 3 года назад +1

      @@sheriff7786 i f***ing love u so much thank you

    • @johnmax9306
      @johnmax9306 3 года назад

      @@sheriff7786 would have never figured this one out, you da best!

    • @dohahabssaia2719
      @dohahabssaia2719 3 года назад

      @@sheriff7786 mine is all grayed out when i click on blend>make ive been trying to figure it out for the past 2hours and its still not working
      Hope that makes sense

    • @D0SI
      @D0SI 2 года назад

      @@sheriff7786 Thank you... Been struggling with this for a while.

  • @jonteberglund7365
    @jonteberglund7365 3 года назад

    Im on pc and not mac and i fkn cant find the option for pc that you have marked as: Object, next to file and edit in the top left corner

  • @jlupemadeit
    @jlupemadeit 3 года назад

    is there a way to get rid of the black so I could export just the text?

    • @cevxj
      @cevxj 3 года назад

      you would use masks for each of the secondaries, it's a different process entirely I think

  • @tycho4173
    @tycho4173 3 года назад

    can i make this effect into a PNG without a background

  • @juanjoseparra1340
    @juanjoseparra1340 3 года назад +1

    Hey, im on a mac but when i get to the point blend>create is not letting click the option. Can you or someone help me?

    • @alexandrababault9754
      @alexandrababault9754 3 года назад +7

      hello, I had the same issue so what i did, i sélected text&shape > expend and then you can blend ;)

    • @juanjoseparra1340
      @juanjoseparra1340 3 года назад

      @@alexandrababault9754 thanks 😊

  • @kimwinterhalter8616
    @kimwinterhalter8616 2 года назад

    why cant i use object- blend - make? it does not do anything, i cant even click on it 🥺

  • @andres.sebastian.design
    @andres.sebastian.design 3 года назад +1

    I ❤ EUROSTILE!

  • @afroxermusic9898
    @afroxermusic9898 3 года назад

    What is the name of this kinda fonts?

  • @TelesphoreArt
    @TelesphoreArt 2 года назад

    3:25 😍

  • @spiderscurry5614
    @spiderscurry5614 3 года назад

    why is my preview CANNOT BE UNCHECKED HELP

  • @lukecobb7488
    @lukecobb7488 3 года назад

    For some reason it won’t let me click make when trying to blend, anyone know why or how to fix it?

  • @meyanoyte7015
    @meyanoyte7015 Год назад

    I’m unable to hear what I made???? HELP

  • @bytechnobestofgaming4124
    @bytechnobestofgaming4124 3 года назад

    6:30 how did you get out from the isolation mode? bruh im stupid

  • @DubC1231
    @DubC1231 2 года назад

    anchor point tool is not doing anything for me. halpppp

  • @user-re3en9su7z
    @user-re3en9su7z 2 года назад +3

    I like your tutorials but you go really fast and it's hard to see what tools you are using.

    • @katemelvin3447
      @katemelvin3447 2 года назад

      Slow down the video speed.

    • @DragonPixels
      @DragonPixels 2 года назад +1

      @@katemelvin3447 i tried that and it gets supppppper annoying after awhile

  • @angeliquerodriguez4428
    @angeliquerodriguez4428 11 месяцев назад

    still wouldn't let me

  • @laylablaskovic964
    @laylablaskovic964 3 года назад

    FOr the life of me I cannot select "MAKE" it is upclickable,

    • @joshuasteed899
      @joshuasteed899 3 года назад +1

      I found a fix for greyed out object-blend-make and you have to group the rectangle and text as he does then select the text and hit object-expand-click ok
      It should now let you use blend-make

  • @varunpadmanabhan6101
    @varunpadmanabhan6101 2 года назад

    Looks like a valorant trailer

  • @michaeltanjung4337
    @michaeltanjung4337 2 года назад

    rarp

  • @cosmocatmusic
    @cosmocatmusic Год назад

    There no fuckin OBJECT button maaaan

  • @PrimeEli
    @PrimeEli 2 года назад +1

    Doing this on Adobe illustrator 2022 sucks!!!!!!!

    • @DubC1231
      @DubC1231 2 года назад +2

      ya my anchor point tool isnt doing what hes doing...

    • @Our.bamboo
      @Our.bamboo Год назад

      @@DubC1231 ugh im having the same issue....

  • @charlieorsomething
    @charlieorsomething 3 года назад +1

    How the fuck are these retro? 😂

  • @fruzzz4
    @fruzzz4 Год назад

    In adobe illustrator are too f*kking many BUGS