Graphics: Production Methods, software, & Hardware

Slides:

Advertisements

Similar presentations

L.Ghadah R. Hadba CT1514-L1.  Computer Graphics :refers to processing of creating a new image from Geometry, Lighting parameters, Materials and Textures.Using.

Advertisements

Macromedia Fireworks. Understanding Fireworks What can you do in Fireworks MX? –Work with vector objects and bitmap images –Add JavaScript-enabled interactivity.

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

Nice Calm Scene. (You’ll need it.). Skills Getting files off of the camera or scanner Getting files off of the camera or scanner Archiving Archiving Choosing.

Digital Still Images ETT June Multimedia Assets Still Images Audio Video.

2.01 Understand Digital Raster Graphics

Graphic File Formats. Objectives Understand the difference between two major categories of computer graphic images Investigate the differences between.

Digital Images. Scanned or digitally captured image Image created on computer using graphics software.

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

 Scanned or digitally captured image  Image created on computer using graphics software.

Web Design, 4 th Edition 5 Typography and Images.

Graphic Images 101. Painted on a grid Drawn mathematically.

Prepared by George Holt Digital Photography BITMAP GRAPHIC ESSENTIALS.

Web Design, 5 th Edition 5 Typography and Images.

CA III Publisher Lessons 1 and 2 © 2009 M and K Solutions, LLC -- All Rights Reserved.

File Formats COM 366 Web Design & Layout. Native file format –Format native to software program –.psd > PhotoShop default Preserves layers –Use “Save.

Digital Imaging Utah State University Extension Eric Hawley.

Multimedia Specification Design and Production 2012 / Semester 1 / L4 Lecturer: Dr. Nikos Gazepidis

XP Practical PC, 3e Chapter 13 1 Working with Graphics.

Multimedia Elements –Graphics. Graphics in Multimedia Applications.

Adobe/Macromedia Fireworks JAOIT 8. Fireworks – what is it? Adobe Fireworks (formerly Macromedia Fireworks) is a bitmap and vector graphics editor. It.

Task 3 Store and Present Your Digital Entry Guidance Notes.

 Scanned or digitally captured image  Image created on computer using graphics software.

Color and Images. Color The natural colors we see and the colors we see on computer monitors are different. CMYK -natural RGB -monitor.

Adobe photoshop digital image making. the basics Adobe PhotoShop is an image-editing program that lets you create and edit digital images. ◦PhotoShop.

Raster Graphics 2.01 Investigate graphic image design.

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.

Chapter 8B Graphics and Multimedia. 8B-2 Graphic File Formats Bitmapped images –Most common image type –Also called raster images –Image is drawn using.

Task 3 Store and Present Your Digital Entry Guidance Notes.

Graphics Concepts Presentation

13 June – Session : Graphics Different types of Graphics for the web Features of image editing software Good practice for image editing.

2.01 Understand Digital Raster Graphics

© ExplorNet’s Centers for Quality Teaching and Learning 1 Objective % Understand digital graphics production methods, software, and hardware.

Understanding Images. Pixels pixels Every image is made up of very small squares called pixels, and each pixel represents a color or shade. Pixels within.

2.01 Understand Digital Raster Graphics

2.01 Understand Digital Raster Graphics

Objective % Describe digital graphics production methods.

Types of Graphics Technological Design.

Chapter 13 Working with Graphics

Pre-Production Determine the overall purpose of the project.

4 Importing Graphics Desktop Publishing: Chapter 4

2.01 Understand Digital Raster Graphics

Introduction to raster graphics

Introduction to Basic Interface of

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.

Pre-Production Determine the overall purpose of the project.

Adobe Visual Design Setting project requirements using InDesign (5%)

Adobe Visual Design 1.00 Setting project requirements using Photoshop (3%) 6.00 Setting project requirements using Illustrator (1%)

Adobe Visual Design 2.00 Identifying design elements when preparing images (10%) 7.00 Identifying design elements when preparing illustrations (1%)

Digital Images.

1.01 Investigate graphic types and file formats.

Graphics Basic Concepts.

Objective % Describe digital video production methods.

Unit 3 Digital Imaging Plan and produce computer graphics Name: Group:

2.01 Understand Digital Raster Graphics

Terms 1 Terms 2 Terms 3 Terms 4 Terms 5 1pt 1 pt 1 pt 1pt 1 pt 2 pt

Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%

Objective % Describe digital graphics production methods.

Pre-Production Determine the overall purpose of the project.

2.01 Investigate graphic image design.

2.01 Understand Digital Raster Graphics

2.01 Investigate graphic image design.

PRODUCTION PHASES CHANGES

INSTRUCTIONAL NOTES There are many similarities between Photoshop and Illustrator. We have attempted to place tools and commands in the context of where.

Objective % Describe digital video production methods.

2.01 Investigate graphic image design.

Presentation transcript:

Graphics: Production Methods, software, & Hardware Objective 103.02

3 Phases for Producing Graphics Pre-Production Define parameters of the project Preliminary decisions Define target audience Production Work in a design software to create an original digital graphic Post-Production Optimize the graphic for specific client needs

1) Pre-Production Determine the overall purpose of the project Sketch possible design ideas Arrange possible design components into a balanced and unified layout Choose an appropriate color scheme Determine specific hardware needs Computer Still Photo Camera Graphic Tablet Scanner

1) Pre-Production (continued) Determine specific software needs Paint Program Digital graphic editing program that creates and/or edits bitmap graphics (ex: Adobe Photoshop) Draw Program Digital graphic editing program that create and/or edits vector graphics (ex: Adobe Illustrator)

2) Production Import or place existing graphics onto canvas using a digital graphic editing software Draw or create original graphics Add text to the design Edit the design components and arrange them to convey intended message to the target audience

2) Production (continued) Graphic Editing Terms Opacity: adjustable feature of a layer that determines how little or how much you can see through the design component; transparency Filters: preset effects used to quickly adjust a graphic’s appearance Grids & Rulers: measuring tools used to assist in the scaling, arranging, and spacing of design components Gradient: a gradual change of color within a design component Layer Styles: preset effects applied to graphics and/or text within a design that add depth and dimension

3) Post-Production Primary use for the graphic design File size requirements File format requirements

3) Post-Production (continued) .JPEG Most common graphic format Full color (16.7 million colors) Relatively small file size .GIF Indexed color format (256 colors) Supports simple transparency layer .PNG Supports advanced transparency Relatively average file size Can be interlaced, optimizing for Internet use .TIFF Versatile graphic file type that can use a variety of color formats Works best for desktop publishing or print work .TGA Most commonly used by digital scanners; relatively large file size Full color format (16.7 million colors) .PSD Native file type to Adobe Photoshop Does not compress layers Can only be opened / edited in Photoshop