BEYOND CLIP ART. Working with Photos and Image Files. Lois Wallenhorst, Safe Schools/Healthy Students APRIL 2013

Transcription

1 BEYOND CLIP ART Working with Photos and Image Files Lois Wallenhorst, Safe Schools/Healthy Students APRIL 2013

2 Agenda I. Introduction II. Overview of Programs that can be used III. Introduction of GIMP IV. Overview of File Formatting Information & Best Practices V. Working in GIMP Navigation and Working with Images VI. Additional Thoughts & Resources VII. Q&A

3 Some Options for working with Photos Microsoft Office: Word Publisher PowerPoint Adobe: Photoshop InDesign Illustrator Photoshop Elements Free Alternative: GimpShop

4 Word, Publisher & Power Point

5 Adobe Programs : The Gold Standard $599

6 Finally, a FREE Alternative GNU Image Manipulation Program

7 Let s Dive In Basic User Tour

8 Guidelines vs. Actual Rules Structure and Support for Safe Schools and Healthy Students

9 Pixels, RGB, CMYK,.TIFF,.GIF OMG Manipulating photos can by easy getting them to look their best, sometimes not so much. What you see is not always what you get!

10 Pixels, RGB, CMYK,.TIFF,.GIF OMG

11 Pixels, RGB, CMYK,.TIFF,.GIF OMG The three essentials of working with graphics files: Pixels CMYK vs.rgb File Format

12 Pixels, RGB, CMYK,.TIFF,.GIF OMG Pixels: A pixel is a single element of a picture. The more pixels per inch (ppi) the higher the resolution, or clarity/quality of the image. Different output (large print, computer screen, websites can produce better outcomes with higher (or lower) ppi The higher the pixel count the larger the final size of the file high resolution images are best for high quality printing low resolution (72 ppi) best for website,

13 Pixels, RGB, CMYK,.TIFF,.GIF OMG Structure and Support for Safe Schools and Healthy Students

14 Helpful Guidelines End Product Professional Printing Printing in-house, photocopies or on laser jet printer or Web Suggested Pixel Dimension dpi dpi dpi Because More is more. A printing press (digital or otherwise) needs more dots per inch to make the quality and clarity of an image better Keeps document size manageable. Won t add unnecessary size to document, but retain good quality for publication or printed piece. Less really is more. The smaller the file size, the faster an image or object will load and keep the size of your message or website down.

15 Pixels, RGB, CMYK,.TIFF,.GIF OMG RGB: Red, Green Blue color model additive color mode colors created by mixing levels of the three light based CMYK: Cyan, Magenta, Yellow, Black subtractive color model colors created by removing levels of colors. Most appropriate for printing professional printing presses use - ink based

16 How can this info be helpful?

17 Helpful Guidelines End Product Professional Printing Suggested Color Space CMYK Because Digital and offset printing presses use these colors to create images Printing in-house, photocopies or on laser jet printer or Web RGB RGB or Indexed Even if your color laser printer uses CMYK cartridges RGB is most universal (for reusing the image later) and the color difference will be negligible RGB again universal and then save the file as a.gif for your final web file. Formatting as a.gif transfers the file to the indexed color space (256 colors that are universal on web spaces)

18 File Formats: Depends on What Your End Product Is or or or or.

19 Pixels, RGB, CMYK,.TIFF,.GIF OMG The file you work in:.xcf: Source file for image/photo manipulated or created in GimpShop. Should be used to save a file in one of the formats above OR.PSD: Source file for Photoshop The final file you use can be:.jpeg: Most universal file/photo format. Compresses image data to reduce file size..tiff: No internal file compression. Larger file sizes, professional.gif: web-based color palate, compresses file to reduce loading timethe.eps : file format that can be used to increase finished size without degrading image quality large projects.png: another web-based format, can be created with transparent background, has compression.

20 Table: Suggested Pixel Dimensions, Formats and Color Space Where my image will be used Suggested Color Setting Resolution (PPI) Suggested format What you should know Word/Publisher/ Powerpoint RGB 100 (minimum) 150 (better).jpeg Microsoft products have internal.dpi pre-set and will optimize photos Web Indexed or RGB 72 (AOK) 100 (no higher.gif or.png.png preserves transparency often used in web-based animations RGB 72 (AOK) 100 (no higher).gif.jpeg Larger sizes will increase the size of the message where they are embedded or attached Professionally printed piece CMYK 300 (minimum) 600 (best).eps or.tiff File will be very large! Expect lots of MBs!.EPS is best if something is going to be enlarged these files can be manipulated with InDesign and Illustrator Other printed items (t-shirts, coffee mugs, pens ) RGB EPS,.TIFF,.JPEG Structure and Support for Safe Schools and Healthy Students Talk with your vendor first but higher resolution than they need will work much better!

21 Working in GIMPShop

22 Resources Websites for GimpShop Tutorials & Videos: The User Interface for Beginners Create Glassy Text Effect Twenty-Five Tutorials About Using GimpShop Using Blur Tool In GimpShop Using the Magnetic Lasso Tool (Scissors Select) Free Stock Photo Resource: Microsoft Online Royalty Free Images Site to create wordle graphics:

23 When You Hit a Roadblock, Remember

24 Restorative Practices Module I: Questions & Answers Introduction to Restorative Practices This presentation contains materials that may be covered by copyright and other restrictions. Contact the Safe Schools/Healthy Students Albemarle/Charlottesville Project office to obtain permission for use or reproduction of any material. Structure and Support for Safe Schools and Healthy Students Structure and Support for Safe Schools and Healthy Students