Workshop Graphic Designing - Basics and Principles

Graphics designing workshop

WHO AM I?

EBTIHAJ

Serial EntrepreneurGame developer by professionGraphic Designer by passion

ebtihaj@thenerdcamp.com@ebtihajkhan

linkedin/ebtihajKhan

CONTENTS

• Graphics designing principles and some CRAP.

• Hands-on workshop on Adobe Illustrator.

WHAT IS GRAPHIC DESIGNING?

WHAT

“Art with a purpose”

P

P

WHY

• Over 123,000 new jobs annually.

WHY

• Over 123,000 new jobs annually.

• Having a $54bn market size.

WHY

• Over 123,000 new jobs annually.

• Having a $54bn market size.

• An average salary of per year.

WHY

• Over 123,000 new jobs annually.

• Having a $54bn market size.

• An average salary of per year.$40,239

HOW

• Tons of softwares out there.

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

Building Blocks

• Lines• Shapes• Mass• Color

LINES

• Mostly lines are used to divide or unite elements on a page.

• Lines can also denote direction of movement.

LINES

SHAPES

• Circle, square, and triangle are the three basic shapes used in graphic designing.

Why did Google change its logo?

BÉZIER CURVES

100 anchor points, resulting in a 6 KB logo.

BÉZIER CURVES

100 anchor points, resulting in a 6 KB.

10 circles, 5 rectangles, 7 anchor points305 byte

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.

COLORS

Colors can be used to elicit specific emotions and reactions.

COLORS

Colors can be used to elicit specific emotions and reactions.

COLORS

COMPLEMENTARY COLORS

ANALOGOUS COLORS

TRIAD COLORS

COLORS

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

C.R.A.P

C.R.A.P

• CONTRAST• REPETITION• ALLIGNMENT• PROXIMITY

CONTRAST

Contrast simply means difference.

REPETITION

Reusing the same or similar elements throughout your design.

ALIGNMENT

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

PROXIMITY

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

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.

ILLUSTRATOR vs PHOTOSHOP

• Raster based graphics.

• Vector based graphics.