Upload
raj-sutariya
View
127
Download
0
Embed Size (px)
Citation preview
LEARN GRAPHIC DESIGN
Instructor: Raj [email protected]
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!