Like your Video. I tried. I loaded a PNG file into Figma, then the frames as set in the video, positioned it, removed the frames down to the outermost frame and removed the filling in the last frame so that the PNG logo is alone in the frame. But when I import it to shapeshifter.design, it doesn't display properly. I am shown a black square instead. Is it, because PNG logos are not allowed to be in the frame?
the logo that you import into Figma needs to be SVG, you can use an online service to convert your logo from jpg/jpeg, bmp etc to SVG. Give me a thumbs up if it works for you :)
While creating vector drawable in figma me also faced in video he has not told a basic thing you need to use a plugin without that if you just normally put image it won't work in shapeshifter svg will show blank black screen
Okay if you want to import the svg from figma, do not forget to flatten them first, otherwise the aspect ratio of the paths in Shape Shifter will be a mess.
I tried this.... Did exactly what you did step by step but when I put the SVG in shape shifter it just shows a black square. And the SVG from figma keeps having errors what am I missing?
Thanks for the video, I tried to translate X and Y but it seems that it gets cropped when the icon goes outside this circle barrier, I wonder what's the point of the frame space..Is there any way I can place my splash icon outside the circle space?
Thank you for this wonderful video !! How can I implement it with java please ? knowing that my project is in java. I tried to do it but I couldn't. Thanks
Hey, after scratching my butt over it I found that the mistake is where you import your logo into FIGMA. First try converting your logo into svg from any website and try using SVG instead of png within 'FIGMA'. PS: i know its a simple mistake, im an idiot to take this long to figure it out.😂
Hey, after scratching my head over an entire session, I found that the mistake is where you import your logo into FIGMA. First try converting your logo into svg from any website and try again. PS: i know its a simple mistake, im an idiot to take this long to figure it out.😂
When I open my SVG it just shows a black box with a white background. When I delete the box it just leaves the white background. My logo is visible. What went wrong?
Hey stefan, you are really awesome person. I just told you on insta that I am not comfortable with splash API and you just made a tutorial on it. Very awesome bro🥰.. But one more question if I want to animate both app icon and name then the size provided in documentation really becomes too small for such complex animation.. Like a waste of whole screen, I have whole screen to show animation but google fixes it to show in little bit area😒
Thanks! Yes, I understand what you're saying. I'm sure there's some kind of a workaround to animate a whole screen, but I haven't dug deeper into that. 🤔
@@StevdzaSan Nah I don't think so. Sometimes google developers brain get shit and they start doing shitty things like deprecating classes and adding APIs like splash screen🥲 Google is worse in every things, still using google product because I can't afford iOS🤣
Looks really cool. I created tutorials on just the basic splash screens with no animations, but this is taking it to a whole new level 👏🏾
Such a clean and perfect video about it, thanks dude, well done
I appreciate your assistance, as I was unable to follow the documentation's instructions. Thanks to your video, I completed it quickly.
I tried creating a splash screen in Android Studio, and it was such a pain. But with this approach, I can build splash screens as complex as I want!
Yes google developer are awful than iOS!
@@nyx474 Work smarter not harder
KMM is officially production ready. Would you make a complete tutorial for it ? (With fully functional app with a bit complex UI ?)
Sorry for the late response. I'm soon going to release a beginner level course about KMM for Android and iOS. 👍
Like your Video. I tried. I loaded a PNG file into Figma, then the frames as set in the video, positioned it, removed the frames down to the outermost frame and removed the filling in the last frame so that the PNG logo is alone in the frame. But when I import it to shapeshifter.design, it doesn't display properly. I am shown a black square instead. Is it, because PNG logos are not allowed to be in the frame?
the logo that you import into Figma needs to be SVG, you can use an online service to convert your logo from jpg/jpeg, bmp etc to SVG. Give me a thumbs up if it works for you :)
thx@@ConsoletvCoUk2014
Currently looking for a way to animate google map markers in an efficient fashion. Hope this animated vector drawable will help.
Thank it was so simple yet effective . I have kept it in on of the production app. Thanks again
Sir it shows black screen when I upload SVG file in shape shifter what I do now
You need to create a logo using figma images won't work
While creating vector drawable in figma me also faced in video he has not told a basic thing you need to use a plugin without that if you just normally put image it won't work in shapeshifter svg will show blank black screen
@@thibiripolagepeiris117 oh okay
@@chinmaya7751 thanks for explaning dude
@@chinmaya7751 what do you mean by a plugin? I barely know figma , can you explain further? thanks
Thank you for this tutorial, I'm not good at animation and this simple tool really helped
Good stuff. Thank you so much for this.
Okay if you want to import the svg from figma, do not forget to flatten them first, otherwise the aspect ratio of the paths in Shape Shifter will be a mess.
it shows a black square when u import the svg file on shapeshifter, how to solve this??
It just happened to me, did you find out how to fix it?
@@tairush also on me
the problem is because you probably import on figma a PNG or JPEG file. You must import a SVG file on figma
@@leonardo1006ful that's right
Thank your for this video. It'll save so much time for me.
im getting the following error : need to use a Theme.AppCompat theme (or descendant) with this activity. how to solve it?
In manifest tag application, set the theme with your main theme and in tag activity set the theme with your splash theme
Amazing, so smooth!
Rotation is only possible on X axis right? rotationY is not available?
I tried this.... Did exactly what you did step by step but when I put the SVG in shape shifter it just shows a black square. And the SVG from figma keeps having errors what am I missing?
Did you solve de problem? my svg is black too.
@@airtonoliveira4 mine too
Does anyone know why it rotates in the emulator and only the static image is shown on my physical device?
Thanks for the video, I tried to translate X and Y but it seems that it gets cropped when the icon goes outside this circle barrier, I wonder what's the point of the frame space..Is there any way I can place my splash icon outside the circle space?
You can try reducing the size of your image. Like not using 1f but 0.8 instead.
If i have lottie file how to do that? Should convert first to animated vector drawable?
Yes
If it isn't convertible then use the library of lottie
There's a Bodymovin after effects plugin that will allow you to export lottie to avd. But you do need to be aware of which animations are supported.
Thank you for this wonderful video !! How can I implement it with java please ? knowing that my project is in java. I tried to do it but I couldn't. Thanks
you'll be stuck in inserting the SVG in shape shifter because it doesn't work and OP wont tell you how to fix it
Hey, after scratching my butt over it I found that the mistake is where you import your logo into FIGMA. First try converting your logo into svg from any website and try using SVG instead of png within 'FIGMA'.
PS: i know its a simple mistake, im an idiot to take this long to figure it out.😂
Man, you are a genius!
Brate ovo nesto ne valja , probao sam vise ikonica i sve .. kada kliknem import na taj shapeshifter sajt samo mi izbaci crnu sliku i to je to ..
can you make more course about animation in kotlin sir ?
I'll think about that 🤔
@@StevdzaSan it will be really helpful. Your tutorials are very easy to understand and learn
Hey, after scratching my head over an entire session, I found that the mistake is where you import your logo into FIGMA. First try converting your logo into svg from any website and try again.
PS: i know its a simple mistake, im an idiot to take this long to figure it out.😂
Thanks for share, awesome tutorial.
Great video! Thanks!
Hi Stefan, what android emulator are you using?
In this video I was using my own smartphone device instead of the emulator. On emulator the animation is quite slow regarding the fps.
What software did you use for Samsung phone on Windows?@@StevdzaSan
I followed exactly what you did but my app just starts and crashes. Do you know what might be causing this?
😂😂😂
When I open my SVG it just shows a black box with a white background. When I delete the box it just leaves the white background. My logo is visible. What went wrong?
same here, did you solve it?
Yes make sure your icon is SVG only not PNG
likewaise same result here
i think even the tutor doesn't know the answer either, he is just skipping this comment
Love this tutorial with clear explanation so much 🎉🎉 thanks sir
where did you download the youtube vectorlogo
make it
Very good video! Thx!!
Unfortunately this library is probably abandoned by Google, no fixes/updates since long. Very rarely maintained.
I was thinking about learning Kotlin but now I'm sure
I want to animate full screen
how to use auto otp read in android
❤❤❤❤❤❤❤❤❤ Thanks 🙏😊😊
Waiting for KMM tuts
A gif is enough
State of Art!
Shapeshifter is *really* buggy. And if your icon has more than a few paths, it gags horribly. Would be an amazing helper otherwise. Sigh.
Hey stefan, you are really awesome person. I just told you on insta that I am not comfortable with splash API and you just made a tutorial on it. Very awesome bro🥰..
But one more question if I want to animate both app icon and name then the size provided in documentation really becomes too small for such complex animation..
Like a waste of whole screen, I have whole screen to show animation but google fixes it to show in little bit area😒
Thanks! Yes, I understand what you're saying. I'm sure there's some kind of a workaround to animate a whole screen, but I haven't dug deeper into that. 🤔
@@StevdzaSan Nah I don't think so. Sometimes google developers brain get shit and they start doing shitty things like deprecating classes and adding APIs like splash screen🥲
Google is worse in every things, still using google product because I can't afford iOS🤣
osm video 👍👍👍👍
👍👍👍
great
goat
Hero😊
Супер! Спасибо 🎉