I’ve always enjoyed trying to work out the most optimal way to create certain icons. I’ve been exploring this even more over the past couple of weeks. If you have any questions, or icons you find difficult to create, please let me know.
Or, if you have some cool tricks, please share. :)
Wow, you got this down to a fine art! Really interesting to see the gifs running through the steps.
The heart one is great, I learnt something new today.
Cheers! Got any suggestions for new speed runs?
Nice tricks, especially hearts! In the same spirit: https://github.com/allenwong/MakeIconsWithSketch
Great stuff. I should attempt some of the ones from that list I’ve missed.
*Secretly putting Marc's Imgur profile in my bookmarklist"
Really nice tipps! What did you use to create the videos? I really like those click animations.
Thanks! The screen recording was done with Screenflick, exported as ProRes 4444, imported into Photoshop using Import → Video Frames to Layers, some tweaks were made, then I exported GIFs from Photoshop.
Screenflick is great. It can export GIFs directly, if you want.
Thank you for the info Marc! Screenflick looks really nice. I am the author of another Mac screen recording app (https://peakstep.com/claquette/) and I am currently designing a click effect for exports. The Screenflick devs did a great job detecting click and hold/drag patterns. The effect is noticeable enough but doesn't draw too much attention (like e.g. the cursor effect in QT Player recordings).
Oh, nice. And yep, Screenflick’s effects are pretty good.
I'm far from icon design, but i watched every single gif.. man that's perfect
Thank you! More coming. :)
Awesome work Marc! I'm curious how you have illustrator setup for the one pixel grid? I used to use Pixel Preview for this kind of thing, but it has major performance issues with a retina screen
I find pixel preview pretty bad. As you’ve said, it’s slow, but it also has lots of rendering issues. It’s very hard to trust. In terms of settings, I have: Gridline every 512 px, 512 subdivisions, snap to pixel off.
I used my Greyprint templates for these: https://bjango.com/designresources/
This taught me so much more than any tutorial has. Thank you!!
Cheers! If you have icons you’d like me to attempt, please let me know.
I'm a little bit in love with this, you make it look so simple. Thanks for sharing!
Thanks! If you have any icon requests, please let me know. :)