Hello and thank you for purchasing your DIY Editable Etsy Shop Template Set from Purveyor of Geekery! Let’s take at how to edit the files you received.
Most of our etsy shop sets come with files that you can edit using an online photo editor like PicMonkey.com, a desktop editor like Gimp or Adobe Photoshop. Which editor should I use? Check out the tutorial here.
Ready to start customizing your templates? Let’s go.
Step 1: Unzip Files and Install Fonts
We use .zip files to keep all the template files in one place and to compress them as small as possible to cut down on download times for you. Mac and PCs shouldn’t have a problem unzipping the files without any special programs, however if you are trying to open the files on a tablet, you will need to download an app to help with that. Zip Rar File Manager is great for iOS tablets like iPads and 7Zipper for you Android users.
The following video shows how to unzip your files and install fonts. It uses one of our invitation template files as an example, but the process is the same.
Video Tutorial: How to Unzip Your Files and Install Fonts
Step 2.a: Edit Files – Using Photoshop
Photoshop Element users should see the next section (2.b) for directions on how to add text to their sets. The TIF files use layers, which Elements does not work with.
If you have purchased a shop set, please note: Shop sets are created with multiple shop pieces per each file. For instance, your 1000 px file will have layers for your shop icon, shop update, rush order, away, sale, custom listing, reserved listing and thank you icons with the assumption you can adjust the image size during saving to create 500 px files for the ones requiring that. Toggling between layers will allow you to hide and unhide each piece to edit. After you are done editing, save the file as a unique file name (ex.YourBanner-Custom.jpg) and move on to the next piece, hiding the layers not needed for the next image.
There may be other elements that need to be turned on or off, but not usually. If something doesn’t look right please compare the design layers to the images in the product listing in order to determine which layers go to which shop piece design.
Changing element colors
To change the colors of any of the color changeable layers mentioned in your listing (ex. a flower, a circle or a background), you will need to change the color of the layer (for Shape layers, like the “Ribbon” layer in the photo below) or the color overlay (like the “Berries” layer below, note the “Color Overlay” option is active in the Effects options) on these layers. Sometimes it may not be apparent which layers to change the color overlays on, so I color coded these to make it easier to find as PURPLE LAYER(S). PURPLE LAYERS may be filed within other folders, so it may be necessary to open other folders to find the purple layers.
Text, text colors and fonts can be changed unless noted in your product listing. Most text items are market in folders labeled “TEXT”, like “TEXT – Shop Update” in the example above. Please watch how things are formatted, when special characters appear as drop caps, the word may be split into two text elements (ex. “Update” may have a layer for the “U” and one for the “pdate”).
Save your files
Save your file via the “save for web” feature as either a .png or .jpg
Step 2.a: Edit Files – All other editors
Open the JPG files from the “Blank-JPGS” folder in your photo editing program of choice then simply add your text according to the directions for your specific software. Save your file as a new .jpg or .png file.
How to add text to things in PicMonkey.com…in this case it is an invitation, but it still shows the general theory behind the process: Open file + add text + save.
Here is how to do it on a site called Fotor.com: