How to Create a Colourful Stacked Text Effect (Illustrator & Photoshop Tutorial)

Поділитися
Вставка
  • Опубліковано 29 чер 2024
  • In today's tutorial I'm going to show you how to create a colourful text effect with several stacked text elements that are progressively spaced further apart and transition through the colour spectrum to produce a rainbow effect. It reminds me of the kind of retro 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 stacking text effect, but I will also show you a trick to alter the spacing of the text with a cool easing effect and show how to give the vector artwork the look of an old, damaged VHS tape box by adding textures in Adobe Photoshop.
    📺 WATCH THIS NEXT: 🌈 How to Make This Colourful ‘Rainbow’ Text Effect in Adobe Illustrator - • RAINBOW Text Effect Il...
    📦 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
    ► Download a FREE sample of my Retro Cover Art Textures - spoon.graphics/36y4mqb
    ► Download my FREE Photocopy Textures - spoon.graphics/17K117j
    ► Watch my Retro Text Effects with Illustrator's Blend Tool tutorial - spoon.graphics/3oH4dcx
    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

КОМЕНТАРІ • 60

  • @spoongraphics
    @spoongraphics  2 роки тому +2

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

  • @D4sxysrb
    @D4sxysrb 2 роки тому +6

    Even though I don't use these tutorials, they're very therapeutic.

  • @cetterballsaul5592
    @cetterballsaul5592 2 роки тому +1

    I'm in love with this design!

  • @MolioMan
    @MolioMan 2 роки тому +1

    Excellent, as always! Really like your tutorials!

  • @darenlawrence5824
    @darenlawrence5824 2 роки тому +1

    80s greatness! Love it.

  • @harjith.d.bubber
    @harjith.d.bubber 2 роки тому +1

    You are a good man. Love your tutorials

  • @ThePatchulee
    @ThePatchulee 2 роки тому +1

    Thank you for the awesome tuts and tools... I really enjoy recreating them!

    • @DubC1231
      @DubC1231 Рік тому

      can you produce results like this? i am currently seeking a graphic artist that can create 10-20 possibly 30 graphics like in the video for me and my project, i am willing to pay cash of course. please let me know!! thank you

  • @gogolmasque438
    @gogolmasque438 2 роки тому +2

    It's exactly the stack effect I need! Thank you so much.

    • @DubC1231
      @DubC1231 Рік тому

      can you produce results like this? i am currently seeking a graphic artist that can create 10-20 possibly 30 graphics like in the video for me and my project, i am willing to pay cash of course. please let me know!! thank you

  • @mcrisd
    @mcrisd 2 роки тому

    Now that was AWESOME!!

  • @ElainePuma
    @ElainePuma 2 роки тому

    I love this more than my life! Wow thank you

  • @karolinerover8020
    @karolinerover8020 2 роки тому +2

    Thank you, I needed this. And you're good at explaining

    • @DubC1231
      @DubC1231 Рік тому

      can you produce results like this? i am currently seeking a graphic artist that can create 10-20 possibly 30 graphics like in the video for me and my project, i am willing to pay cash of course. please let me know!! thank you

  • @juliecingolani9659
    @juliecingolani9659 2 роки тому

    Wow! Love it!!

  • @JMArts
    @JMArts 2 роки тому

    this is actually a really solid tutorial

  • @maria.jose.6
    @maria.jose.6 2 роки тому

    This is really cool, thank you

  • @Filtergrade
    @Filtergrade 2 роки тому

    Super cool!

  • @martinludwig8009
    @martinludwig8009 2 роки тому

    You are a wizzard of extremly cool retro design

  • @mirjanaurevic6749
    @mirjanaurevic6749 2 роки тому

    Great!Thank you!

  • @quacquac_quacquac
    @quacquac_quacquac 2 роки тому

    Amazing 🥰🥰

  • @andresfelipegarciacordova4075

    Very easy explained

  • @kleinerNils1977
    @kleinerNils1977 2 дні тому

    Really Cool Video, thanks!
    But how does this work with a transparent background?

  • @akeel_1701
    @akeel_1701 2 роки тому

    excellent video

  • @YouLikeJohn
    @YouLikeJohn Рік тому +1

    Awesome tutorial, as always - thank you! I have a question... how can you modify this in order to have a transparent background (instead of black)?

  • @gregoriogarcea
    @gregoriogarcea 2 роки тому

    Bel tutorial!

  • @greyserif5562
    @greyserif5562 2 роки тому

    Cool technique, i feel like i have discovered something new

  • @spoongraphics
    @spoongraphics  Рік тому

    📺 WATCH THIS NEXT: 🌈 How to Make This Colourful ‘Rainbow’ Text Effect in Adobe Illustrator - ua-cam.com/video/eI1dk7RAPhw/v-deo.html

  • @spoongraphics
    @spoongraphics  Рік тому

    ► Download a FREE sample of my Retro Cover Art Textures - spoon.graphics/36y4mqb
    ► Download my FREE Photocopy Textures - spoon.graphics/17K117j
    ► Watch my Retro Text Effects with Illustrator's Blend Tool tutorial - spoon.graphics/3oH4dcx

  • @videocasetteTV
    @videocasetteTV 2 роки тому

    Your work is awesome
    kindly may you create corporate poster design in Photoshop, thanks in advance

  • @HoroshvacheBrodyaga
    @HoroshvacheBrodyaga 2 роки тому

    очень круто !!!

  • @ForgottenDetails
    @ForgottenDetails Рік тому

    Thanks for this vid. Can this effect be achieved in PS alone?

  •  2 роки тому

    Great video! What is the name of the background song?

  • @yakyakyakperfect
    @yakyakyakperfect 2 роки тому

    Had To Sub After This 🔥😭

    • @DubC1231
      @DubC1231 Рік тому

      can you produce results like this? i am currently seeking a graphic artist that can create 10-20 possibly 30 graphics like in the video for me and my project, i am willing to pay cash of course. please let me know!! thank you

  • @samxday
    @samxday 2 роки тому

    Cool. I made one of these manually in photoshop 😥

  • @danieljr2731
    @danieljr2731 Рік тому

    thank you so much! but when i apply the screen mode in PS, the text looks almost grey. .can you tell me why?? THanks again!

  • @GartBrand
    @GartBrand 2 роки тому

    Very Practical and Nice 👍👍

  • @mastamanx37
    @mastamanx37 Рік тому +1

    Are you suppose to expand or create outline on the text in order to make blend for text and black rectangle? It won't blend unless I do that.

  • @traceymahoney6958
    @traceymahoney6958 2 роки тому

    Great Tutorial , Cn you do this with just photoshop or affintiy Designer ? thank you

    • @DubC1231
      @DubC1231 Рік тому +1

      can you produce results like this? i am currently seeking a graphic artist that can create 10-20 possibly 30 graphics like in the video for me and my project, i am willing to pay cash of course. please let me know!! thank you

  • @dantebrolin5971
    @dantebrolin5971 2 роки тому

    how did you use the anchor tool. whenever I do it it screws up

  • @gritszn6187
    @gritszn6187 2 роки тому

    How can i achieve this same effect, but without the black background, just text?

  • @kokochono5054
    @kokochono5054 2 роки тому +1

    This tutorial isn't working for me. I had to expand them for the blend took to work and when I try to stretch it with the curvature tool it throws the objects everywhere! D : randomly puts them upside down or scatters them! Help...

  • @kjorg27
    @kjorg27 2 роки тому

    When I Swap Fill & Stroke after directly selecting the top text object, the change is applied to the entire blend. However, I can make edits to the bottom text object that apply to it only. My groups should be arranged as are yours.
    Regardless, many thanks!

    • @DubC1231
      @DubC1231 Рік тому

      can you produce results like this? i am currently seeking a graphic artist that can create 10-20 possibly 30 graphics like in the video for me and my project, i am willing to pay cash of course. please let me know!! thank you

    • @Kyle-tt1lv
      @Kyle-tt1lv Рік тому

      @@DubC1231 I was successful in using this tutorial, but I'll let you use it yourself or find someone nearby. Good luck!

    • @DubC702
      @DubC702 Рік тому

      @@Kyle-tt1lv what was the point of even replying? 👀

  • @amranmed
    @amranmed 2 роки тому

    Why I can not blend the text. before blends, I have to convert him into outlines.

  • @Retro-zn2jt
    @Retro-zn2jt 2 місяці тому

    My blend option doesn't work with the same options as yours. My text is multiplied and the colors are strange. The first letter of my text disappears, I don't know why

  • @thesecondthoughtpodcast9935

    How do you Blend and select Make in Photoshop? There is no object option.

  • @JayRaTheRu
    @JayRaTheRu Рік тому

    It will not let me "MAKE" a blend. Any fix or reason why this is?

  • @pinkzombie7989
    @pinkzombie7989 2 роки тому

    my blean option wont work. I tried it with the rectangle alone and it worked, I grouped the text and the rectangle but for some reason when its grouped it wont work. Its like it know that there is text on my rectange. Any idea on how to fix it ?

    • @spoongraphics
      @spoongraphics  2 роки тому +1

      What kind of result are you getting instead? You could try Outlining the text (CMD+Shift+O) to rule out whether it's something to do with the type object

    • @pinkzombie7989
      @pinkzombie7989 2 роки тому

      @@spoongraphics ok! Thank you, I will try that when I am back at my computer! But it doesn’t let me press ‘make’ at all and under Blend options, nothing I click on transfers on to my art-board so I didn’t get any result. However, as a quick fix, I did the first part of the Graphic in Indesign and copy and pasted into Illustrator. I guess it recognized that as more of an object so the blend mode worked , not the best since the colors were slightly off but I was able to get a result similar to your video.

    • @D0SI
      @D0SI 2 роки тому

      @@pinkzombie7989 I am having the same issue? Any resolution ?

  • @DubC1231
    @DubC1231 Рік тому

    i am currently seeking a graphic artist that can create 10-20 possibly 30 text effect graphics like in the video for me and my project, i am willing to pay cash of course. please let me know!! thank you

  • @paulwalters5664
    @paulwalters5664 2 роки тому

    ??o?o?? ?

  • @johnnada
    @johnnada Рік тому

    Dude this is not photoshop stop your click bait BS you waster like 5 mins of time thinking this was photoshop