Difference between revisions of "User:Torley Linden/Vidtut process"

From Second Life Wiki
Jump to navigation Jump to search
 
(64 intermediate revisions by 4 users not shown)
Line 1: Line 1:
How my video tutorials reach the world. A behind-the-scenes glimpse at the step-by-steps:
{{Help|Multimedia=*}}
 
The following is kinda technical — looking for easier help? '''[[Movie_help|See Torley's Guide to Making Movies!]]'''
 
How my video tutorials reach the world. Note that <font color="red">'''some of this is deprecated as of 2008-09-24'''</font>, and a future revised process may be forthcoming. A behind-the-scenes glimpse at the step-by-steps:


== Capture ==
== Capture ==
* Record raw footage inworld using [http://www.techsmith.com/camtasia.asp Camtasia] or [http://www.fraps.com/ FRAPS]. Current hot key to start/stop is F8. I usually:
* Record raw footage inworld using [http://visuallounge.techsmith.com/2008/05/screencast_of_the_week_screenc.html Camtasia Studio]. I like its ease-of-use, non-intrusiveness, highlighting features, and picture-in-picture mode. I usually:
** Set Second Life screen resolution to 1024x768 in [http://www.brianapps.net/sizer.html Sizer].
** Set Second Life screen resolution to 1024x768 in [http://www.brianapps.net/sizer.html Sizer] — the actual dimensions are 1032x802 in Windows XP due to window chrome.
** Scale UI to 1.200.
** Scale SL UI to 1.200.
** Raise UI sounds to full volume.
** [[User:Torley_Linden/Volume_settings|Set audio volumes.]]
 
** Use the DivX codec with these settings (subject to change):
* When recording is done, gather raw footage into a folder and rename it with the title of the tutorial.
*: [[Image:Torley_DivX.png|256px]]
*: Or, if video consists mainly of webpage (outside of SL), "flat" stuff, use TechSmith's lossless Screen Capture codec.
* When recording is done, gather raw footage into a template folder and rename it with the title of the tutorial.
*: ''Note:'' I frequently get asked: "How do you get that yellow circle?" It's a Camtasia effect! Open the Camtasia Recorder and go to Effects menu > Effects Options. Also make sure in Effects menu > Cursor, that "Highlight Cursor & Clicks" is on. I leave Camtasia's sounds turned off because SL has its own UI noises.
*: [[Image:Camtasia_Effects.png|64px]]


== Production ==
== Production ==
Line 16: Line 24:
* Move around ending bumper to fit.
* Move around ending bumper to fit.


* Use "Video Event Pan/Crop" at appropriate places in the timeline to provide zoomed-in focus on UI elements.
* Use "Video Event Pan/Crop" at appropriate places in the timeline to provide zoomed-in focus on UI elements. I prefer smooth zooms with a 1-sec. interval.


* Ctrl-drag to copy text media template to appropriate places in timeline and customize it. (Sometimes I customize start + end titles at this point too.)
* Ctrl-drag to copy text media template to appropriate places in timeline and customize it. (Sometimes I customize start + end titles at this point too.)


* Reword captions as I go along. Stretch text media if some needs to last longer. Other settings, like Placement, can also be changed to provide optimum visibility without impairing other stuff.
* Reword captions as I go along. Stretch text media if some needs to last longer. Other settings, like Placement, can also be changed to provide optimum visibility.
 
* Solo stereo audio voiceover track, export as mono WAV.
 
* Open audio in [http://www.sonycreativesoftware.com/products/soundforgefamily.asp Sony Sound Forge], open "Torley's Video Tutorial processing" setting and process the WAV in the Batch Converter.
 
* Drag-and-drop the WAV back into Vegas in the "MASTER" voiceover track, mute original (non-processed) voiceover.
 
* Add MP3 music (often one of my own compositions so I don't have to worry about licensing) to the -21 dB (I found this provides a good balance, audible without being too intrusive) audio track.


* Fade and trim ends as appropriate.
* Fade and trim ends as appropriate.
Line 34: Line 34:
* Add some extra gloss (transition effects) — I like to experiment, sometimes obviously, sometimes more subtle, with different techniques in each vid.
* Add some extra gloss (transition effects) — I like to experiment, sometimes obviously, sometimes more subtle, with different techniques in each vid.


* Re-watch vid a couple of times to make sure everything's in its right place. Polish anything else stray I find.
* Re-watch vid to make sure everything's in its right place. Polish anything else stray I find.


== Encoding ==
* Render vid to "QuickTime 7" with these settings:
* Render vid to "QuickTime 7" with these settings:
** <i>'''Project tab:'''
** <i>'''Project tab:'''
Line 41: Line 42:
** '''Video tab:'''
** '''Video tab:'''
*** Frame size: 640x480 (square pixel, meant to be played back on computer screens)
*** Frame size: 640x480 (square pixel, meant to be played back on computer screens)
*** Frame rate: 24
*** Frame rate: 20
*** Field order: None (progressive scan)
*** Field order: None (progressive scan)
*** Pixel aspect ratio: 1.000
*** Pixel aspect ratio: 1.000
*** Video format: Animation
*** Video format: Photo - JPEG
*** Compressed depth: 24 bpp color
*** Compressed depth: 24 bpp color
*** Quality: 100% </i>(lossless)<i>
*** Quality: 95% </i>(near lossless)<i>
*** Keyframe every (frames): 150
** '''Audio tab:'''
** '''Audio tab:'''
*** "Include audio" checked
*** "Include audio" checked
Line 58: Line 58:
*** Optimization: Fast Start</i>
*** Optimization: Fast Start</i>


* When the render's done, open in QuickTime Player and export with these settings (NOTE: I switched from "Main" to "Baseline" profile because the latter works on iPods):
* When the render's done, open in QuickTime Player and export with these settings (''NOTE:'' I switched from "Main" to "Baseline" profile because the latter works on iPods, and have since boosted video bitrate to 1152 kbps):


[[Image:Vidtut-encode.png|256px]]
[[Image:Vidtut-encode.png|256px]]


== Upload to [http://youtube.com/profile?user=Torley YouTube] ==
== Publishing ==
=== Upload to [http://tubemogul.com TubeMogul] ===
TubeMogul's a timesaving video batch-uploader: with one upload, your video gets distributed to [http://youtube.com/profile_videos?user=Torley YouTube], [http://lindenlab.blip.tv/ blip.tv], and about a dozen others.
 
* Fill out Video Upload form thusly:
* Fill out Video Upload form thusly:
** ''Title = "Second Life TuTORial - " or "SL TuTORial - "'' (if tip title is too long), followed by tip title.
** ''Title''
** ''Description'' = Some minimalist variant pointing to http://torley.com
** ''Description'' =
** ''Video Category = Howto & Style''
*:
** ''Tags = second life secondlife tips tricks school tutorial knowledge base learn education teach online world tech community love'' (in the future, I may want to vary these further).
*: MORE ENLIGHTENMENT @ http://secondlife.com/video
* Click "Upload a video" then select the .MP4 and upload it. Video usually goes live several minutes later.
*:
*: Friendly greetings! You can learn Second Life in a fun and fast fashion! The enthusiastic Torley is your host, taking you on a tour through tips, tricks, and techniques that'll increase your confidence and make you smile. :) Whether you're a newcomer or longtime Resident, your inworld experience will benefit from these video tutorials.
*:
** ''Video Category = "Howto & Style" or "Education"''
** ''Tags = secondlife second life video tutorial tip trick game world 3d online virtual avatar screencast help machinima love sl'' (these sometimes get varied to reflect specific content).
* Click "Upload a video", select the MP4, and upload it. Video usually goes live several minutes later.
* On YouTube, update the "[http://youtube.com/view_play_list?p=CB0477BF7641F5EA Second Life Video Tutorials]" playlist, reprioritizing the new addition as "1" so it shows up on top.
 
=== Upload to [http://vidtuts.s3.amazonaws.com/ Amazon S3] ===
These are the high-quality downloadable versions.
 
* Use [https://addons.mozilla.org/en-US/firefox/addon/3247 S3Fox] and drag-and-drop the MP4 into the uploader.
* Right-click the "vidtuts" folder, select "Edit ACL", enable Read for all (green checkmarks), check "Apply to subfolders" (useful for multiple vidtut uploads), then click "OK".


== [http://blog.secondlife.com/ Blog] about it ==
=== Update the [http://static-secondlife-com.s3.amazonaws.com/media/podcast/podcast.xm Second Life Podcast] ===
* Open up template, craft blog post in Windows Live Writer, and set it to publish in the future on Thursday (when Tip of the Weeks tend to show up).
* Add a new item with [http://www.extralabs.net/feed-editor.htm Feed Editor], duplicating a previous entry and editing these fields:
** ''Required Fields''
*** ''Title''
*** ''Pub Date''
** ''Optional Fields''
*** ''GUID (same as "Enclosure URL")''
*** ''Enclosure URL''
** ''iTunes Fields''
*** ''Duration''
* [https://phobos.apple.com/WebObjects/MZFinance.woa/wa/pingPodcast?id=151557204 Ping it.]
 
=== [http://blog.secondlife.com/ Blog] about it ===
* Open up template, craft blog post in Windows Live Writer, and if it's a TotW, set it to publish in the future on Saturday.
* Include supplemental pictures, word explanations, and other relevant content addendum that didn't make it into the video. Related resources links always a plus.
* Include supplemental pictures, word explanations, and other relevant content addendum that didn't make it into the video. Related resources links always a plus.
* Test pre-published link to assure quality.
* Test pre-published link to assure quality.


== [http://secondlife.com/showcase/ Showcase] it ==
=== [http://secondlife.com/showcase/ Showcase] it ===
* Log into blog-like tool.
* Log into blog-like tool.
* Copy-and-paste earlier blog posting into WLW (to strip font irregularies), then into this, and publish it. ''NOTE: This tool can't publish in advance yet, so this is done nearer to the time or shortly after the aforementioned blog post appears.''
* Copy-and-paste earlier blog posting into WLW (to strip style irregularities), then back into this, and publish it. ''Note:'' This tool can't publish in advance yet, so this is done nearer to the time or shortly after the aforementioned blog post appears.
* Check for any significant content inconsistencies, most notably that embedded videos don't work, so I'll need to replace them with links like this:
* Check for any significant content inconsistencies, most notably that embedded videos don't work, so I'll need to replace them with links like this:
: [[Image:Getvidtut.png]] '''[http://www.youtube.com/watch?v=GU2036yOF8M WATCH THE VIDEO]'''
: [[Image:Getvidtut.png]] ''[http://www.youtube.com/watch?v=GU2036yOF8M WATCH THE VIDEO]''
: <tt><nowiki><img height="16" src="http://torley.s3.amazonaws.com/Getvidtut.png" width="16" align="absMiddle" border="0"></a><strong><a href="http://vidtuts.s3.amazonaws.com/****">WATCH VIDEO</a></strong></nowiki></tt>


== Wikify it ==
=== Wikify it ===
* Update [[Video Tutorials]] with the newest, most likely a new "#" under all the previous TotWs.
* Update [[Video Tutorials]] with the newest, most likely a new "#" above all the previous TotWs.
 
=== Add it to inworld movie player ===
* Go [[Here]] and edit the script in the following format:
: ''[TITLE], [URL]''
(This is currently only being done for the Tip of the Week.)


== Afterwards ==
== Afterwards ==
Line 89: Line 122:
* Shortly after uploading's done, I sometimes watch the vid to make sure things turned out alright, then I post to the blog or otherwise further communicate about my new vidtut.
* Shortly after uploading's done, I sometimes watch the vid to make sure things turned out alright, then I post to the blog or otherwise further communicate about my new vidtut.


* Embrace incoming feedback from my beloved community and use lovely ideas to [[User:Torley_Linden/Vidtut_ideas|fuel future vidtuts ]].
* Embrace incoming feedback from my beloved community and use lovely ideas to fuel future vidtuts.


The above is subject to iteration, but hopefully provides a wealth of insights into how I do what I do. :)
The above is subject to iteration, but hopefully provides a wealth of insights into how I do what I do. :)
== Additional answers ==
'''[[User:Torley_Linden/FAQ|See my FAQ!]]'''
[[Category:Creation]] [[Category:Machinima]] [[Category:Tutorials]]

Latest revision as of 11:48, 6 October 2008

The following is kinda technical — looking for easier help? See Torley's Guide to Making Movies!

How my video tutorials reach the world. Note that some of this is deprecated as of 2008-09-24, and a future revised process may be forthcoming. A behind-the-scenes glimpse at the step-by-steps:

Capture

  • Record raw footage inworld using Camtasia Studio. I like its ease-of-use, non-intrusiveness, highlighting features, and picture-in-picture mode. I usually:
    • Set Second Life screen resolution to 1024x768 in Sizer — the actual dimensions are 1032x802 in Windows XP due to window chrome.
    • Scale SL UI to 1.200.
    • Set audio volumes.
    • Use the DivX codec with these settings (subject to change):
    Torley DivX.png
    Or, if video consists mainly of webpage (outside of SL), "flat" stuff, use TechSmith's lossless Screen Capture codec.
  • When recording is done, gather raw footage into a template folder and rename it with the title of the tutorial.
    Note: I frequently get asked: "How do you get that yellow circle?" It's a Camtasia effect! Open the Camtasia Recorder and go to Effects menu > Effects Options. Also make sure in Effects menu > Cursor, that "Highlight Cursor & Clicks" is on. I leave Camtasia's sounds turned off because SL has its own UI noises.
    Camtasia Effects.png

Production

  • Load "Video Tutorial Template" in Sony Vegas, containing basic outline and track setup. (Continues to be revised over time.)
  • Drag-and-drop movie clips on master video track. Trim ends and crossfade into each other as desired.
  • Move around ending bumper to fit.
  • Use "Video Event Pan/Crop" at appropriate places in the timeline to provide zoomed-in focus on UI elements. I prefer smooth zooms with a 1-sec. interval.
  • Ctrl-drag to copy text media template to appropriate places in timeline and customize it. (Sometimes I customize start + end titles at this point too.)
  • Reword captions as I go along. Stretch text media if some needs to last longer. Other settings, like Placement, can also be changed to provide optimum visibility.
  • Fade and trim ends as appropriate.
  • Add some extra gloss (transition effects) — I like to experiment, sometimes obviously, sometimes more subtle, with different techniques in each vid.
  • Re-watch vid to make sure everything's in its right place. Polish anything else stray I find.

Encoding

  • Render vid to "QuickTime 7" with these settings:
    • Project tab:
      • Video rendering quality: Best
    • Video tab:
      • Frame size: 640x480 (square pixel, meant to be played back on computer screens)
      • Frame rate: 20
      • Field order: None (progressive scan)
      • Pixel aspect ratio: 1.000
      • Video format: Photo - JPEG
      • Compressed depth: 24 bpp color
      • Quality: 95% (near lossless)
    • Audio tab:
      • "Include audio" checked
      • Audio format: Uncompressed
      • Sample rate (Hz): 44,100
      • Bit depth: 16
      • Channels: Stereo
    • Streaming:
      • "Prepare for streaming" checked
      • Optimization: Fast Start
  • When the render's done, open in QuickTime Player and export with these settings (NOTE: I switched from "Main" to "Baseline" profile because the latter works on iPods, and have since boosted video bitrate to 1152 kbps):

Vidtut-encode.png

Publishing

Upload to TubeMogul

TubeMogul's a timesaving video batch-uploader: with one upload, your video gets distributed to YouTube, blip.tv, and about a dozen others.

  • Fill out Video Upload form thusly:
    • Title
    • Description =
    MORE ENLIGHTENMENT @ http://secondlife.com/video
    Friendly greetings! You can learn Second Life in a fun and fast fashion! The enthusiastic Torley is your host, taking you on a tour through tips, tricks, and techniques that'll increase your confidence and make you smile. :) Whether you're a newcomer or longtime Resident, your inworld experience will benefit from these video tutorials.
    • Video Category = "Howto & Style" or "Education"
    • Tags = secondlife second life video tutorial tip trick game world 3d online virtual avatar screencast help machinima love sl (these sometimes get varied to reflect specific content).
  • Click "Upload a video", select the MP4, and upload it. Video usually goes live several minutes later.
  • On YouTube, update the "Second Life Video Tutorials" playlist, reprioritizing the new addition as "1" so it shows up on top.

Upload to Amazon S3

These are the high-quality downloadable versions.

  • Use S3Fox and drag-and-drop the MP4 into the uploader.
  • Right-click the "vidtuts" folder, select "Edit ACL", enable Read for all (green checkmarks), check "Apply to subfolders" (useful for multiple vidtut uploads), then click "OK".

Update the Second Life Podcast

  • Add a new item with Feed Editor, duplicating a previous entry and editing these fields:
    • Required Fields
      • Title
      • Pub Date
    • Optional Fields
      • GUID (same as "Enclosure URL")
      • Enclosure URL
    • iTunes Fields
      • Duration
  • Ping it.

Blog about it

  • Open up template, craft blog post in Windows Live Writer, and if it's a TotW, set it to publish in the future on Saturday.
  • Include supplemental pictures, word explanations, and other relevant content addendum that didn't make it into the video. Related resources links always a plus.
  • Test pre-published link to assure quality.

Showcase it

  • Log into blog-like tool.
  • Copy-and-paste earlier blog posting into WLW (to strip style irregularities), then back into this, and publish it. Note: This tool can't publish in advance yet, so this is done nearer to the time or shortly after the aforementioned blog post appears.
  • Check for any significant content inconsistencies, most notably that embedded videos don't work, so I'll need to replace them with links like this:
Getvidtut.png WATCH THE VIDEO
<img height="16" src="http://torley.s3.amazonaws.com/Getvidtut.png" width="16" align="absMiddle" border="0"></a><strong><a href="http://vidtuts.s3.amazonaws.com/****">WATCH VIDEO</a></strong>

Wikify it

  • Update Video Tutorials with the newest, most likely a new "#" above all the previous TotWs.

Add it to inworld movie player

  • Go Here and edit the script in the following format:
[TITLE], [URL]

(This is currently only being done for the Tip of the Week.)

Afterwards

  • While uploading's happening, work on accompanying blog post or fill in other info that could usefully be multitasked.
  • Shortly after uploading's done, I sometimes watch the vid to make sure things turned out alright, then I post to the blog or otherwise further communicate about my new vidtut.
  • Embrace incoming feedback from my beloved community and use lovely ideas to fuel future vidtuts.

The above is subject to iteration, but hopefully provides a wealth of insights into how I do what I do. :)

Additional answers

See my FAQ!