Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Photoshop Domain 5: Publishing Digital Images Using Adobe Photoshop CS5 Adobe Creative Suite.

Slides:



Advertisements
Similar presentations
Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Dreamweaver Domain 2 KellerAdobe CS5 ACA Certification Prep Dreamweaver Domain 2: Planning.
Advertisements

Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Flash Domain 1: Setting Project Requirements Adobe Creative Suite 5 ACA Certification Preparation:
Adobe Flash CS4 – Illustrated Unit E: Optimizing and Publishing a Movie.
© 2011 Delmar, Cengage Learning Chapter 13 Preparing Graphics for the Web.
Adobe Photoshop CS Design Professional FOR THE WEB CREATING IMAGES.
Chapter 17 Creating Images for the Web. Chapter Lessons Learn about Web features Optimize images for Web use Create a button for a Web page Create slices.
Pasewark & Pasewark 1 Word Lesson 7 Working with Documents Microsoft Office 2007: Introductory.
Word Lesson 7 Working with Documents
Multimedia for the Web: Creating Digital Excitement Multimedia Element -- Graphics.
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.
Adobe Photoshop CS Design Professional ADOBE PHOTOSHOP CS GETTING STARTED WITH.
ETT 429 Spring 2007 Digital Photography/Scanners.
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.
Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Dreamweaver Domain 1 KellerAdobe CS5 ACA Certification Prep Dreamweaver Domain 1: Setting Project.
Photoshop: Designing Graphics for the Web Christine Vucinich & Vicki Weidler ITS Training Services 224 B Computer Building University Park, PA 16802
© 2010 Delmar, Cengage Learning Chapter 6: Preparing and Publishing Movies.
Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Dreamweaver Domain 5: Organizing Content by Using Dreamweaver CS5 Adobe Creative Suite 5 ACA.
Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Dreamweaver Domain 4 KellerAdobe CS5 ACA Certification Prep Dreamweaver Domain 4: Adding Content.
Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Flash Domain 2 KellerAdobe CS5 ACA Certification Prep Flash Domain 2: Identifying Rich Media.
Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Photoshop Domain 4: Manipulating Images Using Adobe Photoshop CS5 Adobe Creative Suite 5 ACA.
Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Photoshop Domain 3: Understanding Adobe Photoshop CS 5 Adobe Creative Suite 5 ACA Certification.
MIS 208 Fundamentals of Web Publishing Week 6 Performance Editing Graphics Imagemaps.
Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Photoshop Domain 2: Identifying Design Elements When Preparing Images Adobe Creative Suite.
Adobe Bridge Image management system. Used by Photographers to…  Browse, view and organize photos  Import images and batch rename  Organize images.
Chapter 1 Review Images Links Images II Pictures and Extensions.
Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Dreamweaver Domain 6 KellerAdobe CS5 ACA Certification Prep Dreamweaver Domain 6: Evaluating.
The Web Collection, Revealed MACROMEDIA STUDIO 8 INTEGRATING.
Day 4.  Assignment 1 Due  Assignment 2 Posted Assignment 2 Posted  Due Feb 9:35 AM  3 8:30 AM  Today we will look at creating and using.
Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Flash Domain 3: Understanding the Adobe Flash Professional CS5 Interface Adobe Creative Suite.
Chapter 6 Publishing to the iPad. Installing Software for Working with the iPad When you create layout in InDesign, you can use the Adobe Content Viewer.
CIS 205—Web Design & Development Fireworks Chapter 1.
Section 8.1 Create a custom theme Design a color scheme Use shared borders Section 8.2 Identify types of graphics Identify and compare graphic formats.
Adobe Photoshop CS3 Revealed – Chapter 16 FOR THE WEB CREATING IMAGES.
COS 125 Day 4. Agenda Assignment 1 Due Assignment 2 Posted –Due Feb 9:35 AM Today we will look at creating and using images Examples –
Editing Graphics Effects and Improvements. Editing Graphics Graphics editors have features for changing the sizes of images as well as their colors and.
Adobe Photoshop CS5 – Illustrated Unit A: Getting Started with Photoshop CS5.
Chapter 12 Web Publishing. Goals Become an image optimization master Get a handle on Web file formats, including SVG and SWF Learn about Web image color.
Unit A Getting Started with Adobe Photoshop. What is Adobe Photoshop? Adobe Photoshop delivers powerful, industry-standard image-editing tools for designers.
Adobe photoshop digital image making. the basics Adobe PhotoShop is an image-editing program that lets you create and edit digital images. ◦PhotoShop.
Page Design Issues IWM 14 Information Services for the Web.
CSC/FAR 020, Computer Graphics, March 25, 2010 Dr. Dale E. Parson Outline for week 9, class 2 Exporting Files.
Editing Images for the Web. Optimization/Compression Graphics optimization is important for fast web page display.
PART 2 – Size, Display, Color Modes. Image Size Courtesy of Digital images are made up of pixels (picture elements),
Chapter 1 Getting Started with Adobe Photoshop CS4.
Introduction to Images & Graphics JMA260. Objectives Images introduction Photoshop.
WRA 210: 10/7/13 IMAGES. TODAY’S AGENDA Reminder about Module 8 - test your links!Module 8 Overview of hierarchies, naming How images work on the web.
Introducing Dreamweaver. Dreamweaver The web development application used to create web pages Part of the Adobe creative suite.
WEB GRAPHICS EXPLORING COMPUTER SCIENCE - LESSON 3-4.
Digigital Fundamentals! Week 2,. Adobe Photoshop CS3 Photoshop Tools.
Adobe Photoshop CS4 – Illustrated Unit A: Getting Started with Photoshop CS4.
Adobe Flash Professional CS5 – Illustrated Unit E: Optimizing and Publishing a Movie.
Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Photoshop Domain 2: Identifying Design Elements When Preparing Images Adobe Creative Suite.
Photoshop CS6 – Nelson Unit 3: Photoshop CS6. Objectives Define photo editing software Start Photoshop and view the workspace Use the Zoom tool and the.
Section 8.1 Section 8.2 Create a custom theme Design a color scheme
Exploring Computer Science - Lesson 3-4
Getting Started with Adobe Photoshop CS6
Exploring Computer Science - Lesson 3-4
Digital Photo editing with Photoshop
Chapter Lessons Start Adobe Photoshop CS
Exploring Computer Science - Lesson 3-4
A computer display is made up of small squares, called pixels.
IMAGE SIZE AND RESOLUTION
Saving Images from Fireworks
Chapter 2 Adding Web Pages, Links, and Images
Adobe Visual Design 5.00 Apply procedures to publish digital images using Adobe Photoshop (2%) Apply procedures to publish illustrations using Adobe.
PRODUCTION PHASES CHANGES
VISUAL COMMUNICATION USING ADOBE PHOTOSHOP CREATIVE SUITE 5
VISUAL COMMUNICATION USING ADOBE PHOTOSHOP CREATIVE SUITE 5
CSC/FAR 020, Computer Graphics, November 9, 2009
The Web Collection Standard CS3 Revealed
Presentation transcript:

Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Photoshop Domain 5: Publishing Digital Images Using Adobe Photoshop CS5 Adobe Creative Suite 5 ACA Certification Preparation: Featuring Dreamweaver, Flash, and Photoshop 111

Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Objectives Demonstrate knowledge of preparing images for web, print, and video. 222

Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Vocabulary Algorithm Dithering Drawers Indexing Optimize (optimizing) Pixel aspect ratio Resolution dependent Safe zones 333

Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Domain 5.0 Publishing Digital Images Using Adobe Photoshop CS5 The final domain for Visual Communicationexplores preparing images for use in web,print, and video. The final domain for Visual Communication explores preparing images for use in web, print, and video. 444

Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Objective 5.1 Demonstrate Knowledge of Preparing Images for Web, Print, and Video When preparing an image to be viewed over the Internet, finding the balance between image quality and image file size is known as optimizing. Photoshop provides tools to help you prepare your images to be displayed on the web, whether you want to simply prepare images, create navigation, design animation elements, build an entire web page, or generate a web gallery. 555

Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Objective 5.1 Demonstrate Knowledge of Preparing Images for Web, Print, and Video (Continued) File Format and Image Size An image’s dimensions include the image size in pixels and the resolution. When saving from Photoshop, you save your image to a bitmap format such as GIF, JPEG, or PNG, which are resolution dependent. Resolution dependent means that the quality of the image may be affected by the resolution of the computer display. 666

Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Objective 5.1 Demonstrate Knowledge of Preparing Images for Web, Print, and Video (Continued) File Format and Image Size (Continued) 777

Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Objective 5.1 Demonstrate Knowledge of Preparing Images for Web, Print, and Video (Continued) File Format and Image Size (Continued) You can adjust an image’s pixel dimensions and resolution in the Image Size dialog box. 888

Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Objective 5.1 Demonstrate Knowledge of Preparing Images for Web, Print, and Video (Continued) File Format and Image Size (Continued) The Save for Web & Devices dialog box allows you to preview the image file size, quality, and file format as you optimize it for the web or a mobile device. 999

Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Objective 5.1 Demonstrate Knowledge of Preparing Images for Web, Print, and Video (Continued) File Format and Image Size (Continued) When saving a file in the GIF or PNG file format, you can reduce file size by removing colors from the index, in a process known as indexing. An algorithm is a set of well-defined instructions used to perform a task. The Color Table algorithms include Perceptual, Selective, Adaptive, and Restrictive. 10

Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Objective 5.1 Demonstrate Knowledge of Preparing Images for Web, Print, and Video (Continued) File Format and Image Size (Continued) The Restrictive algorithm creates colors based on creating a color palette that only includes colors and shades of color that can be displayed on monitors displaying 256 colors. 11

Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Objective 5.1 Demonstrate Knowledge of Preparing Images for Web, Print, and Video (Continued) File Format and Image Size (Continued) When creating a transparent image in the GIF file format, you can apply a matte color to eliminate an edge halo. Dithering lessens the appearance of random noise in your image that may occur when working with transparency by creating dots of color along the edge of the image. The PNG-24 file format supports transparency without the need of applying a matte color or using transparency dithering. 12

Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Objective 5.1 Demonstrate Knowledge of Preparing Images for Web, Print, and Video (Continued) Web Photo Gallery A web photo gallery is a collection of images that can be viewed as a slide show with or without thumbnails, or as a collection of individual images that link to the full size image. 13

Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Objective 5.1 Demonstrate Knowledge of Preparing Images for Web, Print, and Video (Continued) Printing Images Before printing an image, it is important to verify the size, file format, resolution, and color, just as you do when preparing an image for the web. 14

Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Objective 5.1 Demonstrate Knowledge of Preparing Images for Web, Print, and Video (Continued) Printing Images (Continued) In the Print dialog box, the Print Settings button opens the Printer Properties for the selected printer, where you can specify paper size, source, and page orientation. 15

Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Objective 5.1 Demonstrate Knowledge of Preparing Images for Web, Print, and Video (Continued) Saving for Video When preparing a document for use in a video, it is important to verify file size, dimension, and file format. 16

Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Objective 5.1 Demonstrate Knowledge of Preparing Images for Web, Print, and Video (Continued) Saving for Video (Continued) You should prepare your images properly before using them in a video-editing application, such as Adobe Premiere Pro or After Effects. Set the pixel dimensions to the same resolution you use in the video-editing application. If you plan to scale the image, set the image dimensions to the largest size the image will be in the video project. Crop the parts of the image that you do not want to be visible in your video project. 17

Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Objective 5.1 Demonstrate Knowledge of Preparing Images for Web, Print, and Video (Continued) Saving for Video (Continued) A pixel aspect ratio is the width to height ratio of a single pixel in a digital image. Viewing area safe zones, or margins, are designed to ensure that certain content is not missed when played on television screens. The safe zone consists of two areas: the title- safe zone and the action-safe zone. 18

Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Objective 5.1 Demonstrate Knowledge of Preparing Images for Web, Print, and Video (Continued) Saving for Video (Continued) The Actions panel has an action titled Title Safe Overlay; this action creates a title-safe overlay that displays title- safe and action- safe boundaries. 19

Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Summary 5.1 Demonstrate knowledge of preparing images for web, print, and video. 20