#DO52 WEEK 29: FLIP THAT BOOK!
#DO52 is a weekly project to inspire you to create more art! We’ll announce a new theme each week. Post your submission in the blog comments. We’ll feature our favorites in this blog the following Friday.
#DO52week29: Create a two-frame flip book.
- Grab a couple Post-it Notes or a small piece of paper and sketch a quick, little animation for everyone to enjoy!
Here’s an example from Threadless HQ:
Here’s a quick tutorial to help you get started:
Once you’ve completed this week’s #DO52, add this badge to your Threadless profile:
Don’t forget to jump back to the comment section of last week’s #DO52 to check out everyone’s ASCII art!
ANIMATED PORTRAITS FROM WINEBOCON 5!
The best part of Winebocon 5 was, without a doubt, the people. Being reunited with so many long-time Threadless community members was absolutely amazing and we were overjoyed to meet some new folks as well! Our dear Craig Shimala took some time to soak in the awesomeness of each person by creating animated portraits throughout the weekend. Check some of them out below and be on the look out for more over the next few weeks.
SHARE STACY EYLES’ MADE VIDEO FOR A CHANCE TO WIN!
We’re super stoked to announce the launch of Stacy Eyles’ new MADE collection! If you haven’t had a chance yet, head over to his MADE shop to check out all six of his wacky designs. Once you’ve finished browsing, share the video above for a chance to win one of these original prints created by Stacy himself:
Also, in case you’re brave enough to dive into the world of Stacy, here is the weirdest interview you’re going to read today.
THREADLESS TEETORIALS: SIMPLE ANIMATED GIFS
Teetorials are tips and tricks for adding those special touches to your designs. They’re brought to you by our very own Threadless staff designers, Alex, Jillian & Speedy Joe. Check out Jillian’s Teetorial on creating GIFs in Photoshop.
Animated GIFs! If you have a video you want to turn into a simple gif, there are plenty of links online to upload and generate a GIF pretty quickly. However, if you’re the doodlin’ type and want to make your own gif, here’s how to do it in Photoshop.
Threadless Teetorial - Animated Gif from Threadless.com on Vimeo
1.) Have your files and layers prepared. I drew/assembled each frame like I would a flipbook and prepared them on separate (transparent) layers. The bottom layer, which won’t change, is just that green background.
I’ve arranged my layers in the order that I need them (when I want to turn them on and off). You don’thave to do that but you’re going to be hella confused if you don’t.
2.) Go to Window > Timeline. Click “Create Frame Animation”.
3.) Turn on the first layer you want to see. As I mentioned before, I am leaving the green layer at the bottom ON throughout so that you always see it. The transparent layers on top of it are going to toggle on/off.
4.) Create a new timeline frame by clicking that little paper icon. This icon duplicates your previous layer, which is why you will want to turn that layer off in the next step.
5.) Turn off the layer you want to hide, and turn on the next one. Easy.
6.) Create another new timeline frame, hide that previous layer that duplicated and turn on the next one that you want to see.
7.) Keep doing that with all of the layers until you’ve reached the end of your timeline.
8.) PRESS PLAY and check it out.
There are a number of extra things you can control in the Timeline panel, like frame delay (speed) and looping. If you want it to loop forever and ever, change the looping setting from “Once” to “Forever”. You can edit the delay of each individual frame by clicking on the number at the bottom of it (choose an option or enter your own), or select all of the frames at once (like I did in the video) and edit all of them. I have mine set to a .2 second delay. Keep hitting play/stop until you’re like, “AWE, YEA THIS LOOKS GOOOOOOD.”
9.) Once you’re happy with everything, go to File > Save for Web and save as a GIF.
10.) Post it in this comment section.
For all of our Teetorials, click here.