Flash bam Image Editing in a Web 2.0 World

Robin FayRobinfay.net

@georgiawebgurl

Flash, Bam, Alakazam!Photos in a 2.0 World

Flash, Bam, Alakazam! Photos in a 2.0 World

What you will know when you leave here today:• Resources to edit images and photographs

online & on your computer for FREE!• Basics of editing a photo• How to share photos using feeds, widgets, and

social networks.• Brief discussion on privacy levels and

copyright, tagging, etc.

Robin Fay 2010, robinfay.net, @georgiawebgurl

Flash, Bam, Alakazam!: Photos in a 2.0 World: A few photography basics to help your photos be betterA few

• rule of thirds• The rule states that an image should be

imagined as divided into nine equal parts by two equally-spaced horizontal lines and two equally-spaced vertical lines, and that important compositional elements should be placed along these lines or their intersections -- Wikipedia

 • Do be aware of background elements when

taking photos of people• Do be aware of the angle of the sun and the

amount of light• Most importantly -- learn about your camera and

shoot in RAW format if at all possible

Robin Fay 2010, robinfay.net, @georgiawebgurl

Flash, Bam, Alakazam!: Photos in a 2.0 World: A few photography basics A few

Let's get started with quick overview of online editors

o If you have ever signed up for anything Adobe (even a workshop), you have an Adobe ID 

o Photoshop.com is free; not to be confused with photoshop the software

o Very easy to use o Easy to create galleries o Preview options o NOTHING TO DOWNLOAD

Robin Fay 2010, robinfay.net, @georgiawebgurl

Flash, Bam, Alakazam!: Photos in a 2.0 World: online editors: photoshop.com :

Robin Fay 2010, robinfay.net, @georgiawebgurl

Surprising variety of features via edit: crop, resize, redeye, more

Flash, Bam, Alakazam!: Photos in a 2.0 World: photoshop.com :

Demo

• Picnik.com has been recently been acquired by Google

• Do not need to login for basic editing• Nothing to download• Picnik offers free basic (crop, resize, some

retouching/toning/ enhancement); pay for advanced

• Preview options • Integrates directly with facebook;

no upload at facebook needed• NOTHING TO DOWNLOAD

Robin Fay 2010, robinfay.net, @georgiawebgurl

Flash, Bam, Alakazam!: Photos in a 2.0 World: picnik.com :

Robin Fay 2010, robinfay.net, @georgiawebgurl

• Works and integrates with all of these: • Image galleries:

o Picasa (google)o Flickro Photobucketo Webshots

• Social mediao Facebooko Myspaceo Webs (free webhosting, formerly freewebs.com)

Flash, Bam, Alakazam!: Photos in a 2.0 World: picnik.com :

Robin Fay 2010, robinfay.net, @georgiawebgurl

• Basic free service (Edit)o Autofixo Cropo Resizeo Enhancement

Exposure Color Sharpen RedEye

Flash, Bam, Alakazam!: Photos in a 2.0 World: picnik.com :

• Basic free service (Create)

• Some “stickers” : shapes and image stamps

• Add text• Some special

effects which change depending on season

Flash, Bam, Alakazam!: Photos in a 2.0 World: picnik.com :

Robin Fay 2010, robinfay.net, @georgiawebgurl

Flash, Bam, Alakazam!: Photos in a 2.0 World: picnik.com :

ExamplesDemo

Robin Fay 2010, robinfay.net, @georgiawebgurl

Need to login to connect accounts to facebook, etc.

Flash, Bam, Alakazam!: Photos in a 2.0 World: picnik.com :

Good for:• Quick edits• Easy edits & processing of photos for

social media sites• Fun family photos• Low learning curve/user friendly

o Action based terminology (edit, create, share, fix, etc.)

o Guided image editingo Can create slideshows and print materials

(calendars, etc.) o No downloads or logins needed*

Robin Fay 2010, robinfay.net, @georgiawebgurl

Flash, Bam, Alakazam!: Photos in a 2.0 World: picnik.com :

• NOT good for:• Creating original images: can create but

need to upload an image first; no create from scratch

• Vector based work • More professional level work• Collaboration • Other formats: Export in JPG only• Mobile (not YET)

Robin Fay 2010, robinfay.net, georgiawebgurl

Flash, Bam, Alakazam!: Photos in a 2.0 World: picnik.com :

Our whirlwind tour continues with another online art and image tool, aviary ...

Robin Fay 2010, robinfay.net, @georgiawebgurl

• Aviary is MUCH more complex• Completely free! • Suite of products that includes:

o Image Editoro Effects Editoro Image Markupo Color Editor (palette maker)o Vector Editoro For multimedia:

Audio Editor Screencapture

Flash, Bam, Alakazam!: Photos in a 2.0 World: Aviary : Pic

Robin Fay 2010, robinfay.net, @georgiawebgurl

• Right clicking displays lots of features

• To edit a layer in another tool, Add the tool layer and then right click to drop it into the tool

Flash, Bam, Alakazam!: Photos in a 2.0 World: Aviary : Pic

Robin Fay 2010, robinfay.net, @georgiawebgurl

Flash, Bam, Alakazam!: Photos in a 2.0 World: Aviary : Pic

Examples

Robin Fay 2010, robinfay.net, @georgiawebgurl

Exporting & sharing optionsFlash, Bam, Alakazam!: Photos in a 2.0 World: Aviary : Pic

Good for:• More complex work using layering and

masking• Vector based drawing• Developing color palettes (screencapture

& audio editing)• Working with images clipped from the web• Collaboration tools built in• Aviary facebook app now available• Mobile?

Robin Fay 2010, robinfay.net, @georgiawebgurl

Flash, Bam, Alakazam!: Photos in a 2.0 World: Aviary : Pic

Moving on to downloadable software... a Photoshop like software... GIMP.

• GIMP (GNU Image Manipulation Program)

•  Downloadable, opensource• Customizable, dock-able menus• Many features of photoshop• Can participate in development• Image editing and painting tools (Brush, Pencil,

Airbrush, Clone, etc).  Similar to Aviary. • Transformation tools (rotate, scale, etc.)• Filters, masking & more • Some animation features • http://www.gimp.org to download

Robin Fay 2010, robinfay.net, @georgiawebgurl

Flash, Bam, Alakazam!: Photos in a 2.0 World: GIMP 

Robin Fay 2010, robinfay.net, @georgiawebgurl

Flash, Bam, Alakazam!: Photos in a 2.0 World : GIMP

Our whirlwind tour concludes with picasa, google's editor and online photo album.

Good for:• More complex work when Photoshop is

not an option• Mobile-- GIMP to Go! • Need something free 

 Not Good for: • Quick and easy• If you can not download to a computer

Robin Fay 2010, robinfay.net, @georgiawebgurl

Flash, Bam, Alakazam!: Photos in a 2.0 World: GIMP

•  Flash, Bam, Alakazam!: Photos in a 2.0 World: Picasa : Pic

•  Flash, Bam, Alakazam!: Photos in a 2.0 World: Picasa : Pic

• With Picasa, you can share and edit photos • Provides preview options, so you can see your

changes before you make them • You can create albums that you can share (or make

private)• It's easy to integrate in with other google services• You can tag (add keywords) and location info to your

photos and albums  • You will need to DOWNLOAD SOFTWARE TO EDIT• Download instructions are in your handouts; you do not

need to download to the lab computers (it's installed)

• NOT good for:• Creating original images: can create but

need to upload an image first; no create from scratch

• Vector based work • More professional level work• If you can't download to a computer

Robin Fay 2010, robinfay.net, georgiawebgurl

Flash, Bam, Alakazam!: Photos in a 2.0 World: Picasa : Pic

A brief mention of another software, which is often called Photoshop like .. GIMP..

Good for:• Quick edits• Easy edits & processing of photos for

social media sites• Fun family photos• Low learning curve/user friendly

o Action based terminology (edit, create, share, fix, etc.)

o Guided image editing

Robin Fay 2010, robinfay.net, @georgiawebgurl

Flash, Bam, Alakazam!: Photos in a 2.0 World: Picasa : Pic

•  Flash, Bam, Alakazam!: Photos in a 2.0 World: Picasa : Pic

o Autofixo Cropo Resizeo Enhancement

Exposure Color Sharpen RedEye

•  Flash, Bam, Alakazam!: Photos in a 2.0 World: Picasa : Pic

ExamplesDemo

Image Editing: It's not all about Photoshop

o A few more mentionsYou can do some image editing

via facebook, flickr, & snapfish EXIF data

o Questions?georgiawebgurl@gmail.com@twitter

Robin Fay 2010, robinfay.net, @georgiawebgurl