SC ICT Certification Level 1 12 Graphics By Ross Parker.

Slides:



Advertisements
Similar presentations
© 2011 Delmar, Cengage Learning Chapter 7 Importing and Modifying Graphics.
Advertisements

Importing and Modifying Graphics
© 2010 Delmar, Cengage Learning Chapter 7: Importing and Modifying Graphics.
SC ICT Certification Level 1 07 Spreadsheets By Ross Parker.
L.Ghadah R. Hadba CT1514-L1.  Computer Graphics :refers to processing of creating a new image from Geometry, Lighting parameters, Materials and Textures.Using.
Teach A TeacherTeach A Teacher Mac EditionMac Edition.
SC ICT Certification Level 1 02 Operating Systems By Ross Parker.
Computer SystemsComputer Systems Part 3: Issues In TechnologyPart 3: Issues In Technology.
GIMP Tutorial v2.0 Boo Virk
Foundation Level Course
SC ICT Certification Level 1 03 Computer Hardware By Ross Parker.
Graphics Overview: Using Photoshop V Computers in Principle & Practice I V
Graphics and Still Images John H. Krantz Hanover College.
Graphics in the web Digital Media: Communication and Design
Introduction to Computer Graphics
Ann Ware Digital Imaging 101. Digital Image Categories BITMAPVECTOR A bitmap is an image created with pixels (small squares of color) The number of pixels.
Photoshop: Designing Graphics for the Web Christine Vucinich & Vicki Weidler ITS Training Services 224 B Computer Building University Park, PA 16802
1 Introduction to Photoshop Or Why Paint is “yesterday’s news…”
Graphic Images 101. Painted on a grid Drawn mathematically.
SC ICT Certification Level 1 06 Word Processing By Ross Parker.
SC ICT Certification Level 1 13 Web Publishing By Ross Parker.
GIMP Image Editing. Basic Edits Cropping (cut out region) File format conversion –JPEG/PNG/GIF –Native XCF format –Supports.psd (Adobe) –Others…
Prepared by George Holt Digital Photography BITMAP GRAPHIC ESSENTIALS.
GIMP Graphic Image Manipulation Program. GIMP Image manipulation software Free Open Source Written by two students First version in 1996.
Macromedia Flash MX Design Professional MODIFYING GRAPHICS IMPORTING AND.
Computer Graphics Prepared by Dragon Lee 1 January 2003.
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.
BFTAW BDPA Workshop Introduction to GIMP Chris
BFTAW BDPA Workshop Introduction to GIMP Chris
Tutorial 6 Working with Bitmaps and Gradients, and Publishing Flash Files.
SC ICT Certification Level 1 01 Desktop Basics By Ross Parker.
THE THEORY & CONCEPTS Lesson 1 – Part 1. What is Graphic Design It’s a CREATIVE PROCESS Undertaken in order to convey a specific message/s I can’t teach.
INTRODUCTION TO PHOTOSHOP. TOPICS TO BE DISCUSSED……….  Introduction Introduction  Features Features  Work Area Work Area.
SC ICT Certification Level 1 09 What Is The Internet? By Ross Parker.
Photoshop I I450 Technology Seminar. Adobe Photoshop Illustrator Acrobat InDesign ImageReady.
SC ICT Certification Level 1 10 Using The Web By Ross Parker.
Graphics workshop Library and Information Services University of St Andrews.
I MPORTING AND M ODIFYING G RAPHICS. 1. Understand and import graphics 2. Break apart bitmaps and use bitmap fills 3. Trace bitmap graphics Objectives.
Adobe/Macromedia Fireworks JAOIT 8. Fireworks – what is it? Adobe Fireworks (formerly Macromedia Fireworks) is a bitmap and vector graphics editor. It.
Chapter 2 File Format Objectives (1 of 2) Identify the difference between vector based graphics and bitmap-based graphics Clarify bitmap and vector graphic.
Digital Imaging 101 Ann Ware. Digital Image Categories BITMAP  A vector is created by using a series of mathematically defined lines and curves rather.
Digital Imaging 101 Ann Ware
Color and Images. Color The natural colors we see and the colors we see on computer monitors are different. CMYK -natural RGB -monitor.
Magnify an image to see pixels Toolbox Document Tab Zoom Level Status Bar Document Window Panels Options Bar Menu Bar.
Adobe photoshop digital image making. the basics Adobe PhotoShop is an image-editing program that lets you create and edit digital images. ◦PhotoShop.
Computer Graphics Unit 23 Computer Graphics. Computer Graphics Computer generated imagery can be categorized into several different types: Vector or Bitmap.
Computer SystemsComputer Systems Part 2: Understanding The InternetPart 2: Understanding The Internet.
SC ICT Certification Level 1 00 Introduction By Ross Parker.
Introduction to Images & Graphics JMA260. Objectives Images introduction Photoshop.
21 st Century Technology. Painting Uses Pixels Quality of image Changes Drawing Uses Vectors or Lines Quality of Image Does NOT Change.
Digital Graphics for Computer Games Pixels Types of Digital Graphics (Raster and Vector) Compression.
HTTP transaction with Graphics HTML file + two graphics files.
Software Packages Used In Digital Graphics By Jack Turner.
CHAPTER 21: IMAGES. IMAGE SOURCES 3 options: Create your own images Find images Hire someone to make images.
Drupal A Rapid Presentation Ross Parker ICHK
13 June – Session : Graphics Different types of Graphics for the web Features of image editing software Good practice for image editing.
Efficient Game Graphics From Flash MX 2004 Game Design Demystified.
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.
Unit 1 Quiz Review INTRO TO ADOBE PHOTOSHOP. Vocabulary: Brushes & Selection Tools  POLYGONAL LASSO: Draws shape with a STRAIGHT EDGE and selects the.
Common Bitmap Image File Types
Digital Imaging 101 Ann Ware.
Introduction To Photo Editing SHIELA MAE A. AQUINO SRNHS.
RESEARCH AND APPLY GRAPHIC DESIGN TECHNIQUES #3
Graphics: Production Methods, software, & Hardware
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.
IMAGE SIZE AND RESOLUTION
MED 2001 Advanced Media Production
به نام خدا آموزش برنامه فتوشاپ ندا منقاش.
Working with Images Objectives:
Presentation transcript:

SC ICT Certification Level 1 12 Graphics By Ross Parker

Graphics Computer graphics utilise a computer’s ability to display a bitmap in order to create an image: Source: Wikimedia Commons

Bitmap vs. Vector Source: Wikimedia Commons Bitmap is the default When should we use vector?

File Types Bitmap –.tif – uncompressed (or not), pages, layers –.bmp – uncompressed –.png – compressed, lossless –.jpg – highly compressed, lossy –.gif – highly compressed, lossy, indexed –.xcf – GIMP’s format –.psd – Abode Photoshop’s format Vector –.svg – open standard –.ai – Adobe Illustrator’s format

USING THE GIMP Basic & Intermediate

The GIMP The GIMP is F/OSS for creating and editing bitmap images. Source: Wikimedia Commons

Image Size Generally rectangular Image size is expressed in pixels (px): To resize: Image > Scale Image 113 px 150 px

Crop Change size of image whilst... –Maintaining size of contents To crop: Image > Canvas Size 75 px

Layers Images can contain layers To see Layers: Windows > Layers Try the “Opacity” setting. 5-layer example

Colors RGB model represents colour as mix of: –Red –Green –Blue Each colour ranges from 0 (off) to 255 (on) HTML notation uses hexidecimal

Toolbox Select by colorSelect Lasso Move Paint fill Gradient fill Colour picker Rotate Text Pen Foreground colorBackground color Tool options

USING THE GIMP Advanced Focus (optional, not assessed)

Advanced Features Colour Curves & Balance Filters Select by colour Mask Clone Tool Healing Tool

Licensing All original work used here is licensed under the Creative Commons Attribution-Share Alike 3.0 Unported license. For more details please look at This license has been chosen to permit a high degree of sharing, whilst protecting the author’s control as to how the content is used. Please respect this license and use accordingly! Recycled and borrowed works from other sources are used under appropriate licenses, which are not affected by this license. The original source is always given. All original work created by Ross Parker (Sha Tin College, English Schools Foundation, Hong Kong), except where specified.