1 CS 248 – Project 1 Help Session (demo) (demo) Painting RGB and HSV sliders Brush visualization Weighted mask driven painting HSV checkboxes.

Slides:



Advertisements
Similar presentations
Chapter Eleven Digital Darkroom Expert Techniques.
Advertisements

| | Tel: | | Computer Training & Personal Development Adobe Photoshop CS3 Intermediate.
Adobe Photoshop CS5 – Illustrated Unit G: Creating Special Effects
CGA 115 Professor Mary A. Malinconico. Questions from Last Week ????????
Adobe Photoshop CS4 – Illustrated Unit G: Creating Special Effects
1 CS 248 Assignment 1 Paint Program CS248 Help Session #1 Eino-Ville Talvala Stanford University October 10, 2006 Original slides by Georg Petschnigg Modified.
Graphics&Design Correction and Adjustment - Creative: colour & tone, dust & marks, sharp Tech: Gamma, Histograms, & Convolution.
CS 248 Assignment 1 Paint Program Introduction to Computer Graphics Help Session presented by Georg Petschnigg Stanford University October 4, 2002.
1 CS 248 Assignment 1 Paint Program CS248 Help Session #1 Original slides by Georg Petschnigg Modified by: Sean Walker, Rene Patnode Stanford University.
COS 429 PS3: Stitching a Panorama Due November 4 th.
02/14/02(c) University of Wisconsin 2002, CS 559 Last Time Filtering Image size reduction –Take the pixel you need in the output –Map it to the input –Place.
Free Photo Editors These free photo editors are also simple to use plus they each have some distinguishing features.
Kalman Tracking for Image Processing Applications Student : Julius Oyeleke Supervisor : Dr Martin Glavin Co-Supervisor : Dr Fearghal Morgan.
Lecture 1: Images and image filtering CS4670/5670: Intro to Computer Vision Kavita Bala Hybrid Images, Oliva et al.,
GIMP Graphic Image Manipulation Program. GIMP Image manipulation software Free Open Source Written by two students First version in 1996.
Computer Vision, winter CS Department, Technion.
Photoshop: Getting to Know Layers Computer Information Technology Section 7-5.
Sepia Sepia 1)Image > Adjustments > Desaturate to remove color 2)Image > Adjustments > Color Balance 3)Move sliders (adding mostly red and yellow) to.
CS324e - Elements of Graphics and Visualization Compositing.
Adobe Photoshop CS5 – Illustrated Unit F: Working with Brushes and Color Effect.
CS559: Computer Graphics Lecture 6: Edge Detection, Image Compositing, and Warping Li Zhang Spring 2010.
MYGRAPHICSLAB: ADOBE PHOTOSHOP CS6
Creating With Code.
Filtering and Color To filter a color image, simply filter each of R,G and B separately Re-scaling and truncating are more difficult to implement: –Adjusting.
Adobe Photoshop CS4 - Illustrated
1 Introduction to Computer Graphics – CGS-1586C Spring Quarter 2011 Instructor: Amanda Dickinson Tues/Thurs from 6:00PM to 7:50 PM.
Photoshop Teppo Räisänen LIIKE/OAMK General Information Photoshop is an advanced image editing tool Web Graphics Printed material UI is based on.
Manipulate Graphics Skill Area Lecture Overview Photoshop’s GUI Basic Function Basic Image Manipulation.
CS 450: Introduction to Digital Signal and Image Processing Image Arithmetic.
ANM 100 ADOBE CREATIVE SUITE LESSON 7 1) No Quiz 2) Digital Image Composites in AdobePhotoshop Review 3) In-Studio Work.
Real-Time rendering Chapter 4.Visual Appearance 4.4. Aliasing and antialiasing 4.5. Transparency,alpha,and compositing 4.6. Fog 4.7. Gamma correction
 You will distort your head in 4 different ways  You got in a fight  You are wearing dramatic make-up  Your hairstyle changes drastically  You are.
CS324e - Elements of Graphics and Visualization Java GUIs - Event Handling.
Vision Geza Kovacs Maslab Colorspaces RGB: red, green, and blue components HSV: hue, saturation, and value Your color-detection code will be more.
Graphics Lecture 4: Slide 1 Interactive Computer Graphics Lecture 4: Colour.
Texture Mapping CAP4730: Computational Structures in Computer Graphics.
Pixmotor: A Pixel Motion Integrator Ivan Neulander Rhythm & Hues.
` Tracking the Eyes using a Webcam Presented by: Kwesi Ackon Kwesi Ackon Supervisor: Mr. J. Connan.
Task 3 Store and Present Your Digital Entry Guidance Notes.
Open up your still frame image in photoshop. Create a copy of the Background copy.
Lecture # 19 Image Processing II. 2 Classes of Digital Filters Global filters transform each pixel uniformly according to the function regardless of.
Fine Tune / Clone Stamp What is this? When do I do this? How do I use this? Illustrate in Gimp. What do all of the options do?
Visual Appearance Chapter 4 Tomas Akenine-Möller Department of Computer Engineering Chalmers University of Technology.
CS 534 Homework #4 References. Cylindrical Projection Alpha Blending.
 You will be starting with an original image, or you can combine 2-3 images.  Then you will add a new layer on top and you will experiment with the.
Copyright © 2013 MyGraphicsLab / Pearson Education LAYERS AND MASKS MYGRAPHICSLAB: ADOBE PHOTOSHOP CS6.
IMAGE EDITING Midterm Lecture Channels -Separation of the colors of the final images onto distinct sheets. Red, Green and Blue Red, Green and.
1 CS 248 Assignment 1 Paint Program CS248 Help Session #1 Ethan Dreyfuss Stanford University October 3, 2008 Original slides by Georg Petschnigg Modified.
IBDP computer science PBL(Project-based learning) + STEAM (Science, Technology, Engineering, Art, Mathematics) Computer Science meets Visual Arts Explore.
Human Eye Some interesting facts Useful fact Rod cells: Cone cells:
Introduction to Basic Interface of
Colour Theory Fundamentals
SELECTIVE COLOUR 1)Select one area and Image Adjustments black and White. Or 2)Right click Duplicate layer. Turn to black and white. Select one area and.
Painting with a Brush in Quick Mask Mode
setting the resolution - 72 vs 300 dpi (300 better quality)
Smudge tool painting Mrs Ras.
CSC020, Computer Graphics Adjustment Layers 1.
Chapter 8, Exploring the Digital Domain
Content-Based Image Retrieval
Content-Based Image Retrieval
Human Eye Some interesting facts Useful fact Rod cells: Cone cells:
Image Processing with Applications-CSCI597/MATH597/MATH489
Lecture 17 Figures from Gonzalez and Woods, Digital Image Processing, Second Edition, 2002.
Resolution Resolution: 6 x 4.
The Image The pixels in the image The mask The resulting image 255 X
VISUAL COMMUNICATION USING ADOBE PHOTOSHOP CREATIVE SUITE 5
CS 534 Homework #4 References
CS Homework #4 References
Given that {image} {image} Evaluate the limit: {image} Choose the correct answer from the following:
Computer Graphics Image processing 紀明德
Presentation transcript:

1 CS 248 – Project 1 Help Session (demo) (demo) Painting RGB and HSV sliders Brush visualization Weighted mask driven painting HSV checkboxes

2 Basic painting Brush region

3 Simple tinting (alpha blending) Like painting with partially transparent paint. C new = (1-  ) C old +  C paint Compositing equation

4 Mask driven painting Different pixels of the brush behave differently. Paint every pixel in the brush region Paint only some of the pixels

5 Weighted mask driven painting Mask contains alpha for each pixel in brush (visualization of this )

6 RGB vs. HSV interpolation C R = (1-  ) C R +  paint R C G = (1-  ) C G +  paint G C B = (1-  ) C B +  paint B C H = (1-  ) C H +  paint H C S = (1-  ) C S +  paint S C V = (1-  ) C V +  paint V RGB interpolation HSV interpolation (Does it make a difference?)

7 Interpolating in HSV and RGB Hue Saturation

8 Painting in HSV and RGB Hue Saturation HSV RGB

9 Tinting (HSV checkboxes) Choose which HSV components to affect. if (H_check) { C H = (1-  ) C H +  paint H } if (S_check) { C S = (1-  ) C S +  paint S } if (V_check) { C V = (1-  ) C V +  paint V }

10 Requirements Correctness (40%) Correctness (40%) Don’t crash Implement all required features (Read the directions like a lawyer) Efficiency (20 %) Efficiency (20 %) No noticeable lag while using your application User Interface (20%) User Interface (20%) Programming Style (20%) Programming Style (20%) Copying code (Don’t do it) Submitting with ‘freeze’ and ‘submit’ Submitting with ‘freeze’ and ‘submit’

11 Extra credit (Filter painting) Blurring the image under the brush.