Finish Visual Design Top 5 - InDesign Project - Multi Frame Collage

Finish: Visual Design Top 5 - InDesign Project

Post to Google Classroom #visualdesigntop5

Video Tutorial: Basic Tools

Process/Steps

• Open New Document
• Choose default: letter
• Change orientation (portrait or landscape)
• Create a title on your page
• Must say “Visual Design Top 5”
• Add a stroke and drop shadow and/or other effects
• Create a list of “Top 5” for each of the following: movies, TV shows, websites, and restaurants (you may substitute a category with teacher permission)
• Each list needs a label, the label must have a special feature like stroke or drop shadow
• Each “Top 5” list must have two pictures
• Pictures must have a special feature
• Pictures should high quality (2MP or larger)
• Project is due Monday - end of period
• Use the shortcut “W” to preview your document
• Does it look “neat” (as in organized, not cool)? Does it look professional? Does it look like you spent time on it and thought about what you were doing?
• InDesign documents have to be "Exported" as a JPEG -- then you can post
• Post to Google Classroom #visualdesigntop5

NEW When finished with Top 5:  Multi-frame collage with InDesign using ONE picture! - Short assignment - should post today, end of period  #indesigncollage

Tutorial Link: MultiFrames in InDesign

• Choose your own high-quality image (see examples below)
• Follow tutorial directions to make your collage!
• You will create 5 - 8 content frames from your one picture
• Focus on the end product - does it look neat and professional?
• Complete TWO multi-frame collages and post your favorite one to Google Classroom using #indesigncollage

Example Multi-Frame Collages:

InDesign Practice and Top 5

Learning Target:  Introduction and practice of the basic features of InDesign - a graphic design/layout Adobe software

Why:  To learn how to use and apply basic concepts to design a project (Top 5 list).

More:  InDesign basics

• Layering objects
• Gradient swatches
• Text w/ effects
• Shapes w/ effects
• Grouping objects

Finish "InDesign Practice"

• InDesign "Practice Document"
• Create minimum of five shapes
• Practice using fill, stroke, and align tools
• Each shape needs different designs
• Experiment and try various things
• Create a title and add your name
• Change fonts
• Change fill, stroke - try gradients
• Apply different effects on title and name text
• Add four more words
• use different fonts
• type text on a path
• fill, stroke, effects
• Insert a frame and place one of your photoshop pictures
• Experiment with this
• Save as an InDesign file - id
• Export as a .jpg and save
• Post to Google Classroom  #indesignpractice

NEW: Visual Design Top 5 - InDesign Project

Video Link: What is InDesign? | Working with Objects | Text in InDesign | Basic Tools in InDesign

Evaluate Top 5 Examples:

• What looks creative and professional!
• What looks unorganized and effortless!

Process/Steps

• Open New Document
• Choose default: letter
• Change orientation (portrait or landscape)
• Create a title on your page
• Must say “Visual Design Top 5”
• Add a stroke and drop shadow and/or other effects
• Create a list of “Top 5” for each of the following: movies, TV shows, websites, and restaurants (you may substitute a category with teacher permission)
• Each list needs a label, the label must have a special feature like stroke or drop shadow
• Each “Top 5” list must have two pictures
• Pictures must have a special feature
• Pictures should high quality (2MP or larger)
• Project is due Tuesday - end of period
• Use the shortcut “W” to preview your document
• Does it look “neat” (as in organized, not cool)? Does it look professional? Does it look like you spent time on it and thought about what you were doing?
• InDesign documents have to be "Exported" as a JPEG -- then you can post
• Post to Google Classroom #visualdesigntop5

Intro to InDesign

InDesign - New Adobe Product

Similarities/Differences
Practice

Video Link: Basics of InDesign? | Working with Objects | Text in InDesign | Basic Tools in InDesign

Today we'll start a two week unit on InDesign. With InDesign you can combine Photoshop files and Illustrator files to create documents to share with others. Watch the videos above your own before starting your assignment below.  

• To open InDesign:
• Click on the START button
• Next click on Adobe InDesign CC 2018

We're going to practice some InDesign features.  We are just practicing today.  Explore.  Have fun.  Don't stress!  We are learning how to use this, some for the first time...

If you'd like, you can search for quick tutorial via Google or YouTube.

• What is InDesign?
• Compare InDesign to Photoshop
• Show some features of InDesign
• Shapes
• Fill
• Stroke (borders)
• Text
• Effects
• InDesign "Practice Document"  (8" by 10")
• Create a minimum of five shapes
• Practice using fill, stroke, and align tools
• Each shape needs different designs
• Experiment and try various things
• Create a title and add your name
• Change fonts
• Change fill, stroke - try gradients
• Apply different effects on title and name text
• Add four more words
• Use different fonts
• Fill, stroke, effects
• Insert a frame and place one of your Photoshop pictures
• Experiment with this
• Save as an InDesign file - id
• Export (File, Export) as a .jpg and save
• Post to Google Classroom  #indesignpractice

Finish Album Cover Quiz / Explore InDesign

Learning Target:  Apply Photoshop knowledge to this final Photoshop document.

Why:  To demonstrate your new Photoshop skills learned this semester

Due today:  Photoshop Quiz/Album Cover 

Post as #photoshopquiz

Click here:  Photoshop Quiz Directions

• Follow directions
• Use your creativity
• Make something cool and interesting!
• Post to Google Classroom  #photoshopquiz

Explore InDesign!  

Photoshop Quiz

Learning Target:  Apply Photoshop knowledge to this final Photoshop document.

Why:  To demonstrate your new Photoshop skills learned this semester

Photoshop Quiz/Album Cover - due today, end of period  

Post as #photoshopquiz

Click here:  Photoshop Quiz Directions

• Follow directions
• Use your creativity
• Make something cool and interesting!
• Post to Google Classroom  #photoshopquiz

Top 10 Photoshop Tools/Shortcuts - Final Day

Agenda

We're wrapping up our time in Photoshop this week. Finish creating a document of your favorite shortcuts for Photoshop. 

We will have a Photoshop Quiz tomorrow.

Assignment: FAVORITE PHOTOSHOP TOOLS/SHORTCUTS

Here are the requirements:

• Create a new Photoshop document (11" wide by 9" tall)
• Need a title somewhere in the document
• Need a picture of your favorite or most-often-used shortcut or tool
• Use the snipping tool to cut out the buttons
• Add the name of each tool and a brief description of what the tool does
• Include a nice background
• Spelling counts!
• Organize nicely on the page
• Document must be high-quality, professional

Post your Shortcuts list to Google Classroom with #favoriteshortcuts

Top 10 Photoshop Tools/Shortcuts / Zombie Extra Credit

Learning Target: Review basic tools and shortcuts used in Photoshop projects.  This will also be used as part of your Final Portfolio project.

Why: To create a document/resource of your Top 10 tools/shortcuts used while we've worked in Photoshop this semester.

We're wrapping up our time in Photoshop this week.

TO DO: 

• Finish Text Splash??
• PS Tools - NEW (See Below)
• Extra Credit: Zombie Project (see end of post)

Assignment: FAVORITE PHOTOSHOP TOOLS/SHORTCUTS

• Create a new Photoshop document (11" wide by 9" tall)
• Need a title somewhere in the document
• Need a picture of your favorite or most-often-used shortcut or tool
• Use the snipping tool to cut out the buttons
• Add the name of each tool AND a brief description of what the tool does
• Use a creative but readable font
• Include a nice background
• Spelling counts!
• Save room on the page to add more tools from InDesign and/or Illustrator!

Examples:

EXTRA CREDIT:  Zombie Project!

Start:  

• Find a scary, high quality background photo (2MP or larger)
• Cut out a person (yourself or Google image) and place on background (must be a real photograph, not a drawing or cartoon)
• Find other photos of scars, weird mouth, blood,  etc.
• Check tutorial for ideas and how to change skin color
• Blend any objects into your project - see tutorial for help

Tutorial Link (use for ideas, you do not need to follow the entire tutorial): Zombie Tutorial

My Tips/Details about the Tutorial:

• Step #1
• Use the quick selection tool instead of the pen tool
• Click on "refine edge" = "select and mask" and then Output > New layer"
• Step #9
• "Blending Mode" is the drop down menu right above your last layer; it probably says "Normal" right now.
• Save as a .psd and as a .jpeg. Post the .jpeg to Google Classroom #zombietutorial.

Text Splash Effects Poster & Finish Quote Portrait

Learning Target:  Use the clipping mask, students will create a 

themed collage of pictures that show through text, and create your own 

new brush and apply it to the text/photos

Why:  To create an artistic poster with see-through text and splash 

effects!

Finish the Quote Portrait??

NEW:  Text Splash Effects Poster

• Go over project
• Can make your own brush for the "splash effects"
• Directions
• Make something very creative and cool!
• Post #splashtext

Examples:

Quote Portrait Assignment

Learning Target:  Learn how to edit text so you can see through to the 

background photo

Why:  So you can create your awesome quote portrait

Quote Portrait Assignment

Video Tutorial: John Lennon Portrait

Hints:

• Crop the photo to make your face take up most of the space
• Make the photo black and white (CTRL+SHIFT+U)
• Use a thick, wide, straight font (sans serif - no tails)
• Lay out your quote to fit the contour of your face
• Quotes must be appropriate 

Post Movie Poster/Share with class/Quote Portrait

Learning Target:  Learn how to edit text so you can see through to the background photo

Why:  So you can create your awesome quote portrait

Finish Movie Poster??
Peer Evaluations - add comments to Google Classroom stream

>NEW:  **You need a portrait photo of yourself (just your head/face) 

for this project. If you need a photo, we'll take one today.

We will start this project tomorrow!

>Watch Tutorial together
>Discuss project
>Begin tutorial on your own - save frequently!

Video Tutorial: John Lennon Portrait

As a class, we are going to watch the tutorial above. We will look at the video to get an 

overview of the project.

Open your own portrait photo.  Open the tutorial link on your computer and begin the 
tutorial on your own. It is helpful to pause and repeat because the video is kind of fast.  
If you have headphones, use them!

Hints:

• Crop the photo to make your face take up most of the space
• Make the photo black and white (CTRL+SHIFT+U)
• Use a thick, wide, straight font (sans serif - no tails)
• Lay out your quote to fit the contour of your face
• Quotes must be appropriate