IA Design & Usability; Steven Heitman, IA MAIA, IA MAEd, Information Architect, User Experience Designer, Project Manager

Information
Architecture
Portfolio

Services
Résumé
Portfolio
Email
Site Map

» IA Portfolio

IA Projects
Design
Illustration

  » Multimedia

  » Animation

Flash 1
Flash 2






animation design

Portfolio: multimedia project; brief tutorial Photoshop
Multimedia Production:









Screen shots from multimedia project

Animation



The project was to design an instructional design presentation, using multimedia presentation techniques with animation. The piece was created in Astound, including voiceover and detailed animations.

I developed a storyboard and script prior to creating it in Astound. The purpose of this piece was to explain a few basic functions of Photoshop.

These software programs were used for the production of this tutorial:

Photoshop, Illustrator, and Astound




Challenge

The challenge was to communicate to end users about the different functions of Photoshop, and how to use Photoshop as a tool to create design products.



Result—High-Quality Multimedia Piece


Over a period of four months, the team (three people) worked to develop and implement a multimedia presentation. The original digital file did not translate into a file that could be used on the Internet.

To let you know, it is a long scroll down.




Slide 1

There are four layers. They slide in and out from left to right. The word image fades out, using the pond ripple effect.

The narration: Adobe Photoshop 3.0—a brief tutorial.


slide 1


top   |   portfolio


Slide 2 of 1

The text slides out.


slide 2 of 1


top   |   portfolio


Slide 2 of 2

The narration:
imagine yourself in a fantasy world that becomes reality.


slide 2 of 2


top   |   portfolio


Slide 3

The elements slide out. The arrow does rotation and fades in same time as other elements.


The narration:
the marquee tool makes quick selections.


slide 3


top   |   portfolio


Slide 4

The elements slide out in equal time.

The narration: the commands palette...a great feature in Photoshop.



slide 4


top   |   portfolio


Slide 5


The elements slide out in equal time.

The narration: another great tool—the paintbrush or airbrush tool.



slide 5


top   |   portfolio


Slide 6

The elements slide out in equal time—photo fades out.

The narration: there are many options available to you in paint, fill, and edit modes.



slide 6


top   |   portfolio


Slide 7 of 1

The elements slide out in equal time.

The narration: drag and press to create curved segments.



slide 7 of 1


top   |   portfolio


Slide 7 of 2

The top layer comes in after the original elements, fades out. It slides from left to right across the screen.


slide 7 of 2


top   |   portfolio


Slide 8 of 1

The elements slide in and out.

The narration: variations...another way to make color corrections.



slide 8 of 1


top   |   portfolio


Slide 8 of 2

The top photo has special effects used in the transition.


slide 8 of 2


top   |   portfolio


Slide 9 of 1

The narration:
the various key features.


slide 9 of 1


top   |   portfolio


Slide 9 of 2

The layer uses special effects in the transition.


slide 9 of 2


top   |   portfolio


Slide 9 of 3

The collage fades in and fades out on the word image.


slide 9 of 3


top   |   portfolio


Slide 10 of 1

The text slides in and out.


slide 10 of 1


top   |   portfolio


Slide 10 of 2

Special effect used in fade then to pond ripple.


slide 10 of 2


top   |   portfolio


Slide 10 of 3

The 1-800 number appears on screen.

The narration: call 1-800-67P-hoto to order.



slide 10 of 3




top   |   portfolio   |   how to use Website


Copyright ©—2007-2012
All rights reserved
Last updated: August 1, 2010

Steven Heitman
IA Design & Usability
Information Architect
User Experience Designer
Project Manager