Internet as a resource tutorial – part 1 1 3 steps, 3 different actions 1. Search content 2. Use Text 3. Use Images.

Slides:



Advertisements
Similar presentations
Unit 30- Digital Graphics THEORY P2 and D2
Advertisements

Web Design Vocab 3 PNG, JPG, GIF, MP3, MPEG.
L.Ghadah R. Hadba CT1514-L1.  Computer Graphics :refers to processing of creating a new image from Geometry, Lighting parameters, Materials and Textures.Using.
Dan Sadler Montgomery County Department of Information Systems & Telecommunications - GIS Team (DIST-GIS) Map Gallery.
Adobe Flash CS4 – Illustrated Unit E: Optimizing and Publishing a Movie.
Multimedia for the Web: Creating Digital Excitement Multimedia Element -- Graphics.
Image Processing, Illustration (Drawing), Paint Programs, and Scanning Dr. Warren C. Weber Cal Poly Pomona.
2.01 Understand Digital Raster Graphics
Guilford County SciVis V106.01
Graphics and Animation Chapter 8. 8 Graphics in Multimedia Graphics are an element that virtually all multimedia applications include.
Photoshop: Designing Graphics for the Web Christine Vucinich & Vicki Weidler ITS Training Services 224 B Computer Building University Park, PA 16802
Components Text Text--Processing Software A Word Processor is a software application that provides the user with the tools to create and edit text.
File Formats By Jack Turner. Raster (Bitmap) Raster or bitmap is a dot matrix data structure, containing columns of dots and rows, of a graphics image.
Part A Multimedia Production Rico Yu. Part A Multimedia Production Ch.1 Text Ch.2 Graphics Ch.3 Sound Ch.4 Animations Ch.5 Video.
Digital Images. Scanned or digitally captured image Image created on computer using graphics software.
Dr Jimmy Lam CAD for Fashion and Textiles
Graphic Images 101. Painted on a grid Drawn mathematically.
WEB GRAPHICS. The Pixel Computer displays are comprised of rows and columns of pixels. Pixels are indivisible. Some common screen resolutions are:, 600.
GRAPHICS/IMAGES INFSCI Source: Learning Web Design by Jennifer Niederst RobbinsJennifer Niederst Robbins Creating Images:  Scanning  Be aware.
File Formats COM 366 Web Design & Layout. Native file format –Format native to software program –.psd > PhotoShop default Preserves layers –Use “Save.
Multimedia Specification Design and Production 2012 / Semester 1 / L4 Lecturer: Dr. Nikos Gazepidis
Tutorial 6 Working with Bitmaps and Gradients, and Publishing Flash Files.
SOFTWARE TYPES Word processing Page layout Paint Draw.
Graphics and Animation Multimedia Projects Part 2.
Internet as a resource tutorial – part steps, 3 different actions 1. Search content 2. Use Text 3. Use Images.
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.
CHAPTER 4 : MULTIMEDIA DEVELOPMENT 4.2 MULTIMEDIA ELEMENTS IMAGE/graphic/picture.
Web graphics Discussion Session August 16, 2000 Discussion Session August 16, 2000.
File Formats and Vector Graphics. File Types Images and data are stored in files. Each software application uses different native file types and file.
Multimedia File FormatsGraphics JPG, GIF, TIF, PSD, WMF, BMP, PNG, RAW.
D IGITAL G RAPHICS By Katy Nicholson. W HAT ARE DIGITAL GRAPHICS ? Digital graphics are any images that are produced using software or a computer program.
Unit 1: Task 1 By Abbie Llewellyn. Vector Graphic Software (Corel Draw) Computer graphics can be classified into two different categories: raster graphics.
Graphics & Images What File Format Do I Use?. Graphics & Images …..are visual images presented on some form of media (drawings, print, web, digital video)
Chapter 3 Image Files © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,
FILE TYPES FOR WEB DESIGN 1 HOW SHOULD I SAVE?. GRAPHICS INTERCHANGE FORMAT (GIF) Best used for flat-color, sharp-edged art or text Clip art, logos Compression.
Raster Graphics 2.01 Investigate graphic image design.
Computer Graphics Unit 23 Computer Graphics. Computer Graphics Computer generated imagery can be categorized into several different types: Vector or Bitmap.
File Types. Terms Multimedia- the integration of text, sound, video and/or animation into a document Letters, brochures, newsletters, web pages or presentations.
Graphic definitions Summary of Chapter 10 of the Non-designer’s web book by Robin Williams and John Tollet. Pages ( ) Miss Mary Victor.
Image File Formats. What is an Image File Format? Image file formats are standard way of organizing and storing of image files. Image files are composed.
Graphics Concepts Presentation
Image File Formats Harrow Computer Club – Wed, 1 Dec 2010 Bob Watson MA CMath MIMA MBCS.
By Nathan Lowe.  Graphic cards are high specification cards with lots of memory and fast processors providing lots of power for the updated games or.
Graphics and Image Data Representations 1. Q1 How images are represented in a computer system? 2.
CONTENT INCLUDED IN POSTERS THAT WOULD BE DISPLAYED IN A GYM AND METHODS BY WHICH THESE POSTERS CAN BE CREATED.
2.01 Understand Digital Raster Graphics
Common Bitmap Image File Types
2.01 Understand Digital Raster Graphics
Understanding Web Graphics
Digital Illustration Chapter 6 File format.
Chapter 3 Image Files © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,
2.01 Understand Digital Raster Graphics
Introduction to raster graphics
Digital Photo editing with Photoshop
Computer Graphics Different Images File.
2.01 Investigate graphic image design.
Chapter 3 Image Files © 2017 Cengage Learning®. May not be scanned, copied or duplicated, or posted to a publicly accessible website, in whole or in part.
A computer display is made up of small squares, called pixels.
Graphics and Animation
1.01 Investigate graphic types and file formats.
Graphics Basic Concepts.
2.01 Understand Digital Raster Graphics
Photoshop: Creating and Preparing Images for the Web
2.01 Investigate graphic image design.
Final Study Guide Arts & Communications.
2.01 Understand Digital Raster Graphics
2.01 Investigate graphic image design.
Lesson 22 Graphics Software.
Graphics and Animation
2.01 Investigate graphic image design.
Presentation transcript:

Internet as a resource tutorial – part steps, 3 different actions 1. Search content 2. Use Text 3. Use Images

Internet as a resource tutorial – using images 2 Use images Technique is : Right-click Save as, file on your pc Modify (crop, resize, adjust) using a graphics editing software (e.g. Photofiltre) Save as.JPG or.GIF Insert in the document

Grahics editing software 3 A program or collection of programs that enable a person to manipulate visual images on a computer.programcomputer Computer graphics can be classified into two distinct categories: raster graphics and vector graphics. Many graphics programs focus exclusively on either vector or raster graphics, but there are a few that combine them in interesting ways. It is simple to convert from vector graphics to raster graphics, but going the other way is harder. Some software attempts to do this.raster graphicsvector graphics In addition to static graphics, there are animation and video editing software.animationvideo editing Most graphics programs have the ability to import and export one or more graphics file formats.graphics file formats

Examples of graphics editing software 4 Adobe Photoshop Paintshop Pro GIMP Photofiltre (we have it installed, easier than most) Photofiltre... There are sooo many others...

Image file formats 5 Compare different file formats here

Image file formats - GIF 6 GIFGIF - The Graphics Interchange Format is a bitmap image format introduced by CompuServe in 1987 used on the World Wide Web due to its wide support and portability. bitmapimage formatCompuServeWorld Wide Web The format supports up to 8 bits per pixel for each image, allowing a single image to reference its own palette of up to 256 different colors Supports animations and allows a separate palette of up to 256 colors for each frame. These palette limitations make the GIF format unsuitable for reproducing color photographs and other images with continuous color, but it is well-suited for simpler images such as graphics or logos with solid areas of color.8 bits per pixelanimations Compare different file formats here

Image file formats - JPG 7 JPG JPG - The term "JPEG" is an acronym for the Joint Photographic Experts Group. JPG compression algorithm is at its best on photographs and paintings of realistic scenes with smooth variations of tone and color. For web usage, where the amount of data used for an image is important, JPEG is very popular. JPEG/Exif is also the most common format saved by digital cameras.Joint Photographic Experts GroupExif TRUE COLOR LARGER SIZE THAN GIF Compare different file formats here

Image file formats - PNG 8 PNG - On small images, GIF can achieve greater compression than PNG. On most images, except for the above case, a GIF will have a larger file- size than an indexed PNG. PNG gives a much wider range of transparency options than GIF, including alpha channel transparency. Truecolor, allowing for greater color precision, smoother fades, etc. [24] alpha channelTruecolor [24] GIF intrinsically supports animated images. PNG supports animation only via unofficial extensions (see the section on animation, above).section on animation PNG images are less widely supported by older browsers. In particular, IE6 has limited support for PNG. Compare different file formats here

Image file formats 9

Photofiltre tutorials

Change and edit chart elements

Change and edit chart elements