---
title: "How to Create a Logo"
canonical: "https://docs.pbs.org/space/DLM/3578071/How%20to%20Create%20a%20Logo"
format: markdown
---
> Macro (toc)

> ✅ - If your logo has both a horizontal and vertical version, choose the one that works best at a smaller size.
> ✅ - Remove all unnecessary elements while still retaining the integrity of the logo.  The less clutter the better your logo will appear.
> ✅ 
> ✅ ![image](media://3eada18f-6db6-4bd3-81f8-f6c1acd79dd9)

## Logo templates

For your convenience, use the following PSD files to begin your logo creation.  You must have an application such as Photoshop to work with the files.

- [Color template](https://pbs-docs.atlassian.net/wiki/download/attachments/3578071/logo-template-color.psd?version=1&modificationDate=1409224533000&cacheVersion=1&api=v2)

## How to create a logo in Photoshop

- <span style="color: #000000">Open Photoshop and create a new file.  Type </span><span style="color: #000000">**250 **</span><span style="color: #000000">in the Width textbox and </span><span style="color: #000000">**150**</span><span style="color: #000000"> in the Height textbox (Figure 1.1).  </span>:warning:<span style="color: #000000"> </span><span style="color: #000000">**Be sure each dimension is set to Pixels.**</span>
- <span style="color: #000000">Click the </span><span style="color: #000000">**Color Mode dropdown menu**</span><span style="color: #000000"> and click </span><span style="color: #000000">**Transparent **</span><span style="color: #000000">(Figure 1.2).</span>

Figure 1

![image](media://e67c153f-705f-45ca-bf56-c69018c9dda7)

- <span style="color: #000000">Create a guide that is five (5) pixels from each edge of the canvas (Figure 2).</span>

Figure 2

![image](media://6b8aff34-1efe-4905-aff0-7df941fdbe17)

- <span style="color: #000000">Open your logo resource file (Figure 3).  </span>:warning:<span style="color: #000000"> </span><span style="color: #000000">**Your original file should have a transparent background.**</span>

<span style="color: #000000">Figure 3</span>

![image](media://6d83245f-4714-406e-8374-03b424243d7c)

- <span style="color: #000000">Click and drag the </span><span style="color: #000000">**logo**</span><span style="color: #000000"> to the center of the canvas.  Scale the logo until it touches the edge of the guides that you set in Figure 2 (Figure 4). Do not go past the guide lines.</span>

Figure 4

![image](media://f3653c8a-9490-4851-b9a3-1334ad079f2c)

- <span style="color: #000000">In the toolbar at the top of the page click </span><span style="color: #000000">**File**</span><span style="color: #000000"> then click </span><span style="color: #000000">**Save for Web**</span><span style="color: #000000"> (Figure 5).</span>

<span style="color: #000000">Figure 5</span>

![image](media://8b631f9e-4fa9-4a43-97c6-11b5f5e1ba12)

- <span style="color: #000000">Be sure the preset is png-24 and </span> <span style="color: #000000">transparent is selected (Figure 6.1). </span>:warning:<span style="color: #000000"> </span><span style="color: #ff0000">**Be sure to save the image as transparent.**</span>
- <span style="color: #000000">Be sure the image size is 250 pixels wide by 150 pixels high (Figure 6.2).</span>
- <span style="color: #000000"> When you are finished, click </span><span style="color: #000000">**Save**</span><span style="color: #000000"> (Figure 6.3). </span>

<span style="color: #000000">Figure 6</span>

![image](media://90678085-5d9d-4657-93cb-8dbd192efbae)

![image](media://2c677bb0-8d45-46c6-9201-d2659a940a6c)