Lectures for Multimedia Production

• Examples
• Spilling Over created by students at School of Journalism and Mass Communication University of North Carolina at Chapel Hill.
• Shrimp Production in Vietnam created by students from UBC's Graduate School of Journalism.
• What is the True Cost of Gasoline? an animated feature created by the Center for Investigative Reporting.
• Africa's Climate Conflicts: created by Yale School of Forestry & Environmental Studies.
• Barnegat Bay under Stress created by Asbury Park Press.
• The Reckoning: New York Times journalists use digital media to present stories and information about Sept. 11 on the 10-year anniversary.

• Resources
• News21 is a program of the Carnegie Corporation &. Knight Foundation to foster in-depth, interactive and innovative investigative journalism at journalism schools across the country.
• Knight Digital Media Center is dedicated to helping good journalists and good journalism succeed in the 21st century by providing training for New Media at all levels.
• NY Times Multimedia
• Economist Multimedia

Videos Demos:

• Create & Upload Web Page
• Create Web Page (9:54) shows you how to create a simple web page, using NotePad++ and how to preview the local page in the Browser.
• Upload Web Page (15:08) how to upload a web page to public_html folder on the server, using Filezilla, set permissions, navigate to page in Browser, and refine site definition.
• Exercise 1 Demo

• Step 1: Download startPage.html from Step-by-Step files for Week 2 and using Save As to create "ex1_page1.html" (step1) page (1:46)
• Step 2: Create table (1:56)
• Step 3: Create additionals rows in table using copy and paste and then customize (1:52)
• Step 4: Create content such <h1>, <h2> and <p> tags (1:22)
• Step 5: Insert image and have text flow text flow to right of image (5:00)
• Step 6: Create navigation structure (1:34)
• Step 7: Create "You are here" indicator; Upload files; Why is Image not showing?; Next steps & reminders(10:36)
• Validate: How to validate a page and interpret error messages (2:50)

Related Video:

• Google Analytics (4:36) How to create Tracking Code for a site and install on web page.

• Getting Started
• Learning HTML (2:47)
• Choosing a code editor (5:02)
• Exploring basic HTML syntax (8:18)
• Do I need to learn HTML5? (5:06)
• Exploring HTML references (8:17)

• Basic Page Structure
• Exploring an HTML document (5:19)
• Working with doctype declarations (4:03)
• Examining the document head (8:20)
• Looking at the document body (3:21)
• Adding document structure (8:52)
• Lab: Coding a basic page (3:09)
• Solution: Coding a basic page (2:36)

• Formatting Page Content
• How does HTML format text? (5:51)
• Adding headings (7:24)
• Formatting paragraphs (4:54)
• Controlling line breaks (3:50)
• Creating lists (10:37)
• Emphasizing text (6:42)
• Displaying special characters (5:08)
• Controlling whitespace (4:35)
• Inserting images (9:20)
• Lab: Controlling page content (13:57)
• Solution: Controlling page content (10:55)

• Creating Links
• Linking to pages within your site (6:45)
• Solution: Linking to external pages (3:02)
• Linking to downloadable resources (2:25)
• Linking to page regions (8:00)
• Lab: Creating Links (5:57)
• Solution: Creating Links (5:45)

• Building Tables
• Examining basic table structure (5:10)
• Adding content to tables (6:20)
• Setting table attributes (7:42)
• Adding table captions (4:03)
• Defining table headers (2:13)
• Making table data accessible (5:46)
• Lab: Building tables (4:13)
• Solution: Building tables (5:00)

• Controlling Styling
• Understanding the relationship between HTML and CSS (4:58)
• Creating inline styles (4:53)
• Exploring the style element (5:13)
• Basic font styling (9:24)
• Changing color (4:55)
• Taking styles further (5:24)
• Lab: Controlling basic styles (5:10)
• Solution: Controlling basic styles (3:26)
  

• Wikipedia: HTML | XHTML

• Resources to Learn (X)HTML
• HTML 101
• W3Schools
• HTML Goodies
• HTML Code Tutorial
  

• Basics
• Hierarchy of Tags
• HTML Element
• Block Elements: <div>
• Inline Elements: <span>
• HTML Attributes
• id used to specify unique id for element
• class mostly used to point to CSS class
• Hyperlink
• Hyperlink tag: <a>
• Relative vs. Absolute links
• Table
• Table tags: <table> | <tr> | <td>
• Image
• Image tag: <img />

• Reference
• HTML Tags Reference
• HTML Special Characters Cheat Sheet

• Doctype
• W3C
• W3Schools

• Encoding
• Unicode
• UFT-8: dominant character encoding for files, e-mail, web pages and software that manipulate textual data.

• XHTML Validation
• validator.w3.org
• More info at W3schools

• How to View Source Code in Browser
• IE: Page > View Source
• Firefox: Tools > Web Developer > Page Source
• Safari: View > View Source
• Chrome: Page > Developer > View Souce

• Simple Code Editor for HTML, CSS, JavaScript & PHP coding
• NotePad++ (Windows)
• TextWrangler (Mac)
• Info about Text / HTML Editors

• Free FTP Software
• Filezilla Client (Windows / Mac)
• Screenshots
• Documentation
• WinSCP (Windows)
• Fugu (Mac)
• CyberDuck (Mac)
• SSH (Windows)

• Resources
• RU MLIS Computing Resource

• Permissions
• Types of Permissions
• Read : for being able to read the file/directory
• Write : for being able to write in the file/directory
• Execute : for being able to access the file/directory
• Who are Permissions set for?
• Owner : you
• Group : group you belong to
• Others : the rest of the world
  

Videos Demos:

• CSS Demo (14:30) Create hierarchy of DIVs and assigin IDs; Specify CSS in the head of web page; Explore CSS Reference; Comment out code to see effect of specific CSS code.
• CSS Navigation (7:54) Use unordered list <u>, list items <li> and CSS rules to create interactive navigation bar with "you are here" indicator.

Resources - CSS Navigation

• XHTML Tags | CSS Properties
• unordered list <ul> | list item <li>
• CSS display property and demo
• CSS overflow property and demo
• Hyperlink <a> tag and CSS Selectors: :link | :visited |:focus | :hover | :active

• Tutorials
• W3Schools - CSS Navigation Bar
• Turning List into Navigation Bar
• CSS Tabbed Navigation
• 30 CSS Navigation Techniques
• 22 CSS / jQuery Navigation Techniques

• Common CSS Concepts
• Working with fonts (4:53)
• Formatting text (8:02)
• What is the box model? (4:51)
• Margins and padding (4:21)
• Borders (4:09)
• Backgrounds (5:08)
• Color (5:52)
• Common units of measurement (7:39)
• Element positioning (7:05)
• Floats (4:49)
• Basic layout concepts (5:13)

• Common CSS Concepts (cont.)
• Media types and media queries (5:48)
• What is CSS3? (6:15)
• Vendor prefixes (4:49)
• What is a CSS Reset? (5:46)

• CSS Resources
• Using frameworks and grids (5:12)
• Popular frameworks (3:23)

• Graphic Design
• Swiss Graphic Design
• The Grid System
• 960.gs is one of the most popular CSS grid-focused frameworks for grid layouts based on 960 pixels.
• designbygrid.com

• Typography
• webtypography.net
• Typographic Style Applied to Web

• Web Design
• 10 Principles Of Effective Web Design
• Common Sense Web Design with Steve Krug
• Yahoo Style Guide for Writing for the Web
• Resources for Building Better Sites and Apps
• Time-Saving and Educational Resources for Web Designers

• Color Design
• Color Picker
• Kuler for creating color schemes (see Week 3 - Related for LyndaCampus resources).
• Color Scheme Designer

• Debug: Easy Things to Check First
• Be careful about typos.
  
• Upload file in the correct location.
  
• Make sure spelling of URL = spelling of filename.
  
• XHTML is case-sensitive.
  
• CSS
• Use colon (:) to separate your properties from value (color: red;).
• Complete each property-value pair with semicolon (;)
  
• No spaces between number and their units (16px).
  
• Still Stuck, then check for typos and easy stuff first :)
  

• CSS: Wikipedia | Why | What | Where to Store
• Resources to Learn CSS
• CSS 101
• W3Schools
• Interactive Examples
  
• Setting up Background Color of Page
• Set Image as Background of Page
  
• Fixed background image (image will not scroll with rest of the page)
• Complex Background Example
  
• Text Elements Properties
  
• Setting Border around paragraphs
  
• Setting Margins
  
• Floating Image
  
• Design Webpage
  
• CSS Zen Garden
• Dynamic Drive CSS Library
• Maxdesign
  

• Other Resources
• CSS Reference | CSS Alphabetical Reference
• Cascading Style Sheet Videos

• CSS Validation
• W3C CSS Validator

Videos Demos:

• Image Editing
• Image Editing for Slideshow (14:24) Resizing, Create Thumbnail, Cropping using Rule of Thirds.
• Galleria Slideshow | demo
• Customizing Galleria (8:40) What to customize.
• Beginner's Guide
• Galleriffic Slideshow| demo
• Customizing Galleriffic (8:44) What to customize.
• Supersized Slideshow| demo
• Customizing Supersized (6:34) What to customize.

Resources

• CSS Properties
• position | Learn CSS Positioning in 10 Steps
• z-index
• Slideshow Tutorials
• 25 Best jQuery Slideshow Plugins
• 15 Amazing jQuery Image Gallery/Slideshow Plugins and Tutorials
• Top 20+ jQuery Slideshow and Image Gallery Tutorials
• Find Further Resources
• Google Search
• Delicious Bookmarks

• jQuery
• Site | Tutorials | Documentation

Videos Demos:

• Introduction
• Welcome (0:58)
• What is Elements? (2:36)
• Getting acquainted with Elements workspaces (5:45)

• Importing Your Photos
• Working with catalogs (4:22)
• Importing and using the exercise files (3:41)
• Importing photos from your computer (2:49)
• Importing photos from your camera (4:50)
• Importing photos from iPhoto (Mac only) (3:55)

• Instant Photo Fixing in the Organizer
• Cropping in Photo Fix (4:52)
• Applying one-click adjustments in Photo Fix (4:27)
• Fixing red-eye in Photo Fix (1:50)

• Quick Editing in the Editor
• Working in Quick Edit (6:08)
• Adjusting lighting (3:41)
• Adjusting color (4:04)
• Making selective adjustments (4:33)
• Retouching with the Healing Brush tools (4:53)
• Saving edited images (3:47)

• Guided Editing in the Editor
• Working in Guided Edit (2:56)
• Correcting skin tones in Guided Edit (2:44)
• Applying a vignette in Guided Edit (3:06)

Videos Demos (cont.):

• Introduction to Expert Editing in the Editor
• Touring the Expert Edit interface (4:49)
• Working with layers (8:55)
• Working with selections (6:18)
• Improving photos with adjustment layers (5:37)
• Editing automatically with actions (2:34)
• Adding text (4:33)

• Managing Photos in the Organizer
• Touring the Organizer (4:30)
• Managing files and folders (4:35)
• Organizing using People (8:43)
• Organizing using Places (5:01)
• Organizing using Events (3:28)
• Keyword tagging (4:12)
• Grouping photos into albums (6:08)

• Getting Creative with Your Photos
• Making a photo creation (7:39)
• Outputting a photo creation (2:22)

• Sharing Your Photos
• Sending photos by email (4:49)
• Sharing photos to Facebook (3:09)
• Exporting photos (3:08)
  

• Overview
• Toolbox in Photoshop Elements (7:14)
• Edit Workspace (5:35)
• Working with Layers (11:19) [PsE 9]
• Organize
• Organize it with Automated Options (0:54)
• Zero in on Photos You Need (3:10)

• Select & Edit
• Automatic Selection Tools (7:59) [PsE 9]
• Manual Selection Tools (8:16) [PsE 9]
• Straighten and Crop Tools (5:09)
• Use Crop Guides for Better Composition (6:16)
• Recompose Tool (7:03)
• Guided Edit mode (8:35)
• Creating Reflections with Guided Edit (5:11) [PsE 9]
• Out of Bounds Effect with Guided Edit (6:59) [PsE 9]
• Creating Perfect Portrait with Guided Edit (6:10) [PsE 9]
• Enhance Specific Areas with Smart Brush (8:12)
• Guided Edit Depth of Field Effect (3:55)
• Using Quick Fix (6:26) [PsE 9]
• Fixing Red Eye and Retouching Skin (8:02) [PsE 9]
• Content-Aware Healing (4:35)

• Text
• Adding Text (8:11)
• Add Curving and Flowing Text (0:52)
• Text on Path (5:25)
• Bend Text to Your Will (7:05)

• Effects
• Focus Attention on Your Subject (5:01)
• Create Photo Effects (0:44)
• Orton Effect (1:51)
• Create Dreamlike Orton Effect (2:58)
• Paint Effects onto Specific Photo Areas (0:46)

• Collage & Merge
• Create Photo Collage Effect (5:26)
• Create Photo Collage (8:32) [PsE 9]
• Create Photo Border (8:43) [PsE 9]
• Photomerge Style Match (6:26)
• Photomerge Panorama (5:07) [PsE 9]

• Image Resources
• Flickr
• Free Stock Photography

• Programming
• Data Types: such as numbers, text, boolean (true, false)
• Integer | Boolean | Character | String | Floating-Point
• Array: use FOR loop to examine each array item
• Variable: is way to symbolically to refer to data content
• Operators: can be used to perform built-in operations, such as addition (5 + 5, where + is addition operator)
• Statement: combination of variables, operators and data
• Function: collection of statements to perform specific task
• Control Flow of operations (statements, functions) being performed
• Conditional Programming used so that operations are performed only if certain condition is met:
• IF test (only do something if certain condition is true)
• FOR loop (keep doing something only if certain condition is true)
• WHILE loop (keep doing something until certain condition not true anymore)
• Debugging code is essential part of programming ... chasing typos, missing parentheses :)
• Food for Thought
• Poetics of Coding
• Language and Metaphor
  

• JavaScript
• Tutorials
• W3School: JavaScript Tutorial
• JavaScriptKit: Tutorials | Getting Started Primer
• Document Object Model (DOM) allows programs and scripts to dynamically access and update the content, structure and style of documents
• W3Schools: DOM Reference | JavaScriptKit: DOM Reference
  
• DOM Tutorial
• DOM Examples
• Finding Scripts
• W3School: JavaScript Examples
  
• JavaScriptKit: Examples
• Reference
• W3School: JavaScript Reference
• JavaScriptKit: Reference
  

Videos Demos:

• Exercise 3 Demo
• Step 1 (4:47) Create external CSS file; Add CSS "Clean Slate" code and comment it out.
• Step 2 (1:50) Add Sidebar that floats on the right.
• Step 3 (2:16) Ensure footer has nothing floating to its left and right; Add Floating Image on the left.
• Step 4 (4:20) Embed YouTube Video; Make CSS "Clean Code" active by removing to comments to see its effect.

CSS Resources

• Key Concepts
• Constructing Complex Selectors
• Box Model
• Floating Element
• Absolutely Positioned Element
• Learn CSS Positioning in 10 Steps

Videos Demos:

• Three Columns Templates
• Three Columns Overview (3:45) Briefly discuss key aspects of the Fixed or Liquid Three Columns templates not already mentioned in Web Design Templates lecture.
• Sample Web Template
• Sample Template Tutorial provided by Knight Digital Media Center for the Sample Template that uses image rollovers in the navigation sturcture and images as backgrounds.
• Sample Template Overview (12:22) Briefly discuss key aspects of the template and how the image rollovers are created and can be customized.

Resources

• Web Design Templates
• Smashing Magazine: 100 Free High-Quality XHTML/CSS Templates
• Smashing Magazine: Free Design Templates
• Open Source Web Design
• Styleshout: Free CSS Website Templates
• OpenSourceTemplates.org
• Find Further Resources
• Google Search
• Delicious Bookmarks

• Google Maps
• How to Embed Google Map

• Design Considerations
• Page design workflow (3:06)
• Determining page structure (7:18)
• Creating image assets (8:58)
• Creating initial page structure (7:03)
• Adding meaning with classes and IDs (5:23)
• Structuring content with HTML5 (6:06)
• Building internal structure (10:25)

• Layout Basics - some of it already covered in 550
• Box model review (8:47)
• Calculating element dimensions (11:11)
• Understanding margin collapse (7:59)
• Calculating em values (7:41)
• Calculating percentage values (7:51)
• Normal document flow (13:03) CSS code to use to make HTML5 tags understandable to older browsers.
• Controlling element display (8:53)
  
• Using CSS Resets (7:11)
• Fixed, fluid, and responsive layouts (9:09)
  

• Working with Floats
• Floating elements (7:50)
• Clearing floats (7:28)
• Containing floats (7:50)
• Clearfix technique (10:38)
• Floating inline elements (14:34)
• Two-column floated layouts (8:17)
• Three-column floated layouts (11:30)
• Column height considerations (7:03)
• Creating equal-height columns (10:42)
• Floats: Lab (5:25)
• Floats: Solution (5:21)

• Positioning Elements
• Relative positioning (7:59)
• Absolute positioning (8:59)
• Fixed positioning (4:23)
• Controlling stacking order (8:31)
• Clipping content (8:21)
• Controlling content overflow (5:38)
• Positioning elements: Lab (3:59) 
• Positioning elements: Solution (3:52)

• Building Fixed Layouts
• Design considerations for Fixed Layouts (3:28)
• Establishing the layout grid (7:57)
• Defining column spacing (9:30)
• Applying the grid through CSS (8:56)
• Creating grid-based assets (8:26)
• Grid design resources (6:22)
• Building fixed layouts: Lab (4:07)

• Building Flexible Layouts
• Building Flexible Layouts (2:30)
• Calculating percentage values (8:45)
• Setting flexible width values (6:06)
• Making images flexible (8:10)
• Setting minimum and maximum widths (7:24)
• Building flexible layouts: Lab (4:53)
• Building flexible layouts: Solution (6:47)
  

• Building Responsive Layouts (optional)
• Responsive layout overview (3:49)
• Using media queries (7:16)
• more videos available on LyndaCampus site.

• Enhancing Page Design (optional)
• Using borders to enhance design (13:59)
• Rounding corners (6:56)
• Adding drop shadows (10:35) 
• Working with opacity (6:08)
• Utilizing the background property (15:05)

SlideShare presentation by Russ Weakley

• CSS Cascade
• Inheritance (html hierarchy matters; many properties inherited by descendants of elements) example
• Specificity (the more specific the selector, the stronger the rule) example
• Location (rule that appears later wins) example

• Key Concepts
• Constructing Complex Selectors
• Box Model
• Floating Element
• Absolutely Positioned Element
• Learn CSS Positioning in 10 Steps

• Tutorials
• Best CSS Practices
• Resources
• Smashing Magazine CSS
• Get Your Design to Browser (pdf)
  

• Resources - CSS Navigation

• XHTML Tags | CSS Properties
• unordered list <ul> | list item <li>
• CSS display property and demo
• CSS overflow property and demo
• Hyperlink <a> tag and CSS Selectors: :link | :visited |:focus | :hover | :active

• Tutorials
• W3Schools - CSS Navigation Bar
• Turning List into Navigation Bar
• CSS Tabbed Navigation
• 30 CSS Navigation Techniques
• 22 CSS / jQuery Navigation Techniques
  

• Introducing HTML5
• A brief overview of HTML5 (3:57)
• What's in the HTML5 specification? (8:17)
• Why do we need new structural elements? (6:53)

• HTML5 Basics
• Defining HTML5 documents (5:05)
• HTML5 syntax (9:14)
• Elements: header (5:22) | nav (4:55) | section (4:51) | article (4:48) | aside (4:13) | footer (4:17)
• Content model overview (7:48)

• HTML5 Document Structure
• Understanding the outline algorithm (3:17)
• Creating document sections (8:25)
• Using headings properly (9:01)
• Using hgroup to override sectioning (4:17)
• Properly nesting structure (7:17)
• Sectioning roots (3:11)

• Coding an HTML5 Site: Initial Page Structure
• Organizing content (4:41)
• Planning document structure (5:47)
• Choosing the right structural element (4:43)
• Checking document outlines (5:27)
• Coding initial page structure (5:28)
• Using class and ID attributes (5:31)
• Structuring headers (13:13)
• Building navigation (7:01)
• Structuring footers (6:39)

• Coding an HTML5 Site: Grouping Content

• Working with figure and figcaption (7:12)
• Grouping content with asides (3:46)
• Using divs in HTML5 (5:00)
• Working with lists in HTML5 (7:10)
• The return of bold and italic (5:52)
• Citing works semantically (6:32)
• Using the address element (5:24)
• Using the small element (4:24)
• Using the mark element (5:16)
• Working with date and time (11:55)
• Creating block-level links (8:53)
• Understanding link relationships (9:28)
• Defining link relationships (6:23)

• Structuring Semantic HTML5 for the Real World
• Current browser support (7:38)
• Ensuring block-level display (4:03)
• Adding support for elements in older browsers (5:41)
• Additional Resources (3:46)

• HTML5
• HTML5 Specifications
• W3School
• HTML5 Intro | HTML5 Reference
• HTML5rocks
• Tutorials | Demos | Resources
• 9_Websites_to_Learn_HTML5_Basics
• HTML5 Readiness

• CSS3
• W3School
• CSS3 Intro | CSS3 Reference
• Dynamic Drive CSS3 Demos
• Knight Digital Media Center
• CSS Layout with HTML5

• Videos
• Vimeo Storyboarding Basics

• How To Make a Storyboard

• Resources
• FilmmakerIQ.com - Storyboarding

Videos Demos:

• Introduction
• Welcome (0:57)
• Understanding the basics of editing (2:45)
• Getting to know the interface (3:47)
• Using the exercise files (1:01)

• Gather Your Assets
• Capturing video from a tape-based camcorder (4:08)
• Downloading video from a hard drive or a storage-based camcorder (4:26)
• Importing media already on your computer (2:22)
• Managing media files with the Organizer (6:07)
• Organizing media in the Project Assets panel (5:43)

• The Basics of Timeline Editing
• Editing with Quick view vs. editing with Expert view (5:42)
• Adding, slicing, and trimming clips, and performing ripple edits (7:53)
• Pretrimming media in the clip monitor (6:10)

• The Premiere Elements Toolkit
• Looking at the Action Bar toolkit (4:26)
• Recording narration (3:19)
• Creating a motion path with the Pan & Zoom tool (9:10)
• Speeding up or slowing down video segments with Time Remapping (6:07)

• Color Correction and Effects
• Adjusting color, lighting, and audio (5:45)
• Adding and customizing a video effect (7:25)
• Using the Chroma Key and Videomerge effects (5:53)

Videos Demos (cont.):

• Audio Production Tools
• Adding and customizing an audio effect (6:14)
• Creating custom music tracks with Quicktracks (8:05)

• Transitions
• Creating fade-ins and fade-outs (5:36)
• Adding and customizing a transition (7:19)

• Titles and Text
• Adding and customizing a title (4:58)
• Adding a text animation (4:24)

• Keyframing
• Creating a custom motion path using keyframes (4:35)
• Keyframing video effects (6:43)
• Mixing several tracks of audio using keyframes (7:16)

• DVD and Blu-ray Production
• Adding menu markers (5:21)
• Applying a menu template (5:33)
• Adding a "special features" video to your DVD or Blu-ray (3:16)

• Sharing Your Video
• Burning a DVD or a Blu-ray disc (3:46)
• Uploading video to Facebook or YouTube (4:06)
• Outputting a movie for viewing on a portable device (2:42)

• Conclusion
• Next steps (1:13)

Videos Demos from Adobe TV:

• Premiere Elements 10
• General
• Overview of Making Movie with Premiere Elements (7:53)
• New Features in Premiere Elements 10 (7:42)
• Making the move from iMovie (2:22)
• Understanding Workflow (1:26) [PrE 9]
• Meeting the Welcome Screen (4:59)
• Creating New Project (7:25) [PrE 9]
• Understanding Options When Creating New Project (7:57)
• Capture Video from Cassette or Webcam (7:21) [PrE 9]
• Editing
• Using Sceneline and Timeline (3:52) [PrE 9]
• Quickly Trim all but Your Best Footage (4:31)
• Creating Transition Effects (7:25)
• Effects
• Applying and Modifying Video Effects (8:53) [PrE 9]
• Turn Photos into Entertaining Movies (1:00)
• Easily Correct or Enhance Color (1:03)
• Get Perfect Color throughout Movie (6:34)
• Sound
• Adding Music to Movie (4:09)
• Get Professional-Quality Sound throughout Movie (5:47)
• Share
• Quickly Share on Facebook and YouTube (6:37)
• Create and Share Web DVDs (6:35)
• Share with Convenience (1:01)

Related Videos

• Premiere Elements 10
• Automatic Analysis & Assembly
• Using Auto-Analyzer to Find Clips You Need (3:48)
• Creating Instant Movie (8:47)

Resources

• Premiere Elements 10
• Features
• Getting Started

Videos Demos:

• Premiere Elements  Reminders & Recap
• Create Clips from Source Footage (6:39)
• Trim & Split Clips on Timeline (1:44)
• Create & Edit Transitions (5:23)
• Create Still Frame, Unlick Audio & Video, Fade Out (6:18)
• Video Overlays, Keyframes and Custom Fades (10:14)
• Time Stretch Tool (2:30)
• Create Titles and Text Overlays (10:34)

Premiere Elements - Adobe TV Must See Videos

• General
• Overview of Making Movie with Premiere Elements (7:53)
• Understanding Options When Creating New Project (7:57)
• Editing
• Using Sceneline and Timeline (3:52) [PrE 9]
• Creating Transition Effects (7:25)
• Effects
• Applying and Modifying Video Effects (8:53) [PrE 9]
• Turn Photos into Entertaining Movies (1:00)

• Introduction
• Welcome (0:58)
• Using the exercise files (2:02)

• Organizing and Ingesting Footage
• Importing project footage (2:51)
• Evaluating and annotating project footage (3:05)
• Evaluating interviews 4:30)
• Evaluating B-roll (4:48)
• Planning the edit (1:44)

• Assembling Footage on the Timeline
• Understanding the assembly edit (1:45)
• Marking shots and adding clips to the Timeline (5:57)
• Trimming interview shots (2:48)
• Creating cover shots with video tracks (3:16)
• Identifying editing opportunities (3:15)

• Refining the Cut
• Evaluating the assembly edit and making structural changes (3:33)
• Making the most of cover shots (2:13)
• Trimming a match cut (2:18)
• Editing with music (4:27)
• Adding and refining transitions (2:58)

• Titles and Graphics
• Adding a title graphic (2:32)
• Adding a lower third (3:44)
• Incorporating still images (2:56)
• Creating a credit roll (2:26)

• Finishing Steps
• Understanding the importance of picture lock (5:40)
• Color correction (3:35)
• Setting levels with the audio meters (4:06)
• Mixing dialog and music (6:38)

Videos Demos:

• Premiere Elements
• Using Pan & Zoom Tool to Explore Photo (10:52)
• Record and Edit Narration (16:52)
• Place Narration and Upload to YouTube (7:36)
• Add Soundtrack and Mix Audio (5:30)
• Create J-Cut in Interview (7:30)

Premiere Elements - Adobe TV Must See Videos

• Effects
• Applying and Modifying Video Effects (8:53) [PrE 9]
• Turn Photos into Entertaining Movies (1:00)
• Sound
• Adding Music to Movie (4:09)
• Get Professional-Quality Sound throughout Movie (5:47)
• Share
• Quickly Share on Facebook and YouTube (6:37)

• Knight Digital Media Center
• Video Resources
• Audacity Sound Editing
• Vimeo
• Video School
• Video 101
• Videomaker
• Resources

• YouTube
• Help
• Sharing Videos
• Annotations
• Captions

• Step0: Quick Tour of Workspace and Panels; New File = ActionScript 2.0; Settings; Rulers and Guides (5:15)
• Step1: Object Drawing Mode versus Merged Drawing Mode; Change Circle Shape; Create Shape Tween (8:52)
• Step2a: Create Shape Tween; Create Motion Tween using Text and Free Transform Tool (5:56)
• Step2b: Break Apart Work into Individual Letters; Distribute Letters to Different Layers to be able Animate them Individually using Motion Tweens (3:20)
• Step2c: Break Apart Text Twice to be Morph Text using Shape Tween (3:20)
• Step3a: Import Bitmap; Convert to Symbol; Motion Tween; Create Properties Keyframes; Free Transform Tool; Create Fade-in (9:30)
• Step3b: Multi-part Animation; Insert Blank Keyframe; Paste in Place; Motion Tween; Edit Motion Path; Insert / Remove Frames; Test Movie (7:24)
• Step4a: Create Classic Tween to Animate and Fade Bitmap (5:19)
• Step4b: Create Classic Motion Guide to Control Classic Tween (4:16)
• Step4c: Create Moving Mask Effect (4:02)

• Tutorials
• Getting Started with Flash: provides links to many useful tutorials.
• Creating your first Flash CS5 document
• Adobe Graphic Effects Learning Guide
• Overview
• Filters
• Bitmaps
• Text
• Adobe Animation Learning Guide
• Timeline and Keyframes
• Motion Tweens
• Shape Tweens

• Related Videos for CS6
• Adobe TV Learn Flash CS6 Videos

• Related Videos for CS5
• FL GS:0 What is Flash CS5? (0:59)
• FL GS:1 Flash environment (1:12)
• FL GS:2 Frames and Keyframes (2:54)
• FL GS:3 Library Panel (3:57)
• FL GS:4 Using Symbols (2:40)
• FL GS:5 Nesting Symbols (1:37)
• FL GS:6 Understanding Movie Clips (2:16)
• FL GS:7 Object and Merge drawing  (3:30)
• FL GS:8 Distribute Stage contents to Layers (1:42)
• FL GS:9 Create Motion Tween (2:31)
• FL GS:10 Text Layout Framework (2:01)
• FL GS:11 Use Text tool to create TLF text (6:04)
• FL GS:12 Button Symbols (2:42)
• FL GS:13 Publishing in Flash (1:42)

• How Flash Professional Fits In
• Flash for desktop web browsers (5:14)
• Flash for desktop apps (2:50)
• Flash for mobile apps (3:07)
• Understanding how ActionScript fits into Flash (2:22)

• Introduction to the Flash Interface
• Choosing the type of document to work with (7:44)
• Getting to know the Flash interface (3:27)
• Working with panels and workspaces (9:00)
• Understanding document orientation and guides (3:20)
• Zooming and moving around (3:39)

• Importing Graphics
• Navigating in the library (5:35)
• Understanding and importing bitmaps (5:05)
• Understanding and importing vector files (6:34)
• Using tricks and techniques for imported imagery (6:48)

• Structuring a Flash Document
• Adjusting document settings (7:23)
• Organizing layers (9:07)
• Utilizing guide layers (4:33)
• Understand the Timeline and frame rate (4:02)
• Previewing a project (3:05)
• Defining frames and keyframes (9:58)
• Manipulating frames and keyframes (6:35)

• Drawing Basic Shapes
• Understanding the Merge and Object Drawing modes (9:13)
• Using the Line and Pencil tools (5:47)
• Drawing with the Rectangle and Oval tools (5:37)
• Drawing with the Rectangle and Oval Primitive tools (2:53)
• Creating shapes with the PolyStar tool (2:39)
• Manipulating items with the Free Transform tool (3:06)
• Symbols
• Introducing symbols (9:41)
• Understanding movie clip symbols (3:26)
• Using graphic symbols (3:06)
• Motion Tweens
• Creating motion tweens (8:00)
• Modifying motion tweens (3:51)
• Using motion tweens in 3D space (3:12)
• Shape Tweens
• Building shape tweens (4:40)
• Employing shape hints (3:52)

Videos Demos:

• Create Simple Text Button in Flash:
• Step1a: Insert Button Symbol; Create Shape and Text for "Up" State; Use Gradient Transform Tool; Insert Keyframes in "Over", "Down" and "Hit" States (10:58)
• Step1b: Customize "Over", "Down" and "Hit" States; Edit Gradient using Colors Panel; Simple Button Enabled (5:52)
• Step1c: Attach ActionScript "on (release) { getURL(URLstring, "_self"); } to Instance of Button; Fix ActionScript and Update SWF file (6:51)
• Create Multi-Part Animation
• Step1: Animation Overview; Examine Library, Layers, Classic Tweens and Actionscript used in Multi-part Animation (9:52)
• Step2: Move Image onto Stage, Pause and then Move & Fade Image Away using Classic Tween (5:00)
• Step3: How to Move Keyframe; Insert or Remove Frames so that Related Layers Remain in Sync (5:46)
• Insert Flash Animation in Web Page
• Step4: How to embed SWF file in Web Page (7:02)

• Tutorials
• Adobe Animation Learning Guide
• Timeline and Keyframes
• Motion Tweens
• Motion Tween Manipulations
• Shape Tweens
• Frame-by-Frame Animation

• Related Videos for CS6
• Adobe TV Learn Flash CS6 Videos
• Related Videos for CS5
• FL GS:2 Frames and Keyframes (2:54)
• FL GS:3 Library Panel (3:57)
• FL GS:4 Using Symbols (2:40)
• FL GS:5 Nesting Symbols (1:37)
• FL GS:6 Understanding Movie Clips (2:16)
• FL GS:12 Button Symbols (2:42)
• FL GS:13 Publishing in Flash (1:42)

• Symbols
• Introducing symbols (9:41)
• Understanding movie clip symbols (3:26)
• Using graphic symbols (3:06)
• Exploring button symbols (8:20)
• Applying 3D and color transformations to symbols (7:27)
• Troubleshooting problematic selections and seeing their properties (4:55)

• Motion Tweening Tools and Techniques
• Exploring cool tools for motion tweening (7:40)
• Exploring motion presets (2:11)
• Copying and reversing motion tweens (4:53)
• Nesting timelines (5:01)
• Using graphics vs. movie clips for animation (8:36)
• Onion skinning (2:55)
• Editing multiple frames (4:55)
• Understanding classic tweens (4:25)

• Text
• Comparing Text Layout Framework (TLF) vs. Classic text (7:15)
• Exploring types of TLF and Classic text (5:38)
• Exploring TLF text features (3:31)
• Embedding fonts (5:51)
• Working with right-to-left fonts (0:55)

• Effects and Masks
• Understanding blend modes (6:03)
• Applying filters (5:29)
• Setting up masks (4:27)
• Animating a mask (4:57)

• Publishing
• Cleaning up and optimizing a file (7:01)
• Configuring SWF publish settings (8:06)
• Configuring HTML publish settings (8:18)
• Looking at other types of files you can publish (4:05)
• Using the Bandwidth Profiler (5:35)

Videos Demos:

• Flash Templates: provided by Knight Digital Media Center.
• Crop Image: Create Images with Specified Width & Height (0:45)
• Customize Image & Text: Replace Image and Text in Template (8:32)
• Create FLV Video: Create FLV Video to Play in Template (1:03)
• Customize Video: Specify FLV Video in Template (2:48)

• Animated Navigation Structure: Big Picture and "Russian Doll" Way of Creating Flash Web Site, Animated Navigation Structure, Duplicate & Customize Scenes (using Flash 8 and same in CS5).
• Step0: Big Picture and "Russian Doll" Way of Creating Flash Web Site (11:07)
• Step1: Setting Up FLA file; Layers; Explore Library (7:22)
• Step2: Create Animations; Attach "stop ();" Actionscript to Last Frame (5:42)
• Step3: Create Animated Buttons, Hit Area, Test Movie (10:48)
• Step4: Duplicate "Up" Button to Create "Down" Button and Customize (4:13)
• Step5and6: Attach Actionscript to Button Instances; "gotoAndStop" Actionscript (5:14)
• Step7: Duplicate and Customize Scenes (6:36)

• Flash Site and ActionScript 2.0: Build Site in Flash, Scenes, ActionScript 2.0, Define Function, Use ActionScript to create MovieClip that behaves like a "Button", Create "Disjointed Rollover" using Actionscript (using Flash 8 and same in CS6).
• Step0: Overview; How to Use Actionscript 2.0 to Create "Up", "Over", "Down" Effect for MovieClip (2:50)
• Step1: Create Global "changeVisuals" Function (5:37)
• Step2: Use Actionscript 2.0 to Create MovieClip that behaves like a "Button" (13:24)
• Step3: Label Frame; Duplicate Content at Specific Frame; Create "You Are Here" Indicator using Actionscript 2.0 (8:57)
• Step4: Create "Disjointed Rollover" using Actionscript 2.0; Use "_parent" to control specific Timeline (10:07)

• Tutorials
• ActionScript 2.0
• Learning ActionScript 2.0
• Scripting Animation with ActionScript 2.0
• Optional ActionScript 3.0
• ActionScript Technology Center
• ActionScript 3.0 Tutorials
• Six reasons to use ActionScript 3.0
• Overview
• Learning Tips
• Object-oriented Programming
• Event handling
• Creating Preloader
• Code Samples
• ActionScript 3.0 from the ground up

• Related Videos
• Optional ActionScript 3.0
• Colin Moock ActionScript 3 Videos

• Beyond Basic Shapes
• Painting with the Deco and Spray Brush tools (5:39)
• Using the Paint Bucket and Ink Bottle tools (4:24)
• Cleaning up with the Eraser tool (4:04)
• Drawing with the Brush tool (4:13)
• Sampling color with the eyedropper (2:04)
• Using the Color and Swatches panels (8:51)
• Working with gradients and the Gradient Transform tool (6:22)
• Using the Lock Fill modifier with gradients (5:12)
• Creating shapes with the Pen tool and working with anchor points (4:57)
• Selecting with the Lasso tool (5:43)

• Inverse Kinematics
• Defining inverse kinematics (IK) motion (0:59)
• Using the Bone tool (8:17)
• Fine-tuning IK motion (4:12)
• Integrating IK Ease, Spring, and Damping features (6:09)
• Creating runtime IK (1:06)
• Converting IK to frame-by-frame animation (1:18)

• Video
• Using the Adobe Media Encoder (3:24)
• Integrating video (8:00)

• Audio
• Importing and using audio (7:07)
• Affecting playback control (4:06)
• Controlling volume (4:53)
• Choosing audio compression settings (3:24)

• ActionScript
• Understanding ActionScript and the Actions panel (9:33)
• Using code snippets to create clickable items (6:59)
• Combining clickability and timeline control (6:01)
• Troubleshooting ActionScript (6:22)

Videos Demos:

• Export Sountrack: Use Share > Computer > Audio in Premiere Elements to create MP3 file of soundtrack for Slidehow (0:43)
• Tour of Slideshow: Discuss key elements in FLA file for Slidehow with Soundtrack (10:15)
• Add Slide: Show how to Add Slide (8:52)