iPad Photo Workflow and Portfolio Design

Marcolina Design Inc.

The Chopping Block, Inc.

This presentation is an HTML page.

Press key to advance.

Toggle notes with the 2 key.

Zoom in/out: Ctrl or Command + +/-

Having issues seeing the presentation? Read the disclaimer

This presentation was printed from an HTML page.

A fully interactive version of these slides containing examples and links to further resources can be found at:
http://choppingblock.com/presentations.

This page is based on the HTML5 Slideshow by Marcin Wichary, Ernest Delgado, Alex Russell and Brad Neuberg:
http://apirocks.com/html5/html5.html

Intro

Marcolina Design

Design for Print, Interactive, Video & Slate

Since 1990

Edge Link 03 01 ChopMain

Intro

Chopping Block

World Domination Through Graphic Design

Since 1996

Edge Link 03 01 ChopMain

Intro

Chop Shop

Shirts For Designers, And Nerdy Designers

Since 2004

Edge Link 03 Chop Shop Store Main

Notes:

  • With Shirts Like This, Who Needs Pants.

Intro

Teaching

NYC @ School of Visual Arts

Since 1997

  • Edge Link 03 01 SvaTriptic01 A01 03 Mfai
  • Edge Link 03 01 SvaTriptic01 A01 05 Mpsdp
  • Edge Link 03 01 SvaTriptic01 A01 07 AdvFlash

Take exceptionally talented creative professionals.

  • Teach them how to work digitally.
  • Teach them how to build for & communicate online.

Intro

Photo Plus

iPad Photo Workflow & Portfolio Design

Gulp

  • Great, how much time to we have?
  • A week, a day? oh, few hours...

Where the heck do we begin?

  • Function follows form? form follows function?
  • Photographer not Web Designer!

Like any other subject/medium.

  • You need to understand the basic principles.
  • What is possible & what costs (time/money).
  • You need to know how we got here.

Notes:

  • Sure, anything is possible with enough money & time. But an acceptable photo tablet workflow should be one that keeps you outside and shooting, not coding and organizing.

History

Portfolio

The Last 30 Years of Preso Tools

30 Years? WOW

Notes:

  • Dan: demo/show portfolio

Solution

Adobe DTP

Adobe Digital Publishing Suite

Nice

  • Adobe inDesign CS5.5 to iOS Apps <link>

Demo

Printeractivideo

Get it in iTunes NOW

Check spelling

Edge Link 03 Printeractivideo

Solution

Example

World Without Photoshop

Huzzah

Tablets

Pro Photo

So Shiny, So Rockstar...

Sweet

02 introPhotoTabletRockstar

Notes:

Tablets

Pro Photo Hype

Tablets & Big Cameras!

Yeah!

02 introPhotoTabletRockstar

Tablets

Pro Photo Reality

Kinda True. Where to tablets fit in?

Bittersweet

02 introPhotoTabletRockstar

Notes:

Tablets

Reality

Fresh Technology & Endless Potential

Right

  • iPhone is less than 5 years old.
  • iPad is 19 months old.

iPad as Pro Workflow Tool

  • It's just getting started.
  • Cutting Edge -vs- Bleeding Edge

iPad as Presentation Tool

  • Reality today
  • Lots of (sorta complex) options, room for growth.

iPhone as Photo Tool

  • You Bet!

Notes:

  • Sure, anything is possible with enough money & time. But an acceptable photo tablet workflow should be one that keeps you outside and shooting, not coding and organizing.

Workflow

Photosmith

iPad mobile companion for Adobe Lightroom

Awesome

Workflow

WIRELESS

Eye-Fi + ShutterSnitch.app

TBD

Edge Link 03 03 Books1 A01 Eye-Fi Card ShutterSnitch Site ShutterSnitch App

Eye-Fi SD Memory Cards

ShutterSnitch for iOS

Workflow

Clouds

The Adobe Creative Cloud

In The Sky

The Plan:

"Adobe Creative Cloud will become the focal point for creativity, where millions can access desktop and tablet applications, use essential creative services, and share their best work."

For More Info:

Other Clouds:

Workflow

Adobe Carousel

Store, Edit & Share - In the Cloud

Available Now

Edge Link 03 01 ChopMain Adobe Carousel App Adobe Carousel Site

Super awesome taste of the future:

Tools

Adobe Ps Touch

Uses the Adobe Creative Cloud

Oh My

Tools

Adobe Collage

Uses the Adobe Creative Cloud

Create

Collage Marquee 709x400

Tools

Adobe Debut

Uses the Adobe Creative Cloud

Show-Off

Debut Marquee 709x400

Apps

Slideshow+

"Photo Slideshow Director HD"

Quick

Edge Link 03 03 Books1 A01 Slideshow Pro Director HD App Slideshow Pro Director HD Site

Quick easy slideshows on your iPad

  • Music, transitions, themes, etc...
  • Share to HD TV
  • Link to App Store, Site

Apps

Photo Manager Pro

"Photo Manager Pro"

Rugged

Edge Link 03 03 Books1 A01 Slideshow Pro Director HD App Slideshow Pro Director HD Site

Import, Organize, Protect and Serve on iOS

  • Nested folder structure, drag & drop organization.
  • Password protection + HTTP, FTP, P2P transfer.
  • Quick simple slideshows with music.
  • Link to App Store, Site

Apps

Portfolio

"Portfolio for iPad"

Beautiful

Edge Link 03 03 Books1 A01 Slideshow Pro Director HD App Slideshow Pro Director HD Site

Super Nice Branded Portfolio App

  • Customizable identity panels (and gallery image).
  • Desktop "Mac Loader" program for wireless editing.
  • Quick simple slideshows with music.
  • Link to App Store, Site

Sites

slideshowpro

SlideShowPro Director

Lovely

Edge Link 03 01 ChopMain

Time Tested HTML5/Flash Slideshows & CMS

  • Engaging embedable customizable galleries with mobile (HTML5) fallback.
  • Hosted or server install Content Management System.
  • Link to slideshowpro.net/

Notes:

  • Talk about deep linking.

Sites

Sliderocket

Share your vision anytime, anywhere.

Zoom Zoom

Edge Link 03 01 ChopMain Sliderocket App Sliderocket Site

Web, Mobile Optimized, iPad App

Demo

iPhone Obsessed

Photo Editing Experimets With Apps

A Book & App!

Edge Link 03 01 ChopMain

Sites

Big Players

Robust, Customizable, Mobile Friendly, SEO

It's not a trap

SmugMug Pro is a force for greatness.

Edge Link 03 Smugmug1

PhotoShelter is a force for greatness.

Edge Link 03 Photoshelter1

Web Tools

Shadowbox.js

Easy Reliable JavaScript Lightbox

Quick & Easy

Mobile friendly galleries in a matter of minutes.

Connect the JavaScript and initialize:

<link rel="stylesheet" type="text/css" href="shadowbox.css">
<script type="text/javascript" src="shadowbox.js"></script>
<script type="text/javascript">
Shadowbox.init();
</script>

Add the "rel" to any image link:

<a href="myimage.jpg" rel="shadowbox">My Image</a>

Web Tools

CSS3

HTML5 & CSS3 are game changers.

18 Lines

Image 1 Image 2 Image 3 Image 4

Richard Bradshaw's CSS3 Tutorials!

Notes:

  • This is exactly the same effect/functionality thing that historically fueled designers to take an ActionScript or JavaScript class. Now you can do it in CSS, in a matter of minutes.

Web Tools

Flux Slider

I told you so... meet Flux Slider

Soo Nice

Joe Lambert's CSS3 & JavaScript Transitions Link

iBooks

Photo Book

Don't underestimate the power of the eBook.

Huzzah

Edge Link 03 01 ChopMain Book Creator App Book Creator Site

Full Bleed (Fixed Layout) resources for iBooks:

Marcolina Links

The Social

Dan Links

Presentation/Seminar Links

Thanks

October 29, 2011 - PhotoPlus

Fin

This Presentation will be posted online at:

Questions, comments or more info: