Morph Animations with Keyshape and Sketch
In this ”worktorial” (is that even a word?) I’ll fail over and over again. You will see me try to understand the concept of morphing,… Read More »Morph Animations with Keyshape and Sketch
Juan Maguid
The Notch of the iPhone X
“It’s an iPhone X daddy and I want one! Today!”. This is not a UX designer ranting about the problems of The Notch©, how to… Read More »The Notch of the iPhone X
Line animations with Keyshape and Sketch app
In this tutorial I’ll show you how to do fast line animations with Keyshape app using the Stroke Dash Offset properties and animating them. I… Read More »Line animations with Keyshape and Sketch app
Black Friday is here and I’m chopping of a whooping 52% off the regular price ??
Black Friday is here and I’m chopping of a whooping 52% off the regular price ?? https://www.designforventures.co/10-Great-Google-Font-Combinations-For-RapidWeaver/ 20 Google Font Site Styles Combos If you use Realmac’s… Read More »Black Friday is here and I’m chopping of a whooping 52% off the regular price ??
Lots of new animations!
Let’s just say one thing. I do things in periods and cycles. Right now I’m doing lots and lots of SVG animations and giving them… Read More »Lots of new animations!
Read this magazine — Hackerpreneur
Do yourself a favor. Subscribe to this newsletter. Do it. You will never ever regret it. And if you feel like really treating yourself, buy… Read More »Read this magazine — Hackerpreneur
Keyshape app rules!
One way of using the shape tool in Keyshape is for morphing Keyshape app rules! The more I learn to use the simple yet brilliant Keyshape app… Read More »Keyshape app rules!
Sketch app — My very best 12 col grid system — free download
Today I just want to share this: Aaaa grids! Aaaaa columns! Aaa great place to start actually My 12 col Layout settings — works like a charm! I don’t remember… Read More »Sketch app — My very best 12 col grid system — free download
Animated SVG UI Icons made with Sketch app and Keyshape app
I love icons and I love animation so why not combine them both? And give them all away for free? Yeah wtf it’s time to… Read More »Animated SVG UI Icons made with Sketch app and Keyshape app
Sketch to Keyshape Super Short Tip
When preparing your vector assets in Sketch for SVG export this little trick will be very handy. Enjoy. ?
A couple of self-learned SEO tips for getting your tutorials watched on Youtube
I have been creating content for the web as long as I can remember. I begun uploading my stuff to Youtube over a decade ago.… Read More »A couple of self-learned SEO tips for getting your tutorials watched on Youtube
Animated icons @ codepen.io
Codepen.io is a great place for a lot of things. You can get really inspired and I highly recommend you checking it out. The whole… Read More »Animated icons @ codepen.io
Sketch & Keyshape — How to animate a SVG with Keyshape using Sketch — Part 2
And here (ladies and gents) comes the conclusion. In this second part I’ll show you how to export the animation we created in Part One… Read More »Sketch & Keyshape — How to animate a SVG with Keyshape using Sketch — Part 2
Sketch & Keyshape — How to animate a SVG with Keyshape using Sketch — Part 1
In this first part I’ll show you how to take your vector shapes out from Sketch, export it as .svg and into Keyshape for animation. In… Read More »Sketch & Keyshape — How to animate a SVG with Keyshape using Sketch — Part 1