Skip to main content

Posts

Assignment 3A - Create and Post Motion Path Assets

 Create the assets for your Motion Path project using Adobe Illustrator. 1.) Create a background with a path for your moving asset to follow. It is probably easiest to create a poster and to set the unit to pixels. Remember to create a bird's-eye, overhead view, as if viewed from a drone. NOTE: Size it as a horizontal at 1920 pixels wide by 1080 pixels high for easy import into Animate. You can create a forest (as in the example), a city, a beach, etc., virtually any type of background that can have a path (road, sidewalk, river, etc.) placed in it. It is probably easiest to create the path using the Blob Brush Tool. Create your background color, add your path, then add any elements (trees, houses, etc.) last. 2.) Create your moving asset. This can be a car, a boat, a motorcycle, a person walking. Remember to create a bird's-eye, overhead view of your moving asset. Once your design is complete, scale the asset to the appropriate size to view inside your path. 3.) Save your asse...

Assignment 03 - Creating Motion Paths Project - Part 1

This tutorial will explain how to use Adobe Animate to create animated User Interface (UI) elements along a predefined path. The most important points of this tutorial are to learn:    - how to create and use a Motion Path   - how to change the Easing of the animation to make the movement more natural Here is how the final variant will look: Adobe Illustrator was used to create the vector assets for the scene. Illustrator and Animate are both vector based programs and it is easy to exchange assets between them. STEP 1.) CREATE THE ASSETS: Start off by using Illustrator to create a background scene and a moving element. In this case, the elements consist of a road with two turns and a car, however, you could create a winding river and a boat, or you could create a city scene and a motorcycle, and so on. STEP 2.) – IMPORT THE ASSETS INTO ANIMATE: Import your vector based background asset to Animate on the first layer. Create a second layer and import the moving element....

Assignment 02 - Stop Motion / Frame by Frame Animation Project Part 5

ADDING TRANSITIONS TO YOUR MOVIE (for Premiere, scroll down):  ADDING TRANSITIONS USING iMOVIE: You can add transitions between clips to smooth or blend the change from one scene to another. You can have a clip fade in or out, dissolve into another clip, zoom in to another clip, and so on. You can set iMovie to add transitions automatically, or you can add transitions manually.   ADD TRANSITIONS BETWEEN CLIPS AUTOMATICALLY: With your project open in the timeline, click Settings in the upper-right corner of the timeline, and then select the “Automatic content” checkbox. If you have applied a theme to your movie, iMovie inserts standard cross-disolve transitions between clips, with occasional transitions based on the theme. Not every space between clips gets a transition. iMovie also adds a theme-styled opening title over the first clip and an end title over the last. To include only standard, non-themed transitions in your movie, click the Theme button, sel...

Assignment 02 - Stop Motion / Frame by Frame Animation Project Part 4

CREATING TITLES USING PREMIERE AND iMOVIE (for iMovie instructions, scroll down) : CREATING YOUR TITLE USING PREMIERE: Titles can be created right inside Adobe Premiere Pro and you can add a name (a.k.a. lower third, chyron, super), can create captions or subtitles, and even build entire credit sequences.  Here’s how to do it:    Choose File > New > Title Specify the title name and click OK TIP: Adjust the timeline playhead to the position where you’d like the title to appear. This will be used as the background video when you’re working on your title. The built-in Titler tool will open up, where you’ll be able to create your title. Here’s a quick overview of the Titler tool: Tools (top left): Choose different tools to work with on your titles Actions (bottom left): Align, center, and distribute your titles accordingly Properties (right): Customize your titles Styles (bottom center): Choose from a collection of title styles   WRITING YOUR TEXT: ...

Assignment 02 - Stop Motion / Frame by Frame Animation Project Part 3

ADDING AUDIO (the iMovie tutorial is listed first; for the Premiere tutorial, scroll down): ADDING AUDIO USING iMOVIE: In iMovie for Mac, you can drag audio files right into your timeline from the Finder. You can also use songs or other audio files from your music library and other locations using the media browser within iMovie. And if you want to add voiceover narration, record it right into the timeline of your iMovie project. Drag audio files into the iMovie project timeline on Mac You can drag audio files like .mp4, .mp3, .wav, and .aif files from the Finder and the Desktop right into the timeline of your iMovie project. Audio files dragged into the timeline behave differently depending on where you drag them:  If you want an audio file to stay with a particular video clip even if you move the video clip, drag the audio file just below the video clip so a bar connecting the clips a...

Assignment 02 - Stop Motion / Frame by Frame Animation Project Part 2

STEP 01 - RESIZING IMAGES: The images that you have created for your stop-motion animation will need to be resized. Whether created on a DSLR camera or a smartphone, these original images will create a file much too large and unwieldy for our purposes. You will need Adobe Bridge and Adobe Photoshop for this part of the assignment. Follow these steps to rep your images and transfer them into Photoshop: 1.) create a new folder on your desktop and give it an appropriate name; i.e., Movie Images, or Animation Photos, etc.  (above) the folder where all images for this client are kept  (above) the folder inside the above folder where all images are kept for this project 2.) on an Apple computer, open ImageCapture to transfer images from your device to your computer (Windows machines have similar programs) 3.) under Devices at the top left hand corner of ImageCapture, select your device and the images from that device will start to pop up in the wind...