welcome [fsartanddesign.org]fsartanddesign.org/.../gd157/_img/presentations/091117gd157_stor… ·...
TRANSCRIPT
![Page 1: Welcome [fsartanddesign.org]fsartanddesign.org/.../GD157/_IMG/presentations/091117GD157_stor… · Pre Storyboard Create a mood board ... Mind Map: method for getting information,](https://reader034.vdocument.in/reader034/viewer/2022050504/5f9661a83a0d691f8d445ffc/html5/thumbnails/1.jpg)
Welcome
GD157 Motiongraphics
Dr. Laura Huisinga Email: [email protected]
Class website: laurahuisinga-design.com/GD157
![Page 2: Welcome [fsartanddesign.org]fsartanddesign.org/.../GD157/_IMG/presentations/091117GD157_stor… · Pre Storyboard Create a mood board ... Mind Map: method for getting information,](https://reader034.vdocument.in/reader034/viewer/2022050504/5f9661a83a0d691f8d445ffc/html5/thumbnails/2.jpg)
Links
Class Website: http://laurahuisinga-design.com/GD157
Syllabus: http://laurahuisinga-design.com/GD157/_IMG/GD157Syllabus_F17MW.pdf
Google Classroom: https://classroom.google.com/u/1/c/NzExODYwMzYwMFpa
![Page 3: Welcome [fsartanddesign.org]fsartanddesign.org/.../GD157/_IMG/presentations/091117GD157_stor… · Pre Storyboard Create a mood board ... Mind Map: method for getting information,](https://reader034.vdocument.in/reader034/viewer/2022050504/5f9661a83a0d691f8d445ffc/html5/thumbnails/3.jpg)
Pre Storyboard
Start with Creative Brief
Review the project statement, make sure you understand all requirements. Class project statement is like the creative brief from you client.
![Page 4: Welcome [fsartanddesign.org]fsartanddesign.org/.../GD157/_IMG/presentations/091117GD157_stor… · Pre Storyboard Create a mood board ... Mind Map: method for getting information,](https://reader034.vdocument.in/reader034/viewer/2022050504/5f9661a83a0d691f8d445ffc/html5/thumbnails/4.jpg)
![Page 5: Welcome [fsartanddesign.org]fsartanddesign.org/.../GD157/_IMG/presentations/091117GD157_stor… · Pre Storyboard Create a mood board ... Mind Map: method for getting information,](https://reader034.vdocument.in/reader034/viewer/2022050504/5f9661a83a0d691f8d445ffc/html5/thumbnails/5.jpg)
Pre Storyboard
Create a mood board or Idea/Mind Map
Mood board: Display the style of your motion graphic as a mood board with a collection of found images and video screenshots with a unified theme in mind.
Mind Map: method for getting information, ideas, and concepts in and out of your brain – it’s a creative and logical means of note-taking and note-making that literally ‘maps out’ your ideas.
![Page 6: Welcome [fsartanddesign.org]fsartanddesign.org/.../GD157/_IMG/presentations/091117GD157_stor… · Pre Storyboard Create a mood board ... Mind Map: method for getting information,](https://reader034.vdocument.in/reader034/viewer/2022050504/5f9661a83a0d691f8d445ffc/html5/thumbnails/6.jpg)
![Page 7: Welcome [fsartanddesign.org]fsartanddesign.org/.../GD157/_IMG/presentations/091117GD157_stor… · Pre Storyboard Create a mood board ... Mind Map: method for getting information,](https://reader034.vdocument.in/reader034/viewer/2022050504/5f9661a83a0d691f8d445ffc/html5/thumbnails/7.jpg)
Pre Storyboard
Figure out your Narrative
Outline your beginning, middle and end.
What is the point? What is the story you are telling?
![Page 8: Welcome [fsartanddesign.org]fsartanddesign.org/.../GD157/_IMG/presentations/091117GD157_stor… · Pre Storyboard Create a mood board ... Mind Map: method for getting information,](https://reader034.vdocument.in/reader034/viewer/2022050504/5f9661a83a0d691f8d445ffc/html5/thumbnails/8.jpg)
Pre Storyboard
Voice script and Shot List
Develop scene-by-scene description
![Page 9: Welcome [fsartanddesign.org]fsartanddesign.org/.../GD157/_IMG/presentations/091117GD157_stor… · Pre Storyboard Create a mood board ... Mind Map: method for getting information,](https://reader034.vdocument.in/reader034/viewer/2022050504/5f9661a83a0d691f8d445ffc/html5/thumbnails/9.jpg)
Storyboard
Time to Sketch!
Develop sketch of main scenes, and transitions.
Add times to storyboard
Do quick Sketches 1-3 min per sketch
![Page 10: Welcome [fsartanddesign.org]fsartanddesign.org/.../GD157/_IMG/presentations/091117GD157_stor… · Pre Storyboard Create a mood board ... Mind Map: method for getting information,](https://reader034.vdocument.in/reader034/viewer/2022050504/5f9661a83a0d691f8d445ffc/html5/thumbnails/10.jpg)
![Page 11: Welcome [fsartanddesign.org]fsartanddesign.org/.../GD157/_IMG/presentations/091117GD157_stor… · Pre Storyboard Create a mood board ... Mind Map: method for getting information,](https://reader034.vdocument.in/reader034/viewer/2022050504/5f9661a83a0d691f8d445ffc/html5/thumbnails/11.jpg)
![Page 12: Welcome [fsartanddesign.org]fsartanddesign.org/.../GD157/_IMG/presentations/091117GD157_stor… · Pre Storyboard Create a mood board ... Mind Map: method for getting information,](https://reader034.vdocument.in/reader034/viewer/2022050504/5f9661a83a0d691f8d445ffc/html5/thumbnails/12.jpg)
Storyboard
10 Tips for Storyboarding storyboards are comic-like drawings used to show shot layouts and composition
![Page 13: Welcome [fsartanddesign.org]fsartanddesign.org/.../GD157/_IMG/presentations/091117GD157_stor… · Pre Storyboard Create a mood board ... Mind Map: method for getting information,](https://reader034.vdocument.in/reader034/viewer/2022050504/5f9661a83a0d691f8d445ffc/html5/thumbnails/13.jpg)
Storyboard
1. Avoid flat staging unless when necessaryOutline your beginning, middle and end.
![Page 14: Welcome [fsartanddesign.org]fsartanddesign.org/.../GD157/_IMG/presentations/091117GD157_stor… · Pre Storyboard Create a mood board ... Mind Map: method for getting information,](https://reader034.vdocument.in/reader034/viewer/2022050504/5f9661a83a0d691f8d445ffc/html5/thumbnails/14.jpg)
Storyboard
2. Lay down grids to help “ground” your characters and compositions.
![Page 15: Welcome [fsartanddesign.org]fsartanddesign.org/.../GD157/_IMG/presentations/091117GD157_stor… · Pre Storyboard Create a mood board ... Mind Map: method for getting information,](https://reader034.vdocument.in/reader034/viewer/2022050504/5f9661a83a0d691f8d445ffc/html5/thumbnails/15.jpg)
Storyboard
3. Use foreground, mid-ground, background & far background to sell depth.
![Page 16: Welcome [fsartanddesign.org]fsartanddesign.org/.../GD157/_IMG/presentations/091117GD157_stor… · Pre Storyboard Create a mood board ... Mind Map: method for getting information,](https://reader034.vdocument.in/reader034/viewer/2022050504/5f9661a83a0d691f8d445ffc/html5/thumbnails/16.jpg)
Storyboard
4. When dealing with multiple characters try to logically group them to help make cutting back and forth easier.
![Page 17: Welcome [fsartanddesign.org]fsartanddesign.org/.../GD157/_IMG/presentations/091117GD157_stor… · Pre Storyboard Create a mood board ... Mind Map: method for getting information,](https://reader034.vdocument.in/reader034/viewer/2022050504/5f9661a83a0d691f8d445ffc/html5/thumbnails/17.jpg)
Storyboard
5. Be wary of composition in which everything is parallel to the frame.
![Page 18: Welcome [fsartanddesign.org]fsartanddesign.org/.../GD157/_IMG/presentations/091117GD157_stor… · Pre Storyboard Create a mood board ... Mind Map: method for getting information,](https://reader034.vdocument.in/reader034/viewer/2022050504/5f9661a83a0d691f8d445ffc/html5/thumbnails/18.jpg)
Storyboard
6. Careful of how you frame characters…don’t squeeze them just to fit a shot.
![Page 19: Welcome [fsartanddesign.org]fsartanddesign.org/.../GD157/_IMG/presentations/091117GD157_stor… · Pre Storyboard Create a mood board ... Mind Map: method for getting information,](https://reader034.vdocument.in/reader034/viewer/2022050504/5f9661a83a0d691f8d445ffc/html5/thumbnails/19.jpg)
Storyboard
7. Over-the-shoulder shots & reaction shots help deliver dialog.
![Page 20: Welcome [fsartanddesign.org]fsartanddesign.org/.../GD157/_IMG/presentations/091117GD157_stor… · Pre Storyboard Create a mood board ... Mind Map: method for getting information,](https://reader034.vdocument.in/reader034/viewer/2022050504/5f9661a83a0d691f8d445ffc/html5/thumbnails/20.jpg)
Storyboard
8. Characters squared off & looking at our left or right ear.
![Page 21: Welcome [fsartanddesign.org]fsartanddesign.org/.../GD157/_IMG/presentations/091117GD157_stor… · Pre Storyboard Create a mood board ... Mind Map: method for getting information,](https://reader034.vdocument.in/reader034/viewer/2022050504/5f9661a83a0d691f8d445ffc/html5/thumbnails/21.jpg)
Storyboard
9. Exploit different character heights, if you need to establish or re-establish your shot.
![Page 22: Welcome [fsartanddesign.org]fsartanddesign.org/.../GD157/_IMG/presentations/091117GD157_stor… · Pre Storyboard Create a mood board ... Mind Map: method for getting information,](https://reader034.vdocument.in/reader034/viewer/2022050504/5f9661a83a0d691f8d445ffc/html5/thumbnails/22.jpg)
Storyboard
10. Motivate your cuts.
![Page 25: Welcome [fsartanddesign.org]fsartanddesign.org/.../GD157/_IMG/presentations/091117GD157_stor… · Pre Storyboard Create a mood board ... Mind Map: method for getting information,](https://reader034.vdocument.in/reader034/viewer/2022050504/5f9661a83a0d691f8d445ffc/html5/thumbnails/25.jpg)
![Page 26: Welcome [fsartanddesign.org]fsartanddesign.org/.../GD157/_IMG/presentations/091117GD157_stor… · Pre Storyboard Create a mood board ... Mind Map: method for getting information,](https://reader034.vdocument.in/reader034/viewer/2022050504/5f9661a83a0d691f8d445ffc/html5/thumbnails/26.jpg)
Activity
1. Write down, a year or time period, a place, an animal, and an activity on separate paper squares.
2. Write down an inanimate object and describe it on a half of sheet of paper. (size, visual, texture, ect)