Beginning Graphic Design. Graphic Elements Page 2 1.Lines a. Straight: Horizontal, Vertical,...

25
Beginning Graphic Design

Transcript of Beginning Graphic Design. Graphic Elements Page 2 1.Lines a. Straight: Horizontal, Vertical,...

Page 1: Beginning Graphic Design. Graphic Elements Page 2 1.Lines a. Straight: Horizontal, Vertical, Diagonal b. Curved: Circular, Irregular c. Combination 2.

Beginning Graphic Design

Page 2: Beginning Graphic Design. Graphic Elements Page 2 1.Lines a. Straight: Horizontal, Vertical, Diagonal b. Curved: Circular, Irregular c. Combination 2.

Graphic Elements

Page 2

1. Lines

a. Straight: Horizontal, Vertical, Diagonalb. Curved: Circular, Irregularc. Combination

2. Shapes

a. Two Dimensional: Circle, Triangle, Square, Rectangle, Polygonb. Three Dimensional: Sphere, Cone, Cube, etc…

3. Texta. Font Familiesb. Serif / Sans-Serif

4. Color / Shading

5. White Space / Negative Spacea. Unused space

Page 3: Beginning Graphic Design. Graphic Elements Page 2 1.Lines a. Straight: Horizontal, Vertical, Diagonal b. Curved: Circular, Irregular c. Combination 2.

Graphic Manipulations

Page 3

1. Change Sizea. Proportional / Stretch, Skew

2. Change Locationa. Move to a different area

3. Change Positiona. Flipb. Rotate

4. Repetition

5. Combination of Graphic Elementsa. Connecting elementsb. Overlapping elements

6. Fragmentationa. Cutting element into pieces by lines, gaps or shading

7. Changing Tone or Density of Color / Shading

Page 4: Beginning Graphic Design. Graphic Elements Page 2 1.Lines a. Straight: Horizontal, Vertical, Diagonal b. Curved: Circular, Irregular c. Combination 2.

Basic Graphic Creation

Page 4

1. Modular Graphics

2. Combination of Shapes

3. Repetition

4. Symbol Fonts

5. Screen Capture

6. Clip Art Manipulation

Page 5: Beginning Graphic Design. Graphic Elements Page 2 1.Lines a. Straight: Horizontal, Vertical, Diagonal b. Curved: Circular, Irregular c. Combination 2.

Modular Graphics

Page 5

The Beginning…..

1. Open Paint

2. From the IMAGE menu select Attributes

3. Specify the total size of your square / rectangle.

4. Fill your document with Basic Graphic Elements

Mod Graphics I Combination of Shapes I Repetition I Symbol Fonts I Screen Capture I Clip Art Manip

Page 6: Beginning Graphic Design. Graphic Elements Page 2 1.Lines a. Straight: Horizontal, Vertical, Diagonal b. Curved: Circular, Irregular c. Combination 2.

Modular Graphics

Page 6

…..The Middle…..

1. Open a NEW Paint Document From the START menu

2. From the IMAGE menu select Attributes

3. Specify an 8-1/2” x 11” size

4. Resize window so you can view both documents.

Mod Graphics I Combination of Shapes I Repetition I Symbol Fonts I Screen Capture I Clip Art Manip

Page 7: Beginning Graphic Design. Graphic Elements Page 2 1.Lines a. Straight: Horizontal, Vertical, Diagonal b. Curved: Circular, Irregular c. Combination 2.

Modular Graphics

Page 7

…..The End

1. From the EDIT menu of your original documentchoose Select All

2. From the EDIT menu select Copy

3. Click on the 8-1/2” x 11” document window to make it active

4. Paste your original image 2 – 4 times

5. Using the Rotate & Flip commands experiment for best results.

6. Using the transparent paste option, position your imagestogether to form a single image

Mod Graphics I Combination of Shapes I Repetition I Symbol Fonts I Screen Capture I Clip Art Manip

Page 8: Beginning Graphic Design. Graphic Elements Page 2 1.Lines a. Straight: Horizontal, Vertical, Diagonal b. Curved: Circular, Irregular c. Combination 2.

Modular Graphics

Page 8

EXAMPLE

Mod Graphics I Combination of Shapes I Repetition I Symbol Fonts I Screen Capture I Clip Art Manip

Page 9: Beginning Graphic Design. Graphic Elements Page 2 1.Lines a. Straight: Horizontal, Vertical, Diagonal b. Curved: Circular, Irregular c. Combination 2.

Combination of Shapes

Page 9

1. Look for Basic shapes contained in any object

2. Draw basic shapes either connected or over lapping

3. Add / Erase / Change colors as necessary for detailed drawing

Mod Graphics I Combination of Shapes I Repetition I Symbol Fonts I Screen Capture I Clip Art Manip

Page 10: Beginning Graphic Design. Graphic Elements Page 2 1.Lines a. Straight: Horizontal, Vertical, Diagonal b. Curved: Circular, Irregular c. Combination 2.

Combination of Shapes

Page 10

Mod Graphics I Combination of Shapes I Repetition I Symbol Fonts I Screen Capture I Clip Art Manip

Page 11: Beginning Graphic Design. Graphic Elements Page 2 1.Lines a. Straight: Horizontal, Vertical, Diagonal b. Curved: Circular, Irregular c. Combination 2.

Combination of Shapes

Page 11

Mod Graphics I Combination of Shapes I Repetition I Symbol Fonts I Screen Capture I Clip Art Manip

Page 12: Beginning Graphic Design. Graphic Elements Page 2 1.Lines a. Straight: Horizontal, Vertical, Diagonal b. Curved: Circular, Irregular c. Combination 2.

Combination of Shapes

Page 12

Mod Graphics I Combination of Shapes I Repetition I Symbol Fonts I Screen Capture I Clip Art Manip

Page 13: Beginning Graphic Design. Graphic Elements Page 2 1.Lines a. Straight: Horizontal, Vertical, Diagonal b. Curved: Circular, Irregular c. Combination 2.

Combination of Shapes

Page 13

Mod Graphics I Combination of Shapes I Repetition I Symbol Fonts I Screen Capture I Clip Art Manip

Page 14: Beginning Graphic Design. Graphic Elements Page 2 1.Lines a. Straight: Horizontal, Vertical, Diagonal b. Curved: Circular, Irregular c. Combination 2.

Combination of Shapes

Page 14

Mod Graphics I Combination of Shapes I Repetition I Symbol Fonts I Screen Capture I Clip Art Manip

Page 15: Beginning Graphic Design. Graphic Elements Page 2 1.Lines a. Straight: Horizontal, Vertical, Diagonal b. Curved: Circular, Irregular c. Combination 2.

Combination of Shapes

Page 15

Mod Graphics I Combination of Shapes I Repetition I Symbol Fonts I Screen Capture I Clip Art Manip

Page 16: Beginning Graphic Design. Graphic Elements Page 2 1.Lines a. Straight: Horizontal, Vertical, Diagonal b. Curved: Circular, Irregular c. Combination 2.

Repetition

Page 16

1. Draw or Select an Object or Clip Art

2. Copy, then paste multiple times.

3. Experiment with placement of copies, color, size, fragmentation

4. Some Student Examples

Mod Graphics I Combination of Shapes I Repetition I Symbol Fonts I Screen Capture I Clip Art Manip

Page 17: Beginning Graphic Design. Graphic Elements Page 2 1.Lines a. Straight: Horizontal, Vertical, Diagonal b. Curved: Circular, Irregular c. Combination 2.

Repetition

Page 17

Mod Graphics I Combination of Shapes I Repetition I Symbol Fonts I Screen Capture I Clip Art Manip

Page 18: Beginning Graphic Design. Graphic Elements Page 2 1.Lines a. Straight: Horizontal, Vertical, Diagonal b. Curved: Circular, Irregular c. Combination 2.

Symbol Fonts

Page 18

1. Use the Character Map Utility to select appropriate symbols

2. From the START menu select Programs / Accessories /System Tools / Character Map

3. Use scroll box to display the contents of the Font

4. Select desired symbol, manipulate to suit needs.

Mod Graphics I Combination of Shapes I Repetition I Symbol Fonts I Screen Capture I Clip Art Manip

Page 19: Beginning Graphic Design. Graphic Elements Page 2 1.Lines a. Straight: Horizontal, Vertical, Diagonal b. Curved: Circular, Irregular c. Combination 2.

Symbol Fonts

Page 19

Mod Graphics I Combination of Shapes I Repetition I Symbol Fonts I Screen Capture I Clip Art Manip

Page 20: Beginning Graphic Design. Graphic Elements Page 2 1.Lines a. Straight: Horizontal, Vertical, Diagonal b. Curved: Circular, Irregular c. Combination 2.

Symbol Fonts

Page 20

Mod Graphics I Combination of Shapes I Repetition I Symbol Fonts I Screen Capture I Clip Art Manip

Page 21: Beginning Graphic Design. Graphic Elements Page 2 1.Lines a. Straight: Horizontal, Vertical, Diagonal b. Curved: Circular, Irregular c. Combination 2.

Screen Capture

Page 21

1. Use the Screen Capture Utility to copy on screen elements

a. With desired images visible press Print Scrn to copy the contents of the monitor to the clipboard.

2. To copy the contents of the Active Window ONLY…a. Press and HOLD the ALT key while pressing the Print Scrn Key

3. Open PAINT

4. From the EDIT menu select Paste

5. Manipulate images as desired

Mod Graphics I Combination of Shapes I Repetition I Symbol Fonts I Screen Capture I Clip Art Manip

Page 22: Beginning Graphic Design. Graphic Elements Page 2 1.Lines a. Straight: Horizontal, Vertical, Diagonal b. Curved: Circular, Irregular c. Combination 2.

Screen Capture

Page 22

Mod Graphics I Combination of Shapes I Repetition I Symbol Fonts I Screen Capture I Clip Art Manip

Page 23: Beginning Graphic Design. Graphic Elements Page 2 1.Lines a. Straight: Horizontal, Vertical, Diagonal b. Curved: Circular, Irregular c. Combination 2.

Clip Art Manipulations

Page 23

Mod Graphics I Combination of Shapes I Repetition I Symbol Fonts I Screen Capture I Clip Art Manip

1. Use the following Link to access instructionsfor some basic clip art manipulations

2. Clip Art Manipulations

Page 24: Beginning Graphic Design. Graphic Elements Page 2 1.Lines a. Straight: Horizontal, Vertical, Diagonal b. Curved: Circular, Irregular c. Combination 2.

Future Artist?

Page 24

Mod Graphics I Combination of Shapes I Repetition I Symbol Fonts I Screen Capture I Clip Art Manip

From this……..

Page 25: Beginning Graphic Design. Graphic Elements Page 2 1.Lines a. Straight: Horizontal, Vertical, Diagonal b. Curved: Circular, Irregular c. Combination 2.

Future Artist?

Page 25

Mod Graphics I Combination of Shapes I Repetition I Symbol Fonts I Screen Capture I Clip Art Manip

From this…….. To this ?

For More Student Examples