Poster Contest

 Hartwick’s Life Balance Credit program Poster Contest

 

Purpose

Students in the course will create a poster that visually communicates the purpose and benefits of Hartwick’s Life Balance Credit program—namely how engaging in academic/career, physical/emotional, social/community, and financial/health well-being activities leads to a tangible reward (the credit) and supports holistic student success. (Based on info from the college page.) 



Objectives of Contest

Interpret and translate one or more of the four “pillars” of the program into creative visuals:



Emphasize the idea of earning a credit ($250 per semester) by completing at least three activities. 
Hartwick College


Content requirements:


- Include a headline or tagline that captures “Life Balance Credit” in a meaningful way.

- Clearly show or imply the four pillars (academic/career, physical/emotional, social/community, health/financial).

    Academic & Career Well-being 
    Hartwick College

    Physical & Emotional Wellness 
    Hartwick College

    Social & Community Engagement 
    Hartwick College

    Health & Financial Security 
    Hartwick College

- Include a visual or typographic reference to “$250 credit” (or similar wording) to emphasize the reward.

- Hartwick College branding: At minimum, include the college logo and one of the college colors



Judging criteria:

Relevance: How well the design reflects the Life Balance Credit program’s pillars and reward structure.

Creativity & originality: Use of imagery, typography, layout, and overall concept.

Clarity of message: Viewers should understand the program and its benefits after a glance.


Prizes:

1st place:gift card $25

2nd place: gift card $20

3rd place: gift card $15



Display/publication: The top entries may be printed and displayed around campus 



Judging:
Three Peer Pilots  and four Student Success Center Staff members will each select their top 3 choices. Their first choice received 5 points, their second choice received 4 points, and their third choice received 3 points. The vote winner will be the option that receives the highest total number of points.

Day 14

Project 5 motion graphic sequence

For this project you have the choice to make:

1. an "Infographic" 

2. an original idea of your choice.

Details

• sequence length = 30 seconds or more
• size = HDTV 1920x1080
• file type = exported as: h264 based ".mp4"

The animation should contain the following:

- at least 6 different cuts. Each cut should have a different camera angle and/or point of view and/or movement

- a sound track

- exported as an MP4

Upload you final MP4 to the Google Photos "Art213 FA25 Video" album.

 

 

 =-=-=-=-=-=-=-=-=-=--=-=-=-=-=-=--=--=-=--=-=-=--=--=-

 

 

Adobe Premiere Review

 

=-=-=-=-=-=-=-=-=-=--=-=-=-=-=-=--=--=-=--=-=-=--=--=-

How to animate layers in Photoshop

Time 23min 34 sec

Using the Timeline 0 - 5:25

Moving a graphic (position change) 5:26 - 11:50

Moving Text (opacity change) 11:51 - 15:54

Moving an Image (create a smart object and transform change) - 15:55 - 23:34

 

 

Animating Layers in Photoshop


 

Photoshop Video
- Open the "Timeline". You can find it under "Window"
To use video in Photoshop:

1) Drag a video file onto the Photoshop icon, it will appear in the Layers window and the Timeline window


2) Select the layer and "control"click to bring up the menu. Pick "convert to smart object"

3) To make a new video layer click the drop down menu on the videos timeline and click "new video group".

3a)You can duplicate video layers

4) Layer Adjustments, Blend modes and Opacity all work the same as still images


- To save your file "Save As" a .PSD

- To save the final video file goto "File" ---- "Render Video"

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 

 

'Exporting' your video out of Photoshop

Step 1: Under 'File' go to 'Export' then select 'Render Video'

Step 2: Set up your video as seen below. 

Make sure to save it to the Desktop

It will take a few minutes to export

The .mp4 file will appear on your 'desktop'

 

DAy 13

Introduction to Project 5 motion graphic sequence

For this project you have the choice to make either an "Infographic" or a motion graphic of your choice.

Details

• sequence length = 30 seconds or more
• size = HDTV 1920x1080
• file type = exported as: h264 based ".mp4"

Step 1 - Make Decisions about your Motion Graphic Sequence and Research

1) Do you want to make an Infographic or create your own idea?


Infographic:
2) Research 
- use youtube to watch different examples of Infographics. Start here: https://www.youtube.com/watch?v=1Mc4d2B4HyI

- pick your favorite video and take notes about the pacing and the types of imagery found in the infographic. How many cuts are there? How many seconds is each cut? How many scenes are there?  

3) Research the information you want to get across to your viewer. Develop a storyboard

Step 2 - Make an 'outline'. 
List out the information you want to show, in the order you want to show it. For an infographic it is the information you want to show the viewer. For a title sequence it is things like the information about the movie (the actors, studio, title, producers...)

Example Infographic

Introduction (what are you going to show?)
First Part (what are you going to show?)
Second Part (what are you going to show?)
Third Part (what are you going to show?)
Fourth Part (what are you going to show?)
Fifth Part (what are you going to show?)
Ending (what are you going to show?)
Credits (what are you going to show?)






Step 3 - Making a Storyboard

A Storyboard breaks the story into pieces that visually show the angle, movement and POV of the camera.

Breaking a story into Cuts and Scenes



- Examples of Cuts and Scenes

 Storyboarding your Motion Graphic Sequence

Questions to ask yourself!

• How many changes do you want to have in the sequence?
• What direction is the content moving in each part? How does it relate to the parts before and after?
• How long is each part?
• What content do you need to collect for each part?
• What is the purpose of each part? (what do you want your viewer to get out of it?)

- Shreck storyboards example

How to make a storyboard step by step directions here!

 

 

 

=-=-=-=-=-=-=-=-=-=--=-=-=-=-=-=--=--=-=--=-=-=--=--=-

How to animate layers in Photoshop

Time 23min 34 sec

Using the Timeline 0 - 5:25

Moving a graphic (position change) 5:26 - 11:50

Moving Text (opacity change) 11:51 - 15:54

Moving an Image (create a smart object and transform change) - 15:55 - 23:34

 

 

Animating Layers in Photoshop


 

Photoshop Video
- Open the "Timeline". You can find it under "Window"
To use video in Photoshop:

1) Drag a video file onto the Photoshop icon, it will appear in the Layers window and the Timeline window


2) Select the layer and "control"click to bring up the menu. Pick "convert to smart object"

3) To make a new video layer click the drop down menu on the videos timeline and click "new video group".

3a)You can duplicate video layers

4) Layer Adjustments, Blend modes and Opacity all work the same as still images


- To save your file "Save As" a .PSD

- To save the final video file goto "File" ---- "Render Video"

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 

 

'Exporting' your video out of Photoshop

Step 1: Under 'File' go to 'Export' then select 'Render Video'

Step 2: Set up your video as seen below. 

Make sure to save it to the Desktop

It will take a few minutes to export

The .mp4 file will appear on your 'desktop'

 =-=-=-=-=-=-=-=-=-=--=-=-=-=-=-=--=--=-=--=-=-=--=--=-

 

Next Project 30 second animation

 

You have two choices:

 

1. info graphic

      or

2. original idea

The animation should contain the following:

- at least 6 different cuts. Each cut should have a different camera angle and/or point of view.

- a sound track

- exported as an MP4

 

Day 12

Next Project 30 second animation

 

You have two choices:

 

1. info graphic

      or

2. original idea

The animation should contain the following:

- have at least 6 different cuts. each should have a different camera angle and/or point of view

- have a sound track

- exported as an MP4

 

 

-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-

Motion Graphics

Motion Graphics: Where the element of 'time' is added to graphic design (purposeful use of text and image). This come in two main forms. Title Sequences and Information Graphics



Examples of Info Graphics






---

Ways to get video files to use in Photoshop:

- Shoot it yourself. Pick up your phone, turn it horizontal and start filming!

- Get it online:

• free stock video check out Makerbook
• Pexels and Stockfootageforfree
• Open Source Archive.org
• on Youtube using Youtube to MP4

-----

How to used the "timeline" in Photoshop

-----





Photoshop Video
- Open the "Timeline". You can find it under "Window"
To use video in Photoshop:

1) Drag a video file onto the Photoshop icon, it will appear in the Layers window and the Timeline window


2) Select the layer and "control"click to bring up the menu. Pick "convert to smart object"

3) To make a new video layer click the drop down menu on the videos timeline and click "new video group".

3a)You can duplicate video layers

4) Layer Adjustments, Blend modes and Opacity all work the same as still images


- To save your file "Save As" a .PSD

- To save the final video file goto "File" ---- "Render Video"

 .

 .

Project 4 - AR Movie Poster is Due Tue Nov 4th at the beginning of class. 

1. reprint your image if it was too dark!

2. have your AR experience ready and working on Artivive(use JOes Account)

includes:

- 2 animated layers

- 1 sound 

- 3 or more PNG image layers

- 1 JPG trigger image

Day 11

Digital Video & Motion Graphics

 Film and Stopmotion Animation is made up of a

  sequence images displayed through time. These images are shown at a certain amount of frames of per second with 'persistence of vision' 

- FPS (frames per second) or frame rate is the number of images that are shown in one seconds worth of time.


Traditional film = 24 FPS

Traditional animation = 12 FPS


Digital film = 30 - 120 FPS

Modern animation = 12 - 30 FPS



Which means 1 minute of    
  

Film = 1440 still images    

 

 

How to used the "timeline" in Photoshop

-----





Photoshop Video
- Open the "Timeline". You can find it under "Window"
To use video in Photoshop:

1) Drag a video file onto the Photoshop icon, it will appear in the Layers window and the Timeline window


2) Select the layer and "control"click to bring up the menu. Pick "convert to smart object"

3) To make a new video layer click the drop down menu on the videos timeline and click "new video group".

3a)You can duplicate video layers

4) Layer Adjustments, Blend modes and Opacity all work the same as still images


- To save your file "Save As" a .PSD

- To save the final video file goto "File" ---- "Render Video"

Digital Video Resolution

The camera's lens is the eyes of the audience!




The handheld POV shot






Camera Angles, Camera Movement and Point of View (POV)

Camera Angles

Eye Level

An eye-level shot is the most basic type of shot and involves simply picking up a camera or video recorder and taking a straight-on, eye-level photograph. This technique is the most common shot used by photographers, seen in many casual pictures, such as family photos or vacation shots.

High Angle

A high-angle shot involves taking a photograph from someplace above a subject at a diagonal angle. This type of angle may make a subject look smaller or even childlike.

Low Angle (Worms Eye)

A low-angle shot is the opposite of the high-angle shot. In a low-angle shot, the photographer is below the subject and takes a photograph looking up at the subject. This angle is often used to make a subject appear larger, taller or more powerful.

Bird's Eye

This type of shot is similar to the high-angle shot in that the photographer is situated above the subject. However, unlike a high-angle shot, a bird's eye shot looks straight on at a subject rather than using an angle. This type of shot is used to achieve very dramatic images.

Slanted

A slanted shot, or dutch tilt, is where the camera is tilted to the side to give the horizon a unique, angled appearance. This is a popular shot for movie stills and in magazines as it portrays a hip, edgy feeling in the photograph

Camera Movement

Camera Point of View (POV)

Close-Ups
A close-up (abbreviated "CU") is when the camera focuses on just one character's face or other part of him, taking up the entire frame. These shots are used often when a character is talking, because it puts the viewer in an almost face-to-face context. When the camera zooms directly into part of a person's face or body, so that the frame shows nothing but his body, this is an extreme close-up, or ECU. Going in the opposite direction, a medium close-up (MCU) is halfway between a standard CU and a mid-shot--which shows part of the scene and the subject.

Wide Shots
Wide Shots Abbreviated (WS) give a great view of the entire area your subject is standing in, and you can see the person's entire body against the backdrop of his setting. As the camera zooms out, making the person almost unrecognizable but giving a good view of the entire area, it becomes a VWS, or very wide shot. Finally, an extreme wide shot (EWS) takes the camera out so that you can't even see the subject, but gives the viewer a clear picture of where the viewer is supposed to be--these are generally used as establishing shots. VWS are generally taken from cranes, so they're sometimes called crane shots, and EWS can be taken from helicopters and called aerial shots.

Multiple People Shots
Conversations between two people require a special camera angle to capture the intimacy of the conversations. A two shot (TS) is the most common way to show conversation: place both subjects in the same mid-shot. The next most familiar style is the over-the-shoulder shot, or OSS, which looks at the talking subject from the listener's perspective, quite literally over his shoulder. Some camera operators also set up the noddy shot, which is most common in interviews, and is taken from the perspective of the interviewee.

POV
The first-person perspective is a useful way to put the audience almost directly in the character's shoes. The POV shot is pretty much what the character would see--as if she is actually holding the camera herself. POV, meaning point-of-view, shots are often used to heighten the intensity of a scenario.

Weather Shots
If the subject is the weather itself, it is referred to as a weather shot. These images give the viewer a moment's reprieve from the action or drama of the film as well as establishing what's going on in the world around them. If the weather is wet and rainy, that will affect the mood of the film overall; a bright, shiny day on the other hand lightens the mood.

Camera Movement
A director may choose to move action along by telling the story as a series of cuts, going from one shot to another, or they may decide to move the camera with the action. Moving the camera often takes a great deal of time, and makes the action seem slower, as it takes several second for a moving camera shot to be effective, when the same information may be placed on screen in a series of fast cuts. Not only must the style of movement be chosen, but the method of actually moving the camera must be selected too. There are seven basic methods:

1. Pans
A movement which scans a scene horizontally. The camera is placed on a tripod, which operates as a stationary axis point as the camera is turned, often to follow a moving object which is kept in the middle of the frame.

2. Tilts
A movement which scans a scene vertically, otherwise similar to a pan.

3. Dolly Shots
Sometimes called TRUCKING or TRACKING shots. The camera is placed on a moving vehicle and moves alongside the action, generally following a moving figure or object. Complicated dolly shots will involve a track being laid on set for the camera to follow, hence the name. The camera might be mounted on a car, a plane, or even a shopping trolley (good method for independent film-makers looking to save a few dollars). A dolly shot may be a good way of portraying movement, the journey of a character for instance, or for moving from a long shot to a close-up, gradually focusing the audience on a particular object or character.

4. Hand-held shots
The hand-held movie camera first saw widespread use during World War II, when news reporters took their windup Arriflexes and Eyemos into the heat of battle, producing some of the most arresting footage of the twentieth century. After the war, it took a while for commercially produced movies to catch up, and documentary makers led the way, demanding the production of smaller, lighter cameras that could be moved in and out of a scene with speed, producing a "fly-on-the-wall" effect.This aesthetic took a while to catch on with mainstream Hollywood, as it gives a jerky, ragged effect, totally at odds with the organized smoothness of a dolly shot. The Steadicam (a heavy contraption which is attached a camera to an operator by a harness. The camera is stabilized so it moves independently) was debuted in Marathon Man (1976), bringing a new smoothness to hand held camera movement and has been used to great effect in movies and TV shows ever since. No "walk and talk" sequence would be complete without one. Hand held cameras denote a certain kind of gritty realism, and they can make the audience feel as though they are part of a scene, rather than viewing it from a detached, frozen position.

5. Crane Shots
Basically, dolly-shots-in-the-air. A crane (or jib), is a large, heavy piece of equipment, but is a useful way of moving a camera - it can move up, down, left, right, swooping in on action or moving diagonally out of it. The camera operator and camera are counter-balanced by a heavy weight, and trust their safety to a skilled crane/jib operator.

6. Zoom Lenses
A zoom lens contains a mechanism that changes the magnification of an image. On a still camera, this means that the photographer can get a 'close up' shot while still being some distance from the subject. A video zoom lens can change the position of the audience, either very quickly (a smash zoom) or slowly, without moving the camera an inch, thus saving a lot of time and trouble. The drawbacks to zoom use include the fact that while a dolly shot involves a steady movement similar to the focusing change in the human eye, the zoom lens tends to be jerky (unless used very slowly) and to distort an image, making objects appear closer together than they really are. Zoom lenses are also drastically over-used by many directors (including those holding palmcorders), who try to give the impression of movement and excitement in a scene where it does not exist. Use with caution - and a tripod!

7. The Drone(Aerial) Shot

An exciting variation of a crane shot, usually taken from a drone or a helicopter. This is often used at the beginning of a film, in order to establish setting and movement. A drone is like a particularly flexible sort of crane - it can go anywhere, keep up with anything, move in and out of a scene, and convey real drama and exhilaration

 

 

Day 10

 

Setting up your Movie Poster for Augmented Reality

Step 1 - Open your Movie Poster in Photoshop. 

Step 2 - Figure out what content you want to separate onto 6 layers + a background layer. This would generally need to be the title, images of people, vehicles, buildings, the setting/environment as the background.

Step 3 - recreate the poster as the 6 layer with transparency with the background


Step 4 - Save your image as a PSD file

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 

 

Work on final movie poster and/or the augmented reality version of your movie poster

Email your final movie poster saved as a jpeg to copycenter@hartwick.edu. 

Ask to get it printed once, on 11x17 size glossy paper. Bring the print with you to class on Thursday!

Day 9

Movie poster design

What we are looking at:

- Color

- Composition (placement of visual elements in 2d space...positive and negative space, rule of thirds)

- Image - subject matter

- Image - style

- Font - literal reading

- Font - style

Each of these elements is a "signifier" to the viewer. The viewer will generate meaning from these visual elements to make sense of the image in comparison to what they have seen before and how they understand the visual ques of the element. In the case of a movie poster, the viewer will discern the movies genre, the actors in the movie and when it will be released.

 

 

 

 

 

- - - - - - - - - - - - - - - - - - - - - - - -

 

Project 3

Movie Poster

description:
Create 3 different versions of a movie poster for a movie you’d like to see.

How to Create Project 3

Part 1

a) Write out your Movie idea! First pick a movie genre. (Horror, Sci-Fi, Romantic comedy) Then you need to figure out 'who' the antagonist and protagonist are, 'where' the movie takes place, 'when' the movie takes place, finally the 'what' and 'why' of the story.
b) Look up and download 10 examples of posters that inspire you

c) Compile a list of important information that needs to be on the poster including: movie title, main actors/actresses, film company, producers, date, credits, ext… (use the 10 examples you downloaded as a guide)

d) Collect a variety of imagery to work with for your poster

 * Make sure to find the largest images possible

Part 2

a) Create a template for your poster 11x17” at 180dpi

b) Put in guides for the unprintable boarder and for the middle

c) Create 3 different prototypes of your movie poster

Part 3
- Create 1 final version of the best movie poster based on the comments derived from the critique

Key things to Remember:

* Work on the poster template

* Duplicate important layers

* Save often

----------------------------------------------------------------------------

things to consider:
First you want to figure out a genre for your movie. Is it a Romantic comedy, Sci-fi, Fantasy, Horror, Comedy, Drama, Action, ect… Then look at and collect movie posters of that genre. Consider things like colors used, font type, text placement, use of actors/actresses images, are they full body or close up, what is their gesture.

Details:
all posters should be set for 11x17 inches at 180 dpi

Due

Tuesday Sept 27th – Part 1a,1b,1c,1d (due beginning of class)
Thursday Oct 5th - Parts 2 all three on Google Photos (due beginning of class)

Tuesday Oct 10th – Part 3 Best one Printed (due beginning of class)