Adobe Photoshop Meets Web 2.0

What happens when Adobe Photoshop meets Web 2.0? Answer: Photoshop Express (psx). Two of the central tenets of Web 2.0 are an ability to move content to the web and then provide an easy mechanism to distribute the content to others. Psx is a free beta program that provides 2GBs of storage with the ability to perform Photoshop style edits through the web. For the last year, I’ve used Flickr to post my images to the web. Each image has a unique web address (URL) that can be used to insert a link to the image. The image to the right was taken at the Chihuly exhibit at the de Young museum in San Francisco. The image is stored on my Flickr site and a placeholder is created on this Edublogs post that says, go fill this rectangle with whatever sits at the end of the link provided. Here’s the link as a web address. http://farm4.static.flickr.com/3145/2703276751_e717c90cdd.jpg?v=0

One of the most difficult concepts for teachers first dipping their toes into the web pool, is to understand that web pages are assembled from diverse streams of content. Web 2.0 requires users to manipulate these streams of content to build web pages that pull content from many different sources. I choose one site, Flickr, to organize my photos which appear on three different blogs and several wikis. I’ll continue to use Flickr as a central storage site. What’s different about psx is that photos can easily be manipulated with Photoshop editing controls through the browser. In edit mode, you can perform basic adjustments such as resizing and exposure level and red-eye correction. There are also a number of tuning and effects tools that are familiar to any Photoshop user. Teachers will quickly find that Photoshop Express provides a nice first-step for students to dive into the world of photo editing. Another benefit that the program’s Web 2.0 nature affords is the ability of students to photo edit at home for school projects.

My flower slide show was produced with images taken on May 11, 2008 during Lilac Sunday held at the Arnold Arboretum, Jamaica Plain, Massachusetts. The HTML embed code is automatically generated by psx.

Flickr Photostreaming and Slideshow How-to

Flickr is one of several web-based photo sharing websites.  Most people think of photos as belonging to a particular website.  Take for instance the New York Times website, the print edition contains many of the same photos as the onlne version.  The nytimes.com owns the image copyrights.

What happens when you take the pictures and post them to a site such as Flickr?  Welcome to the world of Web 2.0!  I began using Flickr because I wanted a single location to organize and share my photos.   Prior to Flickr, I was dependent on uploading the images to whatever server or media storage solution was provided by the site.  Using two different blog systems (blogger and EduBlogs) and contributing to 4-5 individual blogs meant that I needed a better way to keep track on my images.  By posting my images to Flickr I could still embed photos into my blog posts but now I simply point to the Flickr URL or web address.

simpson391 photostream screen capture

I used the free Flickr account version for a year until purchasing the one year subscription for $25.00.  The primary feature that I needed was the ability to create unlimited Sets.  Think of a Set as a basket that has a name and contains your image goodies.

Slideshows are one nifty feature you can create with Sets using the SlideFlickr tool.  Helpful Tip: Slideshows in Flickr are automatically generated.  SlideFlickr gives you control over selecting sets and customizing the slideshow format.  SlideFlickr is separate website.

  1. Enter Flickr username.
  2. Select Set – add tags to help search engines find your great slideshow!
  3. Select Preview

Three Steps to a Slideshow with SlideFlickr

The pop-up preview window will contain the embed code for placing your slideshow on a website, wiki, blog site.  Copy and paste it.  On EduBlogs I switched from Visual to HTML mode to paste the embed code.

Grab slideshow embed code in SlideFlickr

Enjoy the SIW slideshow!  Let me know if you found this post helpful.