Repurposing Challenge

Overview


Design a modern poster using one letter, one color, one archival image, and at least one clipping path. This will help you create a contemporary, engaging composition with only a few resources.


PartDueTime needed
A Design &
B Documentation
Feb 26 2015, 11:59pm1.5 hours (90 minutes)
C FeedbackFeb 27 2015, 11:59pm40 minutes
D ResponseFeb 28 2015, 11:59pm20 minutes

Learning

This assignment aims to build understanding of the following:

  • choosing colors
  • clipping paths
  • combining fonts
  • dots per inch (DPI)
  • finding archival images
  • pixels per inch (PPI)
  • composition
  • transparencies
  • Assignment details

    Part A: Design

    Part B: Documentation

    Part C: Feedback

    Part D: Response

    Examples of Student Work

    Click on any of the images below to see a full example of Parts A and B of the Challenge.


    Repurposing Challenge by Adrianna Owens


    Repurposing Challenge by Katia Coquis Lossio


    Repurposing Challenge by Kassandra Fuentes


    Repurposing Challenge by Cory Shrecengost


    Repurposing Challenge by Luke Keck

    Professional Examples

    Bodoni J with full opacity clipping path

    Custom A with clipping path to incorporate into photo.

    Stencil style 2 with semi-transparent clipping path

    Cusom A with partial, full opacity clipping path

    Three images, two Os and full opacity clipping path

    Instructions

    Part A: Design

    Step 1: Read

    Read the following book sections:

    Step 2: Hunt for Images

    2a. Decide what you want to hunt for. Archival images come in a range of formats: photos, botanical illustrations, maps, scientific illustrations, art illustrations. They also cover a large range of topics. You can look up any country, any subject, any knowledge discipline, or any historical event.

    I recommend searching for a subject you already have an interest in - this will make the project more interesting to you. Maybe you will even learn something new about the subject!

    Make a list of at least three subjects you are interested in using in your project. It should look something like this:

    Image subjects to search for

    • Illustrations of flowers
    • Photos from speeches by Martin Luther King Jr
    • Photos of Reno

    This list will help keep you focussed in the next step.

    2b. Open one of the following collections and search for the items on your list:

    If you don't find what you're looking for in one collection, move on to the next one.

    2c. Check the size of images as you search. Archival images you use in your work must be at least 2000 pixels wide or high on their narrowest dimension.

    2d. Keep searching until you find at least three photos you like that are big enough.

    Note: Lots of the photos you find will not be big enough. If you find something you like that is too small, keep searching.

    Tip: If you find lots of images you like, download all of them. They may be useful in your future design work.

    2e. Save images you like that are at least 2000 pixels wide or high to your desktop.

    Important! Save all of the images you download to Google Drive as you work. Some images are very hard to find a second time.

    2f. Format each photo correctly for this project:

    Step 3: Choose Type

    3a. Find Use Font Book to find a typeface that:

    If you aren't sure how to choose in this section, refer to the tips in the reading Cultural and Personal Considerations and the details of typefaces in the Type Connection game.

    3b. Select one letter, numeral or punctuation mark within that typeface to use on your poster. If you want, you can use the one piece of type repeatedly to make a pattern or abstract composition.

    3c. Check your chosen letter, numeral or punctuation mark. Some pieces of type look much better than others when used at a large size.

    If the answer to these questions is 'yes', then move on to the next step.

    If the answer to either question is 'no', experiment with different pieces of type and different fonts until you get a result you're happy with.

    Step 4: Create

    4a. Open Indesign.

    4b. Create a new file with the following details:

    4c. Save your indesign file.

    4d. Choose one color to use in your work. Choose either black or white to complement that color.

    4e. Copy your type experiment from your Illustrator file to your new Indesign file.

    4f. Place one of your archival images in your Indesign file. Use the color swatch you created earlier to change its color to monochrome.

    4g. Experiment with opacity, clipping paths, and repeating your letter to make interesting compositions.

    4h. Swap out your image with another of the archival images you found. Experiment some more.

    Step 9: Record

    Keep track of the color (one color plus black or white) you've used in your image using hexadecimal references.

    4a. Write a list of the colors you have used in your image (excluding the colors in photographs) in the text editor of your choice.

    4b. Use the eyedropper tool in Photoshop or Indesign to select the color in your image.

    4c. Double click on the color inspector. In the dialog box that appears, there will be a six digit and/or numeral code. Write this number down next to the color name on your list.

    4d. Repeat these steps for each color on your list. The end result of this process should be a list that looks like this:

    Colors in my Repurposing Challenge

    • WHITE = #FFFFFF
    • NAVY BLUE = #1C4A63

    You will need these numbers for Part C of your challenge.

    Step 5: Prepare

    When you are happy with your poster composition, prepare your photo for uploading to WebCampus.

    5a. Export your poster by selecting File/Export, and using the following settings:

    5b. Open this png file in Photoshop. Use the setting File/Save for Web. Make sure your saved poster has the following specifications:

    5c. Save the optimized PNG file of your poster to your computer/hard drive. Upload a copy to Google Drive.

    Part B: Documentation

    Step 1: Write

    Write in a text editor of your choice (for example Microsoft Word, OpenOffice, or Google Documents), one to two sentences (50 words) about your image.

    1a. Add the list of hexidecimal references to your reflective writing document.

    1b. Answer the following questions about your image:

    1c. Save this text document on your computer/hard drive.

    Step 2: Submit

    Click on the 'Webcampus Discussion Board' link at the top of this page.

    2a. Create a new thread by clicking the 'Create Thread' button in the top left corner of the Discussion Board forum.

    2b. Add your optimized image to your thread.

    2c. Copy and Paste your writing from the text editor to WebCampus.

    2d. Save your thread.

    Part C: Feedback

    Step 1: Look

    Read and view the Challenges posted by your class members in the discussion forum.

    Step 2: Choose

    Choose three of your fellow students threads to give feedback comments. Do not comment on threads that have three feedback comments already; this ensures every submission entry will get three answers.

    Tip: If you give feedback early, you will get more choice as others will not have had a chance to give feedback yet.

    Step 3: Write

    3a. In the text editor of your choice, write your feedback. Provide the following information in your feedback:

    3b. Save these answers on your computer or removable hard drive.

    Step 4: Submit

    4a. Create a reply thread for each of the three Challenges you chose to answer by clicking the blue ‘Reply’ button on the bottom left corner of the thread.

    4b. Copy and paste your answers from your text editor into the reply threads for each question and submit your reply thread.

    Part D: Respond

    Step 1: Read

    Read the feedback posted in your discussion forum thread.

    Step 2: Think

    Think about the feedback you received, and identify which comments were most helpful.

    Step 3: Write

    3a. In the text editor of your choice, write a response to the feedback. In this response:

    3b. Save this response on your computer or removable hard drive.

    Step 4: Submit

    4a. Create one reply comment for all the feedback you received by clicking the same blue ‘Reply’ button used in Part C. This will add a reply below all of the comments you received.

    4b. Copy and paste your response from your text editor into the reply thread and submit your reply thread.