Creating glass typography in Photoshop and Illustrator in 3 minutes

Поділитися
Вставка
  • Опубліковано 24 сер 2024

КОМЕНТАРІ • 159

  • @naturetonyx
    @naturetonyx  9 місяців тому +4

    NEW FULL GLASS typographic tutorial is now available to watch here: ua-cam.com/video/FbkGyl0YR6Y/v-deo.html Enjoy and 'stay glassy' 🍸

  • @oanamagureanu3179
    @oanamagureanu3179 10 місяців тому +24

    im sorry but this tutorial is incredibly hard to follow, i have been trying for two days. Its way too fast, you barely explain anything you re doing and the portrait format of the video makes it even harder to see whats going on. its a shame, i really like your style

    • @naturetonyx
      @naturetonyx  10 місяців тому

      yeah I've basically just reuploaded the tiktok format in to here :D but I suppose I could make this tutorial for YT too, bear with me...

    • @naturetonyx
      @naturetonyx  9 місяців тому +4

      Hey if you're still struggling replicating this effect, I've made a full tutorial on creating glass typography, have a look and let me know if you still got questions: ua-cam.com/video/FbkGyl0YR6Y/v-deo.html

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

      Hello! There is a way to slow down the speed of the video in the bottom right video settings! Enjoy! A colleague just showed me this 😅

  • @marinabeck3590
    @marinabeck3590 Рік тому +19

    Wow!!! It really helped that you uploaded the longer version here. I tried to repeat the steps from your instagram reel, but I didn't notice the step where you turned down the fill for the "server" in Photoshop from 100% to 0%, before you started to create the inner shadows and that's what I missed... And all the time I couldn't figure out why your letters were so see-through and mine were black hahaha I was still able to achieve some nice glass effects, but I'm going to try it again. Thank you for that cool tutorial!!! 😍

    • @naturetonyx
      @naturetonyx  Рік тому +3

      thanks, glad it helped, hopefully I've passed the logic. will try and be clearer next time

  • @aki.wanders
    @aki.wanders 6 місяців тому +2

    I like how you explained *why* you’re doing some of the steps in this video! Super helpful

  • @surprise_feed
    @surprise_feed 3 місяці тому

    This is insane, Anton! Kudos for such a great tutorial! Loved it. Very clever and beautiful!

  • @kimhyeonjeong
    @kimhyeonjeong 10 місяців тому +5

    와!!! 엄청나게 많은 영감을 받았습니다. 멋진 그래픽 기술입니다. 많이 배워갑니다. 앞으로도 많은 멋진 작품들 올려주세요!!!! 👍👍👍

    • @naturetonyx
      @naturetonyx  10 місяців тому +3

      감사합니다. 계속해서 영상을 만들겠습니다

  • @olajoseph617
    @olajoseph617 3 місяці тому

    WOW the last part says it all, amazing bravo👏👏

    • @naturetonyx
      @naturetonyx  3 місяці тому

      yep all the magic happens for those who wait 😉

  • @kupi_cheeseburger
    @kupi_cheeseburger 8 місяців тому

    Amazing. Need extended version of this tutorial 🙏🏻

    • @naturetonyx
      @naturetonyx  8 місяців тому +1

      thanks! I've made this version instead: ua-cam.com/video/FbkGyl0YR6Y/v-deo.html

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

    Thanks for the tutorial! Made a lovely poster!

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

    Excellent.

  • @babyyyyface
    @babyyyyface 9 місяців тому

    It's amazing!! Thank you so much for tutorial!!

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

    I am so sorry for my comment Anton! The tutorial is great, and I was just in a bad mood lol, trying to get a glass effect done for a project on a tight deadline, and I couldn't follow. My apologies ❤, and yes I did find the longer tutorial on this effect later 😊😊!

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

    I'm Impressed amazing work

  • @peterbushuev
    @peterbushuev 10 місяців тому

    Great tutorial! Thank you for giving links to the fonts! 🤜🤛

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

    Thank you for this tutorial version 🎉🎉

  • @lisemassard3985
    @lisemassard3985 10 місяців тому

    Amazing ! Tank you so much !

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

    Incredible tutorial.

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

    Thank you 🙏

  • @user-kw9lo6vh5z
    @user-kw9lo6vh5z 6 місяців тому

    pretty cool indeed :D

  • @chrisschriss0507
    @chrisschriss0507 3 місяці тому

    so nice bro

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

    thanks i didn't get it at first time but ill will try again i got the gist displacement map tho

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

      it's the most important part, essentially practicing it helps to understand it better, let me know if anything

  • @coolersss
    @coolersss 10 місяців тому

    Nice lesson

    • @naturetonyx
      @naturetonyx  10 місяців тому +1

      thanks a lot, glad you enjoyed 🙏

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

    nice work 💕💕

  • @felixdachhauser5864
    @felixdachhauser5864 9 місяців тому

    I don't know anything about creating such artwork. I just love to look at it. You are a genius. Can I buy your posters?

    • @naturetonyx
      @naturetonyx  9 місяців тому

      🥰🥰 wich one do you want to buy?

  • @animamundi9652
    @animamundi9652 3 місяці тому

    That was cool man thx. Can you explain why do you add and delete the black layer? I lost you there

    • @naturetonyx
      @naturetonyx  3 місяці тому

      thanks 🙏 if you mean the part on 2:08 - it's just a quickest way to set the displacement mask to be the same dimensions as your original comp. Black layer (or any other colour) is a dimension setter, you should get rid of it after 👍 hope that helps

  • @rycidic
    @rycidic 10 місяців тому

    great vid 🎉

  • @user-re5zg9ud8m
    @user-re5zg9ud8m 11 місяців тому +2

    Proper struggling with the inner shadow settings, trying to copy exactly what you did but it just isn't looking how yours does!

    • @naturetonyx
      @naturetonyx  11 місяців тому +1

      It's ok, just play around, try increasing values, smoothen and play with their opacity, it's all about the balance, which different people feel differently!

  • @redowangrafix
    @redowangrafix 7 місяців тому

    Great❤

  • @giuliagaburro1207
    @giuliagaburro1207 Рік тому +3

    Amazing job!!& thank you very much for the tutorial:) Can I just ask you which kind of material did you choose in Ai for the Pillowlava font?

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

      Thanks, the material was set to Default!

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

    Thanks bro

  • @laurafarias5226
    @laurafarias5226 10 місяців тому +2

    Idk if it's my computer, but when I go to make the 3d typography in illustrator, it looks blurred and the edges loose sharpness, so when I paste it to ps it looks the same :((

    • @naturetonyx
      @naturetonyx  10 місяців тому +1

      Try doing the following things: 1. set the 3d type to be minimum 250px per a letter. 2. Go to Effects > Document Raster Effect Settings > Set resolution to 300ppi minimum 3. When Rendering make sure you click High in Quality options. Hope it helps 👍

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

    Thank you so much!!! Please, can you write what font you use?🙏🏻😍

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

      Fonts are available in description

  • @adehopkins749
    @adehopkins749 10 місяців тому

    NOICE!

  • @isalma203
    @isalma203 8 місяців тому

    My laptop will looooose its mind

    • @naturetonyx
      @naturetonyx  8 місяців тому

      haha, get it a new mind 😉

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

    🔥🔥🔥

  • @Why22Studio
    @Why22Studio 6 місяців тому

    🔥

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

    What font used on the surrounding texts?

  • @Leon-zg2zg
    @Leon-zg2zg 6 місяців тому

    Please could I get your inner shadow settings, want to replicate the same colours and percentages you have but struggling to keep up

    • @naturetonyx
      @naturetonyx  6 місяців тому

      Hey thanks for the feedback. I wouldn't want to advice on the exact figures as I'd like you all try yourself to get the unique result. Alternatively you could pause the video and take a screenshot. Good luck

  • @Moreinius
    @Moreinius 10 місяців тому

    Can you explain what was the purpose of the black layer and turning everything into a smart object at 2:06?

    • @naturetonyx
      @naturetonyx  10 місяців тому

      Sure, thanks for asking:
      1. If you look at my layers you'll see that my background at that time consisted of Colour Fill (which does not keep canvas size/proportions), so painting a New Layer black, automatically set's it to be the same size as my canvas proportions. Think of it as a concrete upon which the whole structure stands on. (BTW you can create that New Layer at the beginning, I've just forgotten it at first)
      2. Turning everything into a Smart Object allows you unify all the Layers in to ONE composition to be able to apply the Distortion Mask effect to. You can also unify all by pressing CMD+E but you won't be able to tweak distortion preferences after that.
      Hope that helps.

  • @see.you.naonao
    @see.you.naonao 7 місяців тому

    The tutorial is great but I'm following all the steps and doesn't work the same in my black object with the global illumination. I try another lighter color than black and the 3D effect works properly.
    Any Idea if what is happening?!

    • @naturetonyx
      @naturetonyx  7 місяців тому

      Thanks for the feedback. I actually did not expect this much attention to my video hence it was done for those who get the basic 3D principles. Since people had lots of Q's I've made a proper tutorial with this matter: ua-cam.com/video/FbkGyl0YR6Y/v-deo.html&ab_channel=AntonBurmistrov have a try and let me know if it works

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

    👋 it’s amazing! , question…what document size on photoshop?

  • @adgzlctnkyl
    @adgzlctnkyl 10 місяців тому +2

    Can you make this video longer and give us more detail? It is so complicated and fast. Couldn't understand the stages.

    • @naturetonyx
      @naturetonyx  10 місяців тому +1

      preparing the video...

    • @adgzlctnkyl
      @adgzlctnkyl 10 місяців тому

      @@naturetonyx thanks a lot.

    • @naturetonyx
      @naturetonyx  9 місяців тому +1

      @@adgzlctnkyl Hey, as you already seen it, I've made the full video about the glass type. Let me know if you have any other outstanding q's

  • @shadynasty6393
    @shadynasty6393 5 місяців тому

    Beautiful

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

    У меня в слою shadow непрозрачный при редактировании, что я не так делаю?

    • @naturetonyx
      @naturetonyx  9 місяців тому

      Привет, я тут сделал полное видео-руководство по созданию стеклянной типографики, смотри и дай знать если останутся вопросы: ua-cam.com/video/FbkGyl0YR6Y/v-deo.html

  • @nathanfallis246
    @nathanfallis246 11 місяців тому +1

    Everything looks amazing but when i download the final piece my 3D glass type keeps changing blue, any tips on how to fix that ?

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

      how do you mean download?

    • @alanabrbot9322
      @alanabrbot9322 9 місяців тому

      @@naturetonyx This is happening to me too. When I tried to save the psd file as a png or jpeg, the glass turns blue when exporting

    • @naturetonyx
      @naturetonyx  9 місяців тому +1

      ​@@alanabrbot9322 have you tried Saving as a Tiff, or Saving For Web? Also have you tried Flattening Image?

    • @naturetonyx
      @naturetonyx  9 місяців тому

      ​@@alanabrbot9322 hey both, if you're still struggling replicating this effect, I've made a full tutorial on creating glass typography, have a look and let me know if you still got questions: ua-cam.com/video/FbkGyl0YR6Y/v-deo.html

  • @shanemilk9741
    @shanemilk9741 7 місяців тому

    А чем можно заменить эффект 3d and materials? В моей версии адоба 2019 года его нет(

    • @naturetonyx
      @naturetonyx  7 місяців тому

      Они походу убрали 3д из фотошопа, чтобы добавить в иллюстратор в 2022м. Я бы попробовал симулировать 3д эффект в Layer Styles при помощи Bevel & Emboss. Можно настраивать свет с одной стороны в одном лейере, потом копировать и наслаивать лэйеры один на другой, меняя направления света. Главное не забывать убирать заливку (Fill) у верхних лейеров чтобы проникал только эффект 👌

    • @shanemilk9741
      @shanemilk9741 7 місяців тому

      @@naturetonyxСпасибо большое за развернутый ответ!

  • @esmaybd
    @esmaybd 10 місяців тому

    This font is amazing, whats it called?

    • @naturetonyx
      @naturetonyx  10 місяців тому +1

      It's under video description 😉

    • @esmaybd
      @esmaybd 10 місяців тому +1

      @@naturetonyx oeps!! i didn't see haha, sorry 😳

  • @phodilus2141
    @phodilus2141 11 місяців тому +1

    I feel like this is possible just using photoshop too? I'll try and get back to edit my comment haha

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

      yeah, and obviously in 3d, unless you've got other softwares you're using?

  • @mynguyen4216
    @mynguyen4216 10 місяців тому

    Thanks for your helpful guidance! I set all the values and steps as yours but no thing happen when applying Distortion Displace ((: I do it do it again and the result stays the same. Please help me out 😭😭😭

    • @naturetonyx
      @naturetonyx  10 місяців тому

      It's got to be an error somewhere along the line of the process or something you've missed, or even perhaps I've missed mentioning. But first I'd like to recommend watching a video about distortion in photoshop somewhere on youtube?

    • @mynguyen4216
      @mynguyen4216 10 місяців тому

      @@naturetonyx yes, you’re right! there’s something error and surely about making distortion map, I searched other tutorials video about this step but couldn’t figure anything helpful. It would be great if can you please send me your PSD files? 🥹 Sorry if this one annoying you …

    • @naturetonyx
      @naturetonyx  10 місяців тому

      ​@@mynguyen4216 can't send my files, but please have a look at this tutorial on my instagram first: instagram.com/p/CtY66F4gV6Z/

    • @mynguyen4216
      @mynguyen4216 10 місяців тому +1

      @@naturetonyx thank you! It sounds silly but I can’t go to sleep till I finish it, gonna watch this tutorial and hope it works. Thanks again for your help 🙏🫶

    • @naturetonyx
      @naturetonyx  9 місяців тому

      ​@@mynguyen4216 Hey if you're still struggling replicating this effect, I've made a full tutorial on creating glass typography, have a look and let me know if you still got questions: ua-cam.com/video/FbkGyl0YR6Y/v-deo.html

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

    when you post it into photoshop, you do it as a smart
    object? as my text isn't editing like yours

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

      If you mean the 3d 'SERVER' text brought in from Illustrator, then yes. It's better to keep in as a Smart Object as it allows you to go back and forth with any additional amends. Also if you want, you could keep text live before applying 3d and Materials to it. It doesn't have to be 'Expanded'. Let me know if it works

  • @laural7074
    @laural7074 9 місяців тому

    i try to get it right for ages now, but its just not working. i struggle

    • @naturetonyx
      @naturetonyx  9 місяців тому

      Hey if you're struggling replicating this effect, I've made a full tutorial on creating glass typography, have a look and let me know if you still got questions: ua-cam.com/video/FbkGyl0YR6Y/v-deo.html

  • @hwacore4397
    @hwacore4397 10 місяців тому

    for some reason i can't copy and paste the 3d object into photoshop, am i doing something wrong? :")

    • @naturetonyx
      @naturetonyx  10 місяців тому

      try this: smallbusiness.chron.com/copy-paste-illustrator-photoshop-not-working-81218.html

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

    dude this tutorial blows. i got about halfway through and learned a few new things which im appreciative of, but come on lmao

    • @naturetonyx
      @naturetonyx  4 місяці тому +1

      sure it cannot be for everyone, but what do you think needs to be better?

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

      @@naturetonyx tutorials should never be sized to the screen of an iphone, it's impossible to understand the full context of what you're doing - if you're sharing to reels for promotion purposes, awesome, but i didn't realize it was cropped and cutting out important steps until i couldnt move forward any further. another big hiccup for me was the lack of distinction between photoshop and illustrator, you kinda just jumped into illustrator, which looks very similar to photoshop, so it was like wait, what menu is he on now? haha. dont mean to give you a hard time but when somebody is following what youre saying step by step it's essential to show them everything (as dumbed down as possible) and not glaze over things like people already know what you're doing.

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

    how did you link levels to specific layer in 1:09? for me it transforms the whole thing lighter not only letters

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

      Create a clipping mask. Hold down Alt (Option in Mac OS), position the pointer over the line dividing two layers in the Layers panel and then click.

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

      Thank you!!! Great tutorial!

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

    Hello. At 2:36 when I click on my mask psd file and click open the glass distortion effect is added but it has no effect on my type underneath. Any idea why this is happening? Thanks!

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

      run through the process once again, double check the settings of the distortion mask is in high contrast BW (saved as psd), make sure you've made the selection of the type on the layer you want that effect to apply. Try tweaking the distortion settings from low to very high. Make sure your distortion mask file set to the same size as your composition file.

    • @naturetonyx
      @naturetonyx  9 місяців тому

      Hey if you're still struggling replicating this effect, I've made a full tutorial on creating glass typography, have a look and let me know if you still got questions: ua-cam.com/video/FbkGyl0YR6Y/v-deo.html

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

    боюсь, мой ноут взорвётся, но я хочу это попробовать :D

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

      валяй, если не ответишь я пойму, что он все же взорвался 😀

  • @user-mb4sz8cg3h
    @user-mb4sz8cg3h Рік тому

    can someone explain how he did the layer masks at 0:48 please

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

      copied the 3D comp from Illustrator and pasted in to the photoshop

    • @user-mb4sz8cg3h
      @user-mb4sz8cg3h Рік тому

      What I mean is the Knockout and the mask on ellipse, I’m not really getting it but it looks very cool

    • @naturetonyx
      @naturetonyx  9 місяців тому

      @@user-mb4sz8cg3h Hey if you're still struggling replicating this effect, I've made a full tutorial on creating glass typography, have a look and let me know if you still got questions: ua-cam.com/video/FbkGyl0YR6Y/v-deo.html

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

    I tried to del my comment, but UA-cam won't allow me! Again, my apologies 😊

  • @styxxoff
    @styxxoff 8 місяців тому

    show full tutorial next time

    • @naturetonyx
      @naturetonyx  8 місяців тому

      you can find it here: ua-cam.com/video/FbkGyl0YR6Y/v-deo.htmlsi=YiJxhUYFfodHJfAZ You're welcome

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

    can't do 3d effects in Illutrator((( Do all that you says, but don't work(

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

      Could you describe at what point it stops working?

    • @milekbrwafing
      @milekbrwafing 11 місяців тому +1

      @@naturetonyx I had to switch the roghness to 0,45 in the object tab and it changed almost everything with the lighting!
      Maybe that's it

    • @naturetonyx
      @naturetonyx  9 місяців тому

      Hey if you're still struggling replicating this effect, I've made a full tutorial on creating glass typography, have a look and let me know if you still got questions: ua-cam.com/video/FbkGyl0YR6Y/v-deo.html

  • @Y0uwere
    @Y0uwere 6 місяців тому

    Can you tell me font name?

    • @naturetonyx
      @naturetonyx  6 місяців тому

      It's in the video description

    • @Y0uwere
      @Y0uwere 6 місяців тому

      @@naturetonyxthank you

  • @MoreCreativeGFX
    @MoreCreativeGFX 8 місяців тому

    Font name?

    • @naturetonyx
      @naturetonyx  8 місяців тому

      It's in description 👌

  • @mevanjooo2475
    @mevanjooo2475 10 місяців тому +1

    i think i thumbled something with the mask, the distortion is not that smooth, its kinda spikey, but it still looks good i guess

    • @naturetonyx
      @naturetonyx  10 місяців тому +1

      double check the following: 1 same size of the canvas of both - original composition and distortion mask (they should be the same. 2. position of the typography should be the same on both files 3. check the contrast layers on the distortion mask file, don't make it too sharp 4. try tweaking distortion parameters from 5 to 40, and see if that helps 👍

    • @naturetonyx
      @naturetonyx  9 місяців тому

      Hey if you're still struggling replicating this effect, I've made a full tutorial on creating glass typography, have a look and let me know if you still got questions: ua-cam.com/video/FbkGyl0YR6Y/v-deo.html

  • @jennysuarez6078
    @jennysuarez6078 9 місяців тому

    this tutorial is so hard to follow for someone who is not as expeerienced.... it would be great to see a slower more detailed version

    • @naturetonyx
      @naturetonyx  9 місяців тому +1

      coming soon, keep your eyes peeled

    • @naturetonyx
      @naturetonyx  9 місяців тому +2

      Hey if you're still struggling replicating this effect, I've made a full tutorial on creating glass typography, have a look and let me know if you still got questions: ua-cam.com/video/FbkGyl0YR6Y/v-deo.html

    • @jennysuarez6078
      @jennysuarez6078 9 місяців тому

      @@naturetonyx this one is pretty cool thank you!! I've learned a lot

  • @macstefano5465
    @macstefano5465 10 місяців тому

    a prossima vot chi veloc mocc a mamma

  • @user-hr5kv9xz2q
    @user-hr5kv9xz2q 11 місяців тому

    too fast

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

      "I ain't talking fast-it's just, you listening slow" - Lloyd, Lil Wayne - You 😉

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

      use slow playback on youtube, simple@@naturetonyx

    • @naturetonyx
      @naturetonyx  9 місяців тому

      Hey if you're still struggling replicating this effect, I've made a full tutorial on creating glass typography, have a look and let me know if you still got questions: ua-cam.com/video/FbkGyl0YR6Y/v-deo.html

  • @TiagoDias-qr7mg
    @TiagoDias-qr7mg 3 місяці тому

    Can't do shit cuz you are too fast..

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

      check my other video with blue thumb - it's slower 👌

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

    BRO WTF ARE YOU DOING?