videoscribe advanced workshop - hogeschool utrecht...videoscribe advanced workshop agenda - scribe...
TRANSCRIPT
VideoScribe Advanced Workshop
Introduction
• Hands-on advanced workshop
• Review the scribes you are working on
• Focusing on issues you have come across and resolving questions
• Going into more depth with advanced techniques and design methods
• Thinking out of the box and being inventive with VideoScribe
VideoScribe Workshop
Introductions
• What is your name, and your role?
• What are you using VideoScribe for?
• How are you getting on with VideoScribe so far?
• What issues and questions do you have?
• What would you like to cover during this training?
VideoScribe Advanced Workshop
Agenda
- Scribe sharing -- Issues & questions –
1. Controlling the camera
2. Creating different themes
3. Inventive animation
4. Editing visual graphics
- Scribe sharing -- Issues & questions –
5. Editing audio using Audacity
6. Creating SVGs using Inkscape
7. Drawing charts
8. Special publishing methods
Scribe sharing
Issues & questions
Controlling the camera
Controlling the camera
Your canvas is infinite, and your camera is how youchoose where your audience is looking.You can design things to happen off-camera too!
• Recapping our camera skills:• Default• Scenes• Zooming for effect
• Layouts (circle, rows, collage, etc)• Extra camera movement with invisible elements• Pre-drawn elements and scenes
Example scribeProgressive camera style
Controlling the camera
Exercise 1:• Include these techniques in your scribe
• A pre-drawn background image
• A zoom in on an element in a scene
• Return to a previous scene
• Use invisible elements
Creating different themes
Whiteboard
• Animate method – default (draw)
• Scribe hand – default hand (or select a suitable hand from one of the people)
• Background texture – default (top left)
• Background colour – default (white)
• Images – highlight colour images or line drawings(can also use full colour images in “Outline” mode)
• Text – Basic font (or select a suitable imported font)
Blackboard
• Animate method – default (draw)
• Scribe hand – select a chalk hand from one of the people
• Background texture – middle right
• Background colour – fifth one down on the left (#5f5f5f)
• Images – full colour images in “Outline” mode with white lines
• Text – Basic font (or select a suitable imported font)
Corkboard
• Animate method – move-in for images / draw for text
• Scribe hand – default(or select a suitable move-in hand from one of the people)
• Background texture – bottom left
• Background colour – forth yellow up (#faf39b)
• Images – full colour
• Text – Basic font (or select a suitable imported font)
• Suggestion: write text on top of “post-it note” images
Colour pop-in
• Animate method – move-in with “Bounce” or “Overshoot” for images / draw text with no hand
• Scribe hand – “No hand”
• Background texture – any (or use an image)
• Background colour – any
• Images – use full colour
• Text – Basic font (or select a suitable imported font)
Creating different themes
Using images as backgrounds
• Scenery folder in the built-in image library
• Importing photographs and adding drawings on top
• Importing patterns or textures (in SVG format)
You can use the same background for your whole scribe, or different ones for different scenes.
Creating different themes
Exercise 2:• Use a new theme (with a new scribe or converting one you
are working on)
• Create different backgrounds for scenes of your scribe
Inventive animation
Move-in effects
• Recap our move-in skills:• Bouncing ball
• Move across screen , e.g. a vehicle
• Falling down, e.g. rain
• Rising up, e.g. a rocket
• Moving elements to off-camera positions
• Sending elements into the next scene
• Pop-in & slide-in scribe styles
Morphing techniques
• Transform
• Move / rotate
• Expand / shrink
• Disappear effect
• Stop motion
Inventive animation
Exercise 3:• Create a scene with move-in effects:
• Make an element bounce or fall into your scene
• Send an element into the next scene
• Create a scene with morphing techniques:• Choose an outline image and make it expand/appear and spin/move
• Transform it into another outline image and make it shrink/disappear
• Choose a person and stop motion animate them through different poses
Editing visual graphics
Editing visual graphics
• Graphics filters• Blur, glow, drop shadow, inner shadow and bevel• Stylising text
• Colour customisation• New images• Outline and greyscale modes
• Using silhouettes• Technique for layering (use silhouette before drawing an image)
• Using transparency• Layering images and backgrounds• Fading
Editing visual graphics
Using animated GIFS
• GIF Libraries
• Importing GIFs
• GIF options• Play continuously
• Fit to time / Loop
• Blend effect
Editing visual graphics
Exercise 4:
• Stylise a text element with shadows
• Edit an imported photograph using filters
• Change the colours of a VideoScribe image
• Add a GIF
Scribe Sharing
Issues & Questions
Editing audio using Audacity
Editing audio using Audacity
• Download from www.audacityteam.org/download
• LAME MP3 encoder – Allows Audacity to export MP3 files
• Pre-recording and editing voiceovers• Mixing different voice clips to narrate different scenes• Editing timings to fine-tune the pace of your scribe
• Editing and mixing soundtracks• Varying volume• Changing the length of the music clip• Intros and endings• Adding pauses
Editing audio using Audacity
• Record voiceover• Record several takes• Record some (ambient) silence at the end
• Save project in Audacity (.aup) for future editing
• Export to lossless format (e.g .WAV) for use in other projects
• Export as MP3 for VideoScribe• ‘Constant’ Bit Rate Mode• 320 kbps Quality• ‘Stereo ‘Channel Mode
Editing audio using Audacity
• Import audio files
• Audio tracks – volume and mute
• Zoom timeline – ‘fit to’ width options
• Quick-Play
• Selection tool• Highlight sections of audio – drag / shift-click• Use cut / copy / paste• Trim outside / Silence inside• Start and End (Length) of Selection
Editing audio using Audacity
• Inserting pauses• Copy section of ‘silence’ (from end of track or another track)
• Replace / rerecord sections
• Time shift tool
• Effects• Normalise
• Change pitch / speed
• Fade in / Fade out
• Envelope tool
Editing audio using Audacity
Exercise 5
• Use Audacity to record a voiceover
• Record two takes
• Select best parts from each and edit together
• Add a pause
• Import into VideoScribe to check how it sounds
Creating SVGs using Inkscape
Creating SVGs using Inkscape
• Download from inkscape.org/release
• Designing how your images are drawn in VideoScribe• Adding draw and reveal stroke paths
• Creating your own custom SVG images
• Editing existing SVG images
• Turning other images into SVGs which draw well
• Draw only strokes option in VideoScribe
Creating SVGs
• Use drawing tool – pen / pencil• Check lines include strokes - use select tool• Draw lines in desired order - or change order (raise / lower)
• Change stroke and fill colour
• Edit nodes - use edit paths tool• Insert to draw slower• Delete to draw quicker
• Shapes don’t have strokes by default• Use ‘Object to path option’ to convert• Then insert nodes as required
• Save as Plain SVG file
SVG guidelines
• VideoScribe uses stroke paths for draw lines• Width (12px – 20px)
• Round cap and round join (corner)
• Use hidden paths to reveal colour
• Use separate layers for stroke paths and reveal paths• Strokes are drawn from bottom layer up
Adding reveal lines to images
• Import existing images, e.g. logo, diagram, photo
• Add a new layer for the reveal paths
• Trace over the imported image to reveal it• Colour-in scribble
• Area-by-area
• Single line – straight, diagonal , circle
Creating SVGs using Inkscape
Exercise 6
• Use Inkscape (or alternative software) to create a simple SVG image• Check how it draws in VideoScribe
• Import an image and add reveal lines• Check how it draws in VideoScribe
Drawing charts
Drawing Charts
Visualising data with the graph and chart elements
•Chart types
•Chart options
Drawing Charts
Exercise 7
•Add a chart
Special publishing methods
Building a ScribeShow
• Publish to PowerPoint option
• Perfect for giving live presentations
• Continuous flow of slides to make one click-through presentation scribe
Building a ScribeShow
• Start a new slide every time you want it to wait for you to click before continuing
• Make each scribe slide start with the last frame of the slide before
• Changing settings in PowerPoint• Start video automatically
• Reset video thumbnail to first frame
Publishing to image sequence
• Publish to JPEG or PNG image sequence options
• For further editing it can be imported into third party software
• To extract stills or thumbnails
Special publishing methods
Exercise 8
• Create a ScribeShow with at least two slides which flow
• Publish one of your scribes to a PNG sequence and extract an image of a frame
Thanks for being part of this workshop!
Any questions or feedback?