Animated sakura pattern process

25 Responses

  1. Jon Stapp | atomicvibe Jon Stapp | atomicvibe

    Another seamless pattern for Tealet's packaging, illustrated in the same roughened, hand-drawn style as the logo.

    For a full explanation of how this pattern will be used on the packaging, read this.

    This pattern is for a Japanese tea farm and their teas are harvested in Spring. I wanted it to be culturally significant, so I chose to illustrate a sakura (cherry blossom) motif. Sakura are deeply symbolic in Japanese culture, and are romanticized heavily in Japanese art.

    In Tealet's next shipment of four teas, three of them will be from this farm. Thus, there are three color schemes for this pattern, all drawing from a light pastel Spring-inspired color palette.

    The GIF depicts my process. Check the attachment for inspiration, sketches, and other views.

    likes

    9 months ago

  2. Matt Vergotis Matt Vergotis

    holy toledo!!!! this is mental Jon. You are the pattern master lately. Loved seeing this process gif and above all, the end result is superb. Well done mate.

    likes

    9 months ago

  3. Ryan Hamrick Ryan Hamrick

    Wow, great GIF, Jon. And lovely pattern, too, of course. :)

    likes

    9 months ago

  4. Daniel Alb Daniel Alb

    really, really great work!! love it!

    likes

    9 months ago

  5. Unipen Unipen

    Love it!

    likes

    9 months ago

  6. Jon Stapp | atomicvibe Jon Stapp | atomicvibe

    @Matt Vergotis Thanks, my man! I'm definitely having a lot of fun exploring this pattern making process lately, and I'm glad I have a client that is facilitating that exploration!

    @Ryan Hamrick Thanks, Ryan! In retrospect, there are a couple of things I'm noticing this morning about the GIF that I might have done differently, but this was a good exercise for me, and will definitely make its way into the rotation more often. Although, I think I really need to get and start using After Effects. That's how people make those really dynamic, fluid animations that convert to GIF format you see on here.

    @Daniel Alb I appreciate it, Daniel! I definitely logged some serious hours on this pattern, so I'm glad people like it.

    @Unipen I appreciate you having a look!

    likes

    9 months ago

  7. Jonathan Patterson Jonathan Patterson

    The looks difficult to do. Great job!

    likes

    9 months ago

  8. Jon Stapp | atomicvibe Jon Stapp | atomicvibe

    @Jonathan Patterson Thanks, Jonathan, although I'd say this is more time consuming than difficult. It may seem more daunting than it really is, but honestly, once you know the mechanics of building patterns, and you learn how to think in pattern tiles, the rest is just fun exploration. Yeah, there is often a lot of trial and error, and it can take time to iron out the wrinkles, but it becomes a challenge to see how far you can push yourself. I'm actually just scratching the surface with these seamless patterns. Never really did much in this area until recently, but I'm having a lot of fun with it, and hope to keep getting better.

    likes

    9 months ago

  9. Rudy Hurtado Global Branding Rudy Hurtado Global Branding

    Great work, I've never done one and it looks complicated, love it.

    likes

    9 months ago

  10. Jon Stapp | atomicvibe Jon Stapp | atomicvibe

    @Rudy Hurtado Global Branding It's really not that complicated, Rudy! As I mentioned to @Jonathan Patterson above, it just requires a basic understanding of how patterns work, and a knowledge of the mechanics of creating a flawlessly seamless single tile. Understanding these basic tenets will help you mentally visualize how the pattern will work, which will, in turn, aid the arrangement of your images. After that, it really just boils down to planning, sketching, and a bit of trial and error.

    Before I started in with these types of patterns, I saw an extremely helpful tutorial on Vectips, which *REALLY* helped demystify the process. Honestly, getting the tile to repeat seamlessly is the easiest part, thanks to a very simple, flawless technique found in that tutorial. I highly recommend it to anyone interested in getting started with pattern making.

    likes

    9 months ago

  11. Rudy Hurtado Global Branding Rudy Hurtado Global Branding

    Thanks Jon, is this for a client or just an exercise?

    likes

    9 months ago

  12. Jon Stapp | atomicvibe Jon Stapp | atomicvibe

    @Rudy Hurtado Global Branding Hey Rudy, look at my 1st post :D

    likes

    9 months ago

  13. Rudy Hurtado Global Branding Rudy Hurtado Global Branding

    Yeah, i remember the logo, amazing stuff as usual from you,

    likes

    9 months ago

  14. Jon Stapp | atomicvibe Jon Stapp | atomicvibe

    @Rudy Hurtado Global Branding I appreciate that, man! Thanks for checking in today, Rudy. Be on the lookout for another one of these possibly tomorrow or Friday.

    likes

    9 months ago

  15. Jord Riekwel Jord Riekwel

    I love this.

    likes

    9 months ago

  16. Jon Stapp | atomicvibe Jon Stapp | atomicvibe

    @Jord Riekwel Hey, Jord! Glad you stopped by. Thanks for the kind words.

    9 months ago

  17. Inka Mathew Inka Mathew

    Beautiful, Jon! Thanks for showing the process too!

    likes

    9 months ago

  18. Jon Stapp | atomicvibe Jon Stapp | atomicvibe

    @Inka Mathew Heeeeey, Inka! Good to hear from you! Thank you so much for the kind words. Glad you liked the process. I think this is how I'm going to show my process from now on, since I just found out that ~10% of the people who view my shots are actually bothering to view my process attachments. That was a really distressing discovery for me, because I put a lot of work into those process attachments. Seems these days, people just want instant gratification, and they don't read or click more than they have to. So all that work I'm putting forth is just totally wasted. Here on Dribbble, it seems that wow&dazzle in one shot is really the only way for work to get noticed these days. So, I'll just save all the other stuff for my Behance case studies.

    Anyway, keep your eyes peeled, because I've got another pattern process animation to post for tomorrow :)

    likes

    9 months ago

  19. Rob Zangrillo Rob Zangrillo

    amazing work!

    likes

    9 months ago

  20. Jon Stapp | atomicvibe Jon Stapp | atomicvibe

    @Rob Zangrillo Thanks so much, Rob! Stay tuned; I've got another animated pattern process shot coming tomorrow, as well as another fun little animated shot :D

    likes

    9 months ago

  21. Kate England Kate England

    Gorgeous!

    likes

    9 months ago

  22. Jon Stapp | atomicvibe Jon Stapp | atomicvibe

    @Kate England Thanks, Kate! Glad you liked it :)

    9 months ago

  23. Kate England Kate England

    @Jon Stapp | atomicvibe Really beautifully presented too, with the animation. Glad I discovered your wonderful work! :)

    likes

    9 months ago

  24. Jon Stapp | atomicvibe Jon Stapp | atomicvibe

    @Kate England That's really kind of you to say, Kate. Thank you!

    9 months ago

  25. youssef ahmani youssef ahmani

    Very good job

    likes

    5 months ago

keyboard shortcuts: previous shot next shot L or F like