CSU EXTENSION LOGOS AND GRAPHICS March 2011. CSU Extension Logos   jpg,.png,.eps,.ai.

Slides:



Advertisements
Similar presentations
CHS GRAPHICS GDP UNIT 01 FILE FORMATS Understanding File Formats.
Advertisements

L.Ghadah R. Hadba CT1514-L1.  Computer Graphics :refers to processing of creating a new image from Geometry, Lighting parameters, Materials and Textures.Using.
Droddy.  “Pixel” is short for two words: Picture and Element. Pixels (tiny squares) combine to form the image the human eye perceives Too small for the.
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.
PIXLR Free, Browser based Image Editing. Pixlr   No “e”  Free, browser based  Upload image, edit it on-line,
SVG Scalable Vector Graphics. What is SVG? SVG stands for Scalable Vector Graphics SVG is used to define vector-based graphics for the Web SVG defines.
Roger L. Runquist Western Illinois University Roger L. Runquist Western Illinois University Photoshop Basics.
2.01 Understand Digital Raster Graphics
JRN 302: Introduction to Graphics and Visual Communication - File formats, conversion Tuesday, 8/4/15.
Internet as a resource tutorial – part steps, 3 different actions 1. Search content 2. Use Text 3. Use Images.
BASIC HTML TUTORIAL Amber Brady. HTML tags are keywords surrounded by angle brackets like HTML tags normally come in pairs like and The first tag in a.
Photoshop Elements for Libraries: Preparing Your Photos To Go Online Instructor: Jeanne Moje An Infopeople Workshop Winter 2005.
File Formats COM 366 Web Design & Layout. Native file format –Format native to software program –.psd > PhotoShop default Preserves layers –Use “Save.
BFTAW BDPA Workshop Introduction to GIMP Chris
BFTAW BDPA Workshop Introduction to GIMP Chris
THE COLORS OF LIGHT RED, GREEN and BLUE
Getting the Basics Graphics for the Web McIntyre, Period 2 Kellogg, Period 5.
Foundations of Web Design I Photoshop CS5 Michael Daniel
Presented by the Virginia 4-H Science and Technology Committee.
Web Image Basics Comp 140 December 2. Vector Graphics Can be repositioned or resized – Will not diminish output quality Typically stored in AI, EPS, PICT.
Processing and Exporting Images Ivan Zhekov Telerik Web Design Course html5course.telerik.com Front-end Developer
Photoshop Elements for Libraries: Preparing Your Photos to Go Online Instructor: Jeanne Moje MacDonald An Infopeople Workshop.
GRAPHIC DESIGN – PHOTOSHOP AND FLASH Instructor: Qumber Hussain Start: 24 Aug 2009 End: 28 Sept 2009 Days/Time: Mon & Wed 1400 – AUGUST 2009 –
File Formats Different applications (programs) store data in different formats. Applications support some file formats and not others. Open…, Save…, Save.
PHOTO EDITING MAKING IMAGES WORK FOR YOU Dan Rude, Pam Akins, Dan Kaplan.
File Formats and Vector Graphics. File Types Images and data are stored in files. Each software application uses different native file types and file.
Adobe/Macromedia Fireworks JAOIT 8. Fireworks – what is it? Adobe Fireworks (formerly Macromedia Fireworks) is a bitmap and vector graphics editor. It.
D IGITAL G RAPHICS By Katy Nicholson. W HAT ARE DIGITAL GRAPHICS ? Digital graphics are any images that are produced using software or a computer program.
Vector vs. Raster Objectives:
Task 3 Store and Present Your Digital Entry Guidance Notes.
Graphics & Images What File Format Do I Use?. Graphics & Images …..are visual images presented on some form of media (drawings, print, web, digital video)
Things to Remember When working with digital images.
EDTC 6340 Summer 2010 Olga Garcia.  What is Pixlr?  Free Online Service  Photo editing  Online drawing tool  What is the URL?   Pixlr.
Computer Graphics Unit 23 Computer Graphics. Computer Graphics Computer generated imagery can be categorized into several different types: Vector or Bitmap.
Introduction to Images & Graphics JMA260. Objectives Images introduction Photoshop.
Introduction to Photoshop® Travis A. Engelhaupt, Class Files:
Go To your flash drive. Make a folder named: Lastname.period.Photoshop.
What is Photoshop? An image editing software developed and manufactured by Adobe Systems Inc. Photoshop is considered one of the leaders in photo editing.
Photoshop Basics: Extended Instructor: Vicki Weidler Assistant: Joaquin Obieta.
Art for New Media TO DO today: 1 - Sketchbook assignment (see next page) 2 - Animation using Photoshop - - Animation Panel > view, frames -
Web site Graphics and Photos By: Roland Mercier EDTC 603.
CHAPTER 21: IMAGES. IMAGE SOURCES 3 options: Create your own images Find images Hire someone to make images.
2.01 Understand Digital Raster Graphics
Online & Offline Publishing - Bitmaps & Vector Graphics Keywords: Paths, Points, Resize, Transparency, Resolution, Print Quality Web Image File Formats:
2.01 Understand Digital Raster Graphics
2.01 Understand Digital Raster Graphics
Vector (Shapes) vs. Raster (Pixels)
Digital Illustration Chapter 6 File format.
OVERVIEW Objectives Follow a design document to prepare images for inclusion in a Web page Run a batch process to prepare multiple images in one step Use.
November 12th, 2014.
2.01 Understand Digital Raster Graphics
Introduction to raster graphics
Computer Graphics Different Images File.
PROPERTY OF PIMA COUNTY JTED, 2010
Introduction To Photo Editing SHIELA MAE A. AQUINO SRNHS.
RESEARCH AND APPLY GRAPHIC DESIGN TECHNIQUES #3
Agenda 2/27/17 Sketch/write #30: Raster Vs. Vector Article
Illustrator Interface
Graphics.
Introduction & Getting ready to work
CIS 228 The Internet 1/13/11 Images.
* Lecture 22 Images * Course logo spider web photograph from Morguefile openstock photograph by Gabor Karpati, Hungary.
2.01 Understand Digital Raster Graphics
به نام خدا آموزش برنامه فتوشاپ ندا منقاش.
Photoshop: Creating and Preparing Images for the Web
Creating Images for the Web
2.01 Understand Digital Raster Graphics
Vector (Shapes) vs. Raster (Pixels)
Introduction & Getting ready to work
Lesson 6 File Types.
Presentation transcript:

CSU EXTENSION LOGOS AND GRAPHICS March 2011

CSU Extension Logos   jpg,.png,.eps,.ai  4-H  Master Gardener Graphics  Native Plant Masters  Print  Word/PowerPoint  Web

4H Logos  100 Years Logos  Green or black & white LOTS of different sizes  Cloverleaf Logo  hheadquarters.gov/emblem/4h_emblems.htm hheadquarters.gov/emblem/4h_emblems.htm.gif,.jpg Needs to be unzipped

Image types 4  JPEG  Good for complex imagery, best format for photos  Does NOT support transparency  GIF  Good for simpler imagery, large areas of flat color  Supports transparency, animation  PNG  Not supported by all browsers  For simpler images, better than GIF, more than 256 colors  Supports transparency, NOT animation  EPS, AI  Can’t be used “as is”  Can be resized, then saved as.jpg,.gif, or.png

Manipulating Images  Photoshop  Industry Standard  Steep learning curve  Expensive ($199)  Photoshop Elements  Photoshop Lite  Easier, cheaper ($75)  Pixlr (  Free, browser based  Easy, Photoshop-like interface  GIMP (  Free, open source  Steep learning curve

Pixlr  Pixlr.com Layers panel – to combine graphics, logos, text, etc. History panel – to undo previous actions Tools panel – marquee tool, move tool, eraser tool, etc.