Patches - an experiment


16 Responses

  1. Sarah Parmenter Sarah Parmenter

    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.

    almost 3 years ago

  2. Luke Ritchie Luke Ritchie

    not a bad start at all. the glossy-ness takes away from the stitched pattern tho

    almost 3 years ago

  3. Sarah Parmenter Sarah Parmenter

    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.


    almost 3 years ago

  4. Umar Irshad Umar Irshad

    ohh they look pretty :)

    almost 3 years ago

  5. Jonathan Belton Jonathan Belton

    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

    almost 3 years ago

  6. Sarah Parmenter Sarah Parmenter

    They are all at 90 degrees but it certainly needs some amendments, just a work in progress.

    almost 3 years ago

  7. Petra Gregorová Petra Gregorová

    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 ;-)

    almost 3 years ago

  8. John Williams John Williams

    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.

    almost 3 years ago

  9. Jackie Tran Jackie Tran

    Really nice

    almost 3 years ago

  10. Tuhin Kumar Tuhin Kumar

    @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.

    almost 3 years ago

  11. Tuhin Kumar Tuhin Kumar

    @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.

    almost 3 years ago

  12. Hanno Hanno

    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: :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.


    almost 3 years ago

  13. Mark Wallis Mark Wallis

    Sergei that is one of the best comments I've read on Dribbble.

    almost 3 years ago

  14. Stephen Moorehead Stephen Moorehead

    Those are some awesome merit badges.

    over 2 years ago

  15. Allison Grayce Allison Grayce

    How fun are these?! I just may be inspired to give it a try, too! :)

    over 2 years ago

  16. Rave3000 (Raven Ravenson) Rave3000 (Raven Ravenson)

    I'm just a sucker for textures.

    over 2 years ago

keyboard shortcuts: previous shot next shot L or F like