Це відео не доступне.
Перепрошуємо.

Retro Striped Text Effect Photoshop Tutorial (+FREE Textures)

Поділитися
Вставка
  • Опубліковано 23 тра 2022
  • Over the years I’ve shared several tutorials showing how to create retro text effects mostly using Adobe Illustrator, so today I thought I’d mix things up and show some techniques for creating retro striped text effects with a 70s vibe using tools in Photoshop.
    Photoshop’s Layer Style tools are the natural place to start, but as we’ll discover they don’t quite cut it. Instead, we’ll make use of the ‘Step and Repeat’ trick to generate an extended drop shadow effect that can then be divided up into coloured stripes.
    This kind of retro text effect is ideal for creating T-shirt designs, so stick around until the end to see how my ‘Washed & Worn’ textures pack can easily make your artwork look like an old cracked T-shirt print.
    ⭐️ Get Millions of Creative Asset Downloads from Envato Elements - spoon.graphics...
    📺 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...
    🙏 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...
    ► Purchase the Saekana Script Font - spoon.graphics...
    ► Get 50% off my Washed & Worn Deluxe Texture Pack with the code: NEWSUBSCRIBER - spoon.graphics...
    ► Download my FREE Washed & Worn Textures Pack - spoon.graphics/...
    ► Retro Striped Text Effect in Adobe Illustrator (2019) - spoon.graphics...
    ► How To Create a Retro 70s Style Striped Logo Type Effect (2018) - spoon.graphics...
    ► Retro Text Effect in Adobe Photoshop (2017) - spoon.graphics/...
    Deals & Discounts:
    ⭐ Get 20% off ANYTHING in my Spoon Graphics Shop with the code: 20OFF - 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.spoongrap...
    Visit my design blog: blog.spoongrap...
    Follow me on Twitter: / chrisspooner
    Join me on Facebook: / spoongraphics

КОМЕНТАРІ • 40

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

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

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

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

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

    ► Purchase the Saekana Script Font - spoon.graphics/3ajDkc5
    ► Get 50% off my Washed & Worn Deluxe Texture Pack with the code: NEWSUBSCRIBER - spoon.graphics/35qwzxZ
    ► Download my FREE Washed & Worn Textures Pack - spoon.graphics/2r7M0tZ
    ► Retro Striped Text Effect in Adobe Illustrator (2019) - spoon.graphics/2WQ84EZ
    ► How To Create a Retro 70s Style Striped Logo Type Effect (2018) - spoon.graphics/2OhMZQc
    ► Retro Text Effect in Adobe Photoshop (2017) - spoon.graphics/2p4db3s

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

    Thank you for the tutorial and files!

  • @user-vn3dg9lp2g
    @user-vn3dg9lp2g 10 місяців тому

    Spoon graphics ❤😍✨💎

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

    I have watched, rewatched, watched again, continuously trying to get the final texture to work. the texture downloads come as jpeg, not png. My selections are reversed and poor. super frustrating at this point

    • @dantheman2907
      @dantheman2907 2 роки тому +5

      What you'll need to do in this case is to make the texture layer transparent. Open it in a new document, double click on the layer in the layer stack to open up the layer styles box, then use the blend if slider to remove the white by alt/option clicking on the white slider and drag it all the way to the black side, then click done. Select all, then copy and paste into your text document and set it up as described in the video.
      If all else fails, check out the latest video from texture labs on knockout masks.

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

      Have you tried changing the blending mode

    • @anny2946
      @anny2946 Рік тому +2

      I did what Dan The Man below suggested, but with a couple more steps (if you're starting with a jpeg file): 1) right click the texture file and open in Illustrator 2) File > Export > Export As... > Format: PNG with Transparency box checked 3) Open the new PNG file in Photoshop (should come in as a "Layer 1") 4) Double click on the layer in the layer stack to open up the layer styles box, then use the "Blend If:" slider to REDUCE the white by dragging it towards the black side (I set my Current Layer white to about 189), then click Ok. 5) Save the file and CLOSE it 6) Reopen the PNG in Photoshop, then right click the layer and select Duplicate Layer and set your destination document as your "SURF" file. Click Ok. 7) The layer should now be in your "SURF" file. Continue following the video to set your knockout to Shallow and Fill to 0%.

    • @Gr8Poseidon
      @Gr8Poseidon 11 місяців тому

      You add it to a nask

    • @Gr8Poseidon
      @Gr8Poseidon 11 місяців тому

      By holding ALT and clicking the mask

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

    I don't know what the issue is for me, but I had to do 7 pixels for the stroke, 60 copies, and 2 degrees of rotation to get similar results. Any variable that had a number value, I had to do differently than this video to get the same result.

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

      I only had to do 22 copies, otherwise it was massive!

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

    I downloaded the textures, just very confused at how to use. There are multiple on a page, it uploads the entire thing and lags when I put on my image

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

    thank youuu, actually inspiring!

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

    This is so nice! Is there a step by step typed version I could follow? So many steps.

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

    Great, thanks!

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

    chat giong rat truyen cam va rat de tiep thu, chi tiet va de hieu xin cam on su chia se cua chi

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

    Thanks!

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

    Ohhh, thank you 😍😘

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

    Great video as always. And greatly appreciated. I can’t believe it’s 2022 and most of this tutorial is just work arounds for how awful Adobe products are… But I’m glad you’re helping out by finding these bugs and work arounds for everyone!

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

    Nice 💕💕

  • @johnr.sullivan5795
    @johnr.sullivan5795 Рік тому

    You give instructions for a changeable text version near the end of the video, but once you've created the style, how do you actually change the text without going through the whole process from scratch?

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

    What was the font that u used called

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

    Load up one of the PNGs... the free ones are Jpeg... LOL!

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

    alt+baskspace not work :( why?

  • @kimmossige263
    @kimmossige263 2 місяці тому

    @2:55 what?

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

    💖

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

    Ai người Vietnam xem xong làm theo được chỉ với, làm theo mãi không được huhu

    • @NamTran-gw4oq
      @NamTran-gw4oq 2 роки тому

      Em không làm được chỗ nào?

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

      @@NamTran-gw4oq Dạ chỗ Ctrl T rồi tới Ctrl + Alt Shift + T (3:20 tới 3:40) Bên em không được dày chữ lên như trên video

    • @NamTran-gw4oq
      @NamTran-gw4oq 2 роки тому

      @@nhumy8375 em ctrl T xong dùng phím mũi tên di chuyển chéo lên 1 2 nhịp xong ấn enter ròi ấn ctrl alt shif t bình thường

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

    Its difficult lesson I don’t get anything

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

      Tok fast and you can’t even see what kind of font he used.

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

    186 is lot bro

  • @johnjeffersoncarandang1139
    @johnjeffersoncarandang1139 4 місяці тому

    very unclear instructions

  • @user-aaaabb
    @user-aaaabb 2 роки тому

    check your email pls

  • @JWMCMLXXX
    @JWMCMLXXX Місяць тому

    Photoshop has AI but it cant make these shadows
    lol