photoshop tutorial: how to add text to an image

Introduction to Photoshop

How to add text to an image

manonMdesigns.com

Name a graphic design software and understand a specific graphic design purpose for the software;

Create a basic Photoshop project following a tutorial;

Use basic selection tool;

Understand the concept of layers;

Create composite image: add text on an image;

Prepare an image for Web output;

Set and modify typography using the type tool;

Stylise an image by arranging text layer on image;

Save a Photoshop file and understand the concept of a Psd file;

Save a project as a JPEG and understand the difference between JPEG and Psd files.

Objectives

manonMdesigns.com

Through the

Creation Of an image QuoteIn 16 Steps

Let’s discover Photoshop

manonMdesigns.com

Open Photoshop

Step 1

manonMdesigns.com

Search for a Quote online

Step 2

manonMdesigns.com

manonMdesigns.com

Copy the Quote

Step 3

manonMdesigns.com

Tips:

• Highlight text• Right click• Copy• Make sure to include the author for reference

Search for an image online Warning: make sure to check for copyrights!

Step 4

manonMdesigns.com

Tips:

• Click on an image you like• Check the size: (over 1000 is good)• Click on ”View image”

Check the source of the image for

copyrights:

You should include a

reference or a link to the author

of the image.This is usually already on the

image.

manonMdesigns.com

Save the image on the desktop

Step 5

manonMdesigns.com

Tips:

• In the view image window• Right click on the image• Save image as• Save on desktop

manonMdesigns.com

Open the image in Photoshop

Step 6

manonMdesigns.com

Tips:

• File• Open• Click on “desktop”• Find your image

manonMdesigns.com

Resize the image

Step 7

manonMdesigns.com

Tips:

Resolution of 72 is goodfor Web output:

The image will be light and will send fast.

manonMdesigns.com

Add a new layer

Step 8

manonMdesigns.com

Tips:

• Layer• New• Layer• Call it “text”

Select the Type tool

Step 9

manonMdesigns.com

Paste your text

Step 10

manonMdesigns.com

Tips:

• Click anywhere on the picture• Right click • and paste Tip:

Make sure your text layer is

selected!

manonMdesigns.com

Resize your text and change the font

Step 11

manonMdesigns.com

Tip:

To select the entire text

double click on the T

Adjust Size

Adjust Font

manonMdesigns.com

Arrange you text on the image

Step 12

manonMdesigns.com

Tips:

Click on selection tool to move your text around

Click on The Type tool and press enter

to break your text

Tip:

Make sure your text layer is

selected!

Save your Photoshop project on your desktop

Step 13

manonMdesigns.com

Tips:

• File • Save as• Give it a different name from the original image.

Save your JPEG project on desktop

Step 14

manonMdesigns.com

manonMdesigns.com

Tip:Quality of 5 for Web

output

manonMdesigns.com

Minimise Photoshop

Step 15

manonMdesigns.com

Tip:

• Minimise Photoshop for now.• Check your file is working before closing Photoshop.

manonMdesigns.com

Open your JPEG file and check it.

Step 16

manonMdesigns.com

“ jpg” is your JPEG file, you can send this

on the internet.

“psd” is your Photoshop

project.

manonMdesigns.com

Go back to Photoshop if you need to make changes and

save your work again.Once you are happy with your quote image you can can close

Photoshop.

manonMdesigns.com

Through the

Creation Of an image QuoteIn 16 Steps

Note: If you would like to modify your work, open your Psd file and make changes as needed. Don’t forget to save your work both as a

Psd file and as a JPEG file!

We discovered Photoshop

manonMdesigns.com

Image from: www.hdwallpaperstop.com Quote from: www.goodreads.com Quote by: H. Jackson Brown Jr

References:

manonMdesigns.com

manonMdesigns.com