Background Design Line Art
Overview:
Revise animatic based on feedback received.
Create the line art for your background(s).
You can import a sketch that you have created in other software or on paper. Then, 'ink' over it in Animate.
(1) Review this Background Design Guide
Staging
Create a theatrical-style layout that farmaes the action with background elements.
By student Dan Neph
By student Owen Hurley
Composition
This example mark-up of this screen from Pixar's 'The Incredibles' by KCAD Alum., James Suhr, demonstrates how sightlines affect visual hierarchy and tell the viewer where to look.
Multiplane Layers
Multiplanes are based on layers. At the very least, you will need 2-3 layers: Tina used five layers for this environment.
History
The invention of the original multi-plane camera
Multiplane Design Breakdown
Example by student Tina Uhazie for Big Cat Games
far background
background
middleground
main foreground.
silhouette foreground
(2) Create the Line Art For Your Backgrounds
If you are using one background: create the line art for that.
If you are using two backgrounds: create the line art for both.
You can import a sketch that you have created in other software or on paper. Then, 'ink' over it in Animate.
(a) Watch all 4 of Bill's Demos Below
Viewing them in YouTube will provide access to a table of contents. Think of that table of contents as a checklist of things to do.
(1) Adobe Animate Line Art. This is a refresher for students that have already taken Digital imaging II. If you have not had a class that covered drawing in Animate, then work through this short demo.
(2) Setting-up Your Scene
(3) Import your sketch (if you will be using one)
(4) Create the line art for your background (watch through 5:20)
(b) Follow these Instructions
Create art in the same file that contains your storyboard animatic.
Only use the pencil tool (if you are including lines in your backgrounds). Do not use the brush tool for line work.
Draw clean smooth shapes (no scribbled lines).
Set up your layers to create multiple planes.
(c) Upload Your File
Upload it to your Design & Production Art Google Drive folder and name the file: FirstnameLastname-Background-line.fla
Optional Textured Background
A quick method for creating a lot of background information is to overlay a paper texture
Perform a Google image search: 'paper texture free download'. Then, click 'tools' and choose size: large. The minimum pixel dimension on the long side should be 1920 pixels. However, larger is better.
Optional Techniques
Import a Complete Illustrator File
Import a layered Adobe Illustrator file into Animate while preserving all of the layers.
Copy and Paste Assets Directly From Adobe Illustrator
In Illustrator, copy the asset.
In Animate, paste the asset using the settings below.
If the asset is not pasting correctly, choose it with the subselection tool in Illustrator, then paste it into Animate.
