when you said "I'm just playing with my layers," I think that is the part that you should explain properly. That is what most people wanted to know including me
Cool tutorial. I have a question . How can I make scroll animation when top menu navigation is fixed on page and changes from transparent to white background.
as far as understand from you made, I mean after I saw your video about it ,if someone wants to design UI then he/she has to know photoshop, illustrator, indesign, Xd, etc. am I right? I didn't even count Html, etc.
I do wonder if the parallax animation like work with scrolling. I have been trying to find a way to figure a scrolling parallax that is neither "click" nor "tab". I hope you can do more tutorial. thanks great video!
Hey, clean tutorial gg ! Is that possible to make the same but the animation "start" with the scroll of the mouse ? Like on the apple website -> at each notch of the scroll, it make tiny % of the animation ? Tysm
Hello, excellent video.👍👍 A question: with what technique or library can I pass this design and animation to code (Website)..?? I would appreciate your comments.
Sir I have a small doubt... When we scroll the web page and we get to another artboard but we wanna go back to first before completely having a look on entire page so scrolling unlimitedly is the part of coding..?
Hello, thanks for the tutorial! But when I click into the next slide, how can I go back to the last one? I want the animation works while I am scrolling up and down
Im frustrated. I do as shown. I move the whole artboard up, then prototype: autoanimatie, same settings and what I get is a dissolve transition. Can anyone help?
Hi am I confused after creating a website with adobe xd how do I transfer that to a domain and make the website live? Is there plug in or somewhere I upload the file to shopify/word press to? Thanks so much!
You dont create a real website with XD, just a visual mockup. You will have to build it after in WordPress or something similar.. If your mockup has this level of animation and you are not a skilled programmer I suggest to contact someone else to build your site and give him your XD file for reference
Cześć Igor :D Czy da się takie coś zrobić ale żeby zachować navi bar na górze? W sensie by navi bar zawsze był na górze ale żeby też taka animacja się robiła? U Ciebie jest navi bar ale on potem znika jak już schodzisz niżej.
Hola, excelente video 👍💯 Una consulta: con que técnica o librería puedo llevar este diseño y animación a código (Website)..?? 🤔 Agradecería mucho sus comentarios
This is really helpful. How would you go about adapting this for mobile view? Do you simply make a mobile version with the same elements, but new animations to make sense? Is that ok to give to a developer?
@@igorvensko : i think only in "webflow" could it be possible without frontend developing. its a very important web-tool with nice animation. í will try it 😅
Super nice, would it make more sense to have all artboards as 1080px tall and the homepage as a group that you can animate as you beautifully did, but if the user decides to stay on that slide, it'll have a lot of white space underneath. Thanks, earned yourself a subscriber, will check out your other videos. Thanks!
🤩 Finally! Figma Animation Course called "Stunning Website Design & Magic Animation in Figma" available for purchase only on 🡲 www.wizardcourse.pro/ 🡰
Omg just when I thought I needed some other apps for animation, you've shown me how much Adobe XD can do! Thank you for this video. Subscribed!
You don't know how THANKFUL I am, I've been searching how to create this effect😭🥰, Thank God I found your channel💖
when you said "I'm just playing with my layers," I think that is the part that you should explain properly. That is what most people wanted to know including me
Nice color palette
Truly amazing tutorial. I tried so many effects for my website... Thanks for wonderful tutorial
It's amazing.
You earned a subscriber.
Loved your work. Keep it up bro.
you're literally the best.
Thankyou. I need to make this for a school project, this helped me allot! 🙂
You're welcome!
The design is pretty awesome
Your videos very helpful for all the UI designer.❤❤ very clear tutorial❤ Thank you so much. Keep it up
This channel is Great source of prototype information
Thank u sm sir
You're welcome!
Me encanta la simplicidad del video y la calidad del contenido, muchas gracias!
You're welcome!
Great tutorial, keep doing stuff like this!
Very interesting. This is also very educating with the easy to understand explanation. Thank you for the amazing work
You're welcome!
Thx Master! ...simple and easy, the best tutorial
You are amazing man
Nice Tutorial pls more like this! 👍🏼
Thanks, more to come!
Amazing and simple tutorial!
Best tutorials and amazing designs. Thank you for the tutorials.
Thanks! You're welcome.
Thank you very much for this easy tutorial
you never disappoint🔥🔥🔥
Thank you so much for this..... eye opener
Instant love and subscribe. Great tutorial mate!
A bit faster for follow it, but it's a great way to see how we can use auto-animation! I'm so hyped for to try some things in my prototype project
Thank you, man!!! You helped me a lot!!
befor i star watching , like , u genius
@@igorvensko i hope be like you in future 🙏🌹
Cool tutorial. I have a question . How can I make scroll animation when top menu navigation is fixed on page and changes from transparent to white background.
Amazing work, Thank you thank you very much
You're welcome!
You made my day, thank youuu🤩
Amazing job, thank you very much
clean af
Thanks :)
Woah! That's amazing.❤️
Cool sir.thanks for all tutorial
Hi, great tutorial! however, what kind of format files do you provide to the developers? just recorded mov files? or export with Zeppelin? Thanks,
Thx. great tutorial. Perfect pace.
Amazing work!!!
You are awesome 👍❤️❤️❤️
as far as understand from you made, I mean after I saw your video about it ,if someone wants to design UI then he/she has to know photoshop, illustrator, indesign, Xd, etc. am I right? I didn't even count Html, etc.
perfect !
Thanks
why do you use TAP and not DRAG effect if the interception is scrolling down?
Wow wonderful tutorial...
But, if I want to convert this animation to code ..what should I do or use? Are there plugins for that?
SO WE CAN SCROL DOWN WITH THE MOUSE OR THE FINGER AND IT DOES THIS EFFECT ?
Is possible to make this paralax effect in XD with scroll trigger? I think it's not good to send client like this with tap trigger.
Thank you
I do wonder if the parallax animation like work with scrolling. I have been trying to find a way to figure a scrolling parallax that is neither "click" nor "tab". I hope you can do more tutorial. thanks great video!
We can do this only with components states, but then its too hard to edit.
Hey, clean tutorial gg ! Is that possible to make the same but the animation "start" with the scroll of the mouse ? Like on the apple website -> at each notch of the scroll, it make tiny % of the animation ? Tysm
We can create kind of scroll animation with components but it looks not very good.
I love it,.. ❤️🔥🔥👍
Why last art-board having yellow rectangle and connected to 1st art board with 0 opacity?
When you create something in Adobe XD how do you recreate that in Wordpress? Can you export that design somehow?
Hello, excellent video.👍👍
A question: with what technique or library can I pass this design and animation to code (Website)..??
I would appreciate your comments.
Unfortunately I can't help with that. I only design and send files to developers.
Sir I have a small doubt... When we scroll the web page and we get to another artboard but we wanna go back to first before completely having a look on entire page so scrolling unlimitedly is the part of coding..?
May I know Where can I find the png's that you used in this videos..?
@@igorvensko Thanks for the reply. But i need the way to find the png's.. thats all..!!
Thanks..!
Best tutorial. Please how can I save the animation on Adobe XD for Instagram post ?
@@igorvensko thanks
Sir what is good adobe xd or figma...I am a web developer ..want to learn ui ux for projects
Hello, thanks for the tutorial!
But when I click into the next slide, how can I go back to the last one? I want the animation works while I am scrolling up and down
@@igorvensko Thanks!
How do you export your designs?
Im frustrated. I do as shown. I move the whole artboard up, then prototype: autoanimatie, same settings and what I get is a dissolve transition. Can anyone help?
thankyou
can u teach us how to export a website like this animated to shopify without coding plz
Hi am I confused after creating a website with adobe xd how do I transfer that to a domain and make the website live? Is there plug in or somewhere I upload the file to shopify/word press to? Thanks so much!
You dont create a real website with XD, just a visual mockup. You will have to build it after in WordPress or something similar.. If your mockup has this level of animation and you are not a skilled programmer I suggest to contact someone else to build your site and give him your XD file for reference
@@ElReicz I see I appriceate the response, is there a way to add payment processors with quest AI or for someone to fill in a shipping information
Cześć Igor :D
Czy da się takie coś zrobić ale żeby zachować navi bar na górze?
W sensie by navi bar zawsze był na górze ale żeby też taka animacja się robiła?
U Ciebie jest navi bar ale on potem znika jak już schodzisz niżej.
how do you record it? to export to behance
Is it possible to export a project like that as an html website with animations or is Adobe XD still only for prototyps?
Hola, excelente video 👍💯
Una consulta: con que técnica o librería puedo llevar este diseño y animación a código (Website)..?? 🤔
Agradecería mucho sus comentarios
unfortunately I can't help with that. I only design and send files to developers
Hello , do you mind sharing the xd file for this? I would deeply appreciate it.
Hi, I cant because this is real project for real client.
This is really helpful. How would you go about adapting this for mobile view? Do you simply make a mobile version with the same elements, but new animations to make sense? Is that ok to give to a developer?
Yes, but animation will be simpler.
🤷🏼♂️ and how does it work with a browser ? like firefox or edge ? for a website ? 🤷🏼♂️
Senior frontend developer can create thsi kind of animation.
@@igorvensko : i think only in "webflow" could it be possible without frontend developing. its a very important web-tool with nice animation. í will try it 😅
great!! how do you export to css?
I create only designs, without coding. Prepare files and send to developers.
Wow
Super nice, would it make more sense to have all artboards as 1080px tall and the homepage as a group that you can animate as you beautifully did, but if the user decides to stay on that slide, it'll have a lot of white space underneath. Thanks, earned yourself a subscriber, will check out your other videos. Thanks!
Hi grate work ... how can I download it?
Unfortunately, I can’t share the Adobe xd file, because the project was made for the agency in which I work.
Please download link.
i wish you make mega course of adobe xd
how do you import this to an website ?
I create only design, then send all files and mp4 to developers.
but how do you actually get this onto your website?
For this kind of animation we need good developer.
Extra ordinaire, on pourrait peut-être avoir les images ...MERCI
Can you please share me the files of this project please
I really like the font, what's the name?
Titles - Katahdin Round, text - Catamaran
Super Layout szkoda, że devsy tak tragicznie złożyli tą stronę. Na mb 13 to nawet top sekcja się nie mieści.
Can you share this file?
Unfortunately, I can’t share the Adobe xd file, because the project was made for the agency in which I work.
Hello, I want to design my landing page, can u do it ? pls reply in comment box
Hello, now I'm busy with a personal project and I can start new commercial projects only in mid-May.
哈喽，兄弟，你好，这效果太牛逼了，哈哈，我订阅了你的频道。能不能分享给我你的文件，我想把它们转成成HTML css，谢谢！
Sir it will be vvvvv useful if u share source file also
Do you sell this design?
No 🙂 This is real project for real client.
Igor can u be my mentor please
Bro give me all the images plz...❤
Unfortunately, the project was created for a real client and I cannot share assets.
nice tutorial but unlikely too fast to follow as a beginner...
I try to show principles and techniques rather than lessons that can be followed step by step.
Polska ooo
:)