learn graphic design

LEARN GRAPHIC DESIGN

Instructor: Raj Sutariyasutariyaraj77725@gmail.com

WHO AM I?

THINGS I WILL COVER TODAY3• Building Blocks of Graphic Design• Putting it All Together• One Fun Project

WHAT DESIGNER DO?

Building Blocks of Design

LINES

SHAPETYPE

COLOR

LINES•Line alone to divide or unite elements on a page.•Lines can denote direction of movement or provide an anchor to hold elements on a page

SHAPE•Three basic shape: Circle, Rectangle(Most Use), Triangle •Paper is rectangular. Most text blocks are square or rectangular. • 90% LOGOs are made from these 3 shape.

The logo uses implied shape and lines to create the E and the beebody. This practice of implied shape is often referred to as Gestalt theory, which basically states that you can infer a whole by only seeing its parts. There really is nothing to that bee body other than three lines, but you see the striped body of a bee because your mind says you should.

TYPE•Is basically means FONT you use in design•Every FONT contain different mood in itself

Size of Type:“Hello, I’m Raj”= 40 pts bold“Hello, I’m Raj”= 28 pts bold“Hello, I’m Raj”= 18 pts bold

•Font size is 10-12 point generally used like: Magazine, Newspaper, Books etc. • It is Powerful tool because by choosing size we can draw

attention of viewer wherever we want.

BoldRoman (normal)ItalicUnderlineOutlineShadowEmboss

Art and technique of arranging type to make written language legible, readable, and appealing when displayed is called “Typography”

“Types of Type”• Serif Typefaces• Sans Serif Typefaces• Display type• Script Type• Specialty Type

source: urbanfonts.com

source: urbanfonts.com

source: urbanfonts.com

source: urbanfonts.com

NEVER EVER USE

“Comic Sans Font”

COLORColor can be used to express specific emotions and reactions. Red is typically thought of as an attention-grabbing, hot color. Blues are more calming or convey stability. Some color combinations are used to create a specific identity

COLOR WHEELColor holds the most critical appeal to emotions out of all the elements of design!

Complementary ColorsPick a color on the color wheel then draw a straight line across the color wheel, this is the color’s complement. These colors are basically opposites.

There are also split complementary colors which means that once you pick the complimentary you choose one of the colors next to it giving it a more subtle look.

Analogous Colors•This is when you choose a color on the color wheel that is next to the color you are choosing. If we choose yellow the analogous colors would be yellow green and yellow orange.

•This type of color choice is great when you don’t want to match the exact color

Triad Colors•Choose a color on the color wheel then draw an equilateral triangle to find the two other colors.

•You will notice that each color has 3 colors between them to form the triangle.

PUTTING ALLTOGATHER

BALANCE GRI

D ALIGNMENT CONTRAS

T

Symmetrical Balance•In a design with only two elements they would be almost identical or have nearly the same visual mass. If one element was replaced by a smaller one, it could throw the page out of symmetry.

1. VERTICAL SYMMETRY2. HORIZONTAL & VERTICAL SYMMATRY3. ASYMMETRICAL4. REDIAL SYMMETRY

Horizontal Symmetry

Horizontal& Vertical Symmetry

Redial Symmetry

Rules of Thirds•The rule of thirds says that most designs can be made more interesting by visually dividing the page into thirds vertically and/or horizontally and placing our most important elements within those thirds.

•Especially in photographic composition, by dividing the page into thirds both vertically and horizontally and placing your most important elements at one or more of the four intersections of those lines.

GRIDSSometimes the use of a grid is

obvious. This asymmetrically balanced

design uses a simple three column grid to ensure that each text column is the same width and that it is balanced by the nearly empty column on the left.

The grid also dictates the margins and ensures that the page number and header appear in the same place on each page..

CONTRAST

Color Contrast

Size ContrastShape

ContrastType Contrast

Which block is more Dark?

ADDITIONAL POINTSRGB vs CMYK (Web vs Print)

Resolution: detail an image holds300ppi (pixels per inch) for

print72ppi for on screen

JPG vs TIFFTIFF Higher quality and size JPEG lower size, wide used

3 Typeface Rule (Don’t over complicate your design)

Printing Full Bleed

EXPERIMENTWITH YOUR DESIGN

IN LAST...

HAVE FUN!