Designing Your Clock.

Slides:



Advertisements
Similar presentations
Pixels and Digital Images Yrd. Doc. Dr. Ahmet Sayar Kocaeli Universitesi Bilgisayar Muhendisligi Ileri Bilgisayar Grafikleri.
Advertisements

How to find and process Internet Graphics for Classroom Use.
Introduction to Computer Graphics Raster Vs. Vector COMMUNICATION TECHNOLOGY.
L.Ghadah R. Hadba CT1514-L1.  Computer Graphics :refers to processing of creating a new image from Geometry, Lighting parameters, Materials and Textures.Using.
Raster Graphics vs. Vector Graphics
Graphics Ms. Brewer Fall Please obtain your folder…check out your quiz from yesterday, ask me any questions, then I will collect them. 2.Head.
Introduction to Multimedia
Digital Still Images ETT June Multimedia Assets Still Images Audio Video.
WHAT IS SVG?. SVG stands for Scalable Vector Graphics SVG is used to define vector-based graphics for the Web SVG defines the graphics in XML format SVG.
Desktop Publishing Carnegie-Mellon University Spring 2001 Dave Watterson Art Director, GATF
Image Representation CS105. Data Representation Text representation – ASCII character set – Unicode – Data compression Images!
8.2 PICTURE IT Graphic Types and Their Uses. What Are Graphics?  Graphics are pictures/images  They could be images taken on a digital camera or scanned.
How Images are Represented Bitmap images (Dots used to draw the image) Monochrome images 8 bit grey scale images 24 bit colour Colour lookup tables Vector.
Raster vs Vector and Image Resolution By Josh Gallagan.
Fonts Typeface Typography. Leading Spacing between lines.
Graphic Images 101. Painted on a grid Drawn mathematically.
Minard Saladino By:. Introduction: Illustrator is a vector-based imaging program. Unlike PhotoShop, which deals in pixels (raster images), this one deals.
CS 1308 Computer Literacy and the Internet. Creating Digital Pictures  A traditional photograph is an analog representation of an image.  Digitizing.
Images and the Web web graphics. web graphics: constraints Due to the constraints imposed by varying degrees of Internet bandwidth, designing images for.
Digital Imaging Utah State University Extension Eric Hawley.
Paint Shop Pro and the Web Rick Matthews Dept. of Physics, Wake Forest University And The International Center for Computer Enhanced Learning
Online News Graphics and Flash. Why use graphics 1. Attract attention Large pictures attract attention better than small ones Suitable for covers in print,
Form Shape Color Texture Space
Web Image Basics Comp 140 December 2. Vector Graphics Can be repositioned or resized – Will not diminish output quality Typically stored in AI, EPS, PICT.
+ 5 Things you need to know about images* *Images for the web.
Designing Your Clock Face. Objectives STUDENTS WILL BE ABLE TO: 1.Explain the differences between RASTER and VECTOR graphics. 2.List at least two examples.
Photoshop Photoshop works with bitmapped, digitized images (that is, continuous-tone images that have been converted into a series of small squares, or.
2D Graphics Theory & Principles. Single Point Smallest addressable area on screen or digital image.
Raster vs Vector Graphics And Other Digital Terms.
Introduction to Scanning. © 2005 Macromedia, Inc. 2 Overview of Scanning Four key steps  Plan  Capture  Edit  Save.
Exploring Web Design Chapter 1. Objectives Develop a new perspective of the WWW Learn what makes a website good or bad Discover how to apply objective.
Glencoe Introduction to Web Design Chapter 8 Web Graphics 1 A bitmap file format that is used by scanners and graphics programs for use in print.
21 st Century Technology. Painting Uses Pixels Quality of image Changes Drawing Uses Vectors or Lines Quality of Image Does NOT Change.
Digital Graphics for Computer Games Pixels Types of Digital Graphics (Raster and Vector) Compression.
Flash Vector vs. Raster. Vector vs. Rastor Vector –Made up of points and vectors –Scalable –Low file size –Can appear smooth Rastor –Pixels of color –Scaling.
1 Perception and VR MONT 104S, Fall 2008 Lecture 20 Computer Graphics and VR.
Introduction to the Computer Graphics Anton V. Kudinov, Assistant professor of Computer Engineering Department.
Raster vs. Vector 2.02 Understand Digital Vector Graphics.
Ms Taylor. L.I. 1.I will learn about Vector and Raster graphics 2.I will learn about the advantages and disadvantages of both types of graphics 3.I will.
Graphics and Image Data Representations 1. Q1 How images are represented in a computer system? 2.
Lesson 9: Web Graphics. Objectives Distinguish between vector and raster graphic types Identify and choose appropriate image file formats, including browser-compatibility.
Digital Basics Quiz Preparation. Basic Digital Image Concepts Aliasing & Anti‐aliasing Resolution Compression Raster & Vector Color mode & Image mode.
Part – 3 : HTML 5 SVG Tag. † SVG stands for Scalable Vector Graphics. † SVG is used to define vector-based graphics for the Web. † SVG defines the graphics.
File Formats Different applications (programs) store data in different formats. Applications support some file formats and not others. Open…, Save…, Save.
Multimedia Subject: Informatics of Technology II year
Common Bitmap Image File Types
How to get the best results from your website and images.
Higher Graphic Communication
Introduction to Graphics
What is SVG?.
Chapter 4: Scalable Vector Graphics (SVG)
Scalable vector graphics
How to Convert Pictures into Numbers
RESEARCH AND APPLY GRAPHIC DESIGN TECHNIQUES #3
Higher Graphic Communication
Bitmap vs. Vector.
Images and PowerPoint Scanners usually try to save an image as a TIF or Bitmap Don’t use .bmp, or .tif files in PowerPoint They are too big They will make.
Chapter 3:- Graphics Eyad Alshareef Eyad Alshareef.
LET’S LEARN ABOUT GRAPHICS!
Some terms to become familiar with:
Digital Images.
ImageEditing Understanding Image Resolution.
6th Lecture – Rectangles and Regions, and intro to Bitmap Images
Graphics (Characteristics 1)
SCANNING FUNDAMENTALS
MOBILE DISPLAY TECHNOLOGIES
Digital Image Creation & Editing
Fourth Year – Software Engineering
High resolution vs low resolution images (sharp vs pixelated)
What is SVG?.
Presentation transcript:

Designing Your Clock

Constraints Maximum of 10”x10” (front, back) Must have openings to view the gears Must have at least 3 personalized elements Must have a seconds hand Driving gear must have 30T Must be themed Pendulum length must be 6.79” Must be gravity driven Must be pendulum regulated/controlled Must keep time for at least 30s Accuracy must be at least to within ± 2s

Use these constraints to find Gear Ratio Must have a seconds hand Driving gear must have 30T Pendulum length must be 6.79” Remember: 𝑃=2𝜋 𝐿 𝑔 𝑊 𝑜𝑢𝑡 = 𝑊 𝑖𝑛 𝐺𝑅

Raster vs. Vector Raster Images Vector Images Array of pixels of various colors Loses quality when scaled up to larger sizes Good at displaying large numbers of colors Large file size Formats: JPG, BMP, GIF, TIF, etc. Collection of lines/curves with starting and ending points that have color and thickness Scalable without losing quality Poor at displaying large numbers of colors Small file size Formats: SVG, CGM

1. Choose an Image to Engrave Characteristics of a Good Engraving: High contrast High resolution (300 x 300 pixels or better) Should look good in B&W Minimize shaded regions with no information content Everything that has color will be engraved. Engraving takes a lot of time!!! Choose your images to minimize time as best you can… Excellent – Very strong contrast; good resolution; already in B&W; all dark areas carry information Good – Very strong contrast; high resolution; in B&W; large shaded region with minimal information content Poor – Contrast is only between light & dark colors; good resolution; too much informational content 500x518 px 1080x546 px 1200x1011px

Order the images below from best to worst… 2. 3. 1. 4. 5. 6.

Order the images below from best to worst… 4. 6. 3. 1. 5. 2.

Google Image Search Tools: Color

Google Image Search Tools: Type

Designing Your Clock: The Narrative

Tell me a story… Your clock should be more than a work of engineering… It should have a theme; It should tell a story.

Tell me a story…

Tell me a story…

Tell me a story…

Tell me a story…