Thursday, August 31, 2017

AE Skills Continued: 20 Effects & Filters Exercise


Hello Students,
Motion Graphics is a technique that is used to bring graphics, animation and 3D content to life. It is used in commercials, production, movies, animation and more. From the most complicated animated feature film to a simple logo animation, motion graphics makes it happen.

Tutorials - After Effects for Beginners:
Read and work through these tutorials to gain an in-depth understanding of the After Effects workflow. Don't skip any steps or skim over the material, read each and every paragraph and try out the steps yourself. Be thorough, you will be calling on these skills for the next assignment. Work through all, from intermediate to advanced.
Motion Graphics can blur the line between video, art and animation


20 Different AE Effects Assignment Details:
  • Find a short clip from one of your previous projects, output a 3-5 second clip of video from Final Cut. Use the Export > Quicktime function for best results.
  • Launch Adobe After Effects
  • Go to File > Import > Files and navigate to your clip
  • Drag your clip into the timeline and set up a composition
  • Explore the Effects menu, pick one while your clip is selected in the timeline to apply that effect
  • You can use Command-D to duplicate a clip, you can also Option-ClickDrag to make a copy.
  • Use the Text Tool to create a text object and type in the name of the Effect, shorten the Text Objects Layer in the Timeline so it only appears for that specific clip. Repeat for each clip.
  • Apply 20 different Effects to 20 different clips... explore the effects palette to modify the Effect's parameters. 
  • When done, set up your in/out markers and use Command-Control-M to "Make" a movie. You will see the Render Que... hit the Render button to save your movie.
  • Transfer your movie to my laptop via thumbdrive to turn it in
  • Files are due before end of class monday
Grading for a total of 10 points:
2.5 Points - All 20 clips created with effects
2.5 Points - Effects have labels
2.5 Points - Quicktime movie turned in and is proper video format
2.5 Points - File turned in on time

AE Effects Samples:













Have Fun!



 - Mr.W

Monday, August 28, 2017

Modern Motion Graphics: Introduction to Animation with Key Frames in AE

Hello Students,
To re-inforce our newly developing skills in After Effects (AE) we will revisit the effects and animation tutorial to create a short series of sample animations that demonstrate different capabilities in AE.

Tutorial Link: AE for beginners - effects and animation

Animation Basics Project:
In this project you are required to read the tutorial link above and create examples of different methods and techniques of animating with AE. Your animation should use simple solid shapes or images, the key is to simply demonstrate each technique listed below. Keep your sample animations short and to the point. Total running time for project should be kept under 2 minutes.

  • Open up the link above in a web page
  • Launch AE and create a new HD composition
  • Create an animation sample using simple solid shapes or images for each of the following listed below
  • Work with your classmates to share information and discoveries
  • When complete export your sample animation movie and turn in to the external HD
  • If you are unsure refer to the tutorial page, it lists all the methods to create these samples

Create a sample key framed animation that demonstrates the ability to transform:

  • Position
  • Opacity
  • Scale
  • Rotation


Create a sample animation that demonstrates the ability to alter the velocity of a keyframe:

  • Easing into a keyframe, to slow down
  • Easing out of a keyframe, to begin slowly and speed up


Create a sample animation that demonstrates:

  • Parenting of 2 objects
  • 2-3 objects that overlap each other and show blending modes applied to change how objects blend together
  • A masked object
  • A masked object with a feather applied to the mask
  • A masked object where the mask is animated


Saturday, August 19, 2017

Traditional Animation Origins: Thaumatropes and Phenakistoscopes

Hello Students,

Your next module is a physical exercise in creating examples of the earliest forms of animation. This module will create an understanding the illusion that makes animation possible, this is called "Persistence of Vision".

Animation History Project 1: Creating a Thaumatrope
  • Make a thaumatrope using the materials available
  • Think of an interesting 2-frame animation idea and create a handmade thaumatrope device, it can be created digitally and printed out or by drawn by hand
  • You will turn in a physical example of your thaumatrope.
  • Due at end of class today!

Animation History Project 2: Creating a Phenakistoscope
  • Create a phenakistoscope using the materials available
  • Follow the lesson details outlined in the CTEOnline curriculum for creating a "Spindle Viewer". This lesson contains a template which may be printed and used
  • Think of an interesting 16 frame animation, it should be able to loop seamlessly if you are successful
  • Your animation can be drawn by hand, created digitally or with photographs, your imagination and skill level is the only limit
  • You will turn in a physical example if your phenakistoscope along with an animated GIF file of your phenakistoscope. We will learn how to make animated GIF's with Photoshop before you turn it in.
Links:

Phenakistoscope Instructions
  1. Obtain or print up a copy of the phenakistoscope template
  2. Sketch your animation very lightly in pencil, make sure to keep your artwork consistent and evenly spaced for best results. Make sure the scale of your characters or artwork is consistent.
  3. Spin your template for a quick preview of what your animation will look like, adjust lines or artwork if needed
  4. Once the artwork is complete, ink the sketched artwork with a dark pen. Felt tip pens are best but any will work. Make sure the lines are bold and easy to see for best results.
  5. Scan your template with the scanner and transfer to your computer
  6. Open your scanned image with adobe photoshop
  7. Create a new layer and set the blending mode to darken. On this layer paint color over your artwork with a brush/pencil tool. The blending mode "darken" will allow your line art to show through the color you added
  8. When the color layer is complete flatten your image to make the color and artwork into a single layer. Save a copy of this to preserve your original layered file.
  9. Open your flattened image and open the animation palette in photoshop, set the palette to work in frame mode.
  10. Create 16 layers of your template, rotating each layer so that it is aligned and ready for animation
  11. In the animation palette sub menu, select "make frames from layers" and your layers will be cast across the timeline in the animation palette
  12. Adjust your duration and delete any frames that don't belong.
  13. Hit the play button to see your animation, adjust speed/duration if necassary
  14. Export a GIF files to make an animated web safe file
  15. Make sure the GIF looks good and is set to loop "forever"
  16. Make sure you add your first and last name to the file and turn it into my external hard drive or copy to my laptop.
Due by end of class Monday


    Have fun! - Mr.W

    Monday, January 23, 2017

    Thank You Video Production Class of 2017

    Thank You Video Production Class of 2017
    Thank you to all my great students from this years Video Production and Animation class. There were some very impressive portfolios and projects and I thank you all for your hard work and dedication.



    This blog will go live again for the fall semester 2017-18.

    - Mr.W

    Monday, December 19, 2016

    Video Production and Animation Final: Demo Reel and ROP Print Portfolio

    Students,
    As part of your final you will produce a high energy demo reel that showcases your work during the semester. You will also complete your ROP print portfolio. Both of these items are due on the 18th.


    Demo Reel Project:
    Having a compelling demo reel is a key component in communicating your talents and digital media skills to potential employers and clients. You final project is to create a demo reel that showcases your skills. Read: Pixars tips on creating a demo reel

    • Choose a short and high energy piece of music to edit your demo reel to, make sure you have this ready before you begin editing
    • Launch Adobe Premiere and begin adding all of your rendered animation assets and video projects from the semester (work from other classes or prior semesters/independent work is allowed)
    • Create an intro slide plus an ending title slide with your name and email address
    • Edit your slides, images, animations and videos to your music, make sure to edit on the beat of your music track to keep it compelling
    • Demo reel music and action should crescendo towards the end
    • Keep the demo reel down to 1 minute or 1:30 approximately
    • Include tails and 2-pop
    • Turn in via NAS or SNET in full HD H.264 with 10Mbps Data Rate

    ROP Print Portfolio Project:

    Having a polished and professional looking portfolio is key to your success in finding work after High School and moving on to developing a career. Download the ROP Portfolio Handbook to use as a guide for creating your own portfolio, a requirement in all ROP classes.

    Portfolio's are due by the end of the semester and must be ready for presentation, evaluation and critique. You will complete a digital version as a PDF file for evaluation. Class winner will be able to print and prepare their portfolio for inclusion in the Portfolio Showcase competition. This portfolio is part of your final grade.


    Remember that the best portfolio in class will be sent to the portfolio design competition that ROP has at the end of each school year, your portfolio will compete against other graphic design classes across the county, and there are prizes!
    A judge evaluates print portfolio's from past entrants...

    Portfolio Development Assignment:
    • Your portfolio must be created in Indesign and the final file must be a multi-page PDF document
    • Use the Pages palette to create multiple pages for your portfolio with Indesign
    • Your portfolio cover, table of contents and all materials should look clean and consistent. Use consistent design style across all aspects of your portfolio, this includes color, typography, layout and style

    Your Portfolio must contain in this order: See portfolio handbook for more details...
    1. Cover page with your name, class title, year. Spend some time on this, it should show good design skill and be reflective of your personality
    2. Table of contents
    3. Letter of Introduction
    4. Resume
    5. Handwritten Job Application 
    6. List of References
    7. Letter of Recommendation -  cannot be from your ROP teacher or a family member
    8. 3 or more work samples with written explanation about the work, why is it important to your career choice? What did the project entail, what were the challenges and difficulties? Give us details.
    How Your Portfolio Is Evaluated:
    • Contains required content and format
    • Well organized
    • Free of grammer problems
    • ROP related work samples
    • Shows creativity
    • Nice appearance
    • Shows skill development
    • Appropriate for use in job search
    • Professional appearance
    • Nice presentation
    A print portfolio can take many forms, it can be professionally bound, stitched by hand or bound with a spiral ring... how will you create your portfolio, what will make it stand out above the rest?

    Tips For Winning The Portfolio Competition:
    In the last few years the portfolio competition has gotten fierce, especially for the graphic design category. Other schools have printing facilities that we don't, so you must use your creativity, ingenuity and eye for design to stand above the rest. Consider purchasing a large format portfolio binder and printing work samples at 11X17", or consider making a hand-bound book format to showcase your work. The limits are only contained by your creativity!
    Use this as a rough guide to laying out your own portfolio...
    Ok, have fun!

    Student Portfolio Design Samples:




    Sunday, November 27, 2016

    Final Video Project: Pre-Production Phase

    Hello Students,
    Read all details of this post to learn how to proceed on your final project. In this pre-production phase of your final project you will create, develop and refine the vision of your film. Consider this a guideline or rough sketch for your project. Though many aspects are to be considered this work is invaluable for ensuring your vision is executed with thoughtfulness.

    Scenes from Mel Stones short film "Red".


    Storyboards, Scripts, Shot lists and Beatsheets:
    Only students that have pre-approved project proposals may move onto this planning, or "pre-production" phase.

    For you team/solo project you must decide what planning format to use for your project. While professional production will have multi-faceted planning phases, your time is limited to the method that will benefit your project the most. Traditionally, scripts, storyboards and shot lists are all developed to create a solid vision, this is crucial to ensure that project and client budgets are used efficiently.

    For Dialogue heavy, original drama's or adaptive projects a script with minimal scene direction is often of most value.

    For Original works, read up on the popular Beatsheet method for creating a compelling story arc. details below. If your struggling to come up with an idea that works as a film read the Beatsheet outline below and use it as a guide to create your own vision.

    For documentaries or experimental films, a shot list... detailing locations, subjects, context, narration, interviews (also called A-roll footage) and shots of scenery or places/events (also called B-roll footage). These shot lists are usually listed in the order that makes the best use of production time, so scenery and related footage is shot in the easiest non-sequential manner and then edited to fit the timeline that is required to tell the story or message in the final edit.

    For creative projects that have a lot of action, special effects, comedy timing, animation etc, a storyboard with notations of camera movement, visual effects, zooms, pans, reaction shots, closeups, etc is often the best method to make sure the project has strong energy, pacing and a story arc that makes sense.

    Required Reading:
    Elements of Cinema: Shot Lists and Storyboards

    Storyboards, refresh your memory for storyboard requirements:
    Art of the Storyboard

    Scriptwriting Resources:
    How to Write a Screenplay, scriptwriting and examples
    Review Sample Scripts from multiple films



    Storyboards, Scripts or Shot lists are due by Friday for review and approval! - Mr.W
    Email your questions, concerns or final documents to me for feedback and approval. Consider this part of the experience of working remotely.

    Original Narrative: Brainstorm and Create a BeatSheet

    Create an outline for your teams film by brainstorming ideas for your short film and create a Logline and Beatsheet to develop your 3 act story arc. Create a document that follows the beat sheet format below:

    Script Title (Your script or movie title)
    ____________________________________________________________
    Logline (A catchy, one-sentence summary of your script) 
    Beat 1—Opening Scene 

    The opening scene is an opportunity for you to give the audience the starting point of the protagonist’s journey. It can be an image of your protagonist, an important setting, a revealing conversation between characters, an object that is essential to the plot, etc. This should give your audience a “snapshot” of what the rest of your film might look like, or what your film is all about. The opening image in the Wizard of Oz depicts Dorothy and Toto running down a dirt road with storm clouds approaching in the background. Once you watch the whole film, you realize how important that first scene really is. And remember, just like the first page of a novel needs to draw the reader in, the opening image of a script needs to draw the audience in. (Describe your opening image in the space below.)

    Beat 2—Setting Up the Story 

    All the important characters (your protagonist, antagonist, and supporting characters) in your main plot will be introduced during the first ten pages, or at least hinted at. You want your audience to know all your characters’ strange tics and behaviors—basically, what makes your characters unique. You will also want to set up your conflict (or what your protagonist wants more than anything and how his or her fears and antagonist are in the way of him or her getting it.) By page ten, your audience needs to fall in love with your characters enough to care about their conflict. (Below, brainstorm character behaviors and events that you might need to write into your script in order to set up your conflict.)

    Beat 3—Inciting Incident 

    In the set-up, you have told us all about the world of your script. The inciting incident (also known as the catalyst) will turn that world upside down. Protagonists get fired, find out they have a long lost brother, get news that they have three days to live, meet the girl or boy of their dreams, get blown somewhere over the rainbow by a powerful tornado, etc. This is what forces your protagonist out of a daily routine and into the adventure of a lifetime. (Describe your inciting incident in the space below.)

    Beat 4—The Big Decision

    Page 25 is the point of no return. From page 10 until then, your protagonist should be debating whether to embark on his or her journey or just continue living his or her uneventful, everyday life. Unless you want to write a really boring script, your protagonist will choose the more dangerous and exciting path towards his or her goal. But just like it might be hard if you had to decide to leave everything behind, it will be a hard decision for your protagonist. (Below, write two lists from your protagonist’s point of view. One stating why he or she should stay, and one stating why he or she should embark on the adventure.)

    Reasons why I should stay:
    Reasons why I should embark on the adventure: 

    Beat 5—Into the Wide Unknown 


    This is a big moment for your protagonist, and you want to make sure that your audience knows it. He or she is leaving the old world behind, and stepping into a dangerous and unknown world to embark on the adventure. Because these two worlds are so distinct, the act of actually stepping into the new one must be unmistakable. A great example of this is in The Wizard of Oz when Dorothy steps out of her house and into the Munchkin City. (Below, describe the moment where your protagonist steps into the new world.)

    Beat 6—Subplot 

    The subplot, also known as the “B story,” is oftentimes a love story involving the protagonist, but it can also be based around supporting characters or even a brand new gang of characters. The subplot will make your script more dynamic or exciting; the more subplots you have, the more fun your film will be to watch. (Using the space below, brainstorm some ideas for various subplots and how to introduce them into your script. You may want to go back to your “Supporting Character Worksheets,” and see what each of them wants more that anything in the world.)

    Beat 7—Having Fun and Getting to Know Your Characters 

    This is the portion of a film where most of the trailer clips come from. As you might guess, this part of the script is more upbeat; it is less about “your characters moving towards an end goal” and more about “your characters having fun and getting to know each other.” This does not mean that it is less important. This part of your script helps your audience get to know what your characters and your story are all about. For example, this is the part of Wizard of Oz where Dorothy sings and dances with her newly-found friends along the Yellow Brick Road. (Write out some rising action that might fit into this section of your script in the space below.)

    Beat 8—The 50% Mark 

    The fun and games are over, and it is time to get back to the story. The midpoint of your script can be tricky. It is said that, at this point in your script, your protagonist either reaches a point where he or she thinks that things can’t get any better or any worse. The trick is that neither is true. The movie is only halfway over, and things are going to get worse before they are going to get better. This is the moment when Dorothy looks across the poppy field and sees the Emerald City. Though it looks like her journey is almost over, it has only just begun! (Below, describe the midpoint of your script.)

    Beat 9—The Antagonist Returns! 

    Your protagonist has already had some run-ins with the antagonist, and has been successful so far in keeping him or her out of the way. At the 50% Mark, your protagonist may believe that he or she has seen the last of the “bad guy or gal.” Unbeknownst to your protagonist, the antagonist has been getting ready to come back with a vengeance. (Describe how your antagonist rears his or her ugly head again in your script in the space below.)

    Beat 10—The “All is Lost” Moment 

    Just like the 50% Mark, the “All is Lost” Moment is a false defeat. Everything that could go wrong has gone wrong. The antagonist has come back with a bigger army and a brilliant game plan right when your protagonist thought all his or her problems were gone for good (or when he or she thought that things could not get any worse). After such a huge defeat, it is no wonder your protagonist is ready to throw in the towel and give up on his or her dreams. (Describe the “All is Lost” Moment in your script below.)

    Beat 11—The “Ah Ha!” Moment 

    This is the moment when your protagonist pulls him or herself off the floor and back into action. Oftentimes, with the help of the supporting characters, he or she will come up with a brilliant plan (Ah ha!) to finally defeat the antagonist—this time for real. (Describe the “Ah ha!” moment of your script below.)

    Beat 12—The Final Push 

    These final pages of your script typically contain your climax, falling action, and your resolution. This is where your protagonist learns to overcome his or her fears in order to defeat the antagonist, consequently changing—and sometimes even saving—the world! (Describe all the events that make up your climax, falling action, and your resolution below.)

    There is a lot of information here. Also, this is a “formula.” It is something that many screenplay writers use to write their scripts, but it not a requirement. You can write an “off-beat” film by rearranging all the beats or by making some longer and others shorter. Many directors experiment with timeline changes, and other experimental processes.

    Monday, November 14, 2016

    Final Video Project: Choose Your Destiny!

    Hello Students,
    This project along with your portfolio will make up your final. This last video project is a free style, you can create the project you want to, but I expect it to reflect the skills and knowledge you have been granted over the course of this class. Your video project, no matter what form it takes, should show good editing, smooth camera work, good use of transitions, tell a story or deliver information in an entertaining fashion. There should be well crafted titles and credit rolls at the beginning and end of your project. You should find ways to utilize the motion graphics and animation skills to enhance your project in appropriate ways.

    What Project will you make? :
    It is up to you to decide what project you would like to complete for your final. You must make sure that you can accomplish this project with the time we have left in class. Time management is crucial.
    Here are some ideas for projects:
    • Original Narrative or Drama, Science Fiction, Mystery, Etc...
    • Documentary project
    • Comedy Skits/Shorts/TV Show
    • Experimental Video
    • Music Video
    • 2D Animated Short
    • 3D Animated Short
    How to Get Started! :
    • Build a team of dedicated filmmakers, actors, artists and camera operators to participate in your project
    • Decide on a concept/idea for your project
    • Write a full page proposal to get approval from your instructor before proceeding
    • Create a storyboard, shot list or script for your project... whichever suits your project best and get approval from your instructor before filming begins. 
    • Schedule your shoot, decide on locations, check out equipment, gather costumes or props if needed, make sure everyone on your team is on board and begin production
    Project Requirements:
    • Each team is expected to complete:
      • 1 page proposal for project complete with all project details, subjects, locations, summaries, storyline, content, special effects, etc...
      • A storyboard, shot list or script that clearly describes the project, scenes, transitions, special effects, audio, camera angles, action, dialogue.
      • A well edited final project free of technical errors.
      • Well designed, animated title sequences and credit roles that are appropriate to the film subject or style and some use of motion graphics, special effects to enhance or create transitions or scenes in the project.
      • Each team must completed a press kit with biographies
      • Each project must create an animated production logo
    Schedule:
    • Project proposals should be done and approved by Monday the 28th
    • Storyboard/shotlist/scripts should be done and approved by Friday the 2nd
    • Preliminary shooting should be completed by December 15th
    • Rough Cut should be complete by December 22
    • Final Project completed with Press Kits by January 13th
    • ROP Portfolios with Demo Reels Due January 18th
    Grading and Evaluation:
    • You will be graded against the Video Production Rubric. Familiarize yourself with it to achieve maximum points.
      • Summary:
        • You are expected to have a clear description of what your project aims to achieve and each team member should have a clear definition and fulfill their roles effectively
        • You are expected to have a storyboard, script or shot list that illustrates your project clearly with beat, structure, transitions, special effects, sound effects, audio tracks, lower thirds, titles, etc
        • The content should have a clear statement of purpose or theme and be a quality creative work.
        • Your completed project is expected to have all elements defined, be well edited and be free of technical problems.
        • Teams are expected to met, discuss and contribute to the project, and work with respect for each other.
        • All deadlines are expected to be met.

    Biographies, Press Kits and Logos: 
    Each filmmaking team is responsible for assembling a press kit and writing the biography for their film. These materials are used to distribute the project to film festivals and for publicity.

    Biography:
    A biography is a brief, third-person description of the filmmaker(s). Information that is typically included in a biography includes: place of birth, place of residence, educational background, past projects, current projects, areas of interest.

    A sample biography:
    Jason Jakaitis is a filmmaking student at San Francisco State University and a graduate of UNC-Chapel Hill’s Master of Arts program in Communications Studies. Born and raised in San Diego, he currently lives in the Upper Haight area of San Francisco. In 2007, Jason was awarded a Murphy Fellowship from the San Francisco Foundation, as well as a Personal Works grant from Film Arts Foundation and a New Filmmaker grant from Panavision. Jason's previous film, minutiae, is a 16mm narrative short that was awarded Special Jury Prize at the Portland International Short Short Film Festival, and screened at the 2007 Mill Valley, Humboldt and Santa Cruz film festivals.

    Logos:
    Your team must produce a logo for your “production company”. This logo could be hand illustrated or created with motion graphics but it must show strong technical skill and be effective and creative.

    Press Kit:
    Depending on the project, press kits can be composed of a variety of different kinds of information, but the overall goal of the kit is always the same: to provide the individual with as much relevant information about the film as possible. This information can then be used in articles, in film festival schedules, online “blurbs” and any other way that a festival would choose to promote the film.

    Download and read a real press kit: Press Kit for  the film Some Kind Of Wonderful
    Check out this press kit: Quivir Press Kit
    Check out this press kit: Cave of Forgotten Dreams Press Kit

    Press Kits require the following: 
    • Two or more still images from the film itself 
    • Two behind the scenes production stills taken with a camera, cell phone cam, ipod camera, point and shoot, etc 
    • One “headshot” photo each of the filmmakers and actors
    • A one paragraph (3-4 sentence) synopsis of the film
    • A one paragraph biography of each filmmaker 
    • You can assemble your press kit using google docs, pages or word, indesign, photoshop or illustrator and turn it in as a PDF file

    Ridley Scott and Harrison Ford, behind the scenes production still from the film "Blade Runner"
    Production Still from the film "Blade Runner"
    Original Press Kit from the film "Blade Runner"


    Behind the Scenes Production Still from Werner Herzog's "Cave of Forgotten Dreams"
    Production Still from Werner Herzog's "Cave of Forgotten Dreams"




    Good luck Filmmakers!

    - Mr.W