Lectures for Multimedia Production Summer 2017
Week 1
Week 2
Week 3
Week 4
Week 5
Week 6
Week 7
Week 8
View Page with Tabs | View Page without Tabs
Week 1 - 5/30-6/4
- Intro to 555 Summer course (5:34)
- Lec1 - Setting the Stage
Week 1 - Lec1 - Setting the Stage
Week 1 - Setting the Stage
Lectures
Topics:
- Meaning
- Intro (9:10) Course Design, Adobe CS6 vs. Adobe CC, View with or without tabs and search Lectures page.
- Course Intro (10:14) Overview, Goals, Scope.
- Project Highlights (0:52) Showcase of projects created by previous students.
- Your Guide (6:12) Info about course designer and instructor.
- Course Gameplan (2:52) Requirements, Grading.
- Course Website (9:14)
- Guiding Principles (1:38)
Demos
The expectation is not that you have listened to all these videos by the end of Week 1 and that you are able to do what is covered. This LyndaCampus course has been included in Week 1 since it covers in two hours how to create your first website using Dreamweaver CC and you may enjoy to have seen the whole process in Week 1.
Iin future weeks, specific topics mentioned here will be covered in much more depth.
How to Use Lynda.com (LyndaCampus)
- Creating a First Web Site with Dreamweaver CC 2017 with Paul Trani (LyndaCampus)
|
|
Files
Download: Handout
LyndaCampus:
- Creating a First Web Site with Dreamweaver CC 2017: Exercise Files and video: Using Exercise Files
Related
Web Design Fundamentals with James Williamson
- What is a web designer? (4:19)
- Prototyping tools (4:57)
- Frameworks (4:17)
- JavaScript libraries (4:44)
- What to learn first (3:38)
- Standards and accessibility (5:31)
- The importance of content (3:12)
- Designing for the screen (3:55)
- Dealing with a multidevice world (3:11)
- The typical web design workflow (7:54)
- Learning HTML (3:58)
- Learning CSS (3:14)
- Learning JavaScript (4:18)
- Additional resources (6:02)
Week 2 - 6/5-11
- Lec2 - Planning | Web Design
- Lec3 - Graphic Design | Layout & Grid System
Week 2 - Lec2 - Planning | Web Design
Lectures
Topics:
- Intro (2:42)
- Meaning
- Web Design Intro (3:54) Narrative Structures, Site Planning.
- Web Design Basics (29:04) User Behavior, Design Basics, Home Page, Lack of Control, Navigation Basics.
- Site Evaluation (4:36) Questions to Ask to Evaluate Site.
- Mechanics
- Web Basics (9:35) XHTML, CSS, URLs.
- Color & Image Formats (4:56)
- Dreamweaver Intro (2:26) Intro, Three Views, Layout Types, Formatting Preferences.
Exercises: content covered will be used in all the exercises and project.
Demos
- Dreamweaver Video Demos: Define Site; NetID & Eden server account, public_html, Permissions.
- Creating a First Web Site with Dreamweaver CC 2017 (LyndaCampus): Interface, Create Web Page & Responsive Layout, Navigation, Site Management.
- Dreamweaver CC 2017 New Features (LyndaCampus)
- How to Use Lynda.com (LyndaCampus)
- Dreamweaver Define Site, NetID & Eden server account and Permissions
Videos Demos:
|
Dreamweaver CC
|
- Creating a First Web Site with Dreamweaver CC 2017 with Paul Trani (LyndaCampus)
|
|
- Dreamweaver CC 2017 New Features with David Powers (LyndaCampus)
|
|
Files
Download: Handout
LyndaCampus:
- Creating a First Web Site with Dreamweaver CC 2017: Exercise Files and video: Using Exercise Files
Readings
Readings:
- Castro v6: Chapter 1, 2, 3, 6, 15, 16, 22 (note: link attached to chapter number for examples provided for each chapter)
- Castro v8: Chapter 1, 2, 3, 6, 15, 18, 20 (note: link attached to chapter number for examples provided for each chapter)
- Dreamweaver Help: Workspace | Create & Manage Files | Tables | Add Content | Linking | CSS
Resources
Resources:
- HTML - HTML Resources, Basics, Doctype, Encoding, Validation, View Source Code.
- FTP - File Transfer Tools, File Permissions.
- HTML = HyperText Markup Language
|
|
- FTP = File Transfer Protocol and Permissions
|
|
Related
- Other Courses: HTML / XHTML, Create Web Page.
- MLIS 550 Lecture: HTML (18:02) Block and Inline Elements, Naming Elements, Hierarchy of Tags, Absolute vs. Relative Links (use index to navigate to topic of interest).
- Demo (using NotePad++): Create Web Page (9:54) shows you how to create a simple web page, using NotePad++ (a simpler tool than Dreamweaver, but it is free), and how to preview the local page in the Browser.
- Demo (using Filezilla): Upload Web Page (15:08) how to upload a web page to public_html folder on the server, set permissions, navigate to page in Browser, and refine site definition.
Week 2 - Lec3 - Graphic Design | Layout & Grid System
Lectures
Topics:
- Intro (6:02)
- Meaning
- Web Design Principles (27:42) Graphic Design, Grid System, Typography.
- Web Design Summary (5:06) User Behavior, Design Implications, Design Specifics, Web Design Matrix.
- COLORS (1:46) Grid Layouts Examples.
- Mechanics
- CSS (11:44) Cascade, External & Internal Style Sheets, Selectors, Predesigned CSS Layouts in DW.
- CSS Navigation (7:34) How to Create Navigation Bar using Lists and CSS.
- HTML5 & CSS3 (10:40) Overview.
Exercises: content covered will be used in Exercise 1 due in Week 4 and Exercise 2 due in Week 6.
Demos
- Dreamweaver - Video Demos: Ex1 Demo.
- HTML5: Structure, Syntax, and Semantics (LyndaCampus): Basics, Structure, Grouping Content.
- Typography for Web Designers (LyndaCampus): Shaping Page Using Typography, Visually Chunking Text, Maximizing Readability, Using Fonts to Communicate Meaning.
- Bootstrap 3 Essential Training
- Dreamweaver Ex1 Demo
Videos Demos - Ex1 Demo Steps using DW CC (2014) and Predefined CSS Layout to download.
|
Videos Demos - CSS Navigation Using Lists
|
- HTML5: Structure, Syntax, and Semantics with James Williamson (LyndaCampus)
- Typography for Web Designers with Laura Franz (LyndaCampus)
- Bootstrap 3 Essential Training with Ray Villalobos (LyndaCampus)
Files
Download: Handout | Step-by-Step
LyndaCampus:
- Site Navigation with CSS in Dreamweaver: Exercise Files and video: Using Exercise Files
- HTML5: Structure, Syntax, and Semantics: Exercise Files and video: Using Exercise Files
- Typography for Web Designers: Exercise Files and video: Using Exercise Files
Readings
Readings:
- Castro v6: Chapter 7, 8, 9, 10, 11 (note: link attached to chapter number for examples provided for each chapter)
- Castro v8: Chapter 7, 8, 9, 10, 11 (note: link attached to chapter number for examples provided for each chapter)
- Dreamweaver Help: CSS | Preview Pages | Setup Site
Resources
Resources:
- Design - Graphic Design, Typography, Web Design, Color Design.
- CSS - Cascading Style Sheet Resources.
- Advanced CSS - Inheritance, Specificity & Location Cascade, Constructing Complex Selectors, Box Model, Floating Element, Navigation.
- HTML5 & CSS3
|
|
- CSS = Cascading Style Sheet
|
|
Slideshare presentation by Amit Tyagi |
|
|
Related
- LyndaCampus: Principles of Interface Structure | CSS Fundamentals.
- Other Courses: MLIS 550 - XHTML Recap, CSS, Cascade and Demos.
- Interaction Design Fundamentals with David Hogue
- Principles of Interface Structure
- Gestalt Principles (5:00)
- Designing with Grids (4:18)
- Guiding visitors with sequence, steps, and structure (4:19)
- Navigation Best Practices
- Effective Navigation (8:37)
- How People Respond to Images and Media
- How people respond to color (5:14)
- How people respond to motion (6:03)
- Establishing visual hierarchy (1:49)
- CSS Fundamentals with James Williamson (to refresh 550 content):
- Common CSS Concepts
- Working with fonts (4:50)
- Formatting text (8:00)
- What is the box model? (5:11)
- Margins and padding (4:25)
- Borders (4:09)
- Backgrounds (5:08)
- Working with Color (5:52)
- Common units of measurement (9:11)
- Element positioning (7:04)
- Floats (4:49)
- Basic layout concepts (5:14)
- Media types and media queries (5:19)
- Vendor prefixes (4:40)
- CSS Resets (5:46)
- MLIS 550 Lecture: HTML Elements Recap (9:42) Hierarchy of Tags, Block and Inline Elements - div, id, class.
- MLIS 550 Lecture: CSS (12:20) Why, What, Where, Location of CSS Style Definition, Structure of CSS Formatting Rule.
- Demo (using NotePad++): 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.
- MLIS 550 Lecture: CSS Cascade (26:16) Inheritance, Specificity & Location Cascade, Constructing Complex Selectors, Box Model, Floating Element, Absolutely Positioned Element.
- Demos (using NotePad++):
- 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 / Screencast; Make CSS "Clean Code" active by removing to comments to see its effect.
Week 3 - 6/12-18
Week 3 - Lec4 - Graphic Design | Web Design Summary
Lectures
Topics:
- Intro (3:58)
- Meaning
- Overview (4:12) Topics, Exercise 2.
- Web Design Recap (10:06) Web Design Recap, Web Design Matrix, Writing for the Web.
- Mechanics
- Check First (7:00) Easy Things to Check First When Troubleshooting Web Pages.
- AP Elements (17:40) DIVs and Linear "Natural Flow", Box Model, AP (Absolutely Positioned) Elements, DW Demo Steps.
- Web Design Templates (9:44) Types of Templates, Fixed or Liquid Three Columns Layouts, Sample Template with Image Rollovers.
Exercises: content covered will be used in Exercise 3 due in Week 8.
Demos
- Dreamweaver Video Demos: Absolutely Positioned Elements.
- Dreamweaver Video Demos: Web Design Templates.
- CSS: Page Layouts (LyndaCampus): Design Considerations, Layout Basics, Floats, Positioning Elements, Create Fixed / Flexible / Responsive Layouts.
- Dreamweaver Absolutely Positioned Elements = AP Elements
Videos Demos: for CS6
|
Videos Demos: for CC
|
- Dreamweaver Web Design Templates - XHTML & CSS Templates
Videos Demos:
|
Resources
|
- CSS: Page Layouts with James Williamson (LyndaCampus)
Files
Download: Handout | Step-by-Step
LyndaCampus:
- CSS: Page Layouts: Exercise Files and video: Using Exercise Files
Readings
Readings:
- Castro v6: Chapter 7, 8, 9, 10, 11 (note: link attached to chapter number for examples provided for each chapter)
- Castro v8: Chapter 7, 8, 9, 10, 11 (note: link attached to chapter number for examples provided for each chapter)
- Dreamweaver Help: Working with DIV tags | AP Element | Show / Hide Element
- Knight Digital Media Center - Web Development Tutorials (select Web Development)
- CSS (Recap)
- Web Design Templates
- Embed Media (optional)
- Embed Widget (optional)
Resources
Resources:
- Test & Debug - What to Check First when Debugging Web pages.
- CSS Recap - Box Model, Floating Element, AP Element, Inheritance, Specificity & Location Cascade.
- CSS = Cascading Style Sheet Recap and Test & Debug Web Pages
|
|
Related
- LyndaCampus: Wireframing | Kuler & Color Themes | Enhancing Page Design.
- Other Courses: MLIS 550 - Test & Debug, CSS Cascade and Demos.
- Illustrator for Web Design with Justin Seeley
- Creating Wireframes
- Planning your project (2:56)
- Using a grid system (5:09)
- Kuler Essential Training with Mordy Golding
- Creating Color Themes
- Creating theme from a color (2:12)
- Deconstructing Color Wheel (2:12)
- Understanding color rules (3:36)
- CSS: Page Layouts with James Williamson
- 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)
- MLIS 550 Lecture: Test & Debug (5:45) Easy Things to Check First.
- MLIS 550 Lecture: CSS Cascade (26:16) Inheritance, Specificity & Location Cascade, Constructing Complex Selectors, Box Model, Floating Element, Absolutely Positioned Element.
- Demos (using NotePad++):
- 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 / Screencast; Make CSS "Clean Code" active by removing to comments to see its effect.
Week 3 - Lec5 - Graphic Design | Visual Storytelling
Lectures
Topics:
- Intro (4:58)
- Meaning
- Visual Storytelling (5:07) Visual Story Example, COLORS.
- Image Composition Principles (11:58) Readings, Rule of Thirds, Key Composition Principles.
- Mechanics
- Image Editing (10:28) Web Graphics, Intro to Fireworks.
- Fireworks (11:08) Toolbox, Image Size & Resolution, Image Preview, Demo Steps.
- Image Slideshows (9:15) XHTML & CSS Properties, jQuery, Slideshows: Galleria, Galleriffic, Supersized.
Exercises: content covered will be used in Exercise 3 due in Week 8.
Demos
- Exercise 2 Demos - Create Responsive Layout using Media Queries.
- Fireworks - Video Demos: Resize Image & Export, Trace Image, Attach Text to Path, Animated GIF.
- Fireworks CS6 Essential Training (LyndaCampus): Interface, Files, Organizing Documents, Drawing, Objects.
- Photoshop CC Essential Training (LyndaCampus): Interface, Files & Formats, Layers, Cropping, Transformations, Text, Shapes.
- Slideshow Demo Videos: using JavaScript and jQuery.
- Dreamweaver Ex2 Demo
Videos Demos - Ex2 Demo Steps using DW CC (2014)
|
Videos Demos - CSS Navigation Using Lists
|
- Fireworks Image Editing, Animated GIF
Videos Demos:
|
|
- Fireworks CS6 Essential Training with Ray Villalobos (LyndaCampus)
- Photoshop CC Essential Training (2015) with Julieanne Kost (LyndaCampus)
- Slideshows using JavaScript and jQuery
Videos Demos:
|
Resources
|
Files
Download: Handout | Step-by-Step
LyndaCampus:
- Fireworks CS6 Essential Training: Exercise Files and video: Using Exercise Files
- Photoshop CC Essential Training: Exercise Files and video: Using Exercise Files
Readings
Readings:
- Castro v6: Chapter 5 (note: link attached to chapter number for examples provided for each chapter)
- Castro v8: Chapter 5 (note: link attached to chapter number for examples provided for each chapter)
- Fireworks Help: Workspace | Basics | Bitmaps | States (Animated GIF) | Animations | Image Preview
- Image Composition
- Composition Rules
- Composition Balance
- Flickr: Learn Composition By Example
- Digital Photography Tutorials
- 10-Pro-Photography-Tips
- Readings in eCollege
Week 4 - 6/19-25
- Lec6 - Interaction Design
- Lec7 - Navgation Design
Week 4 - Lec6 - Interaction Design
Lectures
Topics:
- Intro (2:32)
- Meaning
- Intro (5:07) Overview, Exercise 3, Presentation Pyramid.
- Mechanics
- Interaction Design (6:19) Rollover & Image Map Interactivity.
- Dreamweaver Demo (2:46) Overview.
Exercises: content covered can be used in Exercise 3 due in Week 8.
Demos
- Dreamweaver - Video Demos: Create Rollovers & Imagemap in DW.
- Dreamweaver Rollovers & Image Maps
Videos Demos:
|
Videos Demos: for CC
|
Files
Download: Handout | Step-by-Step
Readings
Readings:
Week 4 - Lec7 - Navigation Design | Basic
Lectures
Topics:
- Intro (4:10)
- Meaning
- Project (1:14) Guiding Principles.
- Mechanics
- Interactivity Recap (4:16) Joint & Disjointed Rollovers.
- Navigation Design (2:54) Navigation Structures, Rollovers.
- CSS Navigation (7:34) How to Create Navigation Bar using Lists and CSS.
- Dreamweaver Demo (2:07) Overview.
Exercises: content covered will be used in Exercise 4 due in Week 10.
Demos
- Dreamweaver & Fireworks - Video Demos: Navigation Design, Create Image Rollovers in DW, Create Images in FW.
- Responsive Design with Bootstrap and Dreamweaver CC 2015
- Bootstrap 3 Essential Training
- Dreamweaver & Fireworks Navigation Design
Videos Demos: some of the demos will be re-recorded
|
- Responsive Design with Bootstrap and Dreamweaver CC 2015 with David Powers (LyndaCampus)
- Bootstrap 3 Essential Training with Ray Villalobos (LyndaCampus)
Files
Download: Handout | Step-by-Step
Readings
Readings:
- Dreamweaver Help: Rollover Image | Swap Image Behavior | Spry JavaScript Framework
- Fireworks Help: Rulers, Guides & Grid | Apply Filters
Resources
Resources:
|
Week 5 - 6/26-7/2
- Lec8 - Animation & Video Design
- Lec9 - Animation Design 1 | Basic
- Lec10 - Animation Design 2 | Advanced
Week 5 - Lec8 - Animation & Video Design
Lectures
Topics:
- Intro (1:36)
- Meaning
- Video Editing Principles
- Part 1 (8:56) | Part 2 (8:16) | Part 3 (5:31)
- Storyboarding
- Storyboarding Overview (2:22)
Exercises: content covered will be used in Exercise 5 due in Week 12.
Files
Download: Handout
Readings
Readings:
- Storyboarding
- Knight Digital Media Center:
- Multimedia Storytelling and How to Create Storyboard
- Digital Storytelling - Storyboard Chapter
- AFI Storyboard Glossary of Common Film Shots
Resources
|
Week 5 - Lec9 - Animation Design 1 | Basic
Lectures
Topics:
- Intro (1:45)
- Mechanics
- Flash Intro (18:44) Timeline, Layers, Tools, Symbol, Keyframe.
- Flash Tweens (8:28) Tweened Animations: Motion Tween, Classic Tween, Shape Tween; FL Demo Steps.
Exercises: content covered will be used in Exercise 5 due in Week 12.
Demos
- Animate CC - Video Demos: What is New and How does it relate to Flash.
- Animate CC for Web Designers
- Animate (= Flash) - Video Demos: Tweened Animations, Working with Text, Animating Bitmaps, Animating along Motion Path, Mask Effect.
- Animate CC (formerly Flash Professional)
Videos Demos:
|
- Animate CC for Web Designers with Paul Trani (LyndaCampus)
- Animate (= Flash) Intro, Tweened Animations, Fades
Videos Demos: using Flash CS4 and steps are same in Animate CC
|
|
Files
Download: Handout | Step-by-Step
Readings
Readings:
- Animate (= Flash) Help: Workspace | Manage Document (.FLA) | Publish (.SWF) | Bitmap | Filters & Blends
Animation Basics: Motion Tween | Classic Tween | Shape Tween
Week 5 - Lec10 - Animation Design 2 | Basic
Lectures
Topics:
- Intro (3:10)
- Mechanics
- Animate (= Flash) Recap (10:28) Recap: Timeline, Layers, Tools, Keyframes, Tweened Animations, Text, Symbols & Instances.
- Animate (= Flash) Symbols & Buttons (9:54) Library, Symbol & Instances, Buttons, Gradient Tool, Simple ActionScript 2.0, Embed Flash Movie (SWF) in Web Page; FL Demo Steps.
- Multi-Part Animation Demo (5:38) Overview.
Exercises: content covered will be used in Exercise 5 due in Week 12.
Demos
- Animate (= Flash) - Video Demos: Create Simple Button and Attach URL, Create Multi-Part Animation, Insert SWF in Web page.
- Learning Adobe Animate CC (LyndaCampus): Symbols, Motion Tweening Techniques, Text, Publishing, Audio, Video, ActionScript.
- Animate (= Flash) Button, Multi-Part Animation, Emded in Web Page
Videos Demos: using CS4 and steps are same in CC, except
some ActionScript is different in CC
|
|
- Learning Adobe Animate CC with Joseph Labrecque (LyndaCampus)
Files
Download: Handout | Step-by-Step
LyndaCampus:
- Learning Adobe Animate CC: Exercise Files and video: Using Exercise Files
Readings
Readings:
- Animate (= Flash) Help: Animation Basics: Motion Tween | Classic Tween | Shape Tween |
Symbol & Instances: Work with Symbols | Create Buttons | Filters & Blends | Sound | Video
Related
Animated Navigation Structure
Demos - Step-by-Step
|
Flash Site and ActionScript 2.0:
Demos - Step-by-Step
|
Week 6 - 7/3-9
- Lec11 - Digital Video Editing 1 | Basic
- Lec12 - Digital Video Editing 2 | Advanced
Week 6 - Lec11 - Digital Video Editing | Basic
Lectures
Topics:
- Intro (1:45)
- Meaning
- Video Editing Principles Recap (3:58)
- Video Capture Techniques (10:48)
- Mechanics
- Video Workflow (1:04)
- Premiere Elements Demo using Nike Ad (8:45)
Exercises: content covered will be used in Exercise 5 due in Week 12.
Demos
- Premiere Pro CC Essential Training (LyndaCampus): Basic Editing, Effects, Audio, Transitions, Titles, Keyframing, Sharing.
- Up and Running with Premiere Elements (LyndaCampus): Assets, Basic Editing, Effects, Audio, Transitions, Titles, Keyframing, Sharing.
- Windows Live Movie Maker Essential Training (LyndaCampus): Basic Editing, Transitions, Titles, Sharing.
- iMovie '10.1.1 Essential Training (LyndaCampus): Basic Editing, Transitions, Titles, Sharing.
- Premiere Pro CC Essential Training (2015) with Ashley Kennedy (LyndaCampus)
- Up and Running with Premiere Elements 14 with Steve Grisetti (LyndaCampus)
Files
Download: Handout | Step-by-Step
LyndaCampus:
- Premiere Pro CC Essential Training: Exercise Files and video: Using Exercise Files
- Up and Running with Premiere Elements: Exercise Files (Mac) and video: Using Exercise Files
Readings
Readings:
- Video Techniques
- Video Shooting Tips
- Premiere Pro: Help
- Premiere Elements: Help | Projects | Import / Add Media | Arrange Clips | Edit Clips | Apply Transitions |
Apply Effects | Create Titles | Add & Mix Audio | Share Video
Week 6 - Lec12 - Digital Video Editing 2 | Advanced
Lectures
Topics:
- Intro (3:40)
- Mechanics
- Basic Gameplan, Task Units & Workflow (1:55)
- Premiere Elements Key Concepts - Part 1 (12:06)
- Premiere Elements Key Concepts - Part 2 (4:16)
Exercises: content covered will be used in Exercise 5 due in Week 12.
Demos
- Premiere Elements - Video Demos: Create, Trim & Split Clips, Transitions, Still Frames, Keyframes, Titles, Pan & Zoom Tool, Narration, Share, Add Music & Mix Audio, J & L-Cut in Interview.
- Creating a Mini Documentary with Premiere Elements (LyndaCampus)
- Premiere Pro CC Essential Training (LyndaCampus):Create, Trim & Split Clips, Transitions, Still Frames, Keyframes, Titles, Pan & Zoom Tool, Narration, Share, Add Music & Mix Audio, J & L-Cut in Interview.
- Up and running with Premiere Elements (LyndaCampus): Assets, Basic Editing, Effects, Audio, Transitions, Titles, Keyframing, Sharing.
- Windows Live Movie Maker Essential Training (LyndaCampus): Basic Editing, Transitions, Titles, Sharing.
- iMovie '10.1.1 Essential Training (LyndaCampus): Basic Editing, Transitions, Titles, Sharing.
- Premiere Elements Video Editing
Videos Demos:
|
Videos Demos:
|
- Creating a Mini Documentary with Premiere Elements with Jason Osder (LyndaCampus)
- Premiere Pro CC Essential Training (2015) with Ashley Kennedy (LyndaCampus)
Files
Download: Handout | Step-by-Step
LyndaCampus:
- Creating a Mini Documentary with Premiere Elements: Exercise Files and video: Using Exercise Files
- Premiere Pro CC Essential Training: Exercise Files and video: Using Exercise Files
Readings
Readings:
- Interviewing Techniques
- Video Editing
- Five Types of Continuity | Go with the Flow
- Tricks for J and L Cuts | J & L Cuts Described
- Use of Stills in Video
- Page Curl or to Cut?
- Video on the Web
- Premiere Pro: Help
- Premiere Elements: Help | Workspace | Projects | Import / Add Media | Arrange Clips | Edit Clips | Apply Transitions |
Apply Effects | Create Titles | Add & Mix Audio | Share Video
Resources
Resources:
|
|
Related
- Fundamentals of Video: Cameras and Shooting with Anthony Q. Artis
- Getting Started in Video
- Learning the craft of filmmaking (4:47)
- Exploring types of video cameras (9:18)
- Knowing what to look for in a camera (4:40)
- Camera Essentials
- Learning camera anatomy (9:27)
- Exploring important camera settings (5:52)
- Understanding how to focus (3:17)
- Using tools to achieve better focus (6:10)
- Knowing when to use auto focus (2:52)
- Shooting with shallow depth of field (4:46)
- Understanding exposure (5:05)
- Using neutral density (ND) filters to correct overexposure (5:00)
- Using zebra stripes to accurately judge exposure (3:26)
- Using gain to artificially brighten an underexposed shot (3:03)
- Choosing the right shutter speed (4:13)
- Understanding color temperature (3:06)
- White balancing a shot (5:02)
- Moving the Camera
- Choosing the right tripod (5:27)
- Understanding camera moves (6:54)
- Mastering hand-held shooting (6:04)
- Audio Essentials
- Five sound rules to live by (7:11)
- Understanding the types of microphones for video shooting (7:42)
- Setting up microphones for a video shoot (6:17)
- Using a boom microphone (3:23)
- Setting proper audio levels (5:23)
- Lighting Essentials
- Working with lighting instruments (9:23)
- Understanding lighting concepts (4:13)
- Creating a four-point lighting setup for a scene (12:42)
- Using corrective gels (9:10)
Week 7 - 7/10-16
- Lec13 - Responsive Design | Advanced
Week 7 - Lec13 - Responsive Design | Advanced
Lectures
Topics:
- Working on Project
- Optional: Responsive Design with Bootstrap and Dreamweaver CC
Demos
- Responsive Design with Bootstrap and Dreamweaver CC 2015 with David Powers (LyndaCampus)
- Bootstrap 3 Essential Training with Ray Villalobos (LyndaCampus)
Files
Download: N/A
LyndaCampus:
- Responsive Design with Bootstrap and Dreamweaver CC: Exercise Files and video: Using Exercise Files
- Responsive Design with Bootstrap 3: Exercise Files and video: Using Exercise Files
Week 8 - 7/17-21
- Lec14 - Course Review | Evaluation Criteria
- Lec15 - Virtual Project Presentations