It’s looks so good in gifs and someone asked me how to do this and i’m make a tutorial for this. It’s so easy^^
I’ve had a few people ask me how to make that text box you sometimes see in gifs (the one that you see behind the text, so the text itself is easier to read). It’s a popular trend with gifs right now, so here’s how to do it! We’ll be learning how to make the box that appears behind this bit of text in this gif:
What You Will Need:
- Photoshop CS4 (any version will do - this is just the version that I use)
The how-to is behind the cut!
I think this has been the most common question to come across my askbox, so I figured it’s time to make a tutorial. This is a rather simple tutorial that will teach you the basics of texture use. So I’ve compiled a few images (which I’ve colourized) and textures that best compliment them just to show you what would work best with different images. This tutorial was done in PS CS4.
Posted on 30-08-11
Start off by finding a few patterns/textures to use for the text, deviantart.com is a good place to look. Now make a new canvas with a white background. Click on the text tool and pick a bold font in black and a large size. Type what you want and then flatten your image. Duplicate your Background layer once for every pattern you have. My layer palette looks like this:
Now click on the little eyes next to every layer except your first one:Now copy your first pattern and paste on a new layer on top of this one:Set your pattern layer to lighten. Now right click on your pattern layer and click Merge Visible. Make that layer (the only one thats visible) invisible and then make the layer on top of it visible. Repeat what you did with the first one until you have all of your layers done. When youre done make all of the layers visible and open your animation window by going to Window - Animation. If youre animation window looks like this:Click on the button in the far bottom right corner to see your frames. Now find this button in the animation window and click on this:Now click on that button again but this time click on Select All Frames. Click on the button under the frame thumbnail:And set it to around 0.1-0.2 and make sure it says forever here:Now go to File - Save for web and devices and match these settings:Then click save and you’re done ♥
This was asked for by an anon, but I’ll put it in a new text post and behind a read more not to clog up your dashes and for anyone else who is interested in or wants to know how to make things like this:
- requested by anon
ㅎㅅㅎ Please don’t take any text and/or footage from this tutorial~
thedrbieber asked: do you know how can i do something like that http://26.media.tumblr.com/tumblr_lkolelWLU11qazlk1o1_500.png? thanks!
to do something like that you need an image with a good shape. so i’ve chosen this photos from here. these settings wont work for every picture. so if they dont work for you just try different settings with curves, levels, and exposure!
- the amount of setting you’re gonna need really depends on the photo you choose. an easy way to do this without tons of adjustments would be to use the Magic Wand Tool and remove the background if the tool is selecting more than you want lower the tolerance. for the main picture I’ve chosen this photo and I’ve removed the background.
- I duplicated that three times and set all the duplicated layers to Multiply.
- then I went to Layer > New Adjustments layer > Gradient map. and chose the black and white gradient to turn the photo black and white.
- then I go to Layer > New Adjustments layer > Selective Color. and in the drop down menu select black and do the adjusments 0, 0, 0, 100
- now go to Layer > New Adjustment Layer > Brightness/contrast and make the settings Brightness: -150 contrast: 100. then duplicate that two times.
- now i had a little white still remaining so i just got my Brush tool with the color black, made a new layer and just went over the white spots then right click and merge visible.
now for the inside of the photo that you showed me.
- get three or more photos and edit them in a row how ever you like then add a coloring, i just added a gradient map. and after you’re done move it over to the blacked out image and place it UNDER that layer and then set the blacked out image to Lighten or Screen. and there you go! here is two results i got
(Source: -timebomb)Posted on 30-08-11