the visual elements - peter...
TRANSCRIPT
![Page 1: THE VISUAL ELEMENTS - Peter Cullumpetercullum.com/wp-content/uploads/2013/11/2D-Design-Elements.pdf · Composition The visual ... Square Rectangle Triangle Rhombus . 2D Design –](https://reader031.vdocuments.site/reader031/viewer/2022022508/5ad2394b7f8b9a482c8c33db/html5/thumbnails/1.jpg)
2D Design – Elements
THE VISUAL ELEMENTS
There is the risk you cannot afford to take, & there is the risk you cannot afford not to take.
-Edward Hopper
![Page 2: THE VISUAL ELEMENTS - Peter Cullumpetercullum.com/wp-content/uploads/2013/11/2D-Design-Elements.pdf · Composition The visual ... Square Rectangle Triangle Rhombus . 2D Design –](https://reader031.vdocuments.site/reader031/viewer/2022022508/5ad2394b7f8b9a482c8c33db/html5/thumbnails/2.jpg)
2D Design – Elements
![Page 3: THE VISUAL ELEMENTS - Peter Cullumpetercullum.com/wp-content/uploads/2013/11/2D-Design-Elements.pdf · Composition The visual ... Square Rectangle Triangle Rhombus . 2D Design –](https://reader031.vdocuments.site/reader031/viewer/2022022508/5ad2394b7f8b9a482c8c33db/html5/thumbnails/3.jpg)
2D Design – Elements
Form What is it? The purely visual aspect. Shapes – Colors Content How is it put together? The subject matter. Lion – Roar Meaning How does it stimulate? Our interpretation of the content. Aggressive – Angry - Dangerous
![Page 4: THE VISUAL ELEMENTS - Peter Cullumpetercullum.com/wp-content/uploads/2013/11/2D-Design-Elements.pdf · Composition The visual ... Square Rectangle Triangle Rhombus . 2D Design –](https://reader031.vdocuments.site/reader031/viewer/2022022508/5ad2394b7f8b9a482c8c33db/html5/thumbnails/4.jpg)
2D Design – Elements
![Page 5: THE VISUAL ELEMENTS - Peter Cullumpetercullum.com/wp-content/uploads/2013/11/2D-Design-Elements.pdf · Composition The visual ... Square Rectangle Triangle Rhombus . 2D Design –](https://reader031.vdocuments.site/reader031/viewer/2022022508/5ad2394b7f8b9a482c8c33db/html5/thumbnails/5.jpg)
2D Design – Elements
![Page 6: THE VISUAL ELEMENTS - Peter Cullumpetercullum.com/wp-content/uploads/2013/11/2D-Design-Elements.pdf · Composition The visual ... Square Rectangle Triangle Rhombus . 2D Design –](https://reader031.vdocuments.site/reader031/viewer/2022022508/5ad2394b7f8b9a482c8c33db/html5/thumbnails/6.jpg)
2D Design – Elements
Form The purely visual aspect. Color Squares Light & Dark Circles
Content The subject matter. People Café Street Buildings
Meaning Our interpretation of the subject matter. Quiet Lonely Late Sad
![Page 7: THE VISUAL ELEMENTS - Peter Cullumpetercullum.com/wp-content/uploads/2013/11/2D-Design-Elements.pdf · Composition The visual ... Square Rectangle Triangle Rhombus . 2D Design –](https://reader031.vdocuments.site/reader031/viewer/2022022508/5ad2394b7f8b9a482c8c33db/html5/thumbnails/7.jpg)
2D Design – Elements
Content: What you are saying, Form: How you say it. Meaning: The interpretation of it.
![Page 8: THE VISUAL ELEMENTS - Peter Cullumpetercullum.com/wp-content/uploads/2013/11/2D-Design-Elements.pdf · Composition The visual ... Square Rectangle Triangle Rhombus . 2D Design –](https://reader031.vdocuments.site/reader031/viewer/2022022508/5ad2394b7f8b9a482c8c33db/html5/thumbnails/8.jpg)
2D Design – Elements
Visual art: the study and exploitation of how the mind processes imagery.
![Page 9: THE VISUAL ELEMENTS - Peter Cullumpetercullum.com/wp-content/uploads/2013/11/2D-Design-Elements.pdf · Composition The visual ... Square Rectangle Triangle Rhombus . 2D Design –](https://reader031.vdocuments.site/reader031/viewer/2022022508/5ad2394b7f8b9a482c8c33db/html5/thumbnails/9.jpg)
2D Design – Elements
0-Dimensional A point.
1-Dimensional Line. (A point in motion)
![Page 10: THE VISUAL ELEMENTS - Peter Cullumpetercullum.com/wp-content/uploads/2013/11/2D-Design-Elements.pdf · Composition The visual ... Square Rectangle Triangle Rhombus . 2D Design –](https://reader031.vdocuments.site/reader031/viewer/2022022508/5ad2394b7f8b9a482c8c33db/html5/thumbnails/10.jpg)
2D Design – Elements
1-Dimensional
2-Dimensional shape.
![Page 11: THE VISUAL ELEMENTS - Peter Cullumpetercullum.com/wp-content/uploads/2013/11/2D-Design-Elements.pdf · Composition The visual ... Square Rectangle Triangle Rhombus . 2D Design –](https://reader031.vdocuments.site/reader031/viewer/2022022508/5ad2394b7f8b9a482c8c33db/html5/thumbnails/11.jpg)
2D Design – Elements
2-Dimensional
3-Dimensional volume.
![Page 12: THE VISUAL ELEMENTS - Peter Cullumpetercullum.com/wp-content/uploads/2013/11/2D-Design-Elements.pdf · Composition The visual ... Square Rectangle Triangle Rhombus . 2D Design –](https://reader031.vdocuments.site/reader031/viewer/2022022508/5ad2394b7f8b9a482c8c33db/html5/thumbnails/12.jpg)
2D Design – Elements
In 2D: ALL depth is an illusion
![Page 13: THE VISUAL ELEMENTS - Peter Cullumpetercullum.com/wp-content/uploads/2013/11/2D-Design-Elements.pdf · Composition The visual ... Square Rectangle Triangle Rhombus . 2D Design –](https://reader031.vdocuments.site/reader031/viewer/2022022508/5ad2394b7f8b9a482c8c33db/html5/thumbnails/13.jpg)
2D Design – Elements
Design ORGANIZED placement of shapes in a format; to refine by PROCESS.
Composition The visual combination of different elements into a unified whole.
![Page 14: THE VISUAL ELEMENTS - Peter Cullumpetercullum.com/wp-content/uploads/2013/11/2D-Design-Elements.pdf · Composition The visual ... Square Rectangle Triangle Rhombus . 2D Design –](https://reader031.vdocuments.site/reader031/viewer/2022022508/5ad2394b7f8b9a482c8c33db/html5/thumbnails/14.jpg)
2D Design – Elements
Gestalt The psychological study of how the mind organizes what it sees.
![Page 15: THE VISUAL ELEMENTS - Peter Cullumpetercullum.com/wp-content/uploads/2013/11/2D-Design-Elements.pdf · Composition The visual ... Square Rectangle Triangle Rhombus . 2D Design –](https://reader031.vdocuments.site/reader031/viewer/2022022508/5ad2394b7f8b9a482c8c33db/html5/thumbnails/15.jpg)
2D Design – Elements
Gestalt The WHOLE is seen before the parts.
![Page 16: THE VISUAL ELEMENTS - Peter Cullumpetercullum.com/wp-content/uploads/2013/11/2D-Design-Elements.pdf · Composition The visual ... Square Rectangle Triangle Rhombus . 2D Design –](https://reader031.vdocuments.site/reader031/viewer/2022022508/5ad2394b7f8b9a482c8c33db/html5/thumbnails/16.jpg)
2D Design – Elements
Gestalt What belongs together and what belongs apart.
![Page 17: THE VISUAL ELEMENTS - Peter Cullumpetercullum.com/wp-content/uploads/2013/11/2D-Design-Elements.pdf · Composition The visual ... Square Rectangle Triangle Rhombus . 2D Design –](https://reader031.vdocuments.site/reader031/viewer/2022022508/5ad2394b7f8b9a482c8c33db/html5/thumbnails/17.jpg)
2D Design – Elements
A design requires four things to exist.
Format
Plan
Shapes
Contrast
![Page 18: THE VISUAL ELEMENTS - Peter Cullumpetercullum.com/wp-content/uploads/2013/11/2D-Design-Elements.pdf · Composition The visual ... Square Rectangle Triangle Rhombus . 2D Design –](https://reader031.vdocuments.site/reader031/viewer/2022022508/5ad2394b7f8b9a482c8c33db/html5/thumbnails/18.jpg)
2D Design – Elements
Format The area of organization. The design takes place within the format. NOTHING ever breaks the format.
![Page 19: THE VISUAL ELEMENTS - Peter Cullumpetercullum.com/wp-content/uploads/2013/11/2D-Design-Elements.pdf · Composition The visual ... Square Rectangle Triangle Rhombus . 2D Design –](https://reader031.vdocuments.site/reader031/viewer/2022022508/5ad2394b7f8b9a482c8c33db/html5/thumbnails/19.jpg)
2D Design – Elements
Format Guidelines Rectangular, edges parallel to the paper’s edges. Must have a margin.
![Page 20: THE VISUAL ELEMENTS - Peter Cullumpetercullum.com/wp-content/uploads/2013/11/2D-Design-Elements.pdf · Composition The visual ... Square Rectangle Triangle Rhombus . 2D Design –](https://reader031.vdocuments.site/reader031/viewer/2022022508/5ad2394b7f8b9a482c8c33db/html5/thumbnails/20.jpg)
2D Design – Elements
Format Guidelines Centered horizontally. Set off-center vertically, providing a bottom margin larger than the top.
![Page 21: THE VISUAL ELEMENTS - Peter Cullumpetercullum.com/wp-content/uploads/2013/11/2D-Design-Elements.pdf · Composition The visual ... Square Rectangle Triangle Rhombus . 2D Design –](https://reader031.vdocuments.site/reader031/viewer/2022022508/5ad2394b7f8b9a482c8c33db/html5/thumbnails/21.jpg)
2D Design – Elements
Format Guidelines Project title and name appear at the bottom of each project. Entered in pencil Legible Doesn’t draw attention away from the design.
![Page 22: THE VISUAL ELEMENTS - Peter Cullumpetercullum.com/wp-content/uploads/2013/11/2D-Design-Elements.pdf · Composition The visual ... Square Rectangle Triangle Rhombus . 2D Design –](https://reader031.vdocuments.site/reader031/viewer/2022022508/5ad2394b7f8b9a482c8c33db/html5/thumbnails/22.jpg)
2D Design – Elements
Plan The element of organization.
![Page 23: THE VISUAL ELEMENTS - Peter Cullumpetercullum.com/wp-content/uploads/2013/11/2D-Design-Elements.pdf · Composition The visual ... Square Rectangle Triangle Rhombus . 2D Design –](https://reader031.vdocuments.site/reader031/viewer/2022022508/5ad2394b7f8b9a482c8c33db/html5/thumbnails/23.jpg)
2D Design – Elements
Plan Image making is a PROCESS. Ideas must be developed: sketched, altered, discarded, etc.
![Page 24: THE VISUAL ELEMENTS - Peter Cullumpetercullum.com/wp-content/uploads/2013/11/2D-Design-Elements.pdf · Composition The visual ... Square Rectangle Triangle Rhombus . 2D Design –](https://reader031.vdocuments.site/reader031/viewer/2022022508/5ad2394b7f8b9a482c8c33db/html5/thumbnails/24.jpg)
2D Design – Elements
Plan There is NO DESIGN without a plan.
![Page 25: THE VISUAL ELEMENTS - Peter Cullumpetercullum.com/wp-content/uploads/2013/11/2D-Design-Elements.pdf · Composition The visual ... Square Rectangle Triangle Rhombus . 2D Design –](https://reader031.vdocuments.site/reader031/viewer/2022022508/5ad2394b7f8b9a482c8c33db/html5/thumbnails/25.jpg)
2D Design – Elements
Plan The plan is developed and shown in your sketches for a project.
![Page 26: THE VISUAL ELEMENTS - Peter Cullumpetercullum.com/wp-content/uploads/2013/11/2D-Design-Elements.pdf · Composition The visual ... Square Rectangle Triangle Rhombus . 2D Design –](https://reader031.vdocuments.site/reader031/viewer/2022022508/5ad2394b7f8b9a482c8c33db/html5/thumbnails/26.jpg)
2D Design – Elements
Shape A visually perceived area created by:
(contour) line contrast of color Contrast of texture.
Line: Most important role is delineating (to mark the outline of) shape. Shape: Sometimes called form. "form" can also mean composition.
![Page 27: THE VISUAL ELEMENTS - Peter Cullumpetercullum.com/wp-content/uploads/2013/11/2D-Design-Elements.pdf · Composition The visual ... Square Rectangle Triangle Rhombus . 2D Design –](https://reader031.vdocuments.site/reader031/viewer/2022022508/5ad2394b7f8b9a482c8c33db/html5/thumbnails/27.jpg)
2D Design – Elements
Types of shapes: Rectilinear Sharp-edged geometric forms. Square Rectangle Triangle Rhombus
![Page 28: THE VISUAL ELEMENTS - Peter Cullumpetercullum.com/wp-content/uploads/2013/11/2D-Design-Elements.pdf · Composition The visual ... Square Rectangle Triangle Rhombus . 2D Design –](https://reader031.vdocuments.site/reader031/viewer/2022022508/5ad2394b7f8b9a482c8c33db/html5/thumbnails/28.jpg)
2D Design – Elements
Types of shapes: Curvilinear Smooth-edged geometric forms. Circle Oval
![Page 29: THE VISUAL ELEMENTS - Peter Cullumpetercullum.com/wp-content/uploads/2013/11/2D-Design-Elements.pdf · Composition The visual ... Square Rectangle Triangle Rhombus . 2D Design –](https://reader031.vdocuments.site/reader031/viewer/2022022508/5ad2394b7f8b9a482c8c33db/html5/thumbnails/29.jpg)
2D Design – Elements
Types of shapes: Compound Compound shapes can be rectilinear, curvilinear, or a combination of both.
![Page 30: THE VISUAL ELEMENTS - Peter Cullumpetercullum.com/wp-content/uploads/2013/11/2D-Design-Elements.pdf · Composition The visual ... Square Rectangle Triangle Rhombus . 2D Design –](https://reader031.vdocuments.site/reader031/viewer/2022022508/5ad2394b7f8b9a482c8c33db/html5/thumbnails/30.jpg)
2D Design – Elements
Types of shapes: Organic Organic shapes are almost universally curvilinear.
![Page 31: THE VISUAL ELEMENTS - Peter Cullumpetercullum.com/wp-content/uploads/2013/11/2D-Design-Elements.pdf · Composition The visual ... Square Rectangle Triangle Rhombus . 2D Design –](https://reader031.vdocuments.site/reader031/viewer/2022022508/5ad2394b7f8b9a482c8c33db/html5/thumbnails/31.jpg)
2D Design – Elements
Types of shapes: Symbols Compound shapes that represent common held meanings. Symbols are NOT allowed to be used in projects.
![Page 32: THE VISUAL ELEMENTS - Peter Cullumpetercullum.com/wp-content/uploads/2013/11/2D-Design-Elements.pdf · Composition The visual ... Square Rectangle Triangle Rhombus . 2D Design –](https://reader031.vdocuments.site/reader031/viewer/2022022508/5ad2394b7f8b9a482c8c33db/html5/thumbnails/32.jpg)
2D Design – Elements
Every shape drawn creates TWO shapes
![Page 33: THE VISUAL ELEMENTS - Peter Cullumpetercullum.com/wp-content/uploads/2013/11/2D-Design-Elements.pdf · Composition The visual ... Square Rectangle Triangle Rhombus . 2D Design –](https://reader031.vdocuments.site/reader031/viewer/2022022508/5ad2394b7f8b9a482c8c33db/html5/thumbnails/33.jpg)
2D Design – Elements
The important one is the Figure (positive) shape. The secondary one is the Ground (negative) shape.
![Page 34: THE VISUAL ELEMENTS - Peter Cullumpetercullum.com/wp-content/uploads/2013/11/2D-Design-Elements.pdf · Composition The visual ... Square Rectangle Triangle Rhombus . 2D Design –](https://reader031.vdocuments.site/reader031/viewer/2022022508/5ad2394b7f8b9a482c8c33db/html5/thumbnails/34.jpg)
2D Design – Elements
The figure + the ground = the picture plane. All areas relate to the design, even the format. Gestalt
![Page 35: THE VISUAL ELEMENTS - Peter Cullumpetercullum.com/wp-content/uploads/2013/11/2D-Design-Elements.pdf · Composition The visual ... Square Rectangle Triangle Rhombus . 2D Design –](https://reader031.vdocuments.site/reader031/viewer/2022022508/5ad2394b7f8b9a482c8c33db/html5/thumbnails/35.jpg)
2D Design – Elements
Contrast Differences between two (or many) things. Design CANNOT exist without contrast.
Low High
![Page 36: THE VISUAL ELEMENTS - Peter Cullumpetercullum.com/wp-content/uploads/2013/11/2D-Design-Elements.pdf · Composition The visual ... Square Rectangle Triangle Rhombus . 2D Design –](https://reader031.vdocuments.site/reader031/viewer/2022022508/5ad2394b7f8b9a482c8c33db/html5/thumbnails/36.jpg)
2D Design – Elements
Contrast Together/Different Big/Small Important/Accent Light/Dark Near/Far
![Page 37: THE VISUAL ELEMENTS - Peter Cullumpetercullum.com/wp-content/uploads/2013/11/2D-Design-Elements.pdf · Composition The visual ... Square Rectangle Triangle Rhombus . 2D Design –](https://reader031.vdocuments.site/reader031/viewer/2022022508/5ad2394b7f8b9a482c8c33db/html5/thumbnails/37.jpg)
2D Design – Elements
Juxtaposition A planned, intelligent interaction of shapes.
![Page 38: THE VISUAL ELEMENTS - Peter Cullumpetercullum.com/wp-content/uploads/2013/11/2D-Design-Elements.pdf · Composition The visual ... Square Rectangle Triangle Rhombus . 2D Design –](https://reader031.vdocuments.site/reader031/viewer/2022022508/5ad2394b7f8b9a482c8c33db/html5/thumbnails/38.jpg)
2D Design – Elements
Juxtaposition A planned, intelligent interaction of shapes. Placement is passive. Juxtaposition is active.
![Page 39: THE VISUAL ELEMENTS - Peter Cullumpetercullum.com/wp-content/uploads/2013/11/2D-Design-Elements.pdf · Composition The visual ... Square Rectangle Triangle Rhombus . 2D Design –](https://reader031.vdocuments.site/reader031/viewer/2022022508/5ad2394b7f8b9a482c8c33db/html5/thumbnails/39.jpg)
2D Design – Elements
Juxtaposition A planned, intelligent interaction of shapes. Placement is passive. Juxtaposition is active. Each shape will affect, and be affected by, every other shape around it.
![Page 40: THE VISUAL ELEMENTS - Peter Cullumpetercullum.com/wp-content/uploads/2013/11/2D-Design-Elements.pdf · Composition The visual ... Square Rectangle Triangle Rhombus . 2D Design –](https://reader031.vdocuments.site/reader031/viewer/2022022508/5ad2394b7f8b9a482c8c33db/html5/thumbnails/40.jpg)
2D Design – Elements
Juxtaposition A planned, intelligent interaction of shapes. Placement is passive. Juxtaposition is active. Each shape will affect, and be affected by, every other shape around it.
![Page 41: THE VISUAL ELEMENTS - Peter Cullumpetercullum.com/wp-content/uploads/2013/11/2D-Design-Elements.pdf · Composition The visual ... Square Rectangle Triangle Rhombus . 2D Design –](https://reader031.vdocuments.site/reader031/viewer/2022022508/5ad2394b7f8b9a482c8c33db/html5/thumbnails/41.jpg)
2D Design – Elements
Juxtaposition A planned, intelligent interaction of shapes. Placement is passive. Juxtaposition is active. Each shape will affect, and be affected by, every other shape around it.