11 July 2007
How to Make a Web Banner in Slightly More Than 3 Easy Steps
So the Mafia tapped me to be co-administrator of a queer group she started up on Ravelry. As long as there are no business meetings, I am fine with this, but she also asked if I knew how to make a web badge and banner. Little did she know.
I really have very little innate artistic talent. I don't draw or paint or sculpt or make pretty things out of wood or papier mâché. I have, however, played around with Photoshop just enough to be dangerous. So I whipped out the banner you see above. And by whipped out, I mean the following:
1. Google "rainbow flag" and find a suitable image. Copy it.
2. Paste into a new Photoshop file and resize it to the dimensions of the banner.
3. Apply Gaussian blur to get rid of the sharp demarcation between the stripes. This is for the background, after all.
4. Create a new white layer and adjust the opacity so that the colors aren't too deep to make text difficult to read (Brightness could be adjusted, too, but I find this way does a better job).
5. Go through every font in Font Book to find just the right one (Harrington won. Dontcha just love those e's?).
6. Insert text.
7. Adjust size and positioning of text.
8. Go back online and google "ball of yarn". Decide that the ball of yarn pendant on a pet rememberance jewelry site is your best bet. Copy it & paste into another new Photoshop file.
9. Sharpen edges on the ball of yarn several times.
10. Adjust contrast on the ball of yarn way the hell up.
11. Take 12 tries to get the @&*^@*&%^)* elliptical marquee tool just right over the ball of yarn so that it can be cut and pasted into yet another new file.
12. Shrink the ball of yarn down so that it will fit onto the banner.
13. Apply the graphic pen filter to the ball of yarn to make it look like a "drawring".
14. Draw lines over the ball of yarn to make a knitting needle.
15. Merge said lines (each line is it's own layer) into a single layer so that you don't have to manipulate each layer separately.
16. Again take 12 tries to get the @(*^*#&^#)(*& elliptical marquee tool just right so that you can cut out the chunk of knitting needle that passes over the ball of yarn.
17. Go back online and google "crochet hoook".
18. Tell Google that, yes, you did actually mean to search for "crochet hook" (smarmy bastards).
19. Find a picture of some wooden crochet hooks that are sufficiently fat that you can still see it's a crochet hook once it's shrunk down to 6 pixels across. Copy & paste into new file.
20. Free rotate the image so that you can get one of the crochet hooks perfectly vertical and crop everything else out of the photo.
21. Convert to black and white & then to a negative image. Burn the hell out of the highlighted areas and increase the contrast all the way up so you get a black image.
22. Use the magic wand tool to select the crochet hook silhouette, cut and paste into a new layer over the ball of yarn.
23. Free rotate the crochet hook layer to get it oriented just right over the ball of yarn.
24. Again with the @)(*&^#)(*_#* elliptical marquee tool (You'd think by now it wouldn't take so many tries. But you'd be wrong.). Cut out the section of crochet hook overlying the yarn.
25. Merge the ball of yarn, knitting needle and crochet hook layers into a single layer so that the image can be copied and pasted onto the banner.
26. Adjust the ball of yarn icon on the banner until it is placed just so and save as a jpeg and a Photoshop file.
27. Upload the thing.
Piece of cake, no?