We think you have liked this presentation. If you wish to download it, please recommend it to your friends in any social system. Share buttons are a little bit lower. Thank you!
Presentation is loading. Please wait.
Published byVeronica Feltham
Modified about 1 year ago
CSC 123 – Computational Art Introduction to Shape and composition Zoë Wood
What is art…? Shapes – We like triangles, circles and squares… Especially triangles… Composition Color/shading – Warm/cool – Near/far Texture Story
Circles George Tooker Da Vinci Sunflowers, Van Gogh
ellipse Circles in Processing: ellipse(200, 150, 250, 250); ellipse(300, 250, 250, 250); ellipse(100, 250, 250, 250);
Arcs Circles in Processing: noStroke(); arc(200, 200,200, 200, 0, PI+HALF_PI); arc(220, 180,200, 200, PI+HALF_PI, TWO_PI);
Rectangles Rectangles: background(255); stroke(0); strokeWeight(5); strokeJoin(ROUND); fill(255, 0, 0); rect(20, 100, 300, 55); noFill(); rect(10, 0, 20, 400); rect(30, 0, 20, 400); rect(310, 0, 40, 400); rect(0, 340, 400, 25); rect(0, 75, 400, 25); fill(243, 252, 3); rect(350, 370, 100, 100);
Quads Quads: background(255); stroke(108, 79, 42); fill(108, 79, 42); strokeWeight(5); strokeJoin(ROUND); quad(110, 20, 231, 28, 276, 287, 12, 301); fill(178, 123, 50); quad(120, 40, 223, 32, 289, 293, 12, 301);
Triangles Cezanne Van Gogh Monet’s Saint Lazare Station
Triangles fill(255, 255, 255, 160); stroke(125, 125, 125, 255); triangle(310, 380, 20, 380, 340, 150); stroke(0); triangle(20, 380, 150, 50, 310, 380); triangle(150, 50, 340, 150, 310, 380);
Shapes 1. line(x1, y1, x2, y2) 2. triangle(x1, y1, x2, y2, x3, y3) 3. quad(x1, y1, x2, y2, x3, y3, x4, y4) 4. rect(x, y, width, height) 5. ellipse(x, y, width, height) 6. arc(x, y, width, height, start, stop)
2D co-ordinate system In order for the points we specify to make sense, we must know with respect to what coordinate system we are using
2D co-ordinate system Unlike most mathematical conventions Processing’s coordinate system has (0, 0) in the upper left hand corner
Order Clockwise! Radians to degree
Composition Fill scene Balance scene Golden ratio Seurat’s Bathers at Snieres Cezanne Da VinciDa Vinci
Composition Balance and fill The car has passed, G. Balla Sunflowers, Van Gogh
Balancing light Monet’s Saint Lazare Station
Summary Variety of shapes available in Processing Consider your composition – Balance – Fill scene
PROCESSING A computer screen is a grid of small light elements called pixels.
Graphics Primitives in Processing 1/14/2010. size(x, y) ; Sets the initial size of the screen Units are in pixels –Pixel == picture element –Small dots.
2-D Shapes, Color, and simple animation. 7 Basic Shapes Ellipse :: ellipse() Arc :: arc() Line :: line() Point :: point() Rectangle :: rect() Triangle.
A Quick Introduction to Processing. Web Sites
Creating Art With Simple Shapes By carefully implementing simple shapes to an HTML canvas we can create useful graphics. With enough time, lines, ellipses.
Week 2 Book Chapter 1 RGB Color codes. 2 2.Additive Color Mixing RGB The mixing of “ light ” Primary: Red, Green, Blue The complementary color “ White.
Introduction to Programming With Computer Language Processing.
Drawing 1 1 Point Perspective Final Option #1 20 Color Boxes.
Color by Numbers Pages (Skipped Curves 79-84)
The Elements of Art Elements of art are visible in all art works. We will concentrate on 6 of these elements in every art class that you will take. Knowing.
Week 1 Introduction to shapes. Coordinate System and Shapes Coordinates of a point in two dimension Draw a line between two points Draw rectangle Draw.
Lesson One: The Beginning Chapter 1: Pixels Learning Processing Daniel Shiffman Presentation by Donald W. Smith Graphics from
Programming for Artists ART 315 Dr. J. R. Parker Art/Digital Media Lab Lec 10 Fall 2010.
Unity: A principle of art When the elements of the artwork, look as if they all belong together.
Color by Numbers Pages Syntax Introduced color color() colorMode()
Area of Composite Figures Objective: Find the area of composite figures.
The Elements of Design Line Shape Value Color Space Texture.
The Golden Ratio The Golden Section The Divine Proportion The Golden Mean.
I can: *Identify 5 major kinds of LINES *Explain 2 basic categories of SHAPE AND FORM *Explain how SHAPE AND FORM differ *Identify COLOR FAMILIES *Name.
Processing Lecture. 1 What is processing?
The Principles of Art are basically rules or guidelines that govern the way in which the Art Elements go together. These include: *EMPHASIS (Focal Point)
Repeating patterns Can you work out the next shape in the pattern?
Area of Common Shapes.
Part I.: *What are the five major kinds of LINES ? *What are the two basic categories of SHAPE ?FORM? *How does SHAPE and FORM differ? *What are COLOR.
Programming in Processing Taught by Ms. Madsen Assistants: Ms. Fischer and Ms. Yen Winsor School, 2/13/08.
Principles and Elements of Design Put your name here.
Study of Elements of Art. Elements of Art: The elements are the basic components used by an artist when creating works of art. It’s hard to imagine anything.
Elements of Art The elements of art are a set of visual techniques that describe ways of presenting artwork. Elements of art also refer to the visual language.
9-4 Area of Composite Figures Warm Up Warm Up Lesson Presentation Lesson Presentation Problem of the Day Problem of the Day Lesson Quizzes Lesson Quizzes.
10-3 Area of Composite Figures Warm Up Warm Up Lesson Presentation Lesson Presentation Problem of the Day Problem of the Day Lesson Quizzes Lesson Quizzes.
Line Shape Color Value Texture Space Form Line is the path of a moving point There are three ways to change line:
How many …?. What shape can you see? I can see some _____. Q1 Q1 stars.
Principles of Design. Part II. What are PRINCIPLES OF ART? *What does using EMPHASIS enable the artist to do? *What is PATTERN / REPETITION and what two.
What is Computing? What can be Programmed? Creative Computing Processing Downloading Processing Dropbox Primitive Shapes – point – line – triangle – quad.
DHTML: Structured Graphics ActiveX Control Creating, moving, and rotating shapes.
Default Fill & Stroke D Swap Fill & Stroke Shift X None / Gradient > Color < Stroke X Fill (Click to activate) X More about Fill and Stroke:
Confidential2 Warm Up 1.Find the Circumference of a Circle with a radius of 12.5 miles 2. Find the Circumference of a Circle with a radius of 21 meters.
Composition and Elements of Design. The ART of Photography and Composition ELEMENTS & PRINCIPLES OF DESIGN Line Shape Color Texture Pattern.
Venice Twilight, Monet th Century/Modern.
Warm up Give the formulas for how to find the area of a: Rectangle Triangle Circle Kite.
Animation Pages Function Function Definition Calling a function Parameters Return type and return statement.
Introduction to Processing David Meredith Aalborg University Art &Technology, 3rd Semester Programming.
Code Elements and Processing Coordinate System. Code elements: pages Comments: are documentation notes that are ignored by the computer but are.
Forging new generations of engineers
Opening Activity 1. Find the area of a circle with a radius of 5 cm. A=(3.14)(5)(5) 2. What is the area of a semicircle with radius of 14 yd?
Using Coordinate Geometry to Create Moving Images In unit 29 we created a simple drawing for the background of a children’s game. We are going to start.
STANDARD 4: The Elements of Art The basic components or tools of visual communication. What we use to “make” art.
© 2017 SlidePlayer.com Inc. All rights reserved.