Graphic Design Lesson 5 Notes

Graphic Design
Introduction
to Photoshop
Photomanipulation
Summary Notes
2
Contents
3 Introduction
Image resolution
5 WARNING
Adobe Photoshop Demos
8 Bibliography
GRAPHIC DESIGN
3
Introduction
We have finally reached lesson 5 and I want to welcome everyone back once again!
Today, our focus will be on using Adobe Photoshop and you will be amazed as to how easy it is to create an
amazing piece of work.
Graphic design has drastically changed over the last two decades. It is a lot easier to become a graphic designer
considering that information is a lot more accessible and quicker to obtain. But how do you stand out? Graphic
design is all about how you present your work. In other words, your portfolio. In one of the later modules, we will
focus on the creation of a portfolio but to explain this concept to you, a portfolio is a collection of all your best
work. The only way to create a successful portfolio is to practice.
The more work you create, the more choice you have. In the old days, portfolios used to be printed but recently,
digital portfolios are more convenient and cheaper.
If you are serious about graphic design, I recommend you enrol for our later modules as I will touch on topics like
creating interactive pdf documents, advanced typography, creative thinking as well as creating an impressive
resume with the help of infographics. I will even touch on the topic of interview questions and how to prepare for
them. In short: getting you real-world ready for the graphic design industry!
Image resolution
Our lesson today will focus on the interface of Photoshop but before we get there, I would like to introduce some graphic
design terms that you might be familiar with but not sure what they mean. We will look at image resolution and the
difference between 72ppi and 300ppi as this also links to the colour space that you will be making use of. I will also explain
the difference between the RGB and CMYK colour space. These terms are all very crucial as simply having one of these
settings wrong in a document, might cost you a lot of unnecessary time and money, especially if you are going to print a
document.
Design is not simply creating an amazing piece of art, but the technical part is of equal importance.
Now that you had a recap on what a raster image is, we will investigate more detail between the different type of raster
images, specifically referring to its resolution. If you can recall our previous lesson, you will remember that we have low-
and high-resolution raster images. A low-resolution image is used for digital purposes while a high-resolution image is
used for printing purposes.
We measure raster (or bitmap) images in pixels per inch.
Thus, 72ppi would be 72 pixels in one inch which is a low-resolution image
300 ppi is obviously then 300 pixels per inch and this is a high-resolution image
GRAPHIC DESIGN
4
Image 1: Image indicating 72 picture elements in one inch (also known as ppi).
This refers to the resolution of an image and the more pixels per inch in a document, the better the quality.
One of the reasons this confuses a lot of people is the fact that both a low- and high-resolution image might look the same
on a digital device. The reason for this is the fact that digital devices do not have the capability of viewing an image at
300ppi since it only has 72ppi.
You will however clearly see the difference when you print a 72 ppi image and compare it to a 300ppi or high-resolution
image.
Image 2: Low resolution image zoomed in 50 times. Pixilation started to occur
GRAPHIC DESIGN
5
Image 3: High resolution image zoomed in 50 times. No pixilation occurs.
WARNING
With all this information, I would like to leave you with this one, very important note!
Always keep the highest resolution of an image. Once you reduce its size, you will not be able to get the quality back. High
resolution images will take up more space, but higher quality images are more forgiving when it comes to editing and you
might one day want to print these images. Rather invest in a proper storage system like cloud storage or an external hard
drive.
Also note that when you upload an image to any social media platform like Instagram or Facebook, even emails, that your
device will reduce the image’s size to that of low resolution. That’s why you can’t simply take an image from Instagram
and print it as a big portrait.
Adobe Photoshop Demos

Knowing all there is to know about raster images, I hope it will make a lot more sense when we head onto our first demo of
Photoshop. I will be teaching you the basics in today’s lesson from opening an image to basic photomanipulation and all
the other important things.
GRAPHIC DESIGN
6
Demo 1:
Image 4: Screenshot of demo one exploring: the essentials workspace;

layers; the layers panel; layer transparency; and the erase tool
Demo 2:
Image 5: Screenshot of demo two exploring: Opening multiple images; determining image size, copy, paste and
selecting; type tool; editing layers (blending modes); saving an image as psd and jpg.
GRAPHIC DESIGN
7
Demo 3:
Image 6: Screenshot of demo two exploring: Double exposure creation by making use
of clipping masks and blending modes.
Learning these basic but crucial skills in Photoshop will take you quite far and is vital in order to understand the more
complex features of Adobe Photoshop. Next week, we will look at layer masks and why using this feature is so effective.
Image 7: Final double exposure creation using Adobe Photoshop
GRAPHIC DESIGN
8
I would like you to familiarise yourself with Photoshop and why not create your own double exposure image? You can
upload it to social media using the #shawdoubleexposure so all your classmates can also see.
Since we will be creating a movie poster! You can perhaps think of a theme so long. We are getting closer to the end of
module 1. Thank you for joining me today!
Bibliography
Hagen, R. & Golombisky, K. 2017, White space is not your enemy: a beginner’s guide to communicating visually through
graphic, web & multimedia design, 3rd ed. CRC Press, Boca Raton, Florida.
GRAPHIC DESIGN

Graphic Design Lesson 5 Notes

Uploaded by

Copyright:

Available Formats

Graphic Design Lesson 5 Notes

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Graphic Design Lesson 5 Notes

Uploaded by

Copyright:

Available Formats

Graphic Design

Adobe Photoshop Demos

We measure raster (or bitmap) images in pixels per inch.

Thus, 72ppi would be 72 pixels in one inch which is a low-resolution image

Image 2: Low resolution image zoomed in 50 times. Pixilation started to occur

Image 3: High resolution image zoomed in 50 times. No pixilation occurs.

Adobe Photoshop Demos

Image 4: Screenshot of demo one exploring: the essentials workspace;

Image 7: Final double exposure creation using Adobe Photoshop

You might also like