95
Vector icon speed runs (bjango.com)
almost 6 years ago from Marc Edwards, Founder at Bjango
21 comments
Marc Edwards, almost 6 years ago
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. :)
Norm Sheeran, almost 6 years ago Wow, you got this down to a fine art! Really interesting to see the gifs running through the steps.
John P, almost 6 years ago
The heart one is great, I learnt something new today.
Cheers! Got any suggestions for new speed runs?
Jan Semler, almost 6 years ago
*Secretly putting Marc's Imgur profile in my bookmarklist"
Mathieu C, almost 6 years ago
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.
Gabbie Castañeda, almost 6 years ago
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. :)
Jenia Stratila, almost 6 years ago
I'm far from icon design, but i watched every single gif.. man that's perfect
Thank you! More coming. :)
Chris Gallello, almost 6 years ago 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.
Matt Rintoul, almost 6 years ago
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/
Thanks Marc!
Thomas Zoechling, almost 6 years ago 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.
Thomas Zoechling, almost 6 years ago 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.
Login to Comment
You'll need to log in before you can leave a comment.
LoginRegister Today
New accounts can leave comments immediately, and gain full permissions after one week.
Register now