BMMB 597D - Practical Data Analysis for Life Scientists. Week 13 -Lecture 25. István Albert Huck Institutes for the Life Sciences

Similar documents
LECTURE 03 BITMAP IMAGE FORMATS

Specific structure or arrangement of data code stored as a computer file.

Photoshop CS6. Table of Contents. Image Formats! 3. GIF (Graphics Interchange Format)! 3. JPEG or JPG (Joint Photographic Experts Group)!

B.Digital graphics. Color Models. Image Data. RGB (the additive color model) CYMK (the subtractive color model)

What You ll Learn Today

4 Images and Graphics

CS101 Lecture 19: Digital Images. John Magee 18 July 2013 Some material copyright Jones and Bartlett. Overview/Questions

Digital Imaging & Photoshop

LECTURE 02 IMAGE AND GRAPHICS

HTTP transaction with Graphics HTML file + two graphics files

Digital photo sizes and file formats

Photoshop 01. Introduction to Computer Graphics UIC / AA/ AD / AD 205 / F05/ Sauter.../documents/photoshop_01.pdf

Images and Graphics. 4. Images and Graphics - Copyright Denis Hamelin - Ryerson University

CMPT 165 INTRODUCTION TO THE INTERNET AND THE WORLD WIDE WEB

Applying mathematics to digital image processing using a spreadsheet

Raster (Bitmap) Graphic File Formats & Standards

Indexed Color. A browser may support only a certain number of specific colors, creating a palette from which to choose

Bitmap Image Formats

Developing Multimedia Assets using Fireworks and Flash

Dr. Shahanawaj Ahamad. Dr. S.Ahamad, SWE-423, Unit-06

Photoshop Elements Week 1 - Photoshop Elements Work Environment

MOTION GRAPHICS BITE 3623

Photoshop (Image Processing)

Topics. 1. Raster vs vector graphics. 2. File formats. 3. Purpose of use. 4. Decreasing file size

CS 200 Assignment 3 Pixel Graphics Due Monday May 21st 2018, 11:59 pm. Readings and Resources

Adobe Photoshop CS2 Workshop

CS 262 Lecture 01: Digital Images and Video. John Magee Some material copyright Jones and Bartlett

The next table shows the suitability of each format to particular applications.

2015 Athens-Clarke County Library

ITP 140 Mobile App Technologies. Images

CMPSC 390 Visual Computing Spring 2014 Bob Roos Review Notes Introduction and PixelMath

Color, graphics and hardware Monitors and Display

Digital Images: A Technical Introduction

PHOTOSHOP. pixel based image editing software (pixel=picture element) several small dots or pixels make up an image.

Learning Outcomes. Black and White pictures. Bitmap Graphics. COMPSCI 111/111G Digital Images and Vector Graphics

By Washan Najat Nawi

COMPSCI 111 / 111G Mastering Cyberspace: An introduction to practical computing. Digital Images Vector Graphics

CATEGORY SKILL SET REF. TASK ITEM

GUIDELINES & INFORMATION

Photoshop Elements. Lecturer: Ivan Renesto. Course description and objectives. Audience. Prerequisites. Duration

Digital imaging or digital image acquisition is the creation of digital images, typically from a physical scene. The term is often assumed to imply

Digital Imaging and Image Editing

How is Information Stored

Introduction to Photography

PENGENALAN TEKNIK TELEKOMUNIKASI CLO

Factors to Consider When Choosing a File Type

Elements of Design. Basic Concepts

Vector VS Pixels Introduction to Adobe Photoshop

Digital Images. Digital Images. Digital Images fall into two main categories

Sampling Rate = Resolution Quantization Level = Color Depth = Bit Depth = Number of Colors

Graphics for Web. Desain Web Sistem Informasi PTIIK UB

Fundamentals of Multimedia

Diploma in Photoshop

Working with Photos. Lesson 7 / Draft 20 Sept 2003

Welcome to Photoshop CS

Commercial Art 1 Photoshop Study Guide. 8) How is on-screen image resolution measured? PPI - Pixels Per Inch

ITP 140 Mobile App Technologies. Colors Images Icons

Color, Resolution, & Other Image Essentials

The BIOS in many personal computers stores the date and time in BCD. M-Mushtaq Hussain

Adobe Fireworks CS4 Kalamazoo Valley Community College February 25, 2010

Digital Imaging - Photoshop

Coreldraw Crash Course

A raster image uses a grid of individual pixels where each pixel can be a different color or shade. Raster images are composed of pixels.

Raster Image File Formats

What is real? What is art?

Corporate Identity Quick Reference Guide

raw format format for capturing maximum continuous-tone color information. It preserves all information when photograph was taken.

Computers & Philately Overview

15110 Principles of Computing, Carnegie Mellon University

Chapter 3 Graphics and Image Data Representations

IMAGE SIZING AND RESOLUTION. MyGraphicsLab: Adobe Photoshop CS6 ACA Certification Preparation for Visual Communication

Computer Science 121. Scientific Computing Chapter 12 Images

Digital Files File Format Storage Color Temperature

For all question related to Photoshop that we cannot address in class, start by looking at the excellent Photoshop help: Help > Photoshop Help.

Images and Colour COSC342. Lecture 2 2 March 2015

TEST INFORMATION: 40 questions 50 minutes 70% minimum required to pass. Score is based on a 1000 pt system so passing will be a 700.

Scientific Imaging Wednesday, February 01, 2017 Basics of Photoshop

A Handy Guide to Image Resolutions in Print Design

Computer Graphics. Rendering. Rendering 3D. Images & Color. Scena 3D rendering image. Human Visual System: the retina. Human Visual System

Image is a spatial representation of an object or a scene. (image of a person, place, object)

Bitmap Vs Vector Graphics Web-safe Colours Image compression Web graphics formats Anti-aliasing Dithering & Banding Image issues for the Web

PB Works e-portfolio Optimizing Photographs using Paintshop Pro 9

Using Adobe Photoshop

INTRODUCTION TO COMPUTER GRAPHICS

In Photoshop you can change the size of an image by going to:

Introduction to Multimedia Computing

4/9/2015. Simple Graphics and Image Processing. Simple Graphics. Overview of Turtle Graphics (continued) Overview of Turtle Graphics

Introduction to Color Theory

3. When you import the scanner for the first time make sure you change it from Full Auto Mode to that of Professional Mode.

Image Perception & 2D Images

15110 Principles of Computing, Carnegie Mellon University

CGT 211 Sampling and File Formats

WordPress Users Group Manchester, NH July 13, Preparing Images for the Web. Daryl Johnson SvenGrafik

Multimedia. Graphics and Image Data Representations (Part 2)

PHOTO 11: INTRODUCTION TO DIGITAL IMAGING

GETTING STARTED. 0 P a g e B a s i c s o f A d o b e P h o t o s h o p A g a P r i v a t e I n s t i t u t e f o r c o m p u t e r s c i e n c e

UNIT 7C Data Representation: Images and Sound Principles of Computing, Carnegie Mellon University CORTINA/GUNA

HAJEA Photojournalism Units : I-V

Lecture #2: Digital Images

Slide Scanning Converting Your Film Photographs to Digital. Presentation to UCHUG - 8/06/08 G. Skalka

Transcription:

BMMB 597D - Practical Data Analysis for Life Scientists Week 13 -Lecture 25 István Albert Huck Institutes for the Life Sciences

Image analysis All lines are actually straight

Extremely simple text formats Images specified as text files PBM portable bit map (monochrome) PPM portable pixel map (color) No operating system can visualize them by default you ll need to install software that can do it PaintShop, PhotoShop, Gimp, IvanViewetc

PBM portable bit map Search for the formats and read about the various fields: magic number, info, width and height, bit values

PPM -portable pixel map Search for the formats and read about the various fields: magic number, info, width and height, number of colors, color triplets

The images contained in the previous slides The PBM example The PPM example

When do we use simple formats Very simple visualizations of small rectangular images Usually magnified so that each pixel corresponds to a square and represents some information For anything more complicated use the Python Imaging Library

Sending Greg to exotic locations Images from: Software Carpentry http://software-carpentry.org/ by Greg Wilson

The python imaging library

The mode restrictswhat operations may be performed on an image

Lossyand lossless formats Each format is optimized for some purpose, usually a tradeoff between file sizeand color accuracy Lossycompression is meant to be looked at by humans allows for small imperfections produces a very small file With lossycompression each time the file is saved the image gets worse! (JPG most of your photos are stored in JPG)

Common formats TIFF Tagged Image File Format very large number of modes highest color depth less efficient compression too many variants PNG Portable Network Graphics - multiple modes - efficient filesize limited color depth GIF Graphics Interchange Format -only 256 colors -very small files, very limited color depth JPG Joint Photographic Experts Group lossy compression, limited color depth for single channel

Convert to other image formats

Crop parts of an image

Resize, rotate images

Creating a new image

Full coverage with thumbnail images

The outputs of the last two programs

Image modes

RGB colors Additive color model Red, Green, and Bluelight are added together to reproduce a broad array of colors. Often represented as triplets ranging from (0.0, 1.0) or (0, 255) (0, 0, 0) black (255, 0, 0) red (0, 0, 255) blue (255, 255, 0) yellow (255, 255, 255) white (100, 100, 100), (200, 200, 200) grey of different hues

Let s get the data for the image

Changing the blue channel

Change the color when the blue dominates

Swap the color with another image

Oops. Homework: do a little better than this

Tip: investigate the colors around his shirt

BMMB 597D - Practical Data Analysis for Life Scientists Week 13 -Lecture 26 István Albert Huck Institutes for the Life Sciences

Channel Operations

Project structure: Project reminder Obtain the data of interest Describe the properties of your data Write program(s) that operate on your data Generate a report and/or plots for your results Deadline: Thursday - December 10

Image modes

Sample images green/red dyes green red

Check image mode and data

Correction: noticed only after printing the slides P mode is palette its is not a color is the index of the color in the palette! We need to convert the image to a luminosity mode, in each example add: im= im.convert( L ) It still works with P, and thus went unnoticed because the palette contains the luminosities in the correct increasing order

Histogram of values

HW: Improve the histogram that is dominated by low values(black) Homework 1: filter the low color values and plot the new histogram. How many data points do you have before and after filtering?

Inverting the image Channel operations: ImageChops

The inverted images that we wish to compare green.png red.png

HW: Improve the inverted histogram Homework 2: do the same task as in Homework 1 but now on the inverted image

Absoluteimage differences newpixel= abs(pixel1 pixel2)

Absolute difference

Subtract relative differences out = (image1 -image2) / scale + offset

Subtracting images red -green green -red

HW: Improve the histogram for the subtracted images: green - red Homework 3: do the same task as in Homework 1 but now on the subtracted image

Image filters

Minfilter-Maxfilter MinFilter strengthens low values, MaxFilter strengthens high values

Image stats module

Many image processing modules that we have not covered search for: python PIL

Other filters

Image chops reference 1

Image chops reference 2

HW4: optional homework for extra credit generate an image by applying a number of channel operations