THREADLESS TEETORIALS: DIGITIZING MIXED MEDIA
Teetorials are tips and tricks for adding those special touches to your designs. They’re brought to you by our very own Threadless staffers. Since we’re currently running a mixed media challenge, Jen and Jillian created a tutorial about bringing real world objects into your computer.
1.) Come up with an idea. This idea developed pretty organically for us but it may be more calculated for you. Protip: have a drawer full of toys and dig through it.
2.) Set it up. Again, this will vary by situation and what you’re making (maybe you’re scanning something rather than photographing it) but since we’re photographing this one, we want it to look as realistic as possible and reduce the amount of editing later.
3.) Photograph it! You have to get the image on the computer somehow, right? If you’re doing something flat, maybe scan it. If you can think of another way to get your work into the computer without either of these methods, please post it in the comments and collect your Nobel Prize in Holy Shit How Did You Do That.
4.) Edit your image. The idea here is to get the background as white as possible so you can either cut it out and place it on a colored shirt template, or have it sit nicely on a white tee. That’s what we’re doing.
Here, Jen breaks down her steps for quickly cleaning up the image:
If you have a fancy camera, take photos in the RAW format.
The RAW format will open in photoshop with the option to change the temperature/exposure/contrast, etc. In this window, click the white balance eyedropper and click in the whitest part of the screen, click OPEN IMAGE.
If you don’t have a fancy camera, just take a photo with any camera that you have and open it in Photoshop. We promise, you DON’T need a fancy camera to do this.
Open a curves level, click the white eyedropper and click in the white background, this is an easy way to create a pure white background and keep the natural shadow.
Combine the curves layer and your image and click the brush tool. Color it in white around your image and shadows using a soft brush tool.
5.) Mix your media. Draw on top of your image, photoshop other stuff in, scan in a painting you made and throw that in there. Whatever your idea is, make it happen and mix it up. Our idea involves digitally drawing on top of the photo:
6.) Mock it up on a tee, submit it, and wait ever so patiently for Jeffrey G to approve it.
For all of our Teetorials, click here.
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.
Submit an “Un-Threadlessy” Design!
You think you’ve cracked the Threadless code, don’t ya? You know exactly what is going to score highly and what will get printed. Well, for this challenge, let’s shake it up!
Your challenge is to submit a design with a concept, design style or aesthetic or subject matter that you think is so “not Threadless.” Surprise the Threadless community with your completely never-been-printed kind of design.
Your design CANNOT contain:
- skulls and roses
- food with faces
- music notes