Creating And Editing Images Online

  • Published on

  • View

  • Download

Embed Size (px)


UPDATED and EXPANDED version of this class.


<ul><li> Creating and Editing Images Online P. F. Anderson Health Sciences Libraries October 30, 2007 2007 Regents of the University of Michigan. All rights reserved. </li> <li> Overview <ul><li>Making new images </li></ul><ul><li>Editing your own images </li></ul><ul><li>Where to get images to edit </li></ul></li> <li> Making and Generating Graphics <ul><li>Quick and dirty, most tools here focused on text </li></ul><ul><li><ul><li>For web or blog banner graphics </li></ul></li></ul><ul><li><ul><li>For quick humor or cartoons </li></ul></li></ul><ul><li><ul><li>Zing for presentations </li></ul></li></ul></li> <li> Image Generators <ul><li>Hetemeel </li></ul><ul><li> </li></ul><ul><li>ImageGenerator.Net </li></ul><ul><li> </li></ul><ul><li> </li></ul></li> <li> Hetemeel <ul><li> </li></ul></li> <li> </li> <li> </li> <li> </li> <li> <ul><li> </li></ul></li> <li> More Image Generators <ul><li>Famous Faces Defacer: </li></ul><ul><li>FontImage Generator: </li></ul><ul><li>Image Mosaic Generator: </li></ul><ul><li>JellyMuffin Generators: </li></ul><ul><li>Typo Generator: </li></ul></li> <li> Online Image Editors <ul><li>Fauxto </li></ul><ul><li>GIFWorks </li></ul><ul><li>Graphita </li></ul><ul><li>Phixr </li></ul><ul><li>Picnik </li></ul><ul><li>Pixenate (Pxn8) </li></ul><ul><li>Recrio </li></ul><ul><li>Snipshot (was Pixoh) </li></ul><ul><li>XMG Image </li></ul><ul><li>Mashable: 90+ Online Photography Tools and Resources: </li></ul></li> <li> Fauxto <ul><li> </li></ul></li> <li> Fauxto <ul><li>Image editing view </li></ul></li> <li> GIFWorks <ul><li> </li></ul></li> <li> GIFWorks </li> <li> GIFWorks <ul><li>Output view (saving) </li></ul></li> <li> Graphita <ul><li> </li></ul></li> <li> Graphita <ul><li>Doodle edit view (add arrows) </li></ul></li> <li> Graphita <ul><li>Caption edit view (add text) </li></ul></li> <li> Graphita <ul><li>Save file view - make objects, prints, send to desktop or photosharing service. </li></ul></li> <li> Graphita <ul><li>Output view </li></ul></li> <li> Phixr <ul><li> </li></ul></li> <li> Phixr <ul><li>Phixr editing view </li></ul></li> <li> Picnik <ul><li> </li></ul></li> <li> Picnik <ul><li>Picnik editing view </li></ul></li> <li> Picnik <ul><li>Picnik editing view &amp; example edits </li></ul></li> <li> Pixenate <ul><li> </li></ul><ul><li>Pixenate homepage </li></ul></li> <li> Pixenate <ul><li>Pixenate edit view and example </li></ul></li> <li> Recrio <ul><li> </li></ul></li> <li> Snipshot <ul><li>URL: </li></ul><ul><li>Highlights : edit extra-large images (10 Megs) </li></ul><ul><li>Imagetypes: GIF, JPG, PDF, PNG or TIF </li></ul></li> <li> Snipshot </li> <li> Snipshot </li> <li> XMG Image <ul><li>URL: </li></ul><ul><li>Highlights : </li></ul><ul><li><ul><li>Saves versions of images </li></ul></li></ul><ul><li><ul><li>Can edit multiple images simultaneously </li></ul></li></ul><ul><li><ul><li>Easily integrates with social sites </li></ul></li></ul><ul><li>Concerns: </li></ul><ul><li><ul><li>I was unable to log in after creating account, and was unable to get help without logging in (perhaps not Mac-friendly?) </li></ul></li></ul></li> <li> XMG Image <ul><li>Homepage </li></ul></li> <li> Overview of Feature Comparison <ul><li>Draw an Arrow </li></ul><ul><li><ul><li>Graphita </li></ul></li></ul><ul><li>Layering Image Editors </li></ul><ul><li><ul><li>Fauxto; Recrio </li></ul></li></ul><ul><li>Nondestructive Editing / Multiple Undos </li></ul><ul><li><ul><li>GIFWorks; Picnik; Pixenate; Recrio; Snipshot; XMG Image </li></ul></li></ul><ul><li>Edit Multiple Images at Once </li></ul><ul><li><ul><li>Recrio; XMG Image </li></ul></li></ul></li> <li> Overview of Feature Comparison <ul><li>Import from Web </li></ul><ul><li><ul><li>Fauxto, GIFWorks, Graphita, Phixr, [Picnik], Pixenate, Recrio, Snipshot </li></ul></li></ul><ul><li><ul><li>Pixenate has bookmarklet that makes this very fast </li></ul></li></ul><ul><li>Upload </li></ul><ul><li><ul><li>All, but only if image meets specifications. Might need to adjust before uploading. </li></ul></li></ul><ul><li>OCR </li></ul><ul><li><ul><li>Phixr </li></ul></li></ul><ul><li>Transparency </li></ul><ul><li><ul><li>GIFWorks </li></ul></li></ul><ul><li>Zoom </li></ul><ul><li><ul><li>GIFWorks; Fauxto; Phixr; Picnik; Pixenate </li></ul></li></ul></li> <li> Filetype Conversion I = filetypes that can be imported; X = Filetypes that can be saved na na na na na na na XMG Image IX IX IX IX IX Snipshot na na na na na na na Recrio I IX I I Pixenate IX IX IX IX IX IX Picnik IX IX X IX IX Phixr I I I Graphita I GIFWorks IX IX IX IX IX Fauxto TIF PNG PDF OCR JPG GIF BMP </li> <li> Online Image Tools to Convert Filetypes <ul><li>CoolUtils: Free Online Image Converter: </li></ul><ul><li><ul><li>BMP, GIF, ICO, JPG, PNG </li></ul></li></ul><ul><li>Image Convert: </li></ul><ul><li><ul><li>BMP, EPS, GIF, JPG, PDF, PIC, PNG, PS, RGB, TIF, XPM </li></ul></li></ul><ul><li>Online Tools: Image Converter: </li></ul><ul><li><ul><li>BMP, DIB, EPI, EPS, GIF, JPC, JPG, PCD, PCX, PDB, PDF, PGM, PCT, PNG, PSD, SVG, TGA and more </li></ul></li></ul></li> <li> Online Image Tools for Captioning &amp; Annotations <ul><li>Caption Bubble: </li></ul><ul><li><ul><li>Add cartoon-style bubbles to caption photos </li></ul></li></ul><ul><li>ImageBling: </li></ul><ul><li><ul><li>Photo annotations </li></ul></li></ul><ul><li>Graphita: </li></ul><ul><li><ul><li>Casual &amp; fun photo editing, including captions, bubbles, icons / objects , words, doodles </li></ul></li></ul></li> <li> Online Image Tools for Diagrams <ul><li>Gliffy: </li></ul><ul><li>Depictr: </li></ul><ul><li><ul><li>Vector graphics </li></ul></li></ul></li> <li> Online Image Tools to Resize Pictures <ul><li> </li></ul><ul><li> </li></ul><ul><li> </li></ul></li> <li> Online Image Tools for Mindmapping / Brainstorming <ul><li> </li></ul><ul><li>Mindomo: </li></ul><ul><li>Mindmeister: </li></ul><ul><li>More: </li></ul><ul><li><ul><li> Mindmaps / Concept Maps: </li></ul></li></ul></li> <li> Online Image Tools for Other Special Tasks <ul><li>CleVR: </li></ul><ul><li><ul><li>Create panoramics </li></ul></li></ul><ul><li>Improve Your Images: </li></ul><ul><li><ul><li>Photo correction (color balance and light adjustment) </li></ul></li></ul><ul><li>Picture2Life / Edit Your Picture: </li></ul><ul><li><ul><li>Make a collage or animated GIF. </li></ul></li></ul></li> <li> Science Image Tools <ul><li>From PubMed Homepage </li></ul><ul><li><ul><li>Nucleotide, Protein, Genome, Structure </li></ul></li></ul><ul><li><ul><li>Cn3D: </li></ul></li></ul><ul><li>AISMIG, Raster3D, RasMol, etc </li></ul></li> <li> PubMed: Cn3D </li> <li> AISMIG </li> <li> AISMIG - Aspirin Example </li> <li> Cautions <ul><li>Import/Upload filesize limits </li></ul><ul><li>Limited number of filetypes supported </li></ul><ul><li>PDFs usually import first page only, when supported </li></ul><ul><li>Always work from a copy </li></ul><ul><li>Mix and match tools </li></ul></li> <li> Finding Images to Edit <ul><li>Clip Art </li></ul><ul><li>Image Sharing Tools </li></ul><ul><li>More about Flickr </li></ul></li> <li> ClipArt <ul><li>Overview: </li></ul><ul><li><ul><li>Wikipedia: Public Domain Image Sources: </li></ul></li></ul><ul><li>Selected Sites: </li></ul><ul><li><ul><li>Free Vector Graphics Gallery: </li></ul></li></ul><ul><li><ul><li>Open ClipArt: </li></ul></li></ul><ul><li><ul><li>GIMP Savvy: Copyright Free Photo Archive: </li></ul></li></ul><ul><li>Strategies </li></ul><ul><li><ul><li>Search free books, as well as government or organization websites (check for permission). </li></ul></li></ul><ul><li><ul><li>clipart site:org </li></ul></li></ul><ul><li><ul><li>clipart site:gov </li></ul></li></ul></li> <li> Health and Medical Clip Art <ul><li>Strategies: </li></ul><ul><li><ul><li>(clipart OR ("public domain" (images OR photos))) (anatomy OR health OR medicine OR medical OR doctors OR dentists OR healthcare) </li></ul></li></ul><ul><li><ul><li>(medicine OR medical OR clinical OR doctors OR dentistrs OR health OR disease OR illness OR anatomy OR pathology OR pharmacology) (library OR gallery OR exhibit OR atlas OR clipart OR pictures OR graphics OR images) site:gov </li></ul></li></ul></li> <li> Health and Medical Clipart and Image Finding Tools <ul><li>Resources: </li></ul><ul><li><ul><li>UTHSCSA: Medical Image Databases on the Web: </li></ul></li></ul><ul><li><ul><li>Dartmouth Biomedical Libraries: Finding, Downloading and Managing Medical Images: </li></ul></li></ul></li> <li> Health and Medical Clip Art &amp; Photos <ul><li>Sources: </li></ul><ul><li><ul><li>Health Education Assets Library (HEAL): </li></ul></li></ul><ul><li><ul><li>National Library of Medicine: Images from the History of Medicine: </li></ul></li></ul><ul><li><ul><li>Public Health Image Library: </li></ul></li></ul><ul><li><ul><li>University of Iowa: Hardin MD: Medical Pictures: </li></ul></li></ul><ul><li><ul><li>University of Utah: Knowledge Weavers: Educational Resources: </li></ul></li></ul></li> <li> Online Photo Sharing &amp; Image Hosting - More Images to Find <ul><li>Flickr - best known, free &amp; fee options, public </li></ul><ul><li>DropShots - free, private, no advertising </li></ul><ul><li>Picasa (Google) - sharing from your hard drive (P2P) </li></ul><ul><li>SmugMug - ~$40/yr, includes cropping and limited online editing </li></ul><ul><li>WebShots - largest, public, fee-based ($2.49/month) </li></ul><ul><li>Many more: </li></ul><ul><li><ul><li>Wikipedia: Photo Sharing: </li></ul></li></ul></li> <li> Flickr <ul><li>Account types </li></ul><ul><li><ul><li>Free, with limited uploads </li></ul></li></ul><ul><li><ul><li>Fee, personal accounts </li></ul></li></ul><ul><li><ul><li><ul><li>Inexpensive - around $15 USD/year </li></ul></li></ul></li></ul><ul><li><ul><li>No corporate accounts, yet </li></ul></li></ul></li> <li> Flickr: Find Pictures <ul><li>Search all of Flickr </li></ul><ul><li>Search your account </li></ul><ul><li>Search images in a group on your topic </li></ul></li> <li> Browsing Tags in Flickr <ul><li>Tags are freeform and self-selected </li></ul><ul><li>Check a variety of spellings, phrasings, capitalization, and punctuation for the same concept </li></ul><ul><li>Watch for popular terms </li></ul><ul><li>When tagging your pictures, use a variety of spellings and terms to aid in discovery. </li></ul><ul><li>Browse: </li></ul><ul><li><ul><li> </li></ul></li></ul></li> <li> Flickr: Find Communities &amp; Groups <ul><li>Search for a group by keyword </li></ul><ul><li>Search: DENTISTRY, find: </li></ul></li> <li> Flickr: Find Communities &amp; Groups <ul><li>Search for a keyword, find a picture, find a group that collects those types of images. </li></ul><ul><li>Search for: GASTRIC MUCOSA, find: </li></ul></li> <li> Flickr: Build Communities &amp; Groups <ul><li>Start a group on a topic that interests you </li></ul><ul><li>Search for images that fit; look for a range of interesting images </li></ul><ul><li>Invite people to join and add their images </li></ul><ul><li>Invite partner(s) to help moderate group to keep it on target </li></ul><ul><li>Thank those who add good images, to build a reward system. </li></ul></li> <li> Flickr: Build Communities &amp; Groups <ul><li>Why? (NOTE: These are true for Web 2.0 communities in general) </li></ul><ul><li><ul><li>Market and promote your resources </li></ul></li></ul><ul><li><ul><li>Link back to your online resources </li></ul></li></ul><ul><li><ul><li>Broaden recognition of your expertise among new groups </li></ul></li></ul><ul><li><ul><li>Broaden awareness of range of resources available </li></ul></li></ul><ul><li><ul><li>Discover new persons interested in your topic of interest </li></ul></li></ul></li> <li> Flickr: Build Communities &amp; Groups <ul><li>Example: History &amp; Art of Dentistry, </li></ul></li> <li> Flickr: Build Communities &amp; Groups </li> <li> Flickr: Favorites &amp; Comments <ul><li>Commenting &amp; marking an image as a favorite (favoriting) is one way to build good feelings in the community and build relationships. </li></ul>This is the most popular image in the dental history pool, with 688 views in less than 3 weeks. </li> <li> Flickr: FYIs <ul><li>All new accounts temporarily restricted from being accessible via Flickr search. </li></ul><ul><li>Accounts may be blocked from searching if focus is not real-folk photos (negotiable). </li></ul><ul><li> Blocked photos still accessible via groups and photostream. </li></ul><ul><li>Some image restrictions apply: </li></ul><ul><li><ul><li>Copyright, </li></ul></li></ul><ul><li><ul><li>Image ownership, </li></ul></li></ul><ul><li><ul><li>Sexual, nudity, graphic violence, </li></ul></li></ul><ul><li><ul><li>Or otherwise not family-friendly (I.e. medical pathology?). </li></ul></li></ul></li> <li> Conclusion: More Information <ul><li>Digital Inspiration: Online Photo Editors Compared: GIFWorks, Phixr, PXN8, Pixoh: </li></ul><ul><li>Frantic Industries: So long, Photoshop - 6 online image editors reviewed (Fauxto, Picnik, Picture2Life, Preloadr, PXN8, Snipshot): </li></ul><ul><li>Mashable: 6 Online Image Editors Compared (XMG Image, Phixr, Pixenate,, Cellsea, Graphita): </li></ul><ul><li>TechCrunch: Online Photo Editing Overview (Fauxto, Picnik, Picture2Life, Preloadr, PXN8, Snipshot): </li></ul></li> <li> Questions? <ul><li>Patricia Anderson, </li></ul>From: </li> </ul>