ITEC 109 Lecture 24 Advanced Effects. Advanced effects Review Basic effects –Loading / Displaying –Solid color pictures –Black/White –Sepia.

Slides:



Advertisements
Similar presentations
15.1 Si23_03 SI23 Introduction to Computer Graphics Lecture 15 – Visible Surfaces and Shadows.
Advertisements

8.1si31_2001 SI31 Advanced Computer Graphics AGR Lecture 8 Polygon Rendering.
Computer Science 111 Fundamentals of Programming I
Working with images and scenes CS 5010 Program Design Paradigms “Bootcamp” Lesson 2.5 TexPoint fonts used in EMF. Read the TexPoint manual before you delete.
Do I need a robot today? You only need a robot if your team has not shown me your octagon and/or the octagon in a function.
Advanced Imaging Techniques Lumberton High Sci Vis II V
V Material obtained from a July, 2014 summer workshop in Guildford County.
Conditionals-part31 Conditionals – part 3 Barb Ericson Georgia Institute of Technology Nov 2009.
Movie of picture negatives # Pseudo Code def movieNeg(directory, pic): for each column of ‘pic’ across the entire width for each pixel from top of the.
Image Maps and Graphics Internet Basics and Far Beyond! Mrs. Wilson.
Aim: Use the given examples to record examples and our own ideas in our journal 1.Write technical examples in journal and/or participate in full.
HW 3: Problems 2&3. HW 3 Prob 2:Encipher encipher( S, n ) takes as input a string S and a non-negative integer n between 0 and 25. This function returns.
CSC 160 Computer Programming for Non-Majors Lecture #3c: Working with Pictures (continued) Prof. Adam M. Wittenstein
James Tam Programming: Part II In this section of notes you will learn about more advanced programming concepts such as looping, functions.
CS 1 with Robots Image Manipulation Institute for Personal Robots in Education (IPRE)‏
CS 4731: Computer Graphics Lecture 17: Texturing Emmanuel Agu.
Exam 2: November 8 th –If you will need accommodations, please make sure you have documentation from the University Office of Disability Services –It will.
1 CS428 Web Engineering Lecture 10 Images, Tables, Forms, Border-Radius (CSS – V)
Hexadecimal Number System
TUTORIAL 8: Enhancing a Web Site with Advanced CSS
Tickertape def tickertape(directory,string): for each frame to generate create an new canvas write the string on canvas slightly left of the previous frame.
Spring  Evolving Lists & Lights On!  Caesar Cipher  Looks Good!
Human Eye and Color Rays of light enter the pupil and strike the back of the eye (retina) – signals go to the optic nerve and eventually to the brain Retina.
Image Processing & Perception Sec 9-11 Web Design.
TOPIC 7 MODIFYING PIXELS IN A MATRIX NESTED FOR LOOPS 1 Notes adapted from Introduction to Computing and Programming with Java: A Multimedia Approach by.
COSC 1P02 Intro. to Computer Science 6.1 Cosc 1P02 Week 6 Lecture slides "To succeed, jump as quickly at opportunities as you do at conclusions." --Benjamin.
Tone Mapping Software Photomatix Pro Application to Photography Konferenz und Workshop '05 Reality-Based Visualization.
Do Now: Do Not Log In. Take out your notebook and a pen. Good morning! Do Now: Do Not Log In. Take out your notebook and a pen. Good morning! Aim: Review.
Addison Wesley is an imprint of © 2010 Pearson Addison-Wesley. All rights reserved. Chapter 5 Working with Images Starting Out with Games & Graphics in.
COSC 1P02 Introduction to Computer Science 7.1 Cosc 1P02 Week 7 Lecture slides "There are two ways of constructing a software design; one way is to make.
Color and Resolution Introduction to Digital Imaging.
Color and Vision Key Question: How do we see color?
Jorge Cornejal Carlin Baez Edisson Garcia. How to Use LAYERs Illustrator's layers allow you to simplify your work. With layers, you can modify, edit,
Hank Childs, University of Oregon October 3, 2014 CIS 441/541: Intro to Computer Graphics Lecture 2: The Scanline Algorithm.
1 Computer Graphics Week2 –Creating a Picture. Steps for creating a picture Creating a model Perform necessary transformation Lighting and rendering the.
Graphics. Graphic is the important media used to show the appearance of integrative media applications. According to DBP dictionary, graphics mean drawing.
Why is computer vision difficult?
CS 101: Introduction to Computing Rotating and Blurring Developed by Mark Guzdial, Georgia Institute of Technology, 2003–2004; modified by Robert H. Sloan,
Comprehending List Comprehensions
# Red Green Blue Digital Color RGB to HEX.
CSC508 Convolution Operators. CSC508 Convolution Arguably the most fundamental operation of computer vision It’s a neighborhood operator –Similar to the.
Beam Penetration & Shadow Mask Method
Color Web Design Professor Frank. Color Displays Based on cathode ray tubes (CRTs) or back- lighted flat-screen Monitors transmit light - displays use.
ITEC 109 Multimedia Lecture Lecture 23. Photo manipulation Review Lists / Arrays.
Chapter 4 -- Color1 Color Open GL Chapter 4. Chapter 4 -- Color2 n The goal of almost all OpenGL applications is to draw color pictures in a window on.
Chapter 3 Color Objectives Identify the color systems and resolution Clarify category of colors.
More Digital Representation Discrete information is represented in binary (PandA), and “continuous” information is made discrete.
OUTPUT PRIMITIVES A.Aruna/Faculty of Information technology/SNSCE13/19/2016.
Advanced Imaging Techniques V Guilford County Sci Vis.
Georgia Institute of Technology Two-Dimensional Arrays and Nested Loops – part 2 Barb Ericson Georgia Institute of Technology August 2005.
Computer Graphics CC416 Lecture 04: Bresenham Line Algorithm & Mid-point circle algorithm Dr. Manal Helal – Fall 2014.
PROCESSING A computer screen is a grid of small light elements called pixels.
You can create cloze worksheets, print them out and give the to the students to fill in. You can display the worksheet on the data-projector and correct.
The Color Wheel Shaida Morales.
Spring 2010 EECS 110: Homework III.
Multimedia Summer Camp
Chapter 5 Working with Images
Images Presentation Name Course Name Unit # – Lesson #.# – Lesson Name
Two-Dimensional Arrays and Nested Loops – part 2
Georgia Institute of Technology
Gray Scale picture def pixBW(pixel): # given a pixel, change to BW
Enhancing the Enlargement of Images
Spring 2015.
Two-Dimensional Arrays and Nested Loops – part 2
Images Presentation Name Course Name Unit # – Lesson #.# – Lesson Name
CS1315: Introduction to Media Computation
CMPT 120 Lecture 22 – Unit 4 – Computer Vision
CMPT 120 Machine that can see! Lecture 21 – Unit 4 – Computer Vision
CSIS110 - Introduction to Computer Science
Presentation transcript:

ITEC 109 Lecture 24 Advanced Effects

Advanced effects Review Basic effects –Loading / Displaying –Solid color pictures –Black/White –Sepia

Advanced effects Halloween CS version of trick or treating

Advanced effects Objectives Learn about more complex effects –Blending –Green screening –Blurring –Oil Painting

Advanced effects Blending Combining pictures + =

Advanced effects Algorithm Load two pictures of the same size Create new picture of same size New picture’s pixels are 50% from first picture, 50% from the second

Advanced effects Code def blend(one, two): f = one.get2DArray(); s = two.get2DArray(); last = new Picture(len(f),len(f[0])); result = last.get2DArray(); for i in range(0, len(f)): for j in range(0, len(f(i)): r1 = f[i][j].getRed(); g1 = f[i][j].getGreen(); b1 = f[i][j].getBlue(); r2 = s[i][j].getRed(); g2 = s[i][j].getGreen(); b2 = s[i][j].getBlue(); result[i][j].setRed( r1/2 + r2/2); result[i][j].setGreen( g1/2 + g2/2); result[i][j].setBlue( b1/2 + b2/2); return last;

Advanced effects Mirroring Make the bottom reflect the top

Advanced effects Code def mirror(pic): val = pic.get2DArray(); width = val[0].length; for i in range (0, len(val)): for j in range(0, len(val(i))): val[i][width-j-1].setRed(val[i][j].getRed()); val[i][width-j-1].setGreen(val[i][j].getGreen()); val[i][width-j-1].setBlue(val[i][j].getBlue());

Advanced effects Blurring Smoothing type effect Average r/g/b values around a pixel

Advanced effects Code pixels = input.get2DArray(); output = Picture(pixels.length, pixels[0].length); values = output.get2DArray(); range=2; num=0; for i in range (0,len(pixels)): for j in range (0, len(pixels[i])): r = pixels[i][j].getRed(); g = pixels[i][j].getGreen(); b = pixels[i][j].getBlue(); num=1; for a in range(i-range, i+range) for c in range(j-range, j+range ): if (a > 0 and a 0 and c<len(pixels[a]) and & a !=i && c !=j) : r += pixels[a][c].getRed(); g += pixels[a][c].getGreen(); b += pixels[a][c].getBlue(); num++ r=r/num; g=g/num; b=b/num; values[i][j].setRed(r); values[i][j].setGreen(g); values[i][j].setBlue(b);

Advanced effects Oil Painting Blurring to the next level Make pixels like the ones next to it

Advanced effects Complicate d Range of pixels to look at (radius in a circle) Calculate intensity of each pixel within range of source pixel Create X bins for the entire spectrum (i.e. 255/X) Determine number of pixels in each bin Target picture’s pixel becomes the average r,g,b values of the pixels in the largest bin

Advanced effects Review More complicated photography effects –Blending –Oil painting Much more out there