Workshop Graphic Designing - Basics and Principles
-
Upload
ebtihaj-khan -
Category
Technology
-
view
51 -
download
2
Transcript of Workshop Graphic Designing - Basics and Principles
![Page 1: Workshop Graphic Designing - Basics and Principles](https://reader030.fdocuments.net/reader030/viewer/2022021507/58f0a80c1a28ab36438b45bb/html5/thumbnails/1.jpg)
Graphics designing workshop
![Page 2: Workshop Graphic Designing - Basics and Principles](https://reader030.fdocuments.net/reader030/viewer/2022021507/58f0a80c1a28ab36438b45bb/html5/thumbnails/2.jpg)
WHO AM I?
EBTIHAJ
Serial EntrepreneurGame developer by professionGraphic Designer by passion
[email protected]@ebtihajkhan
linkedin/ebtihajKhan
![Page 3: Workshop Graphic Designing - Basics and Principles](https://reader030.fdocuments.net/reader030/viewer/2022021507/58f0a80c1a28ab36438b45bb/html5/thumbnails/3.jpg)
CONTENTS
• Graphics designing principles and some CRAP.
• Hands-on workshop on Adobe Illustrator.
![Page 4: Workshop Graphic Designing - Basics and Principles](https://reader030.fdocuments.net/reader030/viewer/2022021507/58f0a80c1a28ab36438b45bb/html5/thumbnails/4.jpg)
WHAT IS GRAPHIC DESIGNING?
![Page 5: Workshop Graphic Designing - Basics and Principles](https://reader030.fdocuments.net/reader030/viewer/2022021507/58f0a80c1a28ab36438b45bb/html5/thumbnails/5.jpg)
WHAT
“Art with a purpose”
![Page 6: Workshop Graphic Designing - Basics and Principles](https://reader030.fdocuments.net/reader030/viewer/2022021507/58f0a80c1a28ab36438b45bb/html5/thumbnails/6.jpg)
P
![Page 7: Workshop Graphic Designing - Basics and Principles](https://reader030.fdocuments.net/reader030/viewer/2022021507/58f0a80c1a28ab36438b45bb/html5/thumbnails/7.jpg)
P
![Page 8: Workshop Graphic Designing - Basics and Principles](https://reader030.fdocuments.net/reader030/viewer/2022021507/58f0a80c1a28ab36438b45bb/html5/thumbnails/8.jpg)
WHY
• Over 123,000 new jobs annually.
![Page 9: Workshop Graphic Designing - Basics and Principles](https://reader030.fdocuments.net/reader030/viewer/2022021507/58f0a80c1a28ab36438b45bb/html5/thumbnails/9.jpg)
WHY
• Over 123,000 new jobs annually.
• Having a $54bn market size.
![Page 10: Workshop Graphic Designing - Basics and Principles](https://reader030.fdocuments.net/reader030/viewer/2022021507/58f0a80c1a28ab36438b45bb/html5/thumbnails/10.jpg)
WHY
• Over 123,000 new jobs annually.
• Having a $54bn market size.
• An average salary of per year.
![Page 11: Workshop Graphic Designing - Basics and Principles](https://reader030.fdocuments.net/reader030/viewer/2022021507/58f0a80c1a28ab36438b45bb/html5/thumbnails/11.jpg)
WHY
• Over 123,000 new jobs annually.
• Having a $54bn market size.
• An average salary of per year.$40,239
![Page 12: Workshop Graphic Designing - Basics and Principles](https://reader030.fdocuments.net/reader030/viewer/2022021507/58f0a80c1a28ab36438b45bb/html5/thumbnails/12.jpg)
HOW
• Tons of softwares out there.
• Adobe Illustrator.• Adobe Photoshop.• Corel Draw.
![Page 13: Workshop Graphic Designing - Basics and Principles](https://reader030.fdocuments.net/reader030/viewer/2022021507/58f0a80c1a28ab36438b45bb/html5/thumbnails/13.jpg)
Building Blocks
• Lines• Shapes• Mass• Color
![Page 14: Workshop Graphic Designing - Basics and Principles](https://reader030.fdocuments.net/reader030/viewer/2022021507/58f0a80c1a28ab36438b45bb/html5/thumbnails/14.jpg)
LINES
• Mostly lines are used to divide or unite elements on a page.
• Lines can also denote direction of movement.
![Page 15: Workshop Graphic Designing - Basics and Principles](https://reader030.fdocuments.net/reader030/viewer/2022021507/58f0a80c1a28ab36438b45bb/html5/thumbnails/15.jpg)
LINES
![Page 16: Workshop Graphic Designing - Basics and Principles](https://reader030.fdocuments.net/reader030/viewer/2022021507/58f0a80c1a28ab36438b45bb/html5/thumbnails/16.jpg)
SHAPES
• Circle, square, and triangle are the three basic shapes used in graphic designing.
Why did Google change its logo?
![Page 17: Workshop Graphic Designing - Basics and Principles](https://reader030.fdocuments.net/reader030/viewer/2022021507/58f0a80c1a28ab36438b45bb/html5/thumbnails/17.jpg)
BÉZIER CURVES
100 anchor points, resulting in a 6 KB logo.
![Page 18: Workshop Graphic Designing - Basics and Principles](https://reader030.fdocuments.net/reader030/viewer/2022021507/58f0a80c1a28ab36438b45bb/html5/thumbnails/18.jpg)
BÉZIER CURVES
100 anchor points, resulting in a 6 KB.
10 circles, 5 rectangles, 7 anchor points305 byte
![Page 19: Workshop Graphic Designing - Basics and Principles](https://reader030.fdocuments.net/reader030/viewer/2022021507/58f0a80c1a28ab36438b45bb/html5/thumbnails/19.jpg)
MASS
• Mass is size.• A small brochure can have a great deal of
mass through the use of heavy text and graphic elements.
• A large brochure can appear smaller, lighter by using text and graphics sparingly.
![Page 20: Workshop Graphic Designing - Basics and Principles](https://reader030.fdocuments.net/reader030/viewer/2022021507/58f0a80c1a28ab36438b45bb/html5/thumbnails/20.jpg)
![Page 21: Workshop Graphic Designing - Basics and Principles](https://reader030.fdocuments.net/reader030/viewer/2022021507/58f0a80c1a28ab36438b45bb/html5/thumbnails/21.jpg)
COLORS
Colors can be used to elicit specific emotions and reactions.
![Page 22: Workshop Graphic Designing - Basics and Principles](https://reader030.fdocuments.net/reader030/viewer/2022021507/58f0a80c1a28ab36438b45bb/html5/thumbnails/22.jpg)
COLORS
Colors can be used to elicit specific emotions and reactions.
![Page 23: Workshop Graphic Designing - Basics and Principles](https://reader030.fdocuments.net/reader030/viewer/2022021507/58f0a80c1a28ab36438b45bb/html5/thumbnails/23.jpg)
![Page 24: Workshop Graphic Designing - Basics and Principles](https://reader030.fdocuments.net/reader030/viewer/2022021507/58f0a80c1a28ab36438b45bb/html5/thumbnails/24.jpg)
COLORS
![Page 25: Workshop Graphic Designing - Basics and Principles](https://reader030.fdocuments.net/reader030/viewer/2022021507/58f0a80c1a28ab36438b45bb/html5/thumbnails/25.jpg)
COMPLEMENTARY COLORS
![Page 26: Workshop Graphic Designing - Basics and Principles](https://reader030.fdocuments.net/reader030/viewer/2022021507/58f0a80c1a28ab36438b45bb/html5/thumbnails/26.jpg)
ANALOGOUS COLORS
![Page 27: Workshop Graphic Designing - Basics and Principles](https://reader030.fdocuments.net/reader030/viewer/2022021507/58f0a80c1a28ab36438b45bb/html5/thumbnails/27.jpg)
TRIAD COLORS
![Page 28: Workshop Graphic Designing - Basics and Principles](https://reader030.fdocuments.net/reader030/viewer/2022021507/58f0a80c1a28ab36438b45bb/html5/thumbnails/28.jpg)
COLORS
www.paletton.comwww.color.adobe.com/explore
![Page 29: Workshop Graphic Designing - Basics and Principles](https://reader030.fdocuments.net/reader030/viewer/2022021507/58f0a80c1a28ab36438b45bb/html5/thumbnails/29.jpg)
C.R.A.P
![Page 30: Workshop Graphic Designing - Basics and Principles](https://reader030.fdocuments.net/reader030/viewer/2022021507/58f0a80c1a28ab36438b45bb/html5/thumbnails/30.jpg)
C.R.A.P
• CONTRAST• REPETITION• ALLIGNMENT• PROXIMITY
![Page 31: Workshop Graphic Designing - Basics and Principles](https://reader030.fdocuments.net/reader030/viewer/2022021507/58f0a80c1a28ab36438b45bb/html5/thumbnails/31.jpg)
CONTRAST
Contrast simply means difference.
![Page 32: Workshop Graphic Designing - Basics and Principles](https://reader030.fdocuments.net/reader030/viewer/2022021507/58f0a80c1a28ab36438b45bb/html5/thumbnails/32.jpg)
![Page 33: Workshop Graphic Designing - Basics and Principles](https://reader030.fdocuments.net/reader030/viewer/2022021507/58f0a80c1a28ab36438b45bb/html5/thumbnails/33.jpg)
REPETITION
Reusing the same or similar elements throughout your design.
![Page 34: Workshop Graphic Designing - Basics and Principles](https://reader030.fdocuments.net/reader030/viewer/2022021507/58f0a80c1a28ab36438b45bb/html5/thumbnails/34.jpg)
![Page 35: Workshop Graphic Designing - Basics and Principles](https://reader030.fdocuments.net/reader030/viewer/2022021507/58f0a80c1a28ab36438b45bb/html5/thumbnails/35.jpg)
ALIGNMENT
Nothing in your design should look as if it were placed there randomly.
![Page 36: Workshop Graphic Designing - Basics and Principles](https://reader030.fdocuments.net/reader030/viewer/2022021507/58f0a80c1a28ab36438b45bb/html5/thumbnails/36.jpg)
PROXIMITY
Moving things closer or farther apart to achieve a more organized look.
![Page 37: Workshop Graphic Designing - Basics and Principles](https://reader030.fdocuments.net/reader030/viewer/2022021507/58f0a80c1a28ab36438b45bb/html5/thumbnails/37.jpg)
![Page 38: Workshop Graphic Designing - Basics and Principles](https://reader030.fdocuments.net/reader030/viewer/2022021507/58f0a80c1a28ab36438b45bb/html5/thumbnails/38.jpg)
![Page 39: Workshop Graphic Designing - Basics and Principles](https://reader030.fdocuments.net/reader030/viewer/2022021507/58f0a80c1a28ab36438b45bb/html5/thumbnails/39.jpg)
![Page 40: Workshop Graphic Designing - Basics and Principles](https://reader030.fdocuments.net/reader030/viewer/2022021507/58f0a80c1a28ab36438b45bb/html5/thumbnails/40.jpg)
RGB vs CMYK
• Red, Green, and Blue are "additive colors".
• Used for computer, TV, websites, powerpoints.
• Cyan, Magenta, Yellow and Key are "subtractive colors.
• The printing world operates in subtractive color.
![Page 41: Workshop Graphic Designing - Basics and Principles](https://reader030.fdocuments.net/reader030/viewer/2022021507/58f0a80c1a28ab36438b45bb/html5/thumbnails/41.jpg)
ILLUSTRATOR vs PHOTOSHOP
• Raster based graphics.
• Vector based graphics.
![Page 42: Workshop Graphic Designing - Basics and Principles](https://reader030.fdocuments.net/reader030/viewer/2022021507/58f0a80c1a28ab36438b45bb/html5/thumbnails/42.jpg)