Difference between revisions of "Class:MFA Illustration 2023/Week 7"

From wiki.mfaillustration.com
Jump to navigation Jump to search
(→‎Notes)
(→‎Notes)
 
(2 intermediate revisions by the same user not shown)
Line 19: Line 19:
 
;Animated illustration examples on pinboard:
 
;Animated illustration examples on pinboard:
 
:https://pinboard.in/u:choppingblock/t:animated-gif/t:illustration
 
:https://pinboard.in/u:choppingblock/t:animated-gif/t:illustration
 +
 +
=== Animation Techniques Links ===
 +
 +
; How to Keyframe Like a Pro! (Animation process for any software)
 +
: https://www.youtube.com/watch?v=E-sF_1FgpJw
 +
 +
; Photoshop Animation Techniques by Alex Grigg
 +
: https://www.alexgrigg.com/pages/photoshop-animation-techniques (video)
 +
: Old but still valuable
 +
 +
; How To Create An Advanced Photoshop Animation
 +
: https://www.smashingmagazine.com/2015/06/creating-advanced-animations-in-photoshop/
  
 
== Video Notes ==
 
== Video Notes ==
Line 28: Line 40:
  
 
== Assignment ==
 
== Assignment ==
 +
* Your assignment this week is to find an animation that inspires you and create a new hand-drawn, colored, and composited animating illustration.
 +
* This week, you can start your drawings on paper and scan them into Photoshop or work 100% digitally and draw in Photoshop, Fresco, Procreate, etc...
 +
* You can use Fresco, Photoshop, or After Effects to animate your illustration.
 +
* The focus of this assignment is ANIMATION; you should spend most of your effort on the quality/nuance of animation.
 +
 +
=== The Process ===
 +
# Leverage the internet and/or the links above to find an animation or animation technique that inspires you.
 +
#* Save the link or a recording of the animation to hand-in and share with your project.
 +
# Create a new illustration document In Photoshop, Fresco, Procreate, etc...
 +
#* Draw your composite parts digitally or use the scanning techniques from past lessons to create your parts.
 +
#* Using Adobe Fresco, Photoshop, or After Effects, you need to create a 15 second or longer animation that tells a story!
 +
 +
=== The Details ===
 +
* You will be sharing your inspiration example when you present your project.
 +
* Your illustration (and, therefore, animation) should be square.
 +
** I suggest you make your parts within a document with a resolution no smaller than 2400 x 2400 pixels and then make a copy of your file and size down to a smaller size if your animation is long or your computer is struggling.
 +
* Your animation should be 15 seconds or longer.
 +
* Your animation can be in gif or .mp4 formats
 +
 +
=== Upload for class next week ===
 +
* A link or recorded version of your inspiration animation.
 +
* One LAYERED high-resolution Photoshop file of your new non-animating illustration. If you did not use Ps, please save it as a Ps file.
 +
* Any additional source files, scans etc.. used for your animating masterpiece.
 +
* Video or animated gif exported file.
 +
* Google drive folder: [https://drive.google.com/open?id=1N9Q8KzLLNPklG-U_m2DEJP1gCFLL5iUg&usp=drive_fs svaMFAI_20231106-Inspired-by-Illustrated-Animation]

Latest revision as of 10:36, 2 November 2023

Last Week

  • Review "tiny town" projects and your separation technique
  • Photoshop animation techniques
  • New assignment, tiny town animations

This Week

  • Review animation projects and share tips.
  • Additional tips and best practices for animation in Photoshop and Fresco.
  • Next assignment, more animation.

Open Questions

Notes

Animation Example Links

Animated illustration examples on pinboard
https://pinboard.in/u:choppingblock/t:animated-gif/t:illustration

Animation Techniques Links

How to Keyframe Like a Pro! (Animation process for any software)
https://www.youtube.com/watch?v=E-sF_1FgpJw
Photoshop Animation Techniques by Alex Grigg
https://www.alexgrigg.com/pages/photoshop-animation-techniques (video)
Old but still valuable
How To Create An Advanced Photoshop Animation
https://www.smashingmagazine.com/2015/06/creating-advanced-animations-in-photoshop/

Video Notes

Assignment

  • Your assignment this week is to find an animation that inspires you and create a new hand-drawn, colored, and composited animating illustration.
  • This week, you can start your drawings on paper and scan them into Photoshop or work 100% digitally and draw in Photoshop, Fresco, Procreate, etc...
  • You can use Fresco, Photoshop, or After Effects to animate your illustration.
  • The focus of this assignment is ANIMATION; you should spend most of your effort on the quality/nuance of animation.

The Process

  1. Leverage the internet and/or the links above to find an animation or animation technique that inspires you.
    • Save the link or a recording of the animation to hand-in and share with your project.
  2. Create a new illustration document In Photoshop, Fresco, Procreate, etc...
    • Draw your composite parts digitally or use the scanning techniques from past lessons to create your parts.
    • Using Adobe Fresco, Photoshop, or After Effects, you need to create a 15 second or longer animation that tells a story!

The Details

  • You will be sharing your inspiration example when you present your project.
  • Your illustration (and, therefore, animation) should be square.
    • I suggest you make your parts within a document with a resolution no smaller than 2400 x 2400 pixels and then make a copy of your file and size down to a smaller size if your animation is long or your computer is struggling.
  • Your animation should be 15 seconds or longer.
  • Your animation can be in gif or .mp4 formats

Upload for class next week

  • A link or recorded version of your inspiration animation.
  • One LAYERED high-resolution Photoshop file of your new non-animating illustration. If you did not use Ps, please save it as a Ps file.
  • Any additional source files, scans etc.. used for your animating masterpiece.
  • Video or animated gif exported file.
  • Google drive folder: svaMFAI_20231106-Inspired-by-Illustrated-Animation
Retrieved from "http://wiki.mfaillustration.com/index.php?title=Class:MFA_Illustration_2023/Week_7&oldid=1176"