Creating glass typography in Photoshop and Illustrator in 3 minutes

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

КОМЕНТАРІ • 159

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

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

  • @big.deer.studio
    @big.deer.studio 9 місяців тому +5

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

  • @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

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

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

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

      yep all the magic happens for those who wait 😉

  • @kimhyeonjeong
    @kimhyeonjeong Рік тому +5

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

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

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

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

    Amazing. Need extended version of this tutorial 🙏🏻

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

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

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

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

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

    Excellent.

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

    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

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

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

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

      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

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

    Thanks for the tutorial! Made a lovely poster!

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

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

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

    Incredible tutorial.

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

    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  Рік тому

      🥰🥰 wich one do you want to buy?

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

    Amazing ! Tank you so much !

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

    Thank you for this tutorial version 🎉🎉

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

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

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

    Thank you 🙏

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

    Nice lesson

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

      thanks a lot, glad you enjoyed 🙏

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

    so nice bro

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

    Great❤

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

    Beautiful

  • @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

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

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

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

      Fonts are available in description

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

    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  9 місяців тому

      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

  • @oanamagureanu3179
    @oanamagureanu3179 Рік тому +28

    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  Рік тому

      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  Рік тому +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 5 місяців тому

      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 😅

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

    Thanks bro

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

    🔥

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

    great vid 🎉

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

    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  10 місяців тому

      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

  • @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!

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

    nice work 💕💕

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

    What font used on the surrounding texts?

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

    My laptop will looooose its mind

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

      haha, get it a new mind 😉

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

    This font is amazing, whats it called?

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

      It's under video description 😉

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

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

  • @laurafarias5226
    @laurafarias5226 Рік тому +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  Рік тому +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 👍

  • @JasmaiGostling
    @JasmaiGostling Рік тому +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  Рік тому +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!

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

    NOICE!

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

    🔥🔥🔥

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

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

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

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

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

      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.

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

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

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

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

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

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

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

    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  7 місяців тому +1

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

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

      @@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.

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

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

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

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

  • @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

  • @nathanfallis246
    @nathanfallis246 Рік тому +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  Рік тому

      how do you mean download?

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

      @@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  Рік тому +1

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

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

      ​@@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

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

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

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

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

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

    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  Рік тому

      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  Рік тому

      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

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

    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  Рік тому

      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 Рік тому

      @@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  Рік тому

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

    • @mynguyen4216
      @mynguyen4216 Рік тому +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  Рік тому

      ​@@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

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

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

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

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

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

    Can you tell me font name?

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

      It's in the video description

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

      @@naturetonyxthank you

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

    Font name?

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

      It's in description 👌

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

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

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

      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 Рік тому

      Thank you!!! Great tutorial!

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

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

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

      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

  • @adgzlctnkyl
    @adgzlctnkyl Рік тому +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  Рік тому +1

      preparing the video...

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

      @@naturetonyx thanks a lot.

    • @naturetonyx
      @naturetonyx  Рік тому +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

  • @Agony-r7s
    @Agony-r7s Рік тому

    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

    • @Agony-r7s
      @Agony-r7s Рік тому

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

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

      @@Agony-r7s 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

  • @mevanjooo2475
    @mevanjooo2475 Рік тому +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  Рік тому +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  Рік тому

      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

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

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

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

      Could you describe at what point it stops working?

    • @milekbrwafing
      @milekbrwafing Рік тому +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  Рік тому

      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  Рік тому

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

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

    show full tutorial next time

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

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

  • @beth.5986
    @beth.5986 Місяць тому

    mine does not look like his lol

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

      what does it look like? 😆

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

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

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

    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  Рік тому +1

      coming soon, keep your eyes peeled

    • @naturetonyx
      @naturetonyx  Рік тому +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 Рік тому

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

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

    a prossima vot chi veloc mocc a mamma

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

    too fast

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

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

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

      use slow playback on youtube, simple@@naturetonyx

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

      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

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

    BRO WTF ARE YOU DOING?

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

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

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

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