Retro Text Effect in Photoshop Using Layer Styles

Поделиться
HTML-код
  • Опубликовано: 21 авг 2024

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

  • @IsotopeTheCasual
    @IsotopeTheCasual 4 года назад +150

    Background/Text Color: #f0e8c8
    Brown: #482c21
    Red: #a73e2b
    Orange: #d07e0e
    Beige (?): #e9deb0
    Blue: #2f615e
    This is just for reference, thanks for the tutorial!

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

      Thanks for helping me out! Glad you liked it :)

    • @IsotopeTheCasual
      @IsotopeTheCasual 4 года назад +1

      @@NewLayer anytime! Thanks for the tutorial. Do you have any recommendations for the font because I can't afford the font you're using

    • @NewLayer
      @NewLayer  4 года назад +1

      @@IsotopeTheCasual It's called Thirsty Script, which is not a free font unfortunately, but you can check it out here: creativemarket.com/YellowDesignStudio/8050-Thirsty-Script-Font-Family?u=DesignPanoply

    • @IsotopeTheCasual
      @IsotopeTheCasual 4 года назад +1

      @@NewLayer i was wondering if there were any other fonts that fit this style

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

      @@IsotopeTheCasual Nothing specifically comes to mind, but check out the scripts section here: www.dafont.com/mtheme.php?id=6

  • @NewLayer
    @NewLayer  4 года назад +4

    EDIT: Geez, and I thought I sounded monotone in my recent videos 😬
    See all of my text effect tutorials here: ruclips.net/p/PLEjFMg29XlSzZXV7YgeuAVkbZ_sPdHHu6

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

      Hi! in your video @ (3:24) when you change the (width & height) is in pixel. Mine is ( %percentage ). How can I change that thing. Thanks.

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

      @@millennium3772 you can just type px next to the numbers and it'll change it for you

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

    Bro thanks you helped me with Fiverr with this. Much love from Macedonia!!

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

    Awesome! I've been trying to figure this out for ages. Thanks so much!

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

    finally, I did it!!! I've been here weeks ago!!! I'm sooo happy

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

      Congrats! It's always a big step when you can't figure something out but you keep trying and eventually get it working :)

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

    Thanks for the tutorial

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

    So much to learn! Thanks for sharing this demonstration. You guys know your stuff :-)

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

    7:18 ------- Yeah bro I DID enjoy the video! Great video! Much appreciated!

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

    Thank you so much for this!!

  • @desynchronisatio
    @desynchronisatio Год назад +1

    great thank you

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

    This is awesome ! Well done

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

    My first attempt came out great. Thanks.

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

      Nice! Glad you could follow along and make it happen :)

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

    THIS IS UNDERRATED !

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

    Super cool text here man, thank you very much :) my first day of Photoshop has been a success

    • @NewLayer
      @NewLayer  4 года назад +1

      Thanks, glad it helped! Nice work for a 1st day :)

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

    Thanks a lot

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

    awesome!

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

    you're amazing!!!

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

    Love the video!! Thanks!!

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

      Glad you enjoyed it!

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

    Huge thanks man👏👏👏

  • @sergiocely-10
    @sergiocely-10 4 года назад +3

    Thank you my friend, youre the best. Saludos desde Colombia!

    • @NewLayer
      @NewLayer  4 года назад

      You're welcome! And thanks :)

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

    Wow. very helpful video. thank you for sharing! You got my subscription and like!

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

    steve blake knows how to photoshop now

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

    100% noobie with PS here but I did this very well its fun! Thank you so much

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

      Nice! Good job, glad my video helped.

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

    Genial, amigo. Muchas gracias.

  • @fabiGBOtown
    @fabiGBOtown 4 года назад +1

    Wonderful tutorial, I hope you make more, im subscribing

    • @NewLayer
      @NewLayer  4 года назад

      Thanks! I'm sure I'll make more in the future, just not sure when yet :)

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

    Great video

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

      Thanks! Glad you liked it :)

  • @Dkny2001
    @Dkny2001 4 года назад +13

    Jesus, i didnt knew that i can add more effects with the + ...shame on my and tons of thanks for you!

    • @NewLayer
      @NewLayer  4 года назад

      Haha, I remember the first time I noticed that upgrade, it's a game changer for sure :)

    • @ferdiramadani157
      @ferdiramadani157 4 года назад

      how can I add + to my blending option tool?

  • @ashabulwahidhan8385
    @ashabulwahidhan8385 4 года назад +1

    thank you very much form indonesia

    • @NewLayer
      @NewLayer  4 года назад

      You're very welcome from California!

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

    i cant paste the texture in mask

  • @LearnWithSNR
    @LearnWithSNR 4 года назад +1

    Yo Yo... Superb.... Thanks to sharing ya!

    • @NewLayer
      @NewLayer  4 года назад

      Yessir! Thanks for checking it out :)

  • @ElahlyDa7taMeny
    @ElahlyDa7taMeny 4 года назад +1

    amazing

    • @NewLayer
      @NewLayer  4 года назад

      Glad you think so!

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

    I’ve done everything correctly to my knowledge however when the borders appear they are blurry and not solid. I can’t seem to find what’s causing this. The opacity is at 100% and everything

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

      If you look at the properties of the vector mask, make sure the feathering is set to 0. Hope that helps.

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

      Make sure your Drop Shadow Blend Mode is set to Normal and its Opacity to 100%

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

    Question. Did you do this first? Or did Spoon Graphics do it first?

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

    im getting stuck at transform shape, when i change the aspect ratio it doesn't really change anything for me

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

      I was stuck too! I figured it out though - you just have to type "px" at the end of the numbers

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

      @@alexiskov4731 You saved me! Thank you!

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

    I tried to follow along, but I think in 2022 the Photoshop layout is different. I got the the "bullion" step, but that icon wasn't on my interface. Not sure what menu it's in.

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

    6:35 alt on my mac keyboard doesn't work. any alternative?

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

    When I try this my drop shadows are semi-transparent even though I have opacity set to 100 and the blend mode to normal. Any thoughts?

  • @jasmineramadhan22
    @jasmineramadhan22 4 года назад +5

    It won't let me click "Substract Front Shape"... Any advice?

    • @NewLayer
      @NewLayer  4 года назад +1

      It’s hard to say without seeing your file. Contact me on newlayer.com or DM me on Insta @newlayercom if you want to send it over and I can take a look.

    • @galangrhojans.8743
      @galangrhojans.8743 3 года назад +1

      same, how did you solve it?

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

      @@NewLayer Same... I can't... Your problem it's solved ?

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

      @@JustFlav Make sure you have the "Direct Selection Tool (A)" selected, not the regular selection tool. If you don't select the vector shape itself, you cannot access those controls.

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

    Hi! Using this technique on a big format and can't even export it as jpeg\png - text shadows get messy and wrong(( Any tips?

  • @no-xh4ir
    @no-xh4ir 3 года назад +2

    there is no "+" on my drop button and i can only use this effect once... how do i make multiple drop shadows?

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

      You need to have a legitimate Creative Cloud license. I believe the + sign became available in Photoshop CC 2015.

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

      you can duplicate the entire text layer + the effects, adjust the distance with the new layers as what he did. Dont forget to set the very first text layer you did on the top most part and keep adding the other layers behind that.

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

    hi..Thanks for your awesome video...getting issue with 4th drop shadow...every time when i click it ..its coming from first shadow and now from 3rd one..so thats why its changing the color of all 1st 2nd and 3rd drop shadow...i dont what i m doing wrong..hope you have understand ...please support..Regards

    • @NewLayer
      @NewLayer  4 года назад

      It sounds like you're doing them in the opposite order somehow, so when you create a new drop shadow, it's covering the others. Try doing them "backwards" in the opposite order and see if that works.

    • @aarcee8688
      @aarcee8688 4 года назад +1

      @@NewLayer thanks for your early...will do the same as said and check...became your fan...Regards

    • @NewLayer
      @NewLayer  4 года назад

      @@aarcee8688 Sounds good, thanks for your support :)

    • @aarcee8688
      @aarcee8688 4 года назад +1

      Yes it's okay...done and enjoyed..Many Thanks...

  • @armandowalls6831
    @armandowalls6831 4 года назад +1

    Very awesome video! Would love to see you do an awesome cartoon effects on an old Chevy NOVA OR BOX chevy Caprice or Impala.

    • @NewLayer
      @NewLayer  4 года назад +1

      I don't know about cartoon effect, but I did do a semi-car related text effect a LONG time ago on PSDTuts+ design.tutsplus.com/tutorials/create-a-retro-chrome-automobile-emblem-in-photoshop--psd-17485

    • @armandowalls6831
      @armandowalls6831 4 года назад

      @@NewLayer Thank you sir 💯 💪 💪 💪 🤘🏾 🤘🏾 🤘🏾 🔥 🔥 🔥

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

    At 3:25 while I am changing the width and height, there are no changes been done,it's the same thing
    I can't get the border thing, pls do help me out

    • @NewLayer
      @NewLayer  4 года назад +1

      It's hard to say without watching you do it. Make sure the shapes are in a Layer Group, and then add the Vector Mask to the Layer Group, and make sure you're editing the Vector Mask when you shrink it.

    • @binodpaul7452
      @binodpaul7452 4 года назад +1

      @@NewLayer Thanks for your advice, will definitely try out nd reach out to you soon!

    • @briandayle555
      @briandayle555 4 года назад +4

      Your adding it as a percentage, type px after the numbers stated and it border will appear

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

      @@briandayle555 you are a life saver

    • @natu--
      @natu-- 3 года назад

      @@briandayle555 exactly

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

    I've done this so many times but all of a sudden I can't paste images into the mask. I'm already doing alt + command into the layer and then pasting but nothing shows up. (I can see the pink outline of the image though) does anyone have any solutions?? thank you!

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

      Sounds like you are in Quick Mask mode or have the wrong channel selected in the Channels panel. Try checking those two things!

  • @SophzSophz
    @SophzSophz 4 года назад +1

    When I add the individual drop shadows I don't get the seperate colours, they go a weird grey colour for example if I select a nice orange it doesn't show like it should

    • @NewLayer
      @NewLayer  4 года назад

      The only thing I can think is that you're in Grayscale mode? Try clicking Image > Mode > RGB Color and see if that helps.

    • @briandayle555
      @briandayle555 4 года назад

      make sure the opacity is at 100%

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

      I had the same problem, what you have to do is make sure your blend mode (left of the color of the drop shadow) is set to normal. Mine was set to multiply and it made it look ugly but as soon as I turned it to normal it made it look like his (cuz that is was his is set to). Hope this helped!

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

    How can I fix the pixels of my text? it's blurry when I transfrom it to bigger size😭

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

    how can u have multiple drop shadow option? my layer style box only have 1 drop shadow...

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

      You need Photoshop CC, I believe it was introduced in 2015.

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

      @@NewLayer thank you so much! mine is the another version of photoshop but i can do it now 😊 thanks for the tutorial tho

  • @armandowalls6831
    @armandowalls6831 4 года назад +1

    Do you have a video doing the Hope design???

    • @NewLayer
      @NewLayer  4 года назад +1

      Not personally, no. But I'm sure there's a good amount of tutorials on that already out there since it's pretty old :)

  • @_Kavannah_
    @_Kavannah_ Год назад +1

    ♥♥♥

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

    i can't do the ctrl V part... i don't understand

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

    I tried to follow the steps that was taught in this video but I encounter some problems with the last two colors.
    It will cover the first three colors of the drop shadow effect.
    Can someone provide some tips how to fix that? perhaps, it is bec. of my settings
    thanks!

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

    i dont have an option to add more drop shadow. it only do it once

    • @NewLayer
      @NewLayer  4 года назад +1

      Mythical Phoenix That option is only available in Photoshop CC.

    • @proxzy5988
      @proxzy5988 4 года назад +1

      I duplicated the text layer to the same amount of drop shadows used, seemed to work well. And added one drop shadow to each copy. Just make sure the layers are in order. First on the top, second under etc....

    • @NewLayer
      @NewLayer  4 года назад

      @@proxzy5988 Yep! This is how I used to do this before Adobe added the option for multiple drop shadows in a single style. Glad you figured it out :)

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

    how to add whole bunch of drop shadows? I'm using cs6.

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

      You need CC or newer.

  • @ericlightkep
    @ericlightkep 4 года назад +1

    Can't move my rectangle with the move tool. Please help.

    • @NewLayer
      @NewLayer  4 года назад

      To move vector shapes you need to choose the Direct Selection tool (A), then select the shape, then you can move it.

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

    my document's size is 16x9 inches, what size can my vertical stripes be?

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

      Just divide the width of your document by the number of stripes you want, and that's how wide each stripe should be.

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

      @@NewLayer THANK YOU SO MUCH, YOU'VE EARNED A FAN. 👋🏿 ALL THE WAY FROM 🇵🇭

  • @Heemdeezy22
    @Heemdeezy22 4 года назад +6

    whenever I subtract front shape, im not getting the colors around the border just the tan color all around, any help?

    • @NewLayer
      @NewLayer  4 года назад +1

      It's hard to say based on that description. Are both your vector shapes the same size by accident?

    • @Heemdeezy22
      @Heemdeezy22 4 года назад +1

      New Layer i actually figured it out ! Sorry i forgot to remove my comment, thanks for reaching out ! Keep making dope tuts 🙏🏽

    • @NewLayer
      @NewLayer  4 года назад

      @@Heemdeezy22 No worries, glad you got it figured out!

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

    idk if its because of the font I used, but the shadow doesn't look as good as the one in the video

    • @NewLayer
      @NewLayer  4 года назад +1

      It’ll definitely look best with certain fonts, but since it’s layer styles you can always tea to fit anything as well as you can :)

    • @tminus21
      @tminus21 4 года назад +1

      @@NewLayer alright thank you! :)

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

    is it possible to do this to a logo? or just a text

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

      You can do this with any layer, as long as it has transparent parts. Like NOT a black logo on a white background, you'd have to separate the logo onto a transparent layer first.

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

      @@NewLayer THANK YOU!! I was trying it yesterday

  • @olivertan7102
    @olivertan7102 4 года назад +1

    I followed step by step but the boarder wont appear 3:25

    • @agtnz6675
      @agtnz6675 4 года назад +1

      Make sure is px and not %

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

    Can I do this with Adobe Photoshop 2020?

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

      Yep! Nothing special here, you could probably do this in 10 year old versions of Photoshop just the same.

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

      I tried doing this last night using cs6 but I can't add more layers. So I decided to purchase Adobe Photoshop 2020. Is it that necessary?

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

      I mean i cannot add more drop shadow using cs6*

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

      @@margoks Ah yes. In old versions you can still do it, but what you need to do is create many copies of the text and give each copy a single different drop shadow. So it's possible, just a bit more of a hassle.

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

      @@NewLayer i now have Adobe Photoshop CC 2020

  • @toanvo8734
    @toanvo8734 4 года назад +1

    I no select subtract front shape (time 3:36).

    • @NewLayer
      @NewLayer  4 года назад +1

      Make sure you select the actual vector shape. You need to choose the Vector Mask and use the Direct Selection or Path Selection Tool to select it before changing it to Subtract Shape.

    • @toanvo8734
      @toanvo8734 4 года назад

      @@NewLayer All right !

  • @galangrhojans.8743
    @galangrhojans.8743 3 года назад +1

    I can't create a border omg it won't fit on my template

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

      Sorry. I can only recommend re-watching and following the steps in that section more closely. Many people forget to choose the "Direct Selection Tool (A)" and choose the regular selection tool by mistake.

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

      @@NewLayer I'm having the same issue. Its having the W and H in % and not px

  • @vmt311
    @vmt311 4 года назад +1

    6:16 How can I find this image, pls???

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

      www.transparenttextures.com/

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

    I can't cut the vector mask, I'm using Photopea.

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

      Sorry I have 0 experience with Photopea.

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

      @@NewLayer oh okay, thank you.

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

    can someone help me to i will send to you my text i really dont know how to edit pls :(

  • @quawckquack444
    @quawckquack444 4 года назад +1

    Name of the font?

    • @NewLayer
      @NewLayer  4 года назад +1

      Thirsty Script, you can find it here: creativemarket.com/YellowDesignStudio/8050-Thirsty-Script-Font-Family?u=DesignPanoply

    • @quawckquack444
      @quawckquack444 4 года назад +1

      @@NewLayer thanku so much for answering

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

      @@NewLayer Special thanks from Myanmar(Burma)

  • @misaelaquino1461
    @misaelaquino1461 4 года назад +1

    ¿Name of font=?

    • @NewLayer
      @NewLayer  4 года назад +1

      It's called Thirsty Script: creativemarket.com/YellowDesignStudio/8050-Thirsty-Script-Font-Family?u=DesignPanoply

    • @misaelaquino1461
      @misaelaquino1461 4 года назад

      @@NewLayer Gracias, buen hombre. Saludos desde República Dominicana.

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

    Im using CS6 and it's pain in the ass. Specially if you have to change the text after adding all those drop shadows multiple times. lol

    • @NewLayer
      @NewLayer  4 года назад

      Yep, definitely a pain with pre-CC versions! LOL

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

    Things are missed out....none of it worked....you had your first layer as 'colour fill', mine had a mask next to it. so the rectangle I created wasn't the same size as the canvas although the size was tthe same as you did.....I got to do it another way... but as soon as I put the coloured rectangles in a group, it stopped there and wouldn't allow me to access the rectangle tool...Pop up says can't access the tool without merging into a group, but it was in a group and I named it border...

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

    full of troubles, I gave up

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

      Sorry to hear. This is the easiest way to achieve this effect while maintaining maximum editability, so perhaps you can try again once you've practiced your Photoshop skills some more.

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

    You talkin to fast,and hard to catch it.even stop them vid hard to see the Tony thing

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

      You can set the playback speed to .75x or even .5x if you need to.

  • @mustprint5945
    @mustprint5945 4 года назад

    :)

    • @NewLayer
      @NewLayer  4 года назад

      Why thank you!

    • @mustprint5945
      @mustprint5945 4 года назад +1

      @@NewLayer Its not me, Im so sorry

    • @NewLayer
      @NewLayer  4 года назад

      @@mustprint5945 No worries, hope you get your account back :)

    • @mustprint5945
      @mustprint5945 4 года назад

      @@NewLayer thank dude..

  • @maryrosenelson2121
    @maryrosenelson2121 4 года назад

    overly complicated

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

      If you know of a way to get the same look with less steps, I'm sure everyone would love to know. Some looks require this much effort.

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

    This video could've easily been 2 min tops

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

      You’re right. Let me know when you upload your 2 min version and I’ll be the first to comment.