How to make a logo with Adobe Photoshop. (For novice users)

8/3/2019 How to make a logo with Adobe Photoshop. (For novice users)

1/10


2/10

2

Figure 3 History Window

-History Window (Figure 3) - The history window lists a history of actions you have done

during the session. History window allows you to go back to previous step on the list.

Figure 4 Navigator Window

-Navigator Window (Figure 4)This window allows you to zoom in and out. To zoom in or

out, slide button in the red box on the bottom of window.

Pre-design

1.Sketch a concept logo on a paper.Just like any designing process, logo designing starts with a paper drawing. Again, logo

design in this instruction consists of one silhouette and organization title.

2.Find a picture for the silhouette will be used in the logo.Find a picture of silhouette matches to your concept drawing. Picture used for

silhouette should have clear outline and easy to be recognized even when it is converted to a

silhouette.

Figure 5 Example Picture

Warning: the picture must be either owned by your organization or used under

permission of the copyright owner.

3.Check for similar design.In the worst-case scenario, conflicting logo design may result in a lawsuit. Check online

for similar designs to eliminate any issues with pre-existing trademarks.


3/10

3

Photoshop Design

Click File->New on the Menu bar (Refer Figure 2)

Tip: you can Ctrl+N on MS Windows, and Command+N on Mac OS.

Figure 6 Create a new file Set Name as desired. Change Width and Height of canvas.

1500 pixels by 1500 pixels recommended.

Set Background Contents as Transparent.

Click File-> Open on the Menu bar (Refer Figure 2).Search and open the picture file for silhouette.

Figure 7 Two files opened on one canvas

After opening a file, you will see two taps on the top left of your canvas asindicated in red box on figure 7. You can switch between your logo canvas and

the picture using these taps.

1

2

3


4/10

4

Figure 8 Polygonal Lasso ToolClick on polygonal Lasso Tool icon in the tool box.

If you do not see the polygonal lasso tool, click and lasso tool until you see

polygonal lasso tool.

Figure 9 Lasso tool selectionUsing polygonal Lasso Tool click outlines of picture.

If you made mistake, hit backspace on your keyboard.

When using polygonal lasso tool, you must return to starting point to complete

outline.

Having Difficulty with this step? Go to

http://youtu.be/8mSrlPQh1UA.

Figure 10 After SelectionYour picture will look like figure 10 after selection.

4

5
http://youtu.be/8mSrlPQh1UAhttp://youtu.be/8mSrlPQh1UAhttp://youtu.be/8mSrlPQh1UA


5/10

5

To move your selection to your logo

canvas,

a. Drag your outline to the logo

canvas tap as shown in figure 11.

b. When the canvas is switched,

drag and release the outline onto

the logo canvas.

If this step was successful, you will see an outline on your

logo canvas

Now you need to create a new layer on Logo canvas.

Figure 14 Creating a new layera.Click on-> Layer-> New-> Layer

Figure 15b.Hit ok.

6

7

Figure 12 Moving Selection 1

Figure 11 Moving Selection 2

Figure 13


6/10

6

Figure 16 Layer WindowIf the layer is properly created, you will see layer 2 on the layer window.

Now you are ready to fill in color into your silhouette (outline).

Figure 17 set foreground colora. Click on set foreground color in the tool box.

Figure 18 Color Pickerb. Pick your silhouette color and hit OK.

Figure 19 Paint Bucket Tool

a. Click on paint bucket tool in the tool box.

Figure 20

If paint bucket tool is not shown, click on gradient tool for few second and

switch to paint bucket tool (refer figure 20).

8

9


7/10

7

Figure 21Filling in color

b. Using Paint Bucket Tool, fill in color by clicking inside outline area.

If your silhouette is too small compared to the canvas,

a. Click Edit-> Free Transform on the menu bar

Figure 22 Enlargeb. While pressing shift, drag edge to enlarge

Figure 23 Check Markc. After changing to adequate size, click on check mark as shown in

screenshot

Tip: you need to press shift in order to change size in proportion.

10


8/10

8

Now, you are ready to create a rectangular box for text.

a. Pick a color for rectangular box as shown in step 8.

b. Select retangualr tool from the tool box.

Figure 25 Rectangular Box

Create Rectangular box by drag and release.

As shown in figure 25, the recStangular box is covering part of silhouette. We

need to put the box layer below the silhouette.

Figure 26 Changing Layer order

To change layer order,

Drage Shape 1 layer between layer 2 and layer1 using the layer window.

11

12

13

Figure 24


9/10

9

You are now ready to input text into your logo.

a. Click on the text tool.

b. Select the font and size for logo from text menu. (figure 28)

c. Click on canvas to create a text box.

Tip: You can create multiple text box in one canvas.

Warning: Every font is copyrighted- if you plan on trademarking your logo, you need

to get permission or purchase a right to use the font from the copyright owners.

Figure 28

If you need to move your text in a situation like figure 29,

Figure 29a.Select Text Layer from layer window

Figure 30b.Select move tool

Figure 31c. Drag and drop the text

14

15

Figure 27

Text tool

Figure 27 Text tool font setting


10/10

10

Your logo is ready to be used.

File-> Save or Ctrl + S to save.

Save in photoshop format (PSD).PSD file cannot be used as an image file, but it can be opened on photoshop

for future editing.

File-> Save as to save in GIF format.Gif format can be used on websites and documents.

What you can do with Adobe Photoshop

Techniques you learned from this instruction can be adopted for your everyday college or

office use. Logos are widely used from a small student organization to a company project group.

You can also create a logo for your research papers or project proposals. Also, you can create

silhouette for different document or input text onto a photo using Adobe Photoshop. Use

techniques you learned from this instruction. Be creative with Adobe Photoshop!

16

Documents

How to make a logo with Adobe Photoshop. (For novice users)