Notes: Principles+Elements of Art+Design

Design 

The principals & Elements

What is graphic design?

1. Design elements are the basic units of a visual image.

2. The principales of design govern the relationships of the elements used & organize the composition as a whole. 

3. All imagery. art, design & photography alike, are  comprised of elements that can be broken down & analyzed by it's visual components & principles that guide them.

Design Elements
1. Space
2. Line
3. Color  
4. shape
5. Texture
6. Value
7. Balance

Space
1. Negative space: Empty space
2. Positive: Space used. It can refer to a positive space can be something in a space.
4. A negative space is everything above the space.
5. It can refer to foreground mid or background elements.

Line
1. Line is a basic element, it can vary un thickness, texture, direction.
2.  Lines are used to..
 a) Organize 
 b) Connect  
 c) Separate

Color
1. Pop Art
2. Russian Poster Art
3. Metal
4. Earth
5. Beach
6. Flowers
7. Fruit

Shape
1. Geometric: Square, triangle, circle, etc.
2. Organic: An outline of anything.
3. Neutral: Complex, real world elements.
4. Abstract: Stylization of real world.

Texture
1. Makes a way to see & feel.

Value
1. Editing black & white has value & edit contrast.
2. Developing value to see the difference in someone else's design.
2. Dark in the upper side, lighter un the bottom.
3. You can used a background & make layers & put whatever you want  & it creats value.

Balance
1. Types of balance:
    a) Balanced
    b) Unbalanced
    c) Symmetrical
    d) Asymmetrical

"Design Principals"

1. Unity: Unity creates a sense of order, a consistency in size & shape.
2. Variety: The same picture in different colors.
3. Repetition: Repeating elements in a design.
4. Harmony: Harmony is achieved when the same types of shapes/design are put into order.
5. Proximity: The principal guide in how are we going to use space.
6. Proportion: Use to create visual illusions. 
7. Functionality: Form or function: Don't make something unless it is both necessary & useful; but if it is both necessary & useful, don't hesitate to make it beautiful.
8. Emphasis: (Focal point) Without a focal point we fail, we can used texture or color to get/find the emphasis. Shape/ line is emphasis.

Making Animated Gifs

Understanding File Formats "Bus"

Understanding File Formats "Bus"

As I compared I notice that the color looks the same as the original picture but as I start looking at the other images I notice that the color starts to fade, & you can see the color getting lighter every time the picture gets a copy. The reflection in the mirror stops showing the shines that it has & instead that part started getting grey.

High Quality:

Low Quality:

Understanding File Formats "Trees"

Understanding File Formats

After comparing all pictures, I got to the conclusion that every time I had a knew picture the color started to had less color, & less definition in what the figures are. The trees stop showing there selfs like what they are & start being pixels, the wood stop having definition & we stop seeing that it's wood. The first image has a defined look of the sky. & after coping sometimes the pictures the sky stops having definition  & i stops having a light blue color. it starts having a pink & green color.

High Quality: 

Low Quality

Collage

Notes: Lecture " Understanding File Formats "

                                         Files needed to work on internet AI. PGD, JPG, GIF.

1.  File Formats:
    a) All documents, or files, are packaged un different formats.
    b)The format is determined often by the files origin.

2. Lossy or Lossless:
    a) Graphic image formats fall under 2 categories of compression.
    b) With Lossy. image data is LOST or REDUCE for smaller file sizes but can cause poor image        quality. Can result in showing "Compression Artifacts"

3. Graphic Formats:
    a) TIF, JPG and GIF are 3 most common formats for common activities such as printing, scanning and displaying images over the internet.
    b) PGN is a common web format, is high quality and can contain an alpha (transparency) channel.
    c) Each format has its own advantages, disadvantages.

4. File Format: TIF
    a) Stands for Tagged Image Format.
    b) Common format for desktop publishing, print, photo & graphic design.
    c) Is a LOSSESS file format. It retains image data.

5. File Format: JPG
    a) Stands for joint Photographers Expert Group.
    b) Created for digital photography & works best for photo content.
    c) Is a LOSSY format.
    d) Can reduce an image file size bye 10:1
    e) The level compression is adjastable.

6. File Format GIF
   a) Stands for Graphic Interchange Format.
   b) If best for graphics or images that have flat color or even tone, such as a cartoon.
   c) Reduces image size by ''Indexing'' color from 3 channels to 1.
   d) Is adjustable by changing color bit levels from 1 to 8.
   e) Contains no DPI (Dots Per Inch) data for printing. Not a proper format fro print.

 7. Photographic Images:
    Properties: Photos are continuos tones, 24 bit color or 8 bit Gray, no text, few lines & edges,
    For Unquestionable Best Quality: TIF or PNG
 
 8. Pixels:
    a) 2 tipes of pixels contiguous & not contiguous.
    b) TIF & JPG are the best for images with pixels that blend in color. these are called ''contiguous pixels''

 9. Best Format to Print:
     a) JPG

10. To print in the web:
      a) GIF
     

Box To Car

Pen Tool Pactice

Pixel art Mario