Color by Numbers Pages 85-89 (Skipped Curves 79-84)

Slides:



Advertisements
Similar presentations
Lesson One: The Beginning
Advertisements

Introduction to Programming
A Quick Introduction to Processing
CSC 123 – Computational Art Introduction to Shape and composition
 By carefully incrementing the X and/or Y values of our set of lines, we can create a game board for a boat game.  Lines that go from left to right are.
Color by Numbers Pages Syntax Introduced color color() colorMode()
Basics of Web Design Chapter 6 More CSS Basics Key Concepts.
CGA 115 Professor Mary A. Malinconico. Questions from Last Week ????????
COLORING WITH NUMBERS. NumbersNumbers NumbersNumbers
Introduction to Multimedia
Green Screen. Objectives: 2. Understand what the difference is between a Luma key and a Chroma key. By the end of todays lesson students will: 3. Understand.
ADEMA. Hue is -180 HUE EXAMPLE 1 Hue is +31 HUE EXAMPLE 2.
© red ©
Multi-media Graphics JOUR 205 Color Models & Color Space 5 ways of specifying colors.
Color.
Skip Counting Counting by 2, 5, and 10.
Contains 16,777,216 Colors. My Car is red My Car is red How do I add colors to my web page? Notepad Browser Works with the “Standard” colors: Red, Green,
Colour & Image in HTML Wah Yan College (Hong Kong) Mr. Li C.P.
COLORS & BACKGROUNDS CHAPTER 13. SPECIFYING COLORS Three common places where you specify color 1.Text color.box { color: blue; } 2.Background color.box.
Digital Images Chapter 8, Exploring the Digital Domain.
Color. -Visual light -An integral part of the sculpture -Creates desired effect -Distinguish items -Strengthen interest.
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.
Coding: Games, Apps and the Arts Unit 0: Processing Basics 1.
Adobe Photoshop CS4 - Illustrated
ColorsColors Primary colors are easy to see. How many are there? Only three!
______________________________________________________________________________________ SCHOOL OF INTERACTIVE ARTS + TECHNOLOGY [SIAT] |
Homework Assignment You are going to research any artist of your choosing from any time period or genre. You are going to complete a one page double- spaced.
If you say 8 color the ones in your picture purple. If you say 9 color the ones in your picture blue.
2-D Shapes, Color, and simple animation. 7 Basic Shapes Ellipse :: ellipse() Arc :: arc() Line :: line() Point :: point() Rectangle :: rect() Triangle.
Do Now: Take out your notebook and a pen. Good Morning Do Now: Take out your notebook and a pen. Good Morning Aim: What is color? Mr. Spaterella Technology.
Animation Pages Function Function Definition Calling a function Parameters Return type and return statement.
HTML & Color How to Use Color  Backgrounds-  Usually a light color is best  Should have a color based on a theme or plan  Can have a dark.
Intro to Color Theory. Objectives Identify and discuss various color models including RGB, CMYK, Black/white and spot color. Investigate color mixing.
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.
RGB lesson Mrs Ras. Open illustrator File > new change color mode to RGB.
Hue: the property of light by which the color of an object is classified as red, blue, green, or yellow in reference to the spectrum. Saturation: the.
Primary Colors are the root of every other hue imaginable. *Think of the three Primaries as the Parents in the family of colors.
HSB to RGB to HEX.
PART TWO Electronic Color & RGB values 1. Electronic Color Computer Monitors: Use light in 3 colors to create images on the screen Monitors use RED, GREEN,
Is the practical guidance to color mixing and the visual effects of a specific color combination.
ColorsColors. Color Keywords/Names 140 color keywords/names are defined in the HTML and CSS color specification –17 standard colors (HTML accepts 16 of.
RED, YELLOW, and BLUE These colors cannot be made Used to make all other colors.
PROCESSING A computer screen is a grid of small light elements called pixels.
Images In Matlab.
Tutorial 4 Topic: CSS 3.0 Li Xu
Processing Introduction CSE 120 Spring 2017
Watch Pete the Cat here:
ANM 100 ADOBE CREATIVE SUITE WEEK 3
ANM 100 ADOBE CREATIVE SUITE WEEK 3
CITA 342 Section 7 Working with Color.
Lesson One: The Beginning Chapter 1: Pixels Learning Processing Daniel Shiffman Presentation by Donald W. Smith Graphics from
Chapter 6 More CSS Basics Key Concepts
Images Presentation Name Course Name Unit # – Lesson #.# – Lesson Name
FOREGROUND COLOR h1 { color: DarkCyan;} h2 { color: #ee4e80;} p { color: rgb(100, 100, 90);} The three traditional ways to specify colors: Color name.
Skip Counting Counting by 2, 5, and 10.
Colors/Color Words.
Basics of Web Design Chapter 6 More CSS Basics Key Concepts
Сабақтың тақырыбы: Компьютерлік графика негіздері
Skip Counting Counting by 2, 5, and 10.
Average Number of Photons
Gradient Type 1 Gradient stops: 5 Stop #: 1 Position: 0
Light Light has wave-like properties
HSB Hue-Saturation-Brightness
Basics of Web Design Chapter 6 More CSS Basics Key Concepts
What employers and colleges expect you to have.
The Bright Light By Yan Shan and Andre.
Images Presentation Name Course Name Unit # – Lesson #.# – Lesson Name
Introducing Adobe Illustrator
What Color is it?.
Color Box Button - Gray Type : object Type : object Type : object
Presentation transcript:

Color by Numbers Pages (Skipped Curves 79-84)

Syntax Introduced color color() colorMode()

Red, Green, Blue RGB is a common way to specify color Minimum value of number is 0 Maximum value of number is 255 Resulting in 256 different shades for each color 0 is black, 255 is the specific color…

Functions that take color as parameters background(r,g,b); fill (r,g,b); fill(r,g,b,alpha) stroke(r,g,b); stroke(r,g,b, alpha) alpha is for opaque/transparency 0 – entirely transparent 255 – entirely opaque

Example1 (size 100X100) background(129,130,87); noStroke(); fill(174,221,60); rect(17,17,66,66);

Example2 background(129,130,87); noFill(); strokeWeight(4); Stroke(174,221,60); rect(19,19,62,62);

Example 3: transparency background(116,193,206); noStroke(); fill(129,130,87,102); // more transparent rect(20,20,30,60); fill(129,130,87,204); // less transparent rect(50,20,30,60);

Example 4 background(0); noStroke(); fill(242,204,47,160); // yellow ellipse(47,36,64,64); fill(174,221,60,160); // green ellipse(90,47,64,64); fill(116,193,206,160); // blue ellipse(57,79,64,64);

color object color(gray); color(gray,alpha); color ruby= color(211,24,24,160); color pink = color(237,159,176); background(pink); noStroke(); fill(ruby); rect(35,0,20,200);

Summary We studied the usage of color and transparency We will not cover other color mode HSB (Hue, Saturation, Brightness)