Glassmorphism 2.0 - full style breakdown

Рет қаралды 36,459

Күн бұрын

Learn how to use the deep glass effect to have fun in graphic design and potentially adding some depth to typical glassmorphic UI's.
You can learn about all the popular design styles from my FREE ebook:
hype4academy.gumroad.com/l/de...
This is not a new design trend by any means, but rather me trying to push you to explore things outside of the UX/UI comfort zone.
Try new things, experiment, have fun while designing and don't settle for the tried and tested solutions only.
In this video I'll show you how to create realistic looking glass panels for both 2d app or web designs and spatial designs for Apple's Vision Pro, but also how to play with that glass and create the deep variant.
More on this soon, and I will be using the deep glass style in a real, coded product later this year.
Remember - without experimenting you stand still!
#glassmorphism #uidesign #graphicdesign
00:00 Glassmorphism 2.0
00:48 Deep Glass Style
01:15 Glassmorphism Tutorial
09:20 Deep Glass Tutorial
13:24 Deep Glass in Figma
16:34 Next level Graphic Design
17:09 And of course...

Пікірлер: 80

@CakeprogressS 3 ай бұрын

Glassmorphism is my favorite for any pop-up or overlay, big fan

@SzabatDesign 11 ай бұрын

As usual, I was not disappointed.... top quality content, the only channel that actually teaches "design" and not tools. As much as possible, nothing but take inspiration from this tutorial and grow as designers :) Thanks Teacher 🙌💪

@virajasitha9 11 ай бұрын

Another amazing tutorial thanks 😊

@stanimirnikolov159 5 ай бұрын

Bless, that turned out beautifuly.

@ggsingla 11 ай бұрын

"It's all about experimenting" 🙌

@alexeytretina 11 ай бұрын

Love these series of yours :)

@MalewiczHype 11 ай бұрын

🫡

@fernwehtwl 11 ай бұрын

really cool thanks Michal for sharing this!!

@ozanarslan5175 Ай бұрын

Thank you, best design channel :)

@studentsim5973 10 ай бұрын

Cool ! The glass style is pretty fasionable 👍💪

@kimcruz3889 11 ай бұрын

excited for the case study!!!

@Nandkishor-tj9xz 9 ай бұрын

Which software in This video did he use??

@rosab6259 11 ай бұрын

Thank you for the amazing tutorial 🙏 You make it look easy but it is not as easy as I thought. Practice practice practice 😇

@Nandkishor-tj9xz 9 ай бұрын

Which software in This video did he use?? Software name please

@rosab6259 9 ай бұрын

@@Nandkishor-tj9xz He is using Sketch (available for iOS) but Figma should have some similar functionalities. He mentions this at about 1:45 ish.

@lokeshart3340 11 ай бұрын

Finaaalllly new videooooko yuhuuuuu

@MalewiczHype 11 ай бұрын

yo!

@growingup15 3 ай бұрын

Windows 11 Glass texture reminds me of the Aero on Windows Vista/ 7 I love this return to fun colorful design again like we had in the 90s and 2000s Glassmorphism feels like a reimagined Skeuomorphism

@uimoos 11 ай бұрын

Looks great, going explore this style in my next project. automotive infotainment

@uimoos 11 ай бұрын

I bought a lot of your courses, what would be nice to see is if you have a course that follows you working on a full project from beginning to end to see your entire workflow including research, moodboards and wireframes, maybe final product will be in this style, glass 2.0

@MalewiczHype 11 ай бұрын

I am working on something like that right now and it will be free on youtube 🫡

@fazley4868 11 ай бұрын

@@MalewiczHype 🫡 For the minion.

@MalewiczHype 11 ай бұрын

it will be a heavily skeuomorphic product, with wood textures and we will code it and deploy to app store / google play :)

@user-md7yt7rm9g 11 ай бұрын

@@MalewiczHype thats sound good we are waiting for it

@uimoos 11 ай бұрын

@@MalewiczHype that's cool, looking forward to it

@mahmoodibrahimabdu8795 7 ай бұрын

Thank you so

@gokcenurinan8492 8 ай бұрын

Hello! Thanks for the informative video on glassmorphism. I'd like to use the deep glass effect for a draggable button on my eLearning cover. Users will drag this button and drop it onto an empty button-like object to start the course. How should I design this button?

@the-secrettutorials 11 ай бұрын

Nice to see you working on figma now 😍

@MalewiczHype 11 ай бұрын

wait what? it was like 5% of the video ;)

@mrch4ts957 Ай бұрын

BIG thanks ! That's saving my intern's ass ! 👍😁

@MalewiczHype Ай бұрын

saving how?

@mrch4ts957 Ай бұрын

@@MalewiczHype Keeping me up to speed. There is some big fans of glassmorphism in the team and I needed clearer explanations ! Pretty new to design also, changing career and all that good stuff. I recently discovered that you were at the origin of this trend and of top of that, that your content is top-tier, so that's why I'm grateful ! I'm gonna play with it now 😁

@hoangquanvu4352 11 ай бұрын

Nice!

@Nandkishor-tj9xz 9 ай бұрын

Which software in This video did he use?? Software name please

@AdeyCoder 11 ай бұрын

👍👍👍 keep it up

@fabiandesign42 8 ай бұрын

Same thing is possible in Figma already. The tiny droplet hides the blend mode menu.

@kimzia1540 4 ай бұрын

hey, I have been experimenting with glassmorphism and neumorphism styles, but there are not enough samples available that I can use as inspiration or just to have a better understanding of how an entire website with one of those design styles would look and work (considering I'm still in school and learning ). any advice? please??

@samparkins7567 11 ай бұрын

Great vid! What design software are you using here??

@samparkins7567 11 ай бұрын

*during the initial glass morphism tutorial

@Chevinster 9 ай бұрын

Thank you for the thorough explanation. I have a question about figma because I'm so new to it. Your figma app interface differs from mine and what I've seen before, but it seems cool. Can you explain why and how to acquire it?

@MalewiczHype 9 ай бұрын

I use Sketch. I don't like Figma.

@tekiero 11 ай бұрын

MALEWICZ GOD. Glassmorphism CREATOR! Let's goo! I'm Rastaman (if you rememebr me xd)

@PARSA-POWER 11 ай бұрын

It starts to look like a UI element

@Nandkishor-tj9xz 9 ай бұрын

What do you use for making this, software name please

@ShukuraOnline 23 күн бұрын

what program are you using, its not clear

@thelias91 11 ай бұрын

what is the first software that you used ? it seems great for making more custom gradient.

@MalewiczHype 11 ай бұрын

Sketch.

@EdwardSavin 11 ай бұрын

Let's see

@MalewiczHype 11 ай бұрын

let’s

@gavonius 11 ай бұрын

what software is this?

@mgm489 6 ай бұрын

what is the application name you used??

@dawidskoniecki4795 8 ай бұрын

Hej, w jakim programie robiłeś ten projekt?

@MalewiczHype 8 ай бұрын

Sketch

@leamuller9724 4 ай бұрын

Whats the name of the first software you used?

@MalewiczHype 4 ай бұрын

Jasc Paint Shop Pro

@shiko098 11 ай бұрын

*weeps in front end*

@MalewiczHype 11 ай бұрын

those are my favorite tears ;)

@G-Rashad 6 ай бұрын

what is the software name you are using ?

@MalewiczHype 6 ай бұрын

sketch

@imsumit69 11 ай бұрын

Phigma 🦆 > 💎

@MalewiczHype 11 ай бұрын

sure, it doesn't have blending modes on shadows and saturation for background blurs, but I understand why people feel that way - it's completely fine ;)

@imsumit69 11 ай бұрын

Should I buy your boring ui course now or wait till September, are you gonna give some preorder discount :)

@skeui 5 ай бұрын

Somebody guide me how to code this in CSS

@rahmathard 10 ай бұрын

is this adobe?

@MalewiczHype 10 ай бұрын

No, I don't use ANY adobe products.

@Nandkishor-tj9xz 9 ай бұрын

Software name please ?

@tekiero 11 ай бұрын

bro, where is my korean outro song

@PowaPop 11 ай бұрын

oofa, deep glass looks cheesy.. like someone who has just discovered bevel and emboss

@Nandkishor-tj9xz 9 ай бұрын

Which software in This video did he use?? Software name please

@davidkonevky7372 3 ай бұрын

I think the new wave of design is going to be really cheesy on purpose. People got really tired of the minimalism of the 2010's so they're finding ways to make design more fun. That's why there's so many parallels to the 2000's (aka the era where we used bevel and emboss to a fault as you said) 😅