Good sleuthing, Sherlock! You’ve found an archived page from the Seller Handbook. This content may be out of date. Head over to the Seller Handbook Archive for our best-of articles organized by category, or check out our most recent articles here.
Hi all! I thought I’d show you how I made the new EtsyLabs banner. I’m not a trained graphic artist by any means but I love making banners, avatars, and general photoshopping! So here’s the banner and the tips:
1. Select Your Background
I suggest a pic that may be floating around your flickr account, scan some fabric or ribbons, or find something cool and free on the internet (but don’t steal! Make sure its for general use.)
2. Crop It Like You Mean It
Don’t worry about the size yet. Just crop it so you get a good image (as wide as possible). Crop is a tool found on the left vertical toolbar – it looks like a box.
3. Set The Width
It should be 760 pixels. On the top horizontal toolbar click Image->Image Size and set the width to 760 pixels and select “OK”.
4. Adjust the Height
Do this by adjusting the canvas size (Image -> Canvas Size ). The height should be 100 pixels. In the canvas size window you can adjust the anchor if you want the pic to be cropped from the top, bottom, center etc.
Here’s what we come up with so far:
5. Add Text
On the left toolbar you’ll see the letter T. Click it! Now click on a space in the pic where you want to add your shop name. Now type in your shop name. Highlight what you just typed. Now you can change the font, color and size (see those options at the top of the horizontal toolbar in photoshop). Play around until you get a good result.
Pro Tip: Download a fancy font! My favorite place to download free fonts is http://www.dafont.com/. Once you find something you like download it to your desktop and unzip it. Then go to the start menu -> Control Panel -> Fonts and then click “install font” and find that on your desktop. Do this before opening Photoshop.
6. Rasterize Your Text
At the top, click Layer < Rasterize. You’ve rasterized!
7. Add Dimension to Your Text
At the top again click Layer < Layer style. Play around! For this banner I chose to use a subtle “inner glow”. Spooky!!
8. Bump Up The Contrast
If you want certain objects to pop within your banner, try you can start with the Magic Wand tool. You can find it within your toolbar, on the left hand panel of Photoshop. Once you have selected it just click on the items in the picture you want to stand-out. Hold the shift key while clicking to select multiple items. Once you’ve selected all the items you want to pop, hover the mouse over any section of the picture and right click on the mouse. Now “Select Inverse”. This should select everything EXCEPT the items you want to glow. Therefore any effect you now use will only change the background and not these items.
So now since I want everything BUT the airplanes to look a little less bright I go to Image->Adjustments->Hue/Saturation. I decrease the saturation to make it a little duller. Feel free to play around in this section though! See what other effects you can create.
9. Save Your Work
Select File < Save As and save it as a JPG file. Save it somewhere that’s easy to find again, or better yet, create a folder on your computer desktop for your Shop’s graphics.
Log into your Etsy account. On the left side under Shop Setup you’ll see Appearance. Click it! Now in the banner upload box find your new banner. Once you have all you have to do is click Save Changes at the bottom and you are golden!