Figures & Axes, Printing & Saving. Outline Announcements –Homework I due Wed. 5PM by e-mail –No lecture on Fri. 10/26, rescheduled to Wed. 10/31 at 8AM.

Slides:



Advertisements
Similar presentations
2.01 Investigate graphic image design.
Advertisements

Graphics Vector graphics 2D only. Overview of common functions and parameters.. Drawing in Matlab. We will see how a common file format stores the information.
CHS GRAPHICS GDP UNIT 01 FILE FORMATS Understanding File Formats.
Graphics and LOGOS Bristol Community College Bristol Community College CIS 13 Business Creativity Sources: Non-Designers Design Workshop.
Graphics CS 121 Concepts of Computing II. What is a graphic? n A rectangular image. n Stored in a file of its own, or … … embedded in another data file.
MATLAB Week 3 17 November Outline Graphics – Basic plotting – Editing plots from GUI – Editing plots from m-file – Advanced plotting commands.
Statistics and Simple Plots. Outline Announcements: –Homework II: due Wed. by 5, by Cookie Challenge Statistics Simple plots Tutorial 4.
2.01 Understand Digital Raster Graphics
2.02 Understand Digital Vector Graphics
Introduction to Computer Graphics
Vector Graphics 2.02 Understand Digital Vector Graphics.
Vector A software technology that uses mathematical points based on “vectors" (information giving both magnitude and direction). Because the computer.
JRN 440 Adv. Online Journalism Vector file formats for print and projected Wednesday, 2/22/12.
Chapter 3 Survival Techniques. Goals Discover that being an Illustrator artist is more than just knowing the tools Develop a basic understanding of the.
Working with Graphics. Objectives Understand bitmap and vector graphics Place a graphic into a frame Work with the content indicator Transform frame contents.
An introduction to Plotting in MATLAB Rikard Johansson Department of Biomedical Engineering (IMT) Linköping University
Dedicated Vector and Bitmap editing software.
1 Creating Web Graphics Outline 2.1 Graphics Types 2.2 Vector Graphics 2.3Bitmapped Graphics 2.4Graphics for the Web 2.5 GIF (Graphics Interchange Format)
File Formats COM 366 Web Design & Layout. Native file format –Format native to software program –.psd > PhotoShop default Preserves layers –Use “Save.
JRN 302: Introduction to Graphics and Visual Communication - Raster and Vector Files Tuesday, 9/8/15.
Basic Knowledge of Web creation. Computer graphic knowledge Graphic file has 2 types Raster Graphic A bitmap or raster image are comprised of pixels in.
SOFTWARE TYPES Word processing Page layout Paint Draw.
Adobe Illustrator CS? Is a graphic design software - it is the industry's premier vector- drawing environment for creating graphics that scale across media.
Computational Methods of Scientific Programming Lecturers Thomas A Herring, Room , Chris Hill, Room ,
Chapter 9 Fireworks: Part I The Web Warrior Guide to Web Design Technologies.
File Formats Different applications (programs) store data in different formats. Applications support some file formats and not others. Open…, Save…, Save.
ADOBE PHOTOSHOP VECTOR VS RASTER. Pixel A pixel is the fundamental unit of an image in Photoshop. It is a small square block of color. An image often.
Statistics and Simple Plots. Outline Announcements: –Homework II: due Today. by 5, by Statistics Simple plots.
Outline Announcements –Homework I due Wed. 5PM by Subject: CIS 402 Homework 1 Plain text Not allowed to use errorbar Try to do plotCI without looking.
2D Graphics Theory & Principles. Single Point Smallest addressable area on screen or digital image.
File Formats and Vector Graphics. File Types Images and data are stored in files. Each software application uses different native file types and file.
Vector vs. Raster Objectives:
Introduction to MATLAB Session 5 Simopekka Vänskä, THL 2010.
Chapter 3 Image Files © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,
Aim: What is Adobe Illustrator?. Adobe Illustrator is a vector based drawing program.
GDP-1 Understanding File Formats. Native format Is it possible to open a.wmv or a.mov file in Illustrator and edit the file? Why or why not? Can you open.
Vector vs. Raster What’s the difference between vector and raster file formats? The real difference between the two formats is how they are used.
1 Perception and VR MONT 104S, Fall 2008 Lecture 20 Computer Graphics and VR.
Handle Graphics and 1D Primitives Some Handel graphics.
Raster vs. Vector 2.02 Understand Digital Vector Graphics.
Figures & Axes, Printing & Saving. Outline Announcements –Homework I on web, due Wed. 5PM by –No lecture on Fri. 10/26, rescheduled to Wed. 10/31.
Computational Methods of Scientific Programming Lecturers Thomas A Herring, Room , Chris Hill, Room ,
Vector Graphics 2.02 Understand Digital Vector Graphics.
Beginning Programming for Engineers Animation. Special matrix functions >> clear >> ones(2,3) >> zeros(3,5) >> ones(2) >> zeros(3) >> eye(4) >> magic(4)
ITEC2110, Digital Media Chapter 2 Fundamentals of Digital Imaging 1 GGC -- ITEC Digital Media.
Figures & Axes, Printing & Saving. Outline Announcements –Homework I on web, due Wed. 5PM by e- mail A word on HWI and cookies What happens when you plot.
2.02 Understand Digital Vector Graphics
2.01 Understand Digital Raster Graphics
2.01 Understand Digital Raster Graphics
Vector (Shapes) vs. Raster (Pixels)
2.02 Understand Digital Vector Graphics
2.01 Investigate graphic image design.
2.02 Understand Digital Vector Graphics
Introduction to Graphics
2.01 Understand Digital Raster Graphics
Introduction to raster graphics
Bitmap vs. Vector.
2.02 Understand Digital Vector Graphics
Chapter 3:- Graphics Eyad Alshareef Eyad Alshareef.
Introduction to Computer Graphics
2.02 Understand Digital Vector Graphics
2.01 Investigate graphic image design.
1.01 Investigate graphic types and file formats.
2.01 Understand Digital Raster Graphics
2.01 Understand Digital Raster Graphics
Vector (Shapes) vs. Raster (Pixels)
2.01 Investigate graphic image design.
2.02 Understand Digital Vector Graphics
2.02 Understand Digital Vector Graphics
2.02 Understand Digital Vector Graphics
Presentation transcript:

Figures & Axes, Printing & Saving

Outline Announcements –Homework I due Wed. 5PM by –No lecture on Fri. 10/26, rescheduled to Wed. 10/31 at 8AM (free caffeine & carbohydrates) Printing and saving Summary so far More 1D functions bar: 1D function, 2D objects

Printing and Saving Can save figure to a.fig file from the GUI –Opening the file (from GUI) will recreate the figure –The figure will contain same objects as before can add to the figure or edit objects Print through GUI or command line –print by itself will send gcf to default printer

Can save figures to several standard graphics formats using print –print -djpeg fname.jpg will save gcf to a JPEG file JPEG (Joint Photographic Experts Group) file is a standard raster file a raster file is a matrix of pixels This means that they have a fixed resolution –if you blow up a JPEG, the quality will decline (you will begin to see the pixels –can controll the resolution using -r JPEGs are extremely portable (can view them in a web browser) and compact Good if your figure is very complex (lots of 2D objects and color) Exporting graphics

–print -depsc fname.eps will save gcf to an EPS file EPS (encapsulated post script) is standard format for saving vector graphics Vector graphics are made up of mathematical objects-- lines, Bezier curves, polygons, text. The objects have properties such as line weights, fonts, & colors Because the objects are represented mathematically, EPS files can be scaled without loosing resolution They are less portable than JPEGs (need special software like Illustrator, or ghostscript) However, you can edit the file easily Exporting Graphics

Handle Graphics Summary We’ve only learned about 3 graphics objects But, we now know how Matlab’s graphics are organized and how to manipulate them: FIGURE GUIAXES TEXTLINE get(gca,’parent’) gca get(gca,’children’)

Handle Graphics Summary Objects have properties (like fields in a database or a Java object) Each object has a handle (like a name or pointer) We can use the handle to examine properties and change them using set and get Other objects have new properties, but how we work with them is the same typeline color[0 0 1] markernone linestyle: handle=h

A Demonstration To prove that we understand handle graphics, I will show some specialized 1D plots, and we will try to figure out how they are implemented in Matlab For each one, we will answer: –What objects are created? –What are their properties?

Demo NameDescrip.Objects CreatedProperties spymatrix structure figure, axes, lineaxes: ydir=reverse line:marker=‘.’ semilogyLog-scalefigure, axes, lineaxes: yscale=log polarpolar coordinates figure, axes, line, (patch, line, text) axes: visibility=off plotyyplot against 2 y-scales figure, 2x(axes,line) axes2:yaxislocation =right, color=none barbar plotsfigure, axes, patchpatch: facecolor=‘b’

What about bar? bar represents a 1D function using 2D objects--rectangles the rectangles are represented in Matlab as a patch object –Patches are polygons –Patches can have complicated colors –Patches (or related surface objects) are used by all higher-order functions

Key properties of patch objects edgecolor--color of the edges facecolor--color inside the the patch Both of these can be set to a specific color (or none) Or, we can prescribe another dimension of data at each vertex and let it control the color

Drawing patches Lots of functions produce patches patch is the lowest level functioned (followed closely by fill) –patch(x,y,c)--x and y specify vertex coordinates, c controls the color –patch(X,Y,C)--Each column of X, Y, and C is a separate patch x=[0 1 0] y=[0 0 1] c=‘r’