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
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
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.
Russell Taylor Week 3. Image File Formats - TIF, JPG, PNG, GIF - which to use? The three most common and important image file formats for for printing,
Dr Jimmy Lam CAD for Fashion and Textiles
Graphics Ms. Brewer Spring Bellwork Edmodo – log on! Quiz? Take it if you need to! Policies and Procedures Powerpoint in Shared Folder! Get to Know.
Internet as a resource tutorial – part steps, 3 different actions 1. Search content 2. Use Text 3. Use Images.
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.
Chapter 4 Adding Images. Chapter 4 Lessons Introduction 1.Insert and align images 2.Enhance an image and use alternate text 3.Insert a background image.
Tutorial 6 Working with Bitmaps and Gradients, and Publishing Flash Files.
Presentation Design: Graphics. More About Color “Bit depth” of colors -- This is based on the smallest unit of information that a computer understands.
SOFTWARE TYPES Word processing Page layout Paint Draw.
Presented by the Virginia 4-H Science and Technology Committee.
Graphics and Animation Multimedia Projects Part 2.
HTML presentation Graphics H format H data compression H size H creating or finding H publishing.
Personal productivity SW: 1  Google Apps net suite  Apache OpenOffice  Microsoft Office  Simple Integration of documents.
CHAPTER 4 : MULTIMEDIA DEVELOPMENT 4.2 MULTIMEDIA ELEMENTS IMAGE/graphic/picture.
File Formats Different applications (programs) store data in different formats. Applications support some file formats and not others. Open…, Save…, Save.
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.
Types of Graphics  Vector Individual scalable objects defined by mathematical equations  Bitmap Pixels (tiny, single-colored square) in a grid Most.
Multimedia File FormatsGraphics JPG, GIF, TIF, PSD, WMF, BMP, PNG, RAW.
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,
Project Two Adding Web Pages, Links, and Images Define and set a home page Add pages to a Web site Describe Dreamweaver's image accessibility features.
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.
Graphic definitions Summary of Chapter 10 of the Non-designer’s web book by Robin Williams and John Tollet. Pages ( ) Miss Mary Victor.
Editing Images for the Web. Optimization/Compression Graphics optimization is important for fast web page display.
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.
CHAPTER 21: IMAGES. IMAGE SOURCES 3 options: Create your own images Find images Hire someone to make images.
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
File Formats Different applications (programs) store data in different formats. Applications support some file formats and not others. Open…, Save…, Save.
2.01 Understand Digital Raster Graphics
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
2.01 Investigate graphic image design.
Graphic File Format Skill Area
Final Study Guide Arts & Communications.
2.01 Understand Digital Raster Graphics
2.01 Investigate graphic image design.
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 2 Search for information  Info must be confirmed (by other web sites) better not trust a single source  Quantitative info must come from a realible or authoritative source (someone with a good reputation, like UN, Intl Agencies, BBC,...)  Reliable sources are those quoted by other sites most often

Internet as a resource tutorial 3 Use text from web sites The technique is : select, copy (mouse operation, careful about margins) unformat (paste into “notepad” or similar editor, then reselect and copy) paste into final (i.e. Word) document

Internet as a resource tutorial – using images 4 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

5

Grahics editing software 6 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 7 Adobe Photoshop Paintshop Pro GIMP Photofiltre (we have it installed, easier than most) Photofiltre... There are sooo many others...

Image file formats 8 Compare different file formats here

Image file formats - GIF 9 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 10 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 11 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 12

Photofiltre tutorials

Images as bakground to charts

Images as bakground to charts

Images as bakground to charts

Restore Leonardo’s “Gioconda” (Monna Lisa) 17 This is a test Find and save the Monna Lisa then:Monna Lisa  Adjust colours, contrast, gamma as you think best to improve quality  Resize it so that filesize does not exceed 250k  Try special effects (B&W, pastel, oilpainting…)  Save the file/s Zip all files you created and mail them to me