How to use your Facebook Design Kit

If you don't have Photoshop installed, we recommend you start a 30-day free trial.
Download the ZIP file of your Facebook Design Kit and unzip the file, if your computer doesn't automatically.
Inside the folder you will see the following files:
FB PROFILE IMAGE - This is the template for your profile picture
FB PROFILE HEADER - This is the template for the header image
FB DESIGN DEMO - Find the instructions inside the file.
PHOTOSPHOP TRIAL - If you don't have Photoshop installed, we recommend you start a 30-day free trial by following the link.

1. Open one of the templates in Photoshop. 

PRO TIP: If you are adventurous, you are free to explore photoshop on your own or follow the built in tutorial. To help you familiarise yourself with their many functions, every time you hover over something, Photoshop will tell you what that is and how to use it.

2. Select an image you’d like to use. Then, drag and drop it from anywhere on your computer into the template. Make the image fit by dragging the corners of the image. Feel free to move it around if you want to highlight a specific part of the image. When you are satisfied with your result, hit ENTER.

PRO TIP: If you dont want your image to stretch while resizing, hold SHIFT while moving the corners.

3. At this point, you are free to use any tools on the right side of the application window to customize your image. Click on the T icon to add text, use the U25A1.gif (shape tool) or the Brush-icon.png (brush tool), to place objects or paint parts of the image.

PRO TIP: Before Photoshop allows you to edit an image, it will want to rasterize it. A pop-up window appear, feel free to click 'OK'

4. Just like in any editing software, you will find a tool option bar at the top of your application window. Here you get to set the color and size of your font, brush or shapes.

PRO TIP: On the bottom-right of your application window you can find the Layer Panel. Every time you drag an image to Photoshop, it will appear as a new layer over existing ones. Imagine it like sheets of paper on top of each other. In the layer panel, you can put these images behind one another by draging them below and above others. You also have the option to create empty 'new layers' (transparent sheets of paper) by clicking on the New Layer button at the bottom of the Layer Bar. These are really useful, because they allow you to paint over images (on separate layers) and then delete or recolor that paint without having any effect on the picture below. By clicking on the small thumbnail of any image you added or layer you created (selecting a layer) you can decide on wihich you would like to work on.

5. Once you are happy with your image, click 'File' on the top of your application window and select 'Save As...'. You will see a pop up window with multiple options:
Screen_Shot_2016-03-24_at_10.53.16.png
 
6. Write the name of the file in the first bar, ignore Tags and select where you would like to save your new design on your computer. Next to format select PNG from the dropdown menu and click save. The popup window afterwards already has the optimal setting thicked, by clicking 'OK' you have your file delivered!

PRO TIP: If you save you file in Photoshop format, you will always be able to come back and edit it, but remeber, you cant upload photoshop files as images.