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




Home
Services
Résumé

Portfolio

IA Projects

> Design Projects

Email
Site Map






animation design

Portfolio













Information Architect



Design Projects

Information Architecture, Usability, Web, Experience Design






Accomplishments

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.



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.


Image not online.


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: many options available to you in paint, fill, and edit modes.



Image not online.


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.


Image not online.


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.


Image not online.


Top   |   Portfolio


Slide 9 of 3

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


Image not online.


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.


Image not online.


Top   |   Portfolio


Slide 10 of 3

The 1-800 number appears on screen.

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



Image not online.


Flash 1  |  Design Projects



Home  |  Services  |  Résumé  |  Portfolio  |  Email  |  Site Map  |  Top  |  Help



Copyright © 2012
All rights reserved
Updated: February 1, 2012

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