Learn Graphic Design
-
Upload
raj-sutariya -
Category
Design
-
view
126 -
download
0
Transcript of Learn Graphic Design
![Page 2: Learn Graphic Design](https://reader036.fdocuments.us/reader036/viewer/2022062523/58702c751a28ab81258b5c01/html5/thumbnails/2.jpg)
WHO AM I?
![Page 3: Learn Graphic Design](https://reader036.fdocuments.us/reader036/viewer/2022062523/58702c751a28ab81258b5c01/html5/thumbnails/3.jpg)
THINGS I WILL COVER TODAY3• Building Blocks of Graphic Design• Putting it All Together• One Fun Project
![Page 4: Learn Graphic Design](https://reader036.fdocuments.us/reader036/viewer/2022062523/58702c751a28ab81258b5c01/html5/thumbnails/4.jpg)
WHAT DESIGNER DO?
![Page 5: Learn Graphic Design](https://reader036.fdocuments.us/reader036/viewer/2022062523/58702c751a28ab81258b5c01/html5/thumbnails/5.jpg)
Building Blocks of Design
LINES
SHAPETYPE
COLOR
![Page 6: Learn Graphic Design](https://reader036.fdocuments.us/reader036/viewer/2022062523/58702c751a28ab81258b5c01/html5/thumbnails/6.jpg)
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
![Page 7: Learn Graphic Design](https://reader036.fdocuments.us/reader036/viewer/2022062523/58702c751a28ab81258b5c01/html5/thumbnails/7.jpg)
![Page 8: Learn Graphic Design](https://reader036.fdocuments.us/reader036/viewer/2022062523/58702c751a28ab81258b5c01/html5/thumbnails/8.jpg)
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.
![Page 9: Learn Graphic Design](https://reader036.fdocuments.us/reader036/viewer/2022062523/58702c751a28ab81258b5c01/html5/thumbnails/9.jpg)
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.
![Page 10: Learn Graphic Design](https://reader036.fdocuments.us/reader036/viewer/2022062523/58702c751a28ab81258b5c01/html5/thumbnails/10.jpg)
![Page 11: Learn Graphic Design](https://reader036.fdocuments.us/reader036/viewer/2022062523/58702c751a28ab81258b5c01/html5/thumbnails/11.jpg)
TYPE•Is basically means FONT you use in design•Every FONT contain different mood in itself
![Page 12: Learn Graphic Design](https://reader036.fdocuments.us/reader036/viewer/2022062523/58702c751a28ab81258b5c01/html5/thumbnails/12.jpg)
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
![Page 13: Learn Graphic Design](https://reader036.fdocuments.us/reader036/viewer/2022062523/58702c751a28ab81258b5c01/html5/thumbnails/13.jpg)
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
![Page 14: Learn Graphic Design](https://reader036.fdocuments.us/reader036/viewer/2022062523/58702c751a28ab81258b5c01/html5/thumbnails/14.jpg)
![Page 15: Learn Graphic Design](https://reader036.fdocuments.us/reader036/viewer/2022062523/58702c751a28ab81258b5c01/html5/thumbnails/15.jpg)
source: urbanfonts.com
![Page 16: Learn Graphic Design](https://reader036.fdocuments.us/reader036/viewer/2022062523/58702c751a28ab81258b5c01/html5/thumbnails/16.jpg)
source: urbanfonts.com
![Page 17: Learn Graphic Design](https://reader036.fdocuments.us/reader036/viewer/2022062523/58702c751a28ab81258b5c01/html5/thumbnails/17.jpg)
source: urbanfonts.com
![Page 18: Learn Graphic Design](https://reader036.fdocuments.us/reader036/viewer/2022062523/58702c751a28ab81258b5c01/html5/thumbnails/18.jpg)
source: urbanfonts.com
![Page 19: Learn Graphic Design](https://reader036.fdocuments.us/reader036/viewer/2022062523/58702c751a28ab81258b5c01/html5/thumbnails/19.jpg)
![Page 20: Learn Graphic Design](https://reader036.fdocuments.us/reader036/viewer/2022062523/58702c751a28ab81258b5c01/html5/thumbnails/20.jpg)
NEVER EVER USE
“Comic Sans Font”
![Page 21: Learn Graphic Design](https://reader036.fdocuments.us/reader036/viewer/2022062523/58702c751a28ab81258b5c01/html5/thumbnails/21.jpg)
![Page 22: Learn Graphic Design](https://reader036.fdocuments.us/reader036/viewer/2022062523/58702c751a28ab81258b5c01/html5/thumbnails/22.jpg)
![Page 23: Learn Graphic Design](https://reader036.fdocuments.us/reader036/viewer/2022062523/58702c751a28ab81258b5c01/html5/thumbnails/23.jpg)
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
![Page 24: Learn Graphic Design](https://reader036.fdocuments.us/reader036/viewer/2022062523/58702c751a28ab81258b5c01/html5/thumbnails/24.jpg)
COLOR WHEELColor holds the most critical appeal to emotions out of all the elements of design!
![Page 25: Learn Graphic Design](https://reader036.fdocuments.us/reader036/viewer/2022062523/58702c751a28ab81258b5c01/html5/thumbnails/25.jpg)
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.
![Page 26: Learn Graphic Design](https://reader036.fdocuments.us/reader036/viewer/2022062523/58702c751a28ab81258b5c01/html5/thumbnails/26.jpg)
![Page 27: Learn Graphic Design](https://reader036.fdocuments.us/reader036/viewer/2022062523/58702c751a28ab81258b5c01/html5/thumbnails/27.jpg)
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
![Page 28: Learn Graphic Design](https://reader036.fdocuments.us/reader036/viewer/2022062523/58702c751a28ab81258b5c01/html5/thumbnails/28.jpg)
![Page 29: Learn Graphic Design](https://reader036.fdocuments.us/reader036/viewer/2022062523/58702c751a28ab81258b5c01/html5/thumbnails/29.jpg)
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.
![Page 30: Learn Graphic Design](https://reader036.fdocuments.us/reader036/viewer/2022062523/58702c751a28ab81258b5c01/html5/thumbnails/30.jpg)
![Page 31: Learn Graphic Design](https://reader036.fdocuments.us/reader036/viewer/2022062523/58702c751a28ab81258b5c01/html5/thumbnails/31.jpg)
PUTTING ALLTOGATHER
BALANCE GRI
D ALIGNMENT CONTRAS
T
![Page 32: Learn Graphic Design](https://reader036.fdocuments.us/reader036/viewer/2022062523/58702c751a28ab81258b5c01/html5/thumbnails/32.jpg)
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
![Page 33: Learn Graphic Design](https://reader036.fdocuments.us/reader036/viewer/2022062523/58702c751a28ab81258b5c01/html5/thumbnails/33.jpg)
Horizontal Symmetry
![Page 34: Learn Graphic Design](https://reader036.fdocuments.us/reader036/viewer/2022062523/58702c751a28ab81258b5c01/html5/thumbnails/34.jpg)
Horizontal& Vertical Symmetry
![Page 35: Learn Graphic Design](https://reader036.fdocuments.us/reader036/viewer/2022062523/58702c751a28ab81258b5c01/html5/thumbnails/35.jpg)
Redial Symmetry
![Page 36: Learn Graphic Design](https://reader036.fdocuments.us/reader036/viewer/2022062523/58702c751a28ab81258b5c01/html5/thumbnails/36.jpg)
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.
![Page 37: Learn Graphic Design](https://reader036.fdocuments.us/reader036/viewer/2022062523/58702c751a28ab81258b5c01/html5/thumbnails/37.jpg)
![Page 38: Learn Graphic Design](https://reader036.fdocuments.us/reader036/viewer/2022062523/58702c751a28ab81258b5c01/html5/thumbnails/38.jpg)
![Page 39: Learn Graphic Design](https://reader036.fdocuments.us/reader036/viewer/2022062523/58702c751a28ab81258b5c01/html5/thumbnails/39.jpg)
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..
![Page 40: Learn Graphic Design](https://reader036.fdocuments.us/reader036/viewer/2022062523/58702c751a28ab81258b5c01/html5/thumbnails/40.jpg)
![Page 41: Learn Graphic Design](https://reader036.fdocuments.us/reader036/viewer/2022062523/58702c751a28ab81258b5c01/html5/thumbnails/41.jpg)
CONTRAST
Color Contrast
Size ContrastShape
ContrastType Contrast
![Page 42: Learn Graphic Design](https://reader036.fdocuments.us/reader036/viewer/2022062523/58702c751a28ab81258b5c01/html5/thumbnails/42.jpg)
Which block is more Dark?
![Page 43: Learn Graphic Design](https://reader036.fdocuments.us/reader036/viewer/2022062523/58702c751a28ab81258b5c01/html5/thumbnails/43.jpg)
![Page 44: Learn Graphic Design](https://reader036.fdocuments.us/reader036/viewer/2022062523/58702c751a28ab81258b5c01/html5/thumbnails/44.jpg)
![Page 45: Learn Graphic Design](https://reader036.fdocuments.us/reader036/viewer/2022062523/58702c751a28ab81258b5c01/html5/thumbnails/45.jpg)
![Page 46: Learn Graphic Design](https://reader036.fdocuments.us/reader036/viewer/2022062523/58702c751a28ab81258b5c01/html5/thumbnails/46.jpg)
![Page 47: Learn Graphic Design](https://reader036.fdocuments.us/reader036/viewer/2022062523/58702c751a28ab81258b5c01/html5/thumbnails/47.jpg)
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)
![Page 48: Learn Graphic Design](https://reader036.fdocuments.us/reader036/viewer/2022062523/58702c751a28ab81258b5c01/html5/thumbnails/48.jpg)
Printing Full Bleed
![Page 49: Learn Graphic Design](https://reader036.fdocuments.us/reader036/viewer/2022062523/58702c751a28ab81258b5c01/html5/thumbnails/49.jpg)
EXPERIMENTWITH YOUR DESIGN
IN LAST...
![Page 50: Learn Graphic Design](https://reader036.fdocuments.us/reader036/viewer/2022062523/58702c751a28ab81258b5c01/html5/thumbnails/50.jpg)
HAVE FUN!