Advanced Photoshop & Graphic Design

  • Home
  • Syllabus
  • Weekly Lessons
    • Portfolio
    • Lesson 1 >
      • 1-1
      • 1-2
      • 1-3
      • 1-4
      • 1-6
      • 1-7
      • 1-8
      • 1-9
      • 1-JFF
      • 1-IDEA
    • Lesson 2 >
      • 2-1
      • 2-2
      • 2-3
      • 2-4
      • 2-5
      • 2-6
      • 2-7
      • 2-8
      • 2-9
      • 2-JFF
      • 2-IDEA
    • Lesson 3 >
      • 3-1
      • 3-2
      • 3-3
      • 3-4
      • 3-5
      • 3-6
      • 3-7
      • 3-8
      • 3-JFF
      • 3-IDEA
    • Lesson 4 >
      • 4-1
      • 4-2
      • 4-3
      • 4-4
      • 4-5
      • 4-6
      • 4-JFF
      • 4-IDEA
    • Lesson 5 >
      • 5-01
      • 5-02
      • 5-03
      • 5-04
      • 5-05
      • 5-06
      • 5-07
      • 5-JFF
      • 5-IDEA
    • Lesson 6 >
      • 6-01
      • 6-02
      • 6-03
      • 6-04
      • 6-05
      • 6-06
      • 6-07
      • 6-08
      • 6-JFF
      • 6-IDEA
    • Lesson 7 >
      • 7-01
      • 7-02
      • 7-03
      • 7-04
      • 7-05
      • 7-06
      • 7-JFF
      • 7-IDEA
    • Lesson 8 >
      • 8-01
      • 8-02
      • 8-03
      • 8-04
      • 8-05
      • 8-JFF
      • 8-IDEA
    • Lesson 9 >
      • 9-01
      • 9-02
      • 9-03
      • 9-04
      • 9-05
      • 9-JFF
      • 9-IDEA
    • Lesson 10 >
      • 10-01
      • 10-02
      • 10-03
      • 10-04
      • 10-05
      • 10-JFF
      • 10-IDEA
    • Lesson 11 >
      • 11-01
      • 11-02
      • 11-03
      • 11-04
      • 11-05
      • 11-JFF
      • 11-IDEA
    • Lesson 12 >
      • 12-01
      • 12-02
      • 12-JFF
      • 12-IDEA
    • Lesson 13 >
      • 13-01
      • 13-02
      • 13-03
      • 13-04
      • 13-05
      • 13-JFF
      • 13-IDEA
    • Lesson 14 >
      • 14-01
      • 14-02
      • 14-03
      • 14-04
      • 14-05
      • 14-06
      • 14-JFF
    • Lesson 15
  • Resources
    • Creativity
    • Design Resources
    • Photography Composition
    • Photoshop Resources
    • Photoshop Tool Tutorials
    • Photoshop YouTube Channels
  • Student Galleries
    • Portfolio 01
    • Portfolio 02
    • Portfolio 03
    • Portfolio 04
  • Instructor/Contact
  • Class FAQ
  • Portfolios
  • Real World Projects!
  • Home
  • Syllabus
  • Weekly Lessons
    • Portfolio
    • Lesson 1 >
      • 1-1
      • 1-2
      • 1-3
      • 1-4
      • 1-6
      • 1-7
      • 1-8
      • 1-9
      • 1-JFF
      • 1-IDEA
    • Lesson 2 >
      • 2-1
      • 2-2
      • 2-3
      • 2-4
      • 2-5
      • 2-6
      • 2-7
      • 2-8
      • 2-9
      • 2-JFF
      • 2-IDEA
    • Lesson 3 >
      • 3-1
      • 3-2
      • 3-3
      • 3-4
      • 3-5
      • 3-6
      • 3-7
      • 3-8
      • 3-JFF
      • 3-IDEA
    • Lesson 4 >
      • 4-1
      • 4-2
      • 4-3
      • 4-4
      • 4-5
      • 4-6
      • 4-JFF
      • 4-IDEA
    • Lesson 5 >
      • 5-01
      • 5-02
      • 5-03
      • 5-04
      • 5-05
      • 5-06
      • 5-07
      • 5-JFF
      • 5-IDEA
    • Lesson 6 >
      • 6-01
      • 6-02
      • 6-03
      • 6-04
      • 6-05
      • 6-06
      • 6-07
      • 6-08
      • 6-JFF
      • 6-IDEA
    • Lesson 7 >
      • 7-01
      • 7-02
      • 7-03
      • 7-04
      • 7-05
      • 7-06
      • 7-JFF
      • 7-IDEA
    • Lesson 8 >
      • 8-01
      • 8-02
      • 8-03
      • 8-04
      • 8-05
      • 8-JFF
      • 8-IDEA
    • Lesson 9 >
      • 9-01
      • 9-02
      • 9-03
      • 9-04
      • 9-05
      • 9-JFF
      • 9-IDEA
    • Lesson 10 >
      • 10-01
      • 10-02
      • 10-03
      • 10-04
      • 10-05
      • 10-JFF
      • 10-IDEA
    • Lesson 11 >
      • 11-01
      • 11-02
      • 11-03
      • 11-04
      • 11-05
      • 11-JFF
      • 11-IDEA
    • Lesson 12 >
      • 12-01
      • 12-02
      • 12-JFF
      • 12-IDEA
    • Lesson 13 >
      • 13-01
      • 13-02
      • 13-03
      • 13-04
      • 13-05
      • 13-JFF
      • 13-IDEA
    • Lesson 14 >
      • 14-01
      • 14-02
      • 14-03
      • 14-04
      • 14-05
      • 14-06
      • 14-JFF
    • Lesson 15
  • Resources
    • Creativity
    • Design Resources
    • Photography Composition
    • Photoshop Resources
    • Photoshop Tool Tutorials
    • Photoshop YouTube Channels
  • Student Galleries
    • Portfolio 01
    • Portfolio 02
    • Portfolio 03
    • Portfolio 04
  • Instructor/Contact
  • Class FAQ
  • Portfolios
  • Real World Projects!
Quicklinks to all course lessons:  1   2   3   4   5   6   7   8   9   10   11   12   13   14   15
Lesson 13 Sections:   13-1   13-2   13-3   13-4   13-5   13-JFF   13-IDEA

Lesson 13 - Video and Animation in Photoshop

Week 13 • Spring Semester 2020 • Apr. 6-12, 2020
  • Face-to-Face Class: Apr. 7: 3:00-5:30 - EDUC 170 Mac Lab
  • Assignments due on or before Apr. 13, 2020
Picture
Picture
Picture
Lesson 13 Description:
Photoshop CC has strengthened its video editing and animation capabilities over the years.  Although it's more of an add-on than a fully featured video editing suite, it does have the advantage of allowing you to use many of the Photoshop filters and adjustment layers on video as well as still images.  In this week's lesson, you'll learn the basics of video editing and frame animation in Photoshop!  Let's get started! Lights! Camera! Action!
Objectives:
  1. Video in Photoshop
  2. Creating animated GIFs
  3. Creating a cinemagraph
  4. Creating video title screens - Creating stop motion animations
  5. Principles of Art and Design: Rhythm
  • Optional: Just for the Fun of It!
  • Portfolio Exhibit Idea Starters
Review - Critiques - Share Techniques - Gallery 9
There are three exercise choices this week! Choose the one that interests you. Have fun! ​All other assignments, rubrics, required readings, etc. are in Week 13's module in Canvas
Don't get overwhelmed! Suggested plan to accomplish lesson 13:

Monday: Go through ​this page and lesson 13-1 
  • 13-1 will teach you how upload, edit, and export video in Photoshop. Exercise A13-01 is one of three exercises presented to you this week. You'll choose one of the three to submit for lesson 13. A13-01 is about creating your own video in Photoshop! You are encouraged to use your lesson 13 choice as your portfolio exhibit 10 challenge.
Tuesday: Go through lesson 13-2
  • 13-2 will teach you how create an animated GIF file in Photoshop. Exercise A13-02 is one of three exercises presented to you this week. You'll choose one of the three to submit for lesson 13. A13-02 is about creating your own animated GIF in Photoshop! You are encouraged to use your lesson 13 choice as your portfolio exhibit 10 challenge.
Wednesday: Go through lesson 13-3
  • 13-3 will teach you how create a cinemagraph in Photoshop. Exercise A13-03 is one of three exercises presented to you this week. You'll choose one of the three to submit for lesson 13. A13-03 is about creating your own cinemagraph in Photoshop! You are encouraged to use your lesson 13 choice as your portfolio exhibit 10 challenge.
Thursday: Go through lesson 13-04
  • 13-4 will teach you how create animated titles in Photoshop.
Friday - Monday: Go through lesson 13-5, 13-JFF, and 13-IDEA
  • ​13-5 covers the principle of rhythm in art and design. Work on the lesson 13 portfolio assignment and critique discussions in Canvas! Browse through the just for fun section. The IDEA section is there to help spark ideas for your portfolio exhibits.
Lesson 13 Reading Assignment
  • Undergraduate Students: 
    • McWade on various layouts - part 2
    ​​Graduate Students: 
    • McWade on various layouts - part 2
Picture
Portfolio exhibit 10 challenge:. Can you create a design that includes an animation, or a video you've made in Photoshop?

For your portfolio exhibit, focus on creativity and design! Come up with a graphic design that demonstrates your use of these new animation skills you've learned in the lessons! The IDEA section sections in every lesson contain ideas on how you can put creativity, design, and the tools you've learned into practice. When you've completed your portfolio exhibit, please do the following:
  • Save your portfolio exhibit photoshop file as Portfolio-10_Your_Name.PSD, and submit it here in Canvas.
  • Export your portfolio exhibit as a web friendly mp4 video or GIF image and add it to your online portfolio, along with the accompanying description, citations, etc. (See Portfolio in the Weekly Lessons) for more detail and instructions on this).
  • When you submit your portfolio exhibit in Canvas, also put the URL for your online exhibit in assignment comments.
Lesson 13 Scoring Rubrics:.​
  • A13 - Exercises Assignment
  • Portfolio Exhibit 9 Class Critiques
  • A13-Portfolio Exhibit 10 Assignment
  • A13-Portfolio Exhibit 10 Revision
Picture

Quicklinks to all course lessons:  1   2   3   4   5   6   7   8   9   10   11   12   13   14   15
Lesson 13 Sections:   13-1   13-2   13-3   13-4   13-5   13-JFF   13-IDEA

Page last updated June 14, 2020.  This lesson combines my own work (images, text, videos) which are ©2020 by Nathan Smith.  All other images, videos, and cited text sources are curated from the internet, and are publicly available.
Picture
Proudly powered by Weebly