videoscribe advanced workshop - hogeschool utrecht...videoscribe advanced workshop agenda - scribe...

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


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


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


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


• 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



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.


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


• 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


Using animated GIFS

• GIF Libraries

• Importing GIFs

• GIF options• Play continuously

• Fit to time / Loop

• Blend effect


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


• 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

http://www.audacityteam.org/download


• 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


• 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


• 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


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


• 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

inkscape.org/release

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


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?

videoscribe advanced workshop - hogeschool utrecht...videoscribe advanced workshop agenda - scribe...

Documents