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.
113,446,575,841 pixels dribbbled
Copyright © 2009–2013 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.
12 Responses
Pro
Kris Mendoza
Just something I threw together because I was bored.
P.S. i'm so ready for summer vacation, only 13 days till graduation.
almost 2 years ago
Pro
Christian Dalonzo
Awesome
almost 2 years ago
Pro
Kyle Gray
Sharp as shit! Nice job Kris!
almost 2 years ago
Love!
almost 2 years ago
Pro
Kubilay Sapayer
please share :3
almost 2 years ago
Pro
Patrick Schneider
wow that wood!
almost 2 years ago
Lovely work!! tis Great!!!!!!!!!
almost 2 years ago
Pro
Kris Mendoza
To make the wood, I used one of Tileables' wood patterns and chose parts of the grain that looked best and masked them at each side (for a total of 4 different layers but of all the same pattern with different masks), cutting each section off at each corner of the icon. At each corner, I'd rotate the grain so it would face the same direction as the side of the icon. The pattern is then set to overlay at 80% fill. If the pattern is too dark, I generally like to adjust its Brightness and Contrast beforehand, and if I've resized it, I like applying an Unsharp Mask.
The coloring of it is just a solid "seashell-ish" tan plus three layers of Levels adjustments (two for highlights and one for shadow - masked of course, circle selection + some feathering) to get the lighting on the wood.
As for the subtle lined pattern on the wood that I added, you can get that by making new rounded rectangles with a fill of 0% with an inner glow of a medium-tannish color set to Multiply on a low opacity setting. You skip every other pixel, and make another rounded rectangle with the same layer style. I started one pixel under the very edges of the icon, so my rounded rect radius would be 19, then i skip one, and then my rounded rect radius would be 17, and so on.
Generally as a rule of thumb, the number of pixels away you are from the edge of the radius is the number you subtract to get your new radius.
Full radius of larger shape - number of pixels you are from the edge of that larger shape = new radius.
Anyway, thanks for all the comments guys!
almost 2 years ago
Pro
Patrick Schneider
#
thanks for sharing your technique :)
almost 2 years ago
Love how you used a blurred version of the Lion Background as your bg.
;) Awesome work.
almost 2 years ago
Great
about 1 year ago
Would LOVE to see this in a bigger size!
11 months ago