1.
How to add text to an image
manonMdesigns.com

2.

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.
manonMdesigns.com

3.
Through the
Creation Of an image Quote
In 16 Steps
manonMdesigns.com

4.

Open Photoshop
manonMdesigns.com

5.

Search for a Quote online
manonMdesigns.com

6.
manonMdesigns.com

7.

Copy the Quote
manonMdesigns.com

8.
Tips:
• Highlight text
• Right click
• Copy
• Make sure to
include the author
for reference

9.


Search for an image online
Warning: make sure to check for copyrights!
manonMdesigns.com

10.
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.
Tips:
• Click on an
image you like
• Check the size:
(over 1000 is
good)
• Click on ”View
image”
manonMdesigns.com

11.

Save the image on the desktop
manonMdesigns.com

12.
Tips:
• In the view image
window
• Right click on the
image
• Save image as
• Save on desktop
manonMdesigns.com

13.

Open the image in Photoshop
manonMdesigns.com

14.
Tips:
•
•
•
•
File
Open
Click on “desktop”
Find your image
manonMdesigns.com

15.

Resize the image
manonMdesigns.com

16.
Tips:
Resolution of 72 is good
for Web output:
The image will be light
and will send fast.
manonMdesigns.com

17.

Add a new layer
manonMdesigns.com

18.
Tips:
•
•
•
•
Layer
New
Layer
Call it “text”

19.

Select the Type tool
manonMdesigns.com

20.

Paste your text
manonMdesigns.com

21.
Tips:
• Click anywhere
on the picture
• Right click
• and paste
Tip:
Make sure
your text
layer is
selected!
manonMdesigns.com

22.

Resize your text and change the font
manonMdesigns.com

23.
Adjust
Size
Adjust
Font
Tip:
To select the
entire text
double click on
the T
manonMdesigns.com

24.

Arrange you text on the image
manonMdesigns.com

25.
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!

26.

Save your Photoshop project on your desktop
manonMdesigns.com

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

28.

Save your JPEG project on desktop
manonMdesigns.com

29.
manonMdesigns.com

30.
Tip:
Quality of 5 for Web
output
manonMdesigns.com

31.

Minimise Photoshop
manonMdesigns.com

32.
Tip:
• Minimise
Photoshop for now.
• Check your file is
working before
closing Photoshop.
manonMdesigns.com

33.

Open your JPEG file and check it.
manonMdesigns.com

34.
“psd” is your
Photoshop
project.
“ jpg” is your
JPEG file, you
can send this
on the
internet.
manonMdesigns.com

35.
manonMdesigns.com

36.
Through the
Creation Of an image Quote
In 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!
manonMdesigns.com

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

38.
manonMdesigns.com