Building Our Capacities to Write in the Public Interest Agenda for 3/3/09 & 3/5/09.

Slides:



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

Web Design Vocab 3 PNG, JPG, GIF, MP3, MPEG.
L.Ghadah R. Hadba CT1514-L1.  Computer Graphics :refers to processing of creating a new image from Geometry, Lighting parameters, Materials and Textures.Using.
Internet Research Internet Applications. The Internet is not the Web Because of the great popularity of the World Wide Web, people think the Internet.
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.
Image Processing, Illustration (Drawing), Paint Programs, and Scanning Dr. Warren C. Weber Cal Poly Pomona.
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.
Building Our Capacities to Write in the Public Interest Agenda for 3/17/09 & 3/19/09.
ETT 429 Spring 2007 Digital Photography/Scanners.
2.01 Understand Digital Raster Graphics
File Types, Sizes & Dots Per Inch (dpi) Best practices applied to Photoshop file formats when creating media-specific documents. Bit Depth is the number.
Scanning and Graphics Workshop I Graphics for the Web, Scanning and Introduction to Photoshop.
HYPERTEXT MARKUP LANGUAGE (HTML) Vijaya K Pandey.
Dr Jimmy Lam CAD for Fashion and Textiles
Graphics Ms. Brewer Spring Bellwork Edmodo – log on! Quiz? Take it if you need to! Policies and Procedures Powerpoint in Shared Folder! Get to Know.
Chapter 14-Designing for the World Wide Web. Overview Introducing multimedia on the Web. Designing text for the Web. Creating images for the Web. Adding.
Prepared by George Holt Digital Photography BITMAP GRAPHIC ESSENTIALS.
Task 01 – Explain how different types of graphical images relate to file formats, file conversions, formats and compression. Emily Riley.
File Formats COM 366 Web Design & Layout. Native file format –Format native to software program –.psd > PhotoShop default Preserves layers –Use “Save.
Digital Images Chapter 8, Exploring the Digital Domain.
Image Storage Bitmapped Graphics – in which an image is represented as a collection of dots Vector Graphics – in which an image is represented as a set.
All About File Formats Mr. Butler John Jay High School Department of Technology.
File Formats Different applications (programs) store data in different formats. Applications support some file formats and not others. Open…, Save…, Save.
Web Graphics By Chris Harding. Contents  Software  Vector Graphics and Pixel Based  Transparent Images  Compression  GIF vs. JPEG  Animated GIF.
10 | Graphics COM 366 Web Design & Production. Native file format –Format native to software program –psd > PhotoShop default Preserves layers –Use “Save.
Introduction to Photoshop Altering photos 1 pixel at a time.
Task 3 Store and Present Your Digital Entry Guidance Notes.
Adobe Photoshop CS3 Revealed – Chapter 16 FOR THE WEB CREATING IMAGES.
Graphics & Images What File Format Do I Use?. Graphics & Images …..are visual images presented on some form of media (drawings, print, web, digital video)
Color and Images. Color The natural colors we see and the colors we see on computer monitors are different. CMYK -natural RGB -monitor.
Things to Remember When working with digital images.
Week 3  Adobe Photoshop Introduction  Create an Image Collage  Save For Web Please Visit:
Project Two Adding Web Pages, Links, and Images Define and set a home page Add pages to a Web site Describe Dreamweaver's image accessibility features.
FILE TYPES FOR WEB DESIGN 1 HOW SHOULD I SAVE?. GRAPHICS INTERCHANGE FORMAT (GIF) Best used for flat-color, sharp-edged art or text Clip art, logos Compression.
Raster Graphics 2.01 Investigate graphic image design.
Creating interactive web pages using Fireworks Creating a 5 page mock up.
Graphic definitions Summary of Chapter 10 of the Non-designer’s web book by Robin Williams and John Tollet. Pages ( ) Miss Mary Victor.
Chap 14 Presentation Layer Andres, Wen-Yuan Liao Department of Computer Science and Engineering De Lin Institute of Technology
Task 3 Store and Present Your Digital Entry Guidance Notes.
Exploring Web Design Chapter 1. Objectives Develop a new perspective of the WWW Learn what makes a website good or bad Discover how to apply objective.
Digital Image Editing Presented by John Hohn. File Formats JPEG – Joint Photographic Experts Group PNP – Portable Network Graphics GIF – Graphic Interchange.
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.
HTTP transaction with Graphics HTML file + two graphics files.
Layer 6 Presentation Layer. Overview Now that you have learned about Layer 5 of the OSI model, it is time to look at Layer 6, the presentation layer.
Art for New Media TO DO today: 1 - Sketchbook assignment (see next page) 2 - Animation using Photoshop - - Animation Panel > view, frames -
Photoshop. Photoshop works with bitmapped, digitized images (that is, continuous-tone images that have been converted into a series of small squares,
13 June – Session : Graphics Different types of Graphics for the web Features of image editing software Good practice for image editing.
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
File Formats Different applications (programs) store data in different formats. Applications support some file formats and not others. Open…, Save…, Save.
2.01 Understand Digital Raster Graphics
2.01 Understand Digital Raster Graphics
Introduction to raster graphics
Image Formats.
Basic Knowledge of Web creation
Introduction to Basic Interface of
“Common Pitfalls with Figures and Legends”
File Formats.
JPG vs GIF vs PNG What is the difference?
A computer display is made up of small squares, called pixels.
1.01 Investigate graphic types and file formats.
Introduction & Getting ready to work
2.01 Understand Digital Raster Graphics
Creating Images for the Web
2.01 Understand Digital Raster Graphics
Introduction & Getting ready to work
2.01 Investigate graphic image design.
Lesson 6 File Types.
Presentation transcript:

Building Our Capacities to Write in the Public Interest Agenda for 3/3/09 & 3/5/09

Working as Organization For the remainder of the semester we will be following work patterns typical of workplaces and organizations: Teams tasked to solve problems you’ve identified Class time used to build your capacities and to facilitate group work Status reports offered every TH Group reports to the class will be made later this semester in presentations.

Working as Organization For the remainder of the semester we will be following work patterns typical of workplaces and organizations: None of us will be working on same schedule of due dates Your abilities to tell me what you need as learners/writers are crucial (hence the survey!) Each group must: create a schedule of work, due dates, and reviews needed in the proposal

Proposals Please see the ppt. on proposals that has been loaded to the 331 website under the assignments section

Schedule Due 3/3 Class Capacity Building /Peer review Due 3/5 Capacity Needs paper due/ Proposals workshop in class T: 3/17 Proposals due/ C N A due/ Photoshop intro TH: 3/19 Photoshop intro T: 3/24 Photoshop adv TH: 3/26 Class cancelled: Instructor Duke University T: 3/31 Intro to video editing TH: 4/2 Intro to video editting 4/7: Group Updates to class 4/9: Intro to video editting T: 4/14 & 16 Video advanced and export T: 4/21 Camtasia intro TH: 4/23 Presentations T: 4/28 Presentations/ Portfolio workshop TH: 4/30 Portfolios/ Evals

Instructions for C N A Review Peer Review for the Capacity Statements 1.List group’s name and reviewer group 2.Each group download the working report from Angel, open in word, and track changes. 3.Cut and paste the questions in the notes below into the document you’re reviewing. 4.Submit these comments as a group-- coordinating your comments onto one document. 5.Upload your group’s comments to Angel

Survey Results

Photoshop 1 Matching file format to delivery mode Image sizing Introduction to layers/history Introduction to text Playing with text Transforming data/images Trimming pixels

Photoshop 1: File format Matching file format to delivery mode PSD = photoshop file (only up to 2G) TIFF = High res, data saturated image for printing, down stream remediation (graphic becomes logo), and archiving. Only good to 4G/file. PDF = portable document file for printing

Photoshop 1: File format Matching file format to delivery mode JPG = Joint Photographic Experts Group (JPEG) format is commonly used to display photographs and other continuous-tone images in hypertext markup language Graphics Interchange Format (GIF) is the file format commonly used to display indexed- color graphics and images in Hypertext Markup Language (HTML)

Photoshop 1: File format Matching file format to delivery mode PICT = PICT format is used in Mac OS graphics and page-layout applications as an intermediary file format for transferring images between applications. PNG = Developed as a patent-free alternative to GIF, Portable Network Graphics (PNG) format is used for lossless compression and for display of images on the web.

Photoshop 1: Image Sizing Matching file format to delivery mode File>New> will use presets in your chache to image size Can be reset to your needs pixels: online points: data points/square inch inches: print/paper size presets: for various deliverables.

Photoshop 1: Layers Make sure you can see layers pallete toolbar>windows>history and layers Layers allow you to build your image in separate sections as though it were a collage. Each layer is manipulable. Make sure to preserve transparency for extporting. Hisotry allows you to see the moves you’ve made and quickly step backward if you’ve made a mistake.

Photoshop 1: Text All text comes with a new layer Make sure you name your layers to correspond to content of layer for easy of transfer to colleagues All text can be manipulated in the tool specification bar Select font, size, style, color of text from the spec bar

Photoshop 1: Text Once you’ve written text, click the move tool to exit the text tool. Next go to edit>free transform The Tranform tool allows you to warp, wrap, rotate and skew your layer (be it text or image). Note: when you transform these, you’ll likely need to adjust canvas size: increase the pixels to contain your text: got to move tool>image>trim>transparent pixels.