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
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.😂
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.😂
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?
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?
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🤣
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?
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 👏🏾
I appreciate your assistance, as I was unable to follow the documentation's instructions. Thanks to your video, I completed it quickly.
Thank you for this tutorial, I'm not good at animation and this simple tool really helped
Currently looking for a way to animate google map markers in an efficient fashion. Hope this animated vector drawable will help.
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
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. 👍
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
Such a clean and perfect video about it, thanks dude, well done
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 it was so simple yet effective . I have kept it in on of the production app. Thanks again
Thank your for this video. It'll save so much time for me.
Good stuff. Thank you so much for this.
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.😂
Amazing, so smooth!
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
Rotation is only possible on X axis right? rotationY is not available?
Great video! Thanks!
Thanks for share, awesome tutorial.
Love this tutorial with clear explanation so much 🎉🎉 thanks sir
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
Man, you are a genius!
Very good video! Thx!!
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.
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 ..
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.😂
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.
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
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
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 followed exactly what you did but my app just starts and crashes. Do you know what might be causing this?
😂😂😂
State of Art!
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🤣
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
osm video 👍👍👍👍
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
how to use auto otp read in android
great
where did you download the youtube vectorlogo
make it
Hero😊
Waiting for KMM tuts
👍👍👍
A gif is enough
Супер! Спасибо 🎉
thanks alot bud