Illustrator Tutorial: Retro Text Effect with Concentric Stripes

Поділитися
Вставка
  • Опубліковано 24 лют 2020
  • In today's Adobe Illustrator tutorial I'll show you how to create a retro text effect with colourful concentric stripes. Illustrator's Offset Path command produces the basic effect, but we will eliminate the tedious process of adding each outline individually with the help of an Action, so you will be able to fill an entire poster with this retro stripe effect within seconds.
    📺 WATCH THIS NEXT: Retro Striped Text Effect Illustrator Tutorial - • Retro Striped Text Eff...
    📦 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
    ⭐️ Save 50% on Chris Spooner's Favourite Fonts. Get them all for $51.50! - spoon.graphics/fonts
    ► Inspired by the work of Tyler Spangler - tylerspangler.com/
    ► Candy Shop colour scheme - spoon.graphics/2vGQ8Vq
    ► Activate the Korolev Font - spoon.graphics/3DyGp4b
    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/subsc...
    Visit my design blog: blog.spoongraphics.co.uk
    Follow me on Twitter: / chrisspooner
    Join me on Facebook: / spoongraphics

КОМЕНТАРІ • 29

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

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

  • @TravisTraps
    @TravisTraps 4 роки тому +4

    You are a god send. I was literally racking my head against the wall last night looking for a tutorial like this, but didnt even know what the effect was called, and was having a shit time getting frustrated.
    Logged on this morning and saw this video instantly. Kinda bizarre to be honest, but THANK YOU SO MUCH!

  • @KookieKrumble
    @KookieKrumble 4 роки тому

    So helpful. As always! Simple and to the point makes your videos so much easier to follow.....

  • @KellyNewcomerArt
    @KellyNewcomerArt 4 роки тому

    Thanks for this fun and joyfully colored tutorial

  • @hertzdesigns9166
    @hertzdesigns9166 4 роки тому +4

    This is amazing for posters

  • @pilgrim1290
    @pilgrim1290 4 роки тому +1

    Only Chanel I clicked the bell on. Love your content!

  • @ethannicholls7867
    @ethannicholls7867 4 роки тому +1

    Awesome, before I clicked on the video I didnt expect to learn anything new, but this is a much better method than what I would have done!

  • @midnightserenity6265
    @midnightserenity6265 4 роки тому

    I have been following you from quite some time. I still learn a lot from you. I made some concentric stripe posters for my iPad and iPhone :D So, Thank you very much for this amazing tutorial.

  • @winstonsgmx
    @winstonsgmx 4 роки тому

    Thanks. Amazing tutorial!!

  • @TheUnholyPosole
    @TheUnholyPosole 4 роки тому +13

    Ah ha ha ha!!! Now I know your secret Tyler Spangler. Your style is mine.

  • @harjith.d.bubber
    @harjith.d.bubber 4 роки тому

    That's a great tutorial. Thank you

  • @thunderwalk
    @thunderwalk 4 роки тому

    this is great! thanks!

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

    aaaah thank u so much!

  • @jojop.molinyawe2241
    @jojop.molinyawe2241 2 роки тому

    Thank you!

  • @novljanin
    @novljanin 3 роки тому

    Thank you man :)

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

    Fab - thanks!

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

    Holy Crap. SSSoo many tutorials overcomplicate things. This was so flipp'n simple. The addition of the Action was brilliant.

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

      Subscribed!

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

    📺 WATCH THIS NEXT: Retro Striped Text Effect Illustrator Tutorial - ua-cam.com/video/4wI5hisETek/v-deo.html

  • @massimomason2681
    @massimomason2681 4 роки тому

    Top

  • @yourmom4720
    @yourmom4720 3 роки тому

    Can you animate this in After Effects

  • @dantescarano4880
    @dantescarano4880 4 роки тому

    Would anyone know how to animate the whole action process, is that something that could be done in AE?

  • @pucksandpaperbacks
    @pucksandpaperbacks 4 роки тому +1

    Tried this out. But, with a longer message and everything just looks jumbled together now when I do "offset path". Any tips on how to fix this issue?

    • @jaseylove
      @jaseylove 4 роки тому

      I had a similar issue so I just increased the size of the offset path to make sure it covered all the space between the lines, creating a solid background behind the initial text.

  • @pavjanda
    @pavjanda 4 роки тому

    HELP! I'm trying to achieve the same effect but using a png instead of text... any idea how I can generate a path from my png's outline? Would be a MASSIVE help! Ta

    • @jaseylove
      @jaseylove 4 роки тому

      One way to do it in Photoshop is by using Layer Styles. You can do it manually by adding a stroke of say 10px then adding another stroke beneath it of 20px and the next 30px and so on... I'm sure you can create an action but I managed to make this effect on a png pretty quickly as you do it all in the same dialogue box. If you need further help let me know.

  • @alvaronevesjunior8856
    @alvaronevesjunior8856 3 роки тому

    How make gif this????

  • @maitreyibahuguna1623
    @maitreyibahuguna1623 3 роки тому +1

    So it doesn't collectively become a path. For example it's becoming a separate path for "Dream" and separate for "on" Help please.

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

      Having the same issue. Not sure what I'm missing here