4.4 Movie Poster Communication Challenge

Step 1: Read 
Read this passage from the week’s readings.

Communication reading: “Legibility”

PDF version  
WebCampus version (below)
Summary: Break up visual communication into many, clearly defined segments to improve its effectiveness.

Step 2: Think and Create 
2a.    
Think about great movie posters. They combine images and text for effective visual communication, while still maintaining great legibility. As in the previous challenge, also think about what emotion you want your audience to feel when they see your movie poster.

2b.    
Choose the visual details to use in your movie title.

One color.

One font. If you’re unsure which font to choose, look at the Typeface Dating Game. You don’t have to play the game, but if you look at this site, it tells you about the characteristics of different fonts, and how they are likely to make a viewer feel.

2c.    
Bad movie poster: Find a movie poster you are confident you can improve.

Search Google Images using the search term “worst movie poster” or something similar.

Click on your preferred image.

Click on ‘view image.’

Right click the image and select ‘save image as…’ to save the image to your hard drive.

2d.    
Photograph: Find a photograph that makes you feel the way you want your audience to feel. This will make the background of your animated gif.

Search on the internet (Google Images, Pinterest, Tumblr, Flickr, 500px or Behance) using the name of the emotion you want your audience to feel, and/or one word from the movie title.

Save photograph at full size on your hard drive.

Edit photograph to your satisfaction. Make sure the image will make a good background for text (including: make image monochrome, blur details slightly, reduce contrast, reduce saturation)

Save edited image at full size on your hard drive.

2e.    
Storyboarding: Using the provided template  

, sketch your storyboard. You’ll draw out ten frames for your animated movie poster. These frames will show which elements of the poster will be animated. Make sure it has the following elements:
Scene 1: Original state.
This scene shows how you would design the movie poster as a still image.

Scenes 2–5: Transition from original photo to height of motion.
Sketch out how the background image will be adjusted slightly on each of these four slides to transition to the height of motion slide.

Scene 6: Height of motion.
This scene is the same as the scene 1, with a dramatic change in the background image. This change could include:

photo movement
photo color
photo filter effects
illustration overlays
Scenes 7–10: Transition from height of motion to original state.
Sketch out how the background image will be adjusted slightly on each of these four slides to transition back to the original state of your animated gif.

2f.    
Document storyboarding.

Take a photograph of your storyboard sketching.
Make sure that when you take the photograph, it is in good light (a bright room, out of direct sunlight is ideal), and the sketch is the only thing in the image.

Save the photograph at full size on your computer/hard drive.

Edit the photograph of your storyboard sketching.

Open your photograph in Pixlr Editor, and if necessary, adjust its rotation so that it displays the right way up. Crop your photograph, so only the storyboard image is showing. Increase the contrast in the storyboard photo by adjusting the curves slightly.

Save the edited, improved image of your storyboard on your computer/hard drive.
2g.    
Generate content.

In Pixlr Editor, open the provided template ‘movie poster template.pxd  

 ’ (link to file).
Add your edited background image to the template file, behind the other elements.

Change the title text to the name of your movie, and change the font type and font color to the choices you selected earlier.

Save this file on your hard drive/computer as a PNG called ‘scene1.png.’

Edit the font in your image to produce the effect you drew in scene 2 of your storyboard.

Save this file on your hard drive/computer as a PNG called ‘scene2.png.’

Repeat this process until you have made all ten scenes from your storyboard.

2h.    
Assemble animated gif.

Open GIFPAL.

Add each of the ten images you just created to the GIFPAL image library.

Add each image to your gif by selecting it from the GIFPAL image library and then clicking on the camera icon.

Set your preferred transition speed from the right hand window.

Click ‘make gif.’

2i.    
Download gif and save to your computer/hard drive.

Step 3: Write 
Write in a text editor of your choice (for example Microsoft Word, OpenOffice, or Google Documents), one to two sentences (30–100 words) about each photo.

3a.    
Answer these questions about your storyboard:

Why did you choose to use this particular image in your movie poster? 
Describe the process of selecting an appropriate image.
What was your reasoning for choosing the image animation you did?
Describe how you feel the animation adds to the effectiveness of your poster.
3b.    
Answer this question about your quote:

What is the personal significance of this quote to you?
3c.    
Assess your work, and answer these questions about your movie poster:

How effective was your animated gif at demonstrating legibility?
What are you happy with about your animated gif?
What would you have done differently if you had more time/skills?
3d.    
Save this text document on your computer/hard drive.

Step 4: Prepare 
Prepare your storyboard image for uploading to WebCampus.

4a.    
Optimize your bad movie poster and storyboard images for correct display on your journal (max width/height: 800 pixels; filetype:png).

4b.    
Save the optimized images on your computer/hard drive.

There is no need to prepare your animated gif for WebCampus, as the animated gif format is already web-friendly.

Step 5: Submit 
Create a new post in the blog: ‘Movie Poster Communication Challenge.’

5a.    
Add your optimized bad movie poster and storyboard images to your post.

5b.    
Add your animated gif to your post.

5c.    
Copy and Paste your writing from the text editor to your blog.

5d.    
Save your blog post.