Clear for Mac Icon Replacement
Abhishek Mishra
keyboard shortcuts: ← previous shot → next shot L or F like
keyboard shortcuts: ← previous shot → next shot L or F like
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
Copyright © 2009–2014 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.
15 Responses
Got few hours off work to wrap up the concept into an .icns file (attached). Also check the @2x version of the shot. Enjoy! :)
over 1 year ago
Perfect!
over 1 year ago
http://cl.ly/LE67
over 1 year ago
i like it :)
over 1 year ago
I was hoping you'd take this from sketch to Photoshop. Looks awesome.
over 1 year ago
Amazing.
over 1 year ago
This is much better then original icon)
over 1 year ago
This looks great. I love the fold!
over 1 year ago
Thanks!
over 1 year ago
so much better!
over 1 year ago
Thanks for the love guys!
over 1 year ago
One of the best icons I have ever seen, period. Thank you so much
over 1 year ago
I just switched my Clear.app to your icon, and it looks pretty awesome in my dock now. Thanks!
over 1 year ago
Rebound
Pure CSS3 rebound of "Clear for Mac" Icon Replacement
by Abhishek Mishra
2x inside.
CSS version here - http://heldfree.com/play/clear_mac/
Gave a shot at doing a rebound in pure CSS3. The whole icon is composed of divs. Tools of trade - box shadows, 3d transforms, and perspective.
The tick is composed of two divs, so upper edges couldn't be perfected to match the original. The overlap can expose shadows and borders in the joint area. Also, the lower shadows couldn't be perfected due to this disjoint.
I had hopes to find a font that would suffice for tick, but at that size, getting the right rounded corner is hard. Last easier resort to perfect the tick mark would be SVG.
over 1 year ago
Sexy! Way better than the original in deed!
10 months ago