Workshop Graphic Designing - Basics and Principles

42
Graphics designing workshop

Transcript of Workshop Graphic Designing - Basics and Principles

Page 1: Workshop Graphic Designing - Basics and Principles

Graphics designing workshop

Page 2: Workshop Graphic Designing - Basics and Principles

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

CONTENTS

• Graphics designing principles and some CRAP.

• Hands-on workshop on Adobe Illustrator.

Page 4: Workshop Graphic Designing - Basics and Principles

WHAT IS GRAPHIC DESIGNING?

Page 5: Workshop Graphic Designing - Basics and Principles

WHAT

“Art with a purpose”

Page 6: Workshop Graphic Designing - Basics and Principles

P

Page 7: Workshop Graphic Designing - Basics and Principles

P

Page 8: Workshop Graphic Designing - Basics and Principles

WHY

• Over 123,000 new jobs annually.

Page 9: Workshop Graphic Designing - Basics and Principles

WHY

• Over 123,000 new jobs annually.

• Having a $54bn market size.

Page 10: Workshop Graphic Designing - Basics and Principles

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

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

HOW

• Tons of softwares out there.

• Adobe Illustrator.• Adobe Photoshop.• Corel Draw.

Page 13: Workshop Graphic Designing - Basics and Principles

Building Blocks

• Lines• Shapes• Mass• Color

Page 14: Workshop Graphic Designing - Basics and Principles

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

LINES

Page 16: Workshop Graphic Designing - Basics and Principles

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

BÉZIER CURVES

100 anchor points, resulting in a 6 KB logo.

Page 18: Workshop Graphic Designing - Basics and Principles

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

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
Page 21: Workshop Graphic Designing - Basics and Principles

COLORS

Colors can be used to elicit specific emotions and reactions.

Page 22: Workshop Graphic Designing - Basics and Principles

COLORS

Colors can be used to elicit specific emotions and reactions.

Page 23: Workshop Graphic Designing - Basics and Principles
Page 24: Workshop Graphic Designing - Basics and Principles

COLORS

Page 25: Workshop Graphic Designing - Basics and Principles

COMPLEMENTARY COLORS

Page 26: Workshop Graphic Designing - Basics and Principles

ANALOGOUS COLORS

Page 27: Workshop Graphic Designing - Basics and Principles

TRIAD COLORS

Page 28: Workshop Graphic Designing - Basics and Principles

COLORS

www.paletton.comwww.color.adobe.com/explore

Page 29: Workshop Graphic Designing - Basics and Principles

C.R.A.P

Page 30: Workshop Graphic Designing - Basics and Principles

C.R.A.P

• CONTRAST• REPETITION• ALLIGNMENT• PROXIMITY

Page 31: Workshop Graphic Designing - Basics and Principles

CONTRAST

Contrast simply means difference.

Page 32: Workshop Graphic Designing - Basics and Principles
Page 33: Workshop Graphic Designing - Basics and Principles

REPETITION

Reusing the same or similar elements throughout your design.

Page 34: Workshop Graphic Designing - Basics and Principles
Page 35: Workshop Graphic Designing - Basics and Principles

ALIGNMENT

Nothing in your design should look as if it were placed there randomly.

Page 36: Workshop Graphic Designing - Basics and Principles

PROXIMITY

Moving things closer or farther apart to achieve a more organized look.

Page 37: Workshop Graphic Designing - Basics and Principles
Page 38: Workshop Graphic Designing - Basics and Principles
Page 39: Workshop Graphic Designing - Basics and Principles
Page 40: Workshop Graphic Designing - Basics and Principles

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

ILLUSTRATOR vs PHOTOSHOP

• Raster based graphics.

• Vector based graphics.

Page 42: Workshop Graphic Designing - Basics and Principles