chapter 29: Creating Web Graphics

Slides:

Advertisements

Similar presentations

The Web Wizards Guide to HTML Chapter Five Working with Images.

Advertisements

Raster graphics. Colour depth 01 1 bit pr pixel = 2 combinations (2 1 ): 2 bits pr pixel = 4 combinations (2 2 ): bits pr pixel = 16 combinations(2.

Web Site Development Test 2 Working in DreamWeaver.

Multimedia for the Web: Creating Digital Excitement Multimedia Element -- Graphics.

COS 125 Day 13. Agenda Assignment 3 Due Assignment 4 Posted –Due March 24 Left to do –6 Assignments (9 total) About one per week –3 Quizzes –Capstone.

Adobe Photoshop 6 Advanced Level Course. Easy Fixes Photoshop is the best tool to fix old, torn and faded photographs, and can fix almost all flaws in.

2.01 Understand Digital Raster Graphics

Introduction to Computers Section 11A. home Types of Graphics File Bitmap Vector.

Multimedia Elements – Text and Graphics. Text in Multimedia Applications Of all multimedia elements, text is the easiest to manipulate General guidelines:

Graphic Images 101. Painted on a grid Drawn mathematically.

Web Design and Development for E-Business By Jensen J. Zhao Copyright 2003 Prentice Hall, Inc. Web Design and Development for E-Business Jensen J. Zhao.

GRAPHICS/IMAGES INFSCI Source: Learning Web Design by Jennifer Niederst RobbinsJennifer Niederst Robbins Creating Images:  Scanning  Be aware.

THE COLORS OF LIGHT RED, GREEN and BLUE

Presentation Design: Graphics. More About Color “Bit depth” of colors -- This is based on the smallest unit of information that a computer understands.

Copyright © 2003 Pearson Education, Inc. Slide 4-1 Created by, Stephanie Ludi, Rochester Institute of Technology—NY Basic Web Page Construction Graphics.

Enhancing Documents with Graphics Graphics are images that enhance a document or publication.  Clip Art, WordArt, Digital Camera, Internet, and Scanned.

HTML presentation Graphics H format H data compression H size H creating or finding H publishing.

HTML 58.51A ADDING GRAPHICS Web Graphic Formats "GIF" (graphics interchange format) JPEG (Joint Photographic Expert Group)

Multimedia Elements –Graphics. Graphics in Multimedia Applications.

Image File Types Module 4: Working with Images LESSON 5.

© Anthony J. Nowakowski, Ph.D. GRAPHICAL MEDIA EDC 601 Instructional Technologies © Anthony J. Nowakowski, Ph.D. “Graphics help to display and to clarify.

Web Graphics By Chris Harding. Contents  Software  Vector Graphics and Pixel Based  Transparent Images  Compression  GIF vs. JPEG  Animated GIF.

PowerPoint: Images Randy Graff UF HSC IT Center

Types of Graphics  Vector Individual scalable objects defined by mathematical equations  Bitmap Pixels (tiny, single-colored square) in a grid Most.

Bitmap Graphics. Bitmap Basics Bitmap Graphic Bitmap Graphic Paint Software Paint Software.

Multimedia File FormatsGraphics JPG, GIF, TIF, PSD, WMF, BMP, PNG, RAW.

Multimedia def. Many forms. Multimedia Text Hyperlinks Images Audio Animation Video Text Hyperlinks Images Audio Animation Video.

Module 4- Build a Game Understanding Pictures Compression – Making things smaller.

Raster Graphics 2.01 Investigate graphic image design.

Page Design Issues IWM 14 Information Services for the Web.

WWW, Web Design, Multimedia Winny Wang Image Types.

1 After completing this lesson, you will be able to: Comprehend the basics of Web graphics. View and manipulate Web graphics in a graphics program. Describe.

Art for New Media TO DO today: 1 - Sketchbook assignment (see next page) 2 - Animation using Photoshop - - Animation Panel > view, frames -

Lesson 9: Web Graphics. Objectives Distinguish between vector and raster graphic types Identify and choose appropriate image file formats, including browser-compatibility.

Efficient Game Graphics From Flash MX 2004 Game Design Demystified.

© 2016 Pearson Education, Inc., Hoboken, NJ. All rights reserved.

2.01 Understand Digital Raster Graphics

2.01 Understand Digital Raster Graphics

Understanding Web Graphics

Web Graphics By Chris Harding.

2.01 Understand Digital Raster Graphics

Digital Photo editing with Photoshop

"Digital Media Primer" Yue-Ling Wong, Copyright (c)2013 by Pearson Education, Inc. All rights reserved.

Multimedia Elements – Text and Graphics

Enhancing Documents with Graphics

2.01 Investigate graphic image design.

Choosing the right image format

Graphics and Animation

Graphics and Animation

Saving Images from Fireworks

1.01 Investigate graphic types and file formats.

Exercise 63 Use a Flash movie clip symbol to store an animation that you need to use more than once in an application. This is very important for keeping.

Enhancing Documents with Graphics

Saving your Animations

2.01 Understand Digital Raster Graphics

MED 2001 Advanced Media Production

Enhancing Documents with Graphics

Photoshop: Creating and Preparing Images for the Web

2.01 Investigate graphic image design.

Creating Images for the Web

2.01 Understand Digital Raster Graphics

Enhancing Documents with Graphics

2.01 Investigate graphic image design.

Enhancing Documents with Graphics

Exercise 64 Use the Flash Movie Explorer to examine the contents of an application to quickly locate specific elements such as instances. Use the Movie.

Graphics and Animation

2.01 Investigate graphic image design.

Presentation transcript:

chapter 29: Creating Web Graphics 2019-04-05

contents Graphic File Formats for the Web Progressive display and Transparency Optimizing Images for the Web Animating GIF Graphics Advanced Features of Graphics Programs Multimedia Graphics 2019-04-05

Graphic File Formats for the Web(1) * 07/16/96 Graphic File Formats for the Web(1) Using GIF Using JPEG for Color Photographs Other File Formats Getting GIFs and JPEGs - creating GIFs and JPEGs with word processor - common programs for creating GIF and JPEG files 2019-04-05 *

Graphic File Formats for the Web(2) * 07/16/96 Graphic File Formats for the Web(2) creating a GIF or JPEG image file - paint or drawn - scan a paper image - convert an exiting file to GIF/JPEG issues in convert to GIF and JPEG getting web clip art from the internet 2019-04-05 *

Special Effects: Progressive Display and Transparency(1) * 07/16/96 Special Effects: Progressive Display and Transparency(1) What is Progressive Display? What is Transparency? Setting a GIF color to be Transparent Special Effects: Progressive Display and Transparency 2019-04-05 *

Special Effects: Progressive Display and Transparency(2) Setting a GIF color to be Transparent - using Microsoft Paint - using Paint Shop Pro Avoiding or Fixing Transparency Problems Advanced Features of Graphics Programs Advanced Features of Graphics Programs- using Microsoft Paint - using Paint Shop Pro 2019-04-05

* 07/16/96 Transparency 적용 2019-04-05 *

Transparency 적용 안했을때 2019-04-05

Progressive display 2019-04-05

Optimizing Images for the Web(2) * 07/16/96 Optimizing Images for the Web(2) Optimizing for Quality - choosing color depth and palettes in GIF and JPEG -choosing between quality and control -eliminating problems with photographs in GIF -reducing mixed colors to a single color 2019-04-05 *

Animating GIF Graphics * 07/16/96 Animating GIF Graphics Creating and animating images sequences Animating with javascript::rollover 2019-04-05 *

Advanced Features of Graphics Programs Anti-Aliasing anti-aliasing 적용 비적용 Image slicing Background Tiling 2019-04-05

Advanced Features of Graphics Programs(2) Image slicing 예 2019-04-05