I wanted to know, roughly, how these were achieved, so I spent the afternoon trying to fathom it out. A bit more practise (and time) and I'll have it sussed.
over 2 years ago
not a bad start at all. the glossy-ness takes away from the stitched pattern tho
I need to make some more custom textures, slightly sussed the parts but was having to rely on scaling existing textures and patterns which doesn't work as well. As a work in progress though, I thought it was interesting 'enough' to share.
ohh they look pretty :)
Good start, I think changing the lighting will help, right now the much speech bubble & patch are popping out a little too much, if there was a consistent angled light source it will look more realistic imo
They are all at 90 degrees but it certainly needs some amendments, just a work in progress.
I still love it! Looking forward to see what more can you do with it. I wish I had you as my teacher for my illustrator classes ;-)
I did something like this. I didn’t make the badge part from scratch, but the stitching is just a LOT of hand drawn lines with a slight bevel on them. http://dribbble.com/shots/11916-Vader-Merit-Badge
@Sarah: Mind explaining the process? Been trying my hands but definitely do not want the stitches to be handcrafted 1px line with bevel like @John did.
@Sarah: Would you mind explaining the process. Been trying my hands at this but failing, also do not want them to be 1px lines with bevel like @John did.
Stitches can be done quickly in Illustrator:
1. Make a new path. Add a few strokes of different colors.
2. Offset paths so that the strokes overlay, creating some serious stitched mess. :)
2. Just create them as separate paths from the beginning and resize/move them.
3. Apply Zig-Zag effect to each of the strokes and adjust the settings so that it looks like a stitch. That's it
For the inside (patch body) it could be either some fabric texture or some of the Photoshop's standard patterns. No biggie for a simple patch.
Then, when the stitches are done, getting the lighting right should be no problem in Photoshop. It's all about shadows/highlights, so it will only take a few more layers to make the parts blend together nicely. Or you might as well burn some edges. :-)
I have never tried it in Photoshop, but have a quick idea.
Path -> Custom zig-zagy brush to imitate the stitch -> Stroke path with that brush.
Although it works quite good, the above-described process will never give you any super realistic result as this is: http://dribbble.com/shots/111356-Project-Noah-icon :D
More than that, SoftFacade are known for their using Photoshop solo. Go figure how do they do such craziness...
Anyway, I hope this comment will be at least a little helpful.
Sergei that is one of the best comments I've read on Dribbble.
Those are some awesome merit badges.
about 2 years ago
How fun are these?! I just may be inspired to give it a try, too! :)
I'm just a sucker for textures.
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–2013 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.
Follow Dribbble on Twitter