PROFESSIONAL DIPLOMA IN Graphic Design
Transcript of PROFESSIONAL DIPLOMA IN Graphic Design
![Page 1: PROFESSIONAL DIPLOMA IN Graphic Design](https://reader031.fdocuments.net/reader031/viewer/2022021308/6208644685a23d5adf752137/html5/thumbnails/1.jpg)
Graphic DesignMODULE 1
Lesson 1: What is Graphic Design?
P R O F E S S I O N A L D I P L O M A I N
![Page 2: PROFESSIONAL DIPLOMA IN Graphic Design](https://reader031.fdocuments.net/reader031/viewer/2022021308/6208644685a23d5adf752137/html5/thumbnails/2.jpg)
1
Basic
2
Intermediate
3
Advanced
4
Proficient
Modules DIPLOMA
P R O F E S S I O N A L
I N G R A P H I C D E S I G N
8 L E S S O N S P E R M O D U L E
![Page 3: PROFESSIONAL DIPLOMA IN Graphic Design](https://reader031.fdocuments.net/reader031/viewer/2022021308/6208644685a23d5adf752137/html5/thumbnails/3.jpg)
A N N E R I E D U P L E S S I S
Meet youreducator
![Page 4: PROFESSIONAL DIPLOMA IN Graphic Design](https://reader031.fdocuments.net/reader031/viewer/2022021308/6208644685a23d5adf752137/html5/thumbnails/4.jpg)
Design is not simply a matter of making something beautiful, design is a way to help solve
problems visually.
Be on the constant lookout to see if you can make tasks more
convenient and easier to understand.
B Tech Graphic Design
Dip Packaging Tech
Education
w w w . s h a w a c a d e m y . c o m
![Page 5: PROFESSIONAL DIPLOMA IN Graphic Design](https://reader031.fdocuments.net/reader031/viewer/2022021308/6208644685a23d5adf752137/html5/thumbnails/5.jpg)
Did you know the graphic design industry unveils numerous opportunities for self employment?
You can make an income from the comfort of your home or anywhere you prefer!
DID YOU KNOW?
![Page 6: PROFESSIONAL DIPLOMA IN Graphic Design](https://reader031.fdocuments.net/reader031/viewer/2022021308/6208644685a23d5adf752137/html5/thumbnails/6.jpg)
What do I need in order to do this course?A computer with the following specs:
CPU: Intel Core i5 or i7
Display: 15 in. @ 1440 x 900 pixels min
RAM: 8 GB min (16 GB is better)
Storage: 250GB at least
Limited access to a computer?Check out our Professional Diploma in Graphic Design on a Budget course!
![Page 7: PROFESSIONAL DIPLOMA IN Graphic Design](https://reader031.fdocuments.net/reader031/viewer/2022021308/6208644685a23d5adf752137/html5/thumbnails/7.jpg)
Visual communication
Lesson ObjectivesLesson 1
Elements of design
Brief history of design
Design careers
Tips for effective design
![Page 8: PROFESSIONAL DIPLOMA IN Graphic Design](https://reader031.fdocuments.net/reader031/viewer/2022021308/6208644685a23d5adf752137/html5/thumbnails/8.jpg)
Visual Communication
![Page 9: PROFESSIONAL DIPLOMA IN Graphic Design](https://reader031.fdocuments.net/reader031/viewer/2022021308/6208644685a23d5adf752137/html5/thumbnails/9.jpg)
What is Graphic Design?
• A form of visual communication
• Illustrations
• Typography (text)
• Photographs
![Page 10: PROFESSIONAL DIPLOMA IN Graphic Design](https://reader031.fdocuments.net/reader031/viewer/2022021308/6208644685a23d5adf752137/html5/thumbnails/10.jpg)
0
![Page 11: PROFESSIONAL DIPLOMA IN Graphic Design](https://reader031.fdocuments.net/reader031/viewer/2022021308/6208644685a23d5adf752137/html5/thumbnails/11.jpg)
![Page 12: PROFESSIONAL DIPLOMA IN Graphic Design](https://reader031.fdocuments.net/reader031/viewer/2022021308/6208644685a23d5adf752137/html5/thumbnails/12.jpg)
![Page 13: PROFESSIONAL DIPLOMA IN Graphic Design](https://reader031.fdocuments.net/reader031/viewer/2022021308/6208644685a23d5adf752137/html5/thumbnails/13.jpg)
![Page 14: PROFESSIONAL DIPLOMA IN Graphic Design](https://reader031.fdocuments.net/reader031/viewer/2022021308/6208644685a23d5adf752137/html5/thumbnails/14.jpg)
• Helps to solve a problem
• Communicates effectively
• Good design is transparent
Graphic design…
![Page 15: PROFESSIONAL DIPLOMA IN Graphic Design](https://reader031.fdocuments.net/reader031/viewer/2022021308/6208644685a23d5adf752137/html5/thumbnails/15.jpg)
The Role of Design
• It’s more than simply being artistic
• Communicates a message effectively
• It is universal and thus can be
understood by almost anyone
![Page 16: PROFESSIONAL DIPLOMA IN Graphic Design](https://reader031.fdocuments.net/reader031/viewer/2022021308/6208644685a23d5adf752137/html5/thumbnails/16.jpg)
![Page 17: PROFESSIONAL DIPLOMA IN Graphic Design](https://reader031.fdocuments.net/reader031/viewer/2022021308/6208644685a23d5adf752137/html5/thumbnails/17.jpg)
![Page 18: PROFESSIONAL DIPLOMA IN Graphic Design](https://reader031.fdocuments.net/reader031/viewer/2022021308/6208644685a23d5adf752137/html5/thumbnails/18.jpg)
![Page 19: PROFESSIONAL DIPLOMA IN Graphic Design](https://reader031.fdocuments.net/reader031/viewer/2022021308/6208644685a23d5adf752137/html5/thumbnails/19.jpg)
The Elements of Design
![Page 20: PROFESSIONAL DIPLOMA IN Graphic Design](https://reader031.fdocuments.net/reader031/viewer/2022021308/6208644685a23d5adf752137/html5/thumbnails/20.jpg)
The Elements of Design
01Space
02Line Shape
03
Size
04 05Texture Value
06 07Colour
![Page 21: PROFESSIONAL DIPLOMA IN Graphic Design](https://reader031.fdocuments.net/reader031/viewer/2022021308/6208644685a23d5adf752137/html5/thumbnails/21.jpg)
Graphic design is a form of visual communication consisting of illustrations, typography and photography.
![Page 22: PROFESSIONAL DIPLOMA IN Graphic Design](https://reader031.fdocuments.net/reader031/viewer/2022021308/6208644685a23d5adf752137/html5/thumbnails/22.jpg)
Graphic design is a form of visual communication consisting of illustrations, typography and
photography.
Graphic design is a form of visual communication consisting of IllustrationsTypography
Photography
01Space
![Page 23: PROFESSIONAL DIPLOMA IN Graphic Design](https://reader031.fdocuments.net/reader031/viewer/2022021308/6208644685a23d5adf752137/html5/thumbnails/23.jpg)
Graphic design is a form of visual communication consisting of illustrations, typography and
photography.
Graphic design is a form of visual communication consisting of IllustrationsTypography
Photography
02Line
![Page 24: PROFESSIONAL DIPLOMA IN Graphic Design](https://reader031.fdocuments.net/reader031/viewer/2022021308/6208644685a23d5adf752137/html5/thumbnails/24.jpg)
Graphic design is a form of visual communication consisting of illustrations, typography and
photography.
GRAPHIC DESIGNis a form of visual communication
consisting of IllustrationsTypography
Photography Size
04
![Page 25: PROFESSIONAL DIPLOMA IN Graphic Design](https://reader031.fdocuments.net/reader031/viewer/2022021308/6208644685a23d5adf752137/html5/thumbnails/25.jpg)
Graphic design is a form of visual communication consisting of illustrations, typography and
photography.
GRAPHIC DESIGNis a form of visual communication
consisting of IllustrationsTypography
Photography
07Colour
![Page 26: PROFESSIONAL DIPLOMA IN Graphic Design](https://reader031.fdocuments.net/reader031/viewer/2022021308/6208644685a23d5adf752137/html5/thumbnails/26.jpg)
GRAPHIC DESIGNis a form of visual communication consisting of
T y p o g r a p h yI l l u s t r a t i o n s P h o t o g r a p h y
![Page 27: PROFESSIONAL DIPLOMA IN Graphic Design](https://reader031.fdocuments.net/reader031/viewer/2022021308/6208644685a23d5adf752137/html5/thumbnails/27.jpg)
Graphic design is a form of visual communication consisting of illustrations, typography and photography.
VS
GRAPHIC DESIGNis a form of visual communication consisting of
T y p o g r a p h yI l l u s t r a t i o n s P h o t o g r a p h y
![Page 28: PROFESSIONAL DIPLOMA IN Graphic Design](https://reader031.fdocuments.net/reader031/viewer/2022021308/6208644685a23d5adf752137/html5/thumbnails/28.jpg)
Visuals:• Illustrations• Text
Elements:• Space• Line• Shape• Size• Texture• Colour
![Page 29: PROFESSIONAL DIPLOMA IN Graphic Design](https://reader031.fdocuments.net/reader031/viewer/2022021308/6208644685a23d5adf752137/html5/thumbnails/29.jpg)
Visuals:• Photography• Illustrations• Text
Elements:• Space• Line• Shape• Size• Texture• Value• Colour
Doohickey
![Page 30: PROFESSIONAL DIPLOMA IN Graphic Design](https://reader031.fdocuments.net/reader031/viewer/2022021308/6208644685a23d5adf752137/html5/thumbnails/30.jpg)
Visuals:• Text• Illustrations
Elements:• Space• Line• Shape• Colour
Google “elgoog”
![Page 31: PROFESSIONAL DIPLOMA IN Graphic Design](https://reader031.fdocuments.net/reader031/viewer/2022021308/6208644685a23d5adf752137/html5/thumbnails/31.jpg)
Visuals:• Photography• Illustrations• Text
Elements:• Space• Line• Shape• Size• Texture• Value• Colour
![Page 32: PROFESSIONAL DIPLOMA IN Graphic Design](https://reader031.fdocuments.net/reader031/viewer/2022021308/6208644685a23d5adf752137/html5/thumbnails/32.jpg)
A Brief History
![Page 33: PROFESSIONAL DIPLOMA IN Graphic Design](https://reader031.fdocuments.net/reader031/viewer/2022021308/6208644685a23d5adf752137/html5/thumbnails/33.jpg)
Why is history so important?
• Helps you to make connections
• Creates awareness & understanding
• Gain insight into other cultures
![Page 34: PROFESSIONAL DIPLOMA IN Graphic Design](https://reader031.fdocuments.net/reader031/viewer/2022021308/6208644685a23d5adf752137/html5/thumbnails/34.jpg)
• The printing press was invented in 1450 by Johannes Gutenberg
• The printing press allowed for society to become literate
• It removed the gap between upper and lower class by creating a middle class
DID YOU KNOW?
![Page 35: PROFESSIONAL DIPLOMA IN Graphic Design](https://reader031.fdocuments.net/reader031/viewer/2022021308/6208644685a23d5adf752137/html5/thumbnails/35.jpg)
A brief history of Graphic Design
![Page 36: PROFESSIONAL DIPLOMA IN Graphic Design](https://reader031.fdocuments.net/reader031/viewer/2022021308/6208644685a23d5adf752137/html5/thumbnails/36.jpg)
![Page 37: PROFESSIONAL DIPLOMA IN Graphic Design](https://reader031.fdocuments.net/reader031/viewer/2022021308/6208644685a23d5adf752137/html5/thumbnails/37.jpg)
![Page 38: PROFESSIONAL DIPLOMA IN Graphic Design](https://reader031.fdocuments.net/reader031/viewer/2022021308/6208644685a23d5adf752137/html5/thumbnails/38.jpg)
![Page 39: PROFESSIONAL DIPLOMA IN Graphic Design](https://reader031.fdocuments.net/reader031/viewer/2022021308/6208644685a23d5adf752137/html5/thumbnails/39.jpg)
![Page 40: PROFESSIONAL DIPLOMA IN Graphic Design](https://reader031.fdocuments.net/reader031/viewer/2022021308/6208644685a23d5adf752137/html5/thumbnails/40.jpg)
![Page 41: PROFESSIONAL DIPLOMA IN Graphic Design](https://reader031.fdocuments.net/reader031/viewer/2022021308/6208644685a23d5adf752137/html5/thumbnails/41.jpg)
![Page 42: PROFESSIONAL DIPLOMA IN Graphic Design](https://reader031.fdocuments.net/reader031/viewer/2022021308/6208644685a23d5adf752137/html5/thumbnails/42.jpg)
![Page 43: PROFESSIONAL DIPLOMA IN Graphic Design](https://reader031.fdocuments.net/reader031/viewer/2022021308/6208644685a23d5adf752137/html5/thumbnails/43.jpg)
A brief history of Graphic Design
![Page 44: PROFESSIONAL DIPLOMA IN Graphic Design](https://reader031.fdocuments.net/reader031/viewer/2022021308/6208644685a23d5adf752137/html5/thumbnails/44.jpg)
What do you need in order to become a graphic designer?
![Page 45: PROFESSIONAL DIPLOMA IN Graphic Design](https://reader031.fdocuments.net/reader031/viewer/2022021308/6208644685a23d5adf752137/html5/thumbnails/45.jpg)
Adobe Illustrator• Vector-based
• Creates digital illustrations
• Vectors don’t lose quality
• Small file size
![Page 46: PROFESSIONAL DIPLOMA IN Graphic Design](https://reader031.fdocuments.net/reader031/viewer/2022021308/6208644685a23d5adf752137/html5/thumbnails/46.jpg)
Adobe Photoshop• Photo manipulation
• Raster-based image editor
• Consisting of pixels (tiny single
coloured squares)
![Page 47: PROFESSIONAL DIPLOMA IN Graphic Design](https://reader031.fdocuments.net/reader031/viewer/2022021308/6208644685a23d5adf752137/html5/thumbnails/47.jpg)
Adobe InDesign• Layout editor
• Combines Illustrator & Photoshop designs
• Create user-friendly interactive
documents & pdf’s
![Page 48: PROFESSIONAL DIPLOMA IN Graphic Design](https://reader031.fdocuments.net/reader031/viewer/2022021308/6208644685a23d5adf752137/html5/thumbnails/48.jpg)
Graphic Design Careers
![Page 49: PROFESSIONAL DIPLOMA IN Graphic Design](https://reader031.fdocuments.net/reader031/viewer/2022021308/6208644685a23d5adf752137/html5/thumbnails/49.jpg)
Graphic Design Careers
• Advertising designer
• Environmental designer
• Publication designer
• Motion designer
• Corporate designer
• Web designer
• Packaging designer
• Product designer
![Page 50: PROFESSIONAL DIPLOMA IN Graphic Design](https://reader031.fdocuments.net/reader031/viewer/2022021308/6208644685a23d5adf752137/html5/thumbnails/50.jpg)
Advertising Designer
• Magazines & newspapers
• Brochure design
• Email newsletters
• Social media graphics
• Infographics
![Page 51: PROFESSIONAL DIPLOMA IN Graphic Design](https://reader031.fdocuments.net/reader031/viewer/2022021308/6208644685a23d5adf752137/html5/thumbnails/51.jpg)
Environmental Designer
• Exhibition & event spaces
• Mural artwork
• Signage
• Office branding
• Stadium & concert branding
![Page 52: PROFESSIONAL DIPLOMA IN Graphic Design](https://reader031.fdocuments.net/reader031/viewer/2022021308/6208644685a23d5adf752137/html5/thumbnails/52.jpg)
Publication Designer
• Books
• E-publications
• Magazines & newspapers
• Catalogues
• Menus
![Page 53: PROFESSIONAL DIPLOMA IN Graphic Design](https://reader031.fdocuments.net/reader031/viewer/2022021308/6208644685a23d5adf752137/html5/thumbnails/53.jpg)
MotionDesigner
• TV Adverts
• Movie intros
• Text animation
• Video games
• Animated digital menus
![Page 54: PROFESSIONAL DIPLOMA IN Graphic Design](https://reader031.fdocuments.net/reader031/viewer/2022021308/6208644685a23d5adf752137/html5/thumbnails/54.jpg)
CorporateDesigner
• Logo design
• Business card design
• Letterhead design
• Email signature design
• Other stationery
![Page 55: PROFESSIONAL DIPLOMA IN Graphic Design](https://reader031.fdocuments.net/reader031/viewer/2022021308/6208644685a23d5adf752137/html5/thumbnails/55.jpg)
WebDesigner
• HTML
• CSS
• Website design & layout
• Mobile apps
![Page 56: PROFESSIONAL DIPLOMA IN Graphic Design](https://reader031.fdocuments.net/reader031/viewer/2022021308/6208644685a23d5adf752137/html5/thumbnails/56.jpg)
PackagingDesigner
• Canned food
• Wrappers & labels
• Take away containers
• Most grocery items
• Box design
![Page 57: PROFESSIONAL DIPLOMA IN Graphic Design](https://reader031.fdocuments.net/reader031/viewer/2022021308/6208644685a23d5adf752137/html5/thumbnails/57.jpg)
ProductDesigner
• UX/UI
• User experience
• User interface design
• Mobile apps
• Mobile games
![Page 58: PROFESSIONAL DIPLOMA IN Graphic Design](https://reader031.fdocuments.net/reader031/viewer/2022021308/6208644685a23d5adf752137/html5/thumbnails/58.jpg)
Graphic Design Tips
![Page 59: PROFESSIONAL DIPLOMA IN Graphic Design](https://reader031.fdocuments.net/reader031/viewer/2022021308/6208644685a23d5adf752137/html5/thumbnails/59.jpg)
Too many Typefaces
• Use only two typefaces
• One interesting, related typeface for headings
• The second typeface should be transparent
![Page 60: PROFESSIONAL DIPLOMA IN Graphic Design](https://reader031.fdocuments.net/reader031/viewer/2022021308/6208644685a23d5adf752137/html5/thumbnails/60.jpg)
Don’t be scared of white space
• Don’t fill empty spaces
• Make your empty spaces part of your design
• It helps create emphasis
![Page 61: PROFESSIONAL DIPLOMA IN Graphic Design](https://reader031.fdocuments.net/reader031/viewer/2022021308/6208644685a23d5adf752137/html5/thumbnails/61.jpg)
Warped Photos
• Don’t warp your images!
• Use the SHIFT or CONTROL (COMMAND) key to avoid distortion
![Page 62: PROFESSIONAL DIPLOMA IN Graphic Design](https://reader031.fdocuments.net/reader031/viewer/2022021308/6208644685a23d5adf752137/html5/thumbnails/62.jpg)
• Low quality image
• Use an alternative high quality image instead
• Use free stock image websites like Pixabay or Freepik
Pixellation
![Page 63: PROFESSIONAL DIPLOMA IN Graphic Design](https://reader031.fdocuments.net/reader031/viewer/2022021308/6208644685a23d5adf752137/html5/thumbnails/63.jpg)
• Create contrast through size
• Create contrast through colour
• Or both!
Contrast is key
![Page 64: PROFESSIONAL DIPLOMA IN Graphic Design](https://reader031.fdocuments.net/reader031/viewer/2022021308/6208644685a23d5adf752137/html5/thumbnails/64.jpg)
Hello Illustrator!
![Page 65: PROFESSIONAL DIPLOMA IN Graphic Design](https://reader031.fdocuments.net/reader031/viewer/2022021308/6208644685a23d5adf752137/html5/thumbnails/65.jpg)
Understand
Skills progression
Understand
Apply
Apply
Apply
Design brief
Identify
Identify
Execute
Elements of design
Principles of design
Corporate relations
Illustrator
Basic terminology
Photoshop
Anatomy
InDesign
Working with type
Design software
Typography
![Page 66: PROFESSIONAL DIPLOMA IN Graphic Design](https://reader031.fdocuments.net/reader031/viewer/2022021308/6208644685a23d5adf752137/html5/thumbnails/66.jpg)
Completed lessons
1 2 4
5 6 7 8
3 See you soon forL e s s o n 2