ART 421 Visual Communications IV

Books for next semester

1.  A designer's Research Manual succed in Design by knowing your clients and what they really need.  Rockport  by Jenn + Ken Visocky O'Grady

2. The Brand Gap.  New Riders.  by Marty Neumeier

Other information relating to FLash

Importing sound into GarageBand

    1. Open GarageBand

    2. Create project; save as “name”

    3. on the right hand side towards the bottom select the Media Browser 

         button, this has a music note on the button

    4. than select the Audio button, fined your music in iTunes

    5. drag the file the center panel and drop 

    6. move the play head where you want to split the audio

    7. Go to Edit (top menu bar), then to Split selected Audio Clip at 

         Playhead

    8. delete the section you do not want and move the sound file to the 

       beginning of the timeline.

    9. Go to Share (top menu bar), select Send Song to iTunes.  Name the 

        sound file and the folder it will be placed in iTunes.   Under 

        Compress Using: select MP3 Encoder and the Audio Setting  to HIgher 

        Quality.  You must save sound file as MP3, flash does not recognize

         MP4 file formats.    

Bring sound into Flash    

    1. Go to File> Import >Import to Stage

    2. select the MP3 sound file

    3. create a new layer and name it sound.  Drag & drop the sound file 

         onto the stage

    4. select the Frame with the sound. Go to Properties> Sound > Sync: 

         select Stream.

Moving Keyframes

To move Keyframes in flash, hit COMMAND + CLICK with the mouse.  This will select the keyframe and you can move up or down the timeline. 

Here are some demos that can help you with flash:

1. Advance Motion Editor

2. The Bone Tool - Inverse Kinematics in Flash CS$

3. Flash CS4: Using the Deco TooL

4. Flash CS4 The Basic Motion Tween

5. Flash CS$ Multiple Motion Tweens On Same Layer

type in motion -story telling

Letters become words, words in turn formulate ideas.

    The goal of this visual expression in motion is to develop and produce a 

    40-60 quicktime movie flash based video using the power of 

    letterforms to describe a narrative event.

Things to think about:

• legibility and readability

• context mood and drama

• story telling verbally and visually

• instill a feeling

• pace and rhythm

• time and timing

• voice and texture of type- shape size and color, position, 

placement

• reveal and project meaning

• beginning and end

• memory, confession, joke. etc.

>integration of sound<

process

    • look at advertisements on television

    • develop a storyboard that utilizes type to show, and describe 

       what the piece is going to be.

         >>>>Download storyboards here !Download STORYBOARDS<<<<<<<

    • begin to develop the material that you need to complete this work:

                    develop type and find audio that you want to utilize

schedule

A    11/30    • introduction to problem/in class work

G    12/02    • in class review

G    12/04    • exercise due/story boards due

G    12/07    • 10-15 seconds due

G    12/09    • 25-30 seconds due

G    12/11    • 45 - 60 seconds due

A 12/15 • final project due 9:30am

exercise

    >no images can be used

    >stage size 640 x 480 px, frame rate is 24fps

    >animate two opposing words in a 10-15 second animation

    > incorporate sound

final

    > stage size is 800 x 600 px, frame rate is 24fps, 40-60 seconds

    > no images can be used

    > no more than 3 different graphic elements can be used(you can repeat)

    > promotion (of a movie, event,show, ect..)/story is what will be created

Student catalogue samples

Here are some samples of some student catalogue.

Download Book new

Download Ribbs_Dissent new

More Posters

 

Download Poster1

Download Poster2

Designing Dissent: advocacy and awareness poster/catalogue

 

 

>>>>student samples<<<<<

IN•FOR•MA•TION 1) knowledge obtained by research, observation, study or instruction in a form allowing for its recommunication to others enabling a state of knowing.

AR•CHI•TECT 1) an individual skilled in the art of building who create the instruction for the construction of organized space. 2) the thoughtful specifications and superintendence of the building of useful structures.

“IN•FOR•MA•TION  AR•CHI•TECT 1) the individual who organizes the patterns inherent in data, making the complex clear. 2) a person who creates the structure or map of information which allows others to find their personal paths to knowledge. 3) the emerging 21st century professional occupation addressing the needs of the age focused upon clarity, human understanding, and the science of the organization of information.” 

“The ability to find something goes hand-in-hand with how well it is organized.”

-> Richard Saul Wurman, Information Architecture

Designing Dissent: advocacy and awareness poster

introduction to information architecture 

Information design in its broadest form is about the selection, organization and display/presentation of content to a given group of people. Information architecture seeks to establish a framework that allows for the successful structuring and transmission of knowledge, making the complex become more clear, enabling the viewer to find their own personal path to understanding.

a.1 -> Develop a poster that strongly conveys a dissenting view on current political, economic or cultural causes or issues that currently exist with in this country.   Visual Communicators possess both dynamic and strategic tools to create memorable messages; this poster is intended to serve as a social mechanism for advocacy, awareness, action, confrontation and motivation. 

a.2 -> Develop a 8 page(4 spreads) catalogue to reinforce your view in the poster.   The catalogue must be bound and 1# spreads will act as your cover.  So 3 spreads  with have content elaborating on your view from the poster.  The catalogue can not be any smaller then 4 x 7(inches).  Only two colors can be used in the design of the catalogue but this does not include the paper.

- 70% type and 30 % graphics/images

Information in and of it’s self is very powerful, but without clarity, fluency and form there can be little understanding. Construct a strategy/system to present the information through the use of letterforms, color and graphic/image elements. 

>Give it dynamic form, provide for a meaningful dialogue not just a 

      monologue

>Demonstrate a clear purpose

>Make the viewer “think” about what the information means

>Show thoughtful and meaningful arrangement of content

>Encourage the eye to examine the different pieces of data respectively

>Show a language that is accessible and interesting

create with -> Clarity, Precision, Economy and Efficiency

Design Dissent Time line

Nov. 09    ALL    Project Overview, components, Q&A

Nov. 11    G    research and ideas for poster

Nov. 13    G    Poster Due to scale

_____

Nov. 16    A    see layouts of catalogue & binding & revisions on poster

Nov. 18    B    see layouts of catalogue & binding & revisions on poster

Nov. 20    Poster/catalogue DUE

One more thing due Tomorrow!!!

I expect you to print out your description of the magazine, what was purpose and who it was directed towards.

Feature spreads by students

 

 

 

 

 

 

Hallmark announces layoffs

Information I thought you might be interested in. Article 1  Article 2

layouts

some student examples

 

 

 

 

 

 

Work by neville brody