- Видео 3
- Просмотров 49 182
Spela Hvala
Словения
Добавлен 12 ноя 2015
SVG tutorials
SVG Optimization - SVGOMG GUI #3
A quick way to optimize your SVG with the help of SVGOMG GUI made by Jake Archibald (an interface that allows you to optimize SVGs by selecting your optimizations, and getting a live preview of how your SVG looks with these optimizations applied). There are other ways and tools for svg optimization but this one is far the best one out there and it doesn't brake your image after optimization.
jakearchibald.github.io/svgomg/
jakearchibald.github.io/svgomg/
Просмотров: 1 397
Видео
SVG animation tutorial #2, Responsive svg animation
Просмотров 3 тыс.8 лет назад
Here are the links that I promised, this awesome article is from Sarah Drasner :www.smashingmagazine.com/2015/03/different-ways-to-use-svg-sprites-in-animation/ and a project from Joe Harrison www.joeharrison.co.uk/projects/responsiveicons and here is my cssDeck where you can find the code from this tutorial: cssdeck.com/labs/4zktgybv And of course I forgot something... if you want you can set ...
SVG animation tutorial #1, quick overview (html, css, js, GSAP)
Просмотров 45 тыс.9 лет назад
This is my first try to make a short tutorial on svg animation that covers the process from creating an svg to animating it with js (GSAP). links used in the turotial: SVG support - caniuse.com/#feat=svg for GSAP - greensock.com SVG editor from Peter Collingridge - petercollingridge.appspot.com SVG optimizer from Jake Archibald - jakearchibald.github.io/svgomg/ I also have some short animations...
You are an artist by voice!
You voice is great, minus the exploding mic lol - Great tutorial tho, thank you!
Nice, Do it some serie. I would like to see some nice story in parallax mode perhaps.
Do more tutorials please!! :D
Hi from Ukraine! Tell me please? can I make SVG animation with response on two click differently?
clear and practical!~~~~thankyou
make urself a stand up desk. i'm making one myself at the moment (basically just knocking together a v basic box with a lid that opens down as a shelf for my laptop)
OMG great tutorial -> It's easy and good to understand
are you from Slovenia?
Yes I am (Sem ja :))
Spela Hvala kul :) ni veliko slovencev, ki bi delali tutoriale na to temo :D good job!
Tenks :)
Thank you, very helpful! :)
Amazing, thank you!
Hello, I enjoy your video I woul love to see a video teaching the drawing animation with SVG. I found some video on the web but they dont teach as well as you do.... take care....
thanks for the video ;) very nice explanation .. ;)
im going to start using GSAP!
Thanks for you video :D Help me a lot!
Tutorials are Really Best. Loving It. Please Update More. and Your Voice. Woah, Yay :)
Very nice... thxs for sharing
Super helpful, thanks!
thx. nice tut! go on!!!
Hi.. tutorial is amazing. Which tool you are using to draw svg?
Hi, I am using Sketch.
Get well soon! And don't skip the back exercises. ;-)
Thank you! Yeah back exercises became a part of my daily routine now :)
nice tutorial
Hi, where are you from ? that accent is familiar, but ..
Awesome work Spela! Keep shining brightly! RA
share some paypal link !!! the value of this training is very high in my opinion and it would be pleasure offer at least a pizza for that, really. compliments
I really need some kind of Super power to know WHO THE HECK DISLIKED THIS VIDEO!!
monetize you videos!!! and thanks to give startups for SVG learning
Such an amazing video. Highly recommended to everyone. Great job!
Awesome tutorial, clear voice, hope you will make more of tutorials.
im having a heart attack with your mic explosion thing!. . But great tutorial :D
great tutorial, actually, don't know why you worried so much, it is very informative and I've learned a lot from it, so thank you and keep up the good work!
Very useful. Thank you.
This is grate, Im Starting to learn SVG animation and this was very helpfull
thank you!!
thank you so much great job but which program you used
I think she says sketch in another comment.
very nice.. thanks and we want more :D :D
Thanks Špela. Great video!
Great! you should record more shorter tutorials (tips and tricks with svg, hover, etc...) I think you can have awesome channel with amazing tutorials
awesome! Just please don't tuch the mic when you are recording :)
You're a great tutor and I look forward to watching more high quality tutorials. Big up!
+jasomtodokazal Thank you very much, I'll be doing new tuts soon :)
awesome ! great tutorial thx
+Mamoun Mokni Thank you :)
Hi, I'm glad you made this video ! You got a pretty crystal clear voice and explain well your workflow. Thanks a lot you convinced me to work with svg. I'd love to see a more complex animation with SVG and Greensock. Keep on doing it !
+Ugo Arzur Great to hear that, SVG is really useful! Otherwise Sarah Drasner or Sara Soueidan have a lot of info on svg and svg animation as well, I learned a lot from their articles and speeches.
Yeah, I'm currently learning from them too :) I've made a simple store animated behind a circle for mask following your video and I'm pretty proud of it for a first try ! But I think I have to go deeper on timelines, haha ! By the way, I'm using another tool which my please you : svgo. It's a really cool tool written in Javascript and you have two way to use it : SVGO - command-line (with NPM) : github.com/svg/svgo SVGO - GUI : github.com/svg/svgo-gui
This tut is great! Thank you for showing how easy the workflow can be when using sketch + GSAP.
+Vitr0l Thank you, it really is great :)
amazing. Thank you!
+Maile Thiesen Thanks
Nice this video, I learn make my first animation js :)
+JeriThemes Thanks, that is awesome! :)
this tutorial is very cool!
+janily chen Thanks :)
great start to svg thank u :)
+rajesh guna Thanks :)
Great tutorial Spela! I am looking forward to more videos! Regards from Brazil :*
+Julia Blaustein Thank you, I'll try to find time to do more soon :)
thank you Spela thats exactly what um looking for :D likes and subscribed .. goodluck
+Ahmed Essam Thank you, glad to hear it :)
Great tutorial i love it thanks a lot <3
+mkhinini walid Thank you :)