Video Production & Editing Albany

WEB DESIGN & DEVELOPMENT

600 HOURS

This program is based on creative and development software in the ADOBE Creative Cloud Suite. The program has been developed using the tutorial resources and documents made available by ADOBE, the leading software company in the creative field.

The program prepares students to take the ADOBE Certification test for:

  • Photoshop
  • Premiere Pro
  • InDesign
  • Dreamweaver

UNIT 1

Adobe Photoshop 100 hours

SEGMENT 1 – Basic Photo Corrections with Selection Tools (30 Hours)

  • Lectures
  • Using the Tools
  • Sampling a Color
  • Working with tools and tool properties
  • Resolution and title size
  • Cropping, color, and tone
  • Spot Healing Brush, Content aware patch, Clone Stamp tool
  • Using various selection tools: Quick Selection, Magic Wand, lasso tools
  • Understanding copyright and royalty free images.
  • Exercises / Projects
  • Given a photo of a wagon, cleanly cut the wagon from the photo.
  • Given a photo of a car in a field, perform a background replacement.
  • With a photo taken from a cell phone, open the photo in photoshop and turn the whole picture black and white with the exception of one object. For example, a close up of a face where the eyes are the only thing in color.
  • With a specific color palette in mind, create a mood board with text.
  • Given a variety of photos, whiten teeth, fix blemishes, remove power lines.
  • The students will create a CD cover for a fake band in any genre using royalty free images from the web.

SEGMENT 2 – Layer Basics and Non-Destructive Editing (25 Hours)

  • Lectures
  • Using the Layer’s panel
  • Applying gradient and layer styles
  • Adding adjustment layers
  • Working with masks and channels
  • Additional photo fixes with Liquify, Puppet Warp, Blurs, Filter Galleries
  • Exercises / Projects
  • Given a set of 5 photos, students will (non-destructively) use levels, brightness & contrast, curves, and hue saturation tools to correct the coloring and lightness of a photo.
  • Create an artistic double exposure image.

SEGMENT 3 – Graphic Layout and Compositing (30 Hours)

  • Lectures
  • Typographic Design
  • Vector versus Bitmap
  • Using the pen tool
  • Working with defined custom shapes
  • Smart objects
  • Advanced Compositing
  • Painting with the mixer brush
  • Exercises / Project
  • Work in a group and choose from a list of fake companies to rebrand taking while taking shape, fonts, and color into consideration.
  • With a pencil and paper first, sketch design concepts before furthering developing a completed personal logo design.
  • Re-create instructor’s TV guide cover using materials provided in instructor’s folder.
  • Recreate their favorite book or movie into a book cover.

SEGMENT 4 – Preparing images for web, print, and video (15 Hours)

  • Lectures
  • Working with raw camera files
  • Preparing files for print
    • Using layer groups to create button graphics
    • Automating tasks
    • Designing with artboards
  • Preparing files for print
  • Editing Video
    • Timeline panel, keyframes, transitions, audio
    • Exporting
  • Exercises / Project
  • Given a set of 3 Raw files, use Photoshop to see how they differ from compressed jpegs.
  • Given a set of 50 photos, resize (crop) 8” x 1-” photos to 6” x 4” and save in a different format using a created action script.
  • Given a set of photos and list of directions, manipulate and export various for various forms of media (Animated Gifs, PNG with transparency, photo layers for After Effects and Premiere).
  • Create a news style lower third and animate it onto a given video in the timeline panel.

UNIT 2

Adobe Premiere 100 hours

SEGMENT 1 – Getting Started (10 Hours)

  • Lectures
  • Nonlinear editing, expanding the workflow, touring the workspace
  • Setting up a project, scratch discs, libraries
  • Understanding tracks and how they work.
  • Importing media, using Adobe stock
  • Recording a voice over
  • Organizing media
  • Explain where to get royalty free videos and images on places like Pexels.com
  • Exercises / Project
  • Create a short montage video sequence using still images based on a single color intensity. Try and make the exported video 15 seconds exactly. Export your video as an MP4.

SEGMENT 2 – Video Editing Essentials

  • Lectures (25 Hours)
  • Using the Source Monitor
  • Navigating the Timeline
    • Understanding tracks
    • Using In and Out marks
  • Using essential editing commands
    • Overwrite edit
    • Insert edit
    • Three-point editing
  • Working with clips and markers
    • Moving, dragging, nudging clips
    • Extract edit
    • Ripple delete edit
  • Adding audio and video transitions
  • Sequencing shots
  • Exercises / Project
  • Create video montage sequence based on found video content that follows a theme of your choice. This project should show an escalation of intensity. This escalation can be through shot type, shot length, subject matter, movement, sound or some combination of these elements. 20 seconds exactly. MP4 only.
  • Create a video sequence utilizing the shot reverse shot technique (and obeying the 180 degree line rule) to present a knock knock joke. Use the video content provided. Alternatively, create an interview. 30 seconds maximum.
  • With a video camera, cellphone or GoPro, use the “sequencing shots” lecture to create a “how to” instruction on a favorite topic.

SEGMENT 3 – Advanced Techniques (30 Hours)

  • Lectures
  • Performing four-point editing
  • Nesting sequences
  • Advanced trimming: Ripple, Rolling, Sliding, Slip Edits
  • Trimming in the Program Monitor, Dynamic trimming, Keyboard trimming
  • Putting clips in motion
    • Understanding Motion settings
    • Adjusting position, size, rotation
    • Understanding Keyframes
    • Using other motion-related effects
  • Multicamera Editing
  • Editing and Mixing audio
  • Using Photoshop files with Premiere
  • Exercises / Project
  • Create a short video sequence that utilises cutting on action to establish pacing and fluid movement in a scene. Use the files provided. 20 seconds maximum.
  • Using either provided or new footage, edit a multi-camera interview.

SEGMENT 4 – Video Effects and Color Grading (35 Hours)

  • Lectures
  • Masking and tracking visual effects
  • Frequently used effects
  • Following a color-oriented workflow
  • Lumetri Scopes essentials
  • Color correction versus grading
  • Exploring composition techniques
  • Creating titles
  • Managing your projects
  • Other exporting techniques
  • Exercises / Project
  • Create a video sequence that can be used in a learning situation to teach a skill, an idea or a concept.
  • With a video camera, cellphone or GoPro, use everything taught in this unit to create a fun short story. Don’t forget to color grade.
  • Use past exports to create an Instagram 5:4 ratio video. Add animation in your title.

UNIT 3

Adobe After Effects 100 hours

SEGMENT 1 – Creating a Basic Animation Using Effects and Presets (30 Hours)

  • Lectures
  • Getting to know the workflow
  • Creating a new composition
  • Applying and controlling effects
  • Rendering and exporting
  • Animating Text
  • Timing layer animations
  • Keyframes, transform properties, parenting
  • Null object and the ‘shy guy’
  • Animating motion blur
  • Using text animator groups
  • Exercises / Project
  • Create a specific text animation to show comprehension in how text, color, composition and keyframes work.
  • Create a variety of animated backgrounds using effects on solid layers.
  • Create a textured text

SEGMENT 2 – Shape Layers and Masks (40 Hours)

  • Lectures
  • Adding, creating and duplicating shapes
  • Using the pen tool
  • Adding compositions to a 3D project
  • Parenting Layers
  • Preparing layered Photoshop Files and integrating them into After Effects
  • Simulating lighting changes
  • Working with masks (tips on creating, editing, Bezier masks, feathering, timing)
  • Exercises / Project
  • Create a 30 second trailer per project handout.
  • Create a logo with shapes in After Effects to animate
  • Either create a new logo in Photoshop or a logo from UNIT 1. Animate this logo inside of After Effects with a background that follows a similar color palette.
  • Trace cartoon using the pen tool. Parent the layers to create a simple moving animation.
  • Create a character out of shapes and animate them per project handout.
  • Using provided videos from pexels, create animated masks on texts to interact with the original footage.

SEGMENT 3 – Using 3D features and advanced animation techniques (30 Hours)

  • CC
  • Using 3D Features, Creating 3D Text, Using 3D views
  • Using 3D Lights
  • Adding a camera
  • Extruding text in After Effects
  • Working in Cinema 4D light
  • Working with the 3D camera tracker
  • Using the Roto Brush Tool
  • Performing color correction
  • Advanced Editing Techniques
  • Working with Mattes
  • Adding it all together to create Visual Effects
  • Exercises / Project
  • Create a 3D title intro inside of After Effects for a fake new movie, book, or tv show. Utilize appropriate lights and shadow.
  • With a cell phone or with a provided video from pexels.com, track the camera to create a virtual camera inside of After Effects. Add 3D text with lights and shadows so that the text appears to be in the actual scene.
  • With a cell phone or with a provided video from pexels.com, perform basic primary and more advanced secondary color correcting.
  • Create a series of hallways and at least one room in 3D space. Animate the camera traveling through the hallway and into a room.
  • Perform a sky replacement with a Matte.
  • With the provided clip from pexels.com, camera track the driving car scene to make a UFO appear in the video.

UNIT 4

Adobe Illustrator 100 hours

SEGMENT 1 – Creating Shapes (40 Hours)

  • Lectures
  • Getting to know the work area, working with panels, Zoom tool, Artboard panels.
  • Techniques for selecting artwork
    • Selection tools
    • Aligning objects
    • Working with groups
  • Creating shapes
    • Creating basic shapes (polygon, ellipse, circle, lines, star)
    • Working with the Shaper tool.
    • Editing and combining shapes and paths
  • Working with Draw Behind and Draw Inside modes
  • Using Image Trace
  • Exporting artboards and assets for various formats and programs including web, print or Adobe After Effects
  • Exercises / Project
  • Use shapes to create a spaceship.
  • Use shapes to create artwork for a postcard
  • Design and use a specific color palette to create basic shape artwork for a children’s book
  • With a design of your choice, create a layout in Illustrator, export it for After Effects and create a simple animation.

SEGMENT 2 – Creating with Drawing Tools and Advanced Color Techniques (40 Hours)

  • Lectures
  • Drawing with the Pen tool
  • Drawing with the curvature tool
  • Editing points and paths
  • Drawing freeform paths with the Pencil tool
  • Joining with the Joint tool
  • Using color to enhance signage
    • Exploring color modes
    • Creating / saving custom swatches
    • Working with Live Paint
  • Adding Type to a Poster
    • Finding missing fonts
    • Paragraph format / styles
    • Wrapping / warping text
  • Gradient, Blends and Patterns
  • Using the Calligraphic, Art, Bristle, and Pattern brush in creative ads.
  • Exercises / Project
  • Draw a coffee cup with the pen tool
  • Trace your favorite cartoon character with a variety of drawing tools
  • Create an advertising poster using a predetermined color swatch and a variety of brushes
  • Create a movie poster using a “Simplistic Art Style”

SEGMENT 3 – Using Effects and Creating Other Artwork (20 Hours)

  • Lectures
  • Using the Appearance panel
  • Using live effects
  • Stylizing / editing text with a warp effect
  • Working with 3D effects
  • Scaling strokes and effects
  • Using existing Illustrator symbol libraries
  • Moving a plan to match an object
  • Exporting Assets
  • Exercises / Project
  • Create artwork for a t-shirt

UNIT 5

Adobe InDesign 100 hours

SEGMENT 1 – Working with Objects and Texts (20 Hours)

  • Lectures
  • Introducing the workspace
  • Getting to know InDesign
  • Setting up a project and working with pages
  • Working with Objects
    • Creating and modifying graphic frames
    • Placing and linking graphic frames
    • Wrapping text around a graphic
    • Working with compound shapes. Converting and repeating shapes.
  • Flowing text into an existing frame. Flowing text manually
  • Applying paragraph styles to text
  • Editing, Importing, Finding, Changing texts
  • Working with Typography
  • Fonts, type styles, and glyphs
  • Exercises / Project
  • With the help from the instructor, set up multiple projects for a variety of projects just using a blank frame layout.
  • Create a very simple logo for a restaurant using compound shapes.
  • Create a simple menu focusing mainly on text styles and layout.

SEGMENT 2 – Working with Color and Styles (20 Hours)

  • Lectures
  • Managing color
  • Defining printing requirements
  • Creating and applying colors
  • Working with tint swatches, gradients, and color groups
  • Globally updating styles
  • Exercises / Project
  • Create your own color theme from your favorite colors
  • With Adobe Color, use a movie still to create a color theme
  • Create a flyer for an upcoming event using a specific color theme

SEGMENT 3 – Working with Graphics, Tables and Transparency (15 hours)

  • Lectures
  • Adding graphics from other programs
  • Comparing vector and bitmap graphics
  • Using an InDesign library to manage objects
  • Changing rows and columns
  • Formatting a table
  • Adding graphics to table cells
  • Applying transparency settings
  • Working with effects
  • Exercises / Project
  • Create a variety of charts (pie, line, graph) in Illustrator and import them to InDesign
  • Show how you would use an InDesign library to manage objects
  • Create layout of your charts in a beautiful display while using purposeful and affective color and font choices

SEGMENT 4 – Printing and Exporting (45 Hours)

  • Lectures
  • Preflighting files
  • Managing colors
  • Previewing Transparency Effects
  • Creating an Adobe PDF Proof
  • FINAL PROJECT 1
  • Find and duplicate a magazine cover using Adobe InDesign. Create a new document with a two page spread. The original magazine cover will be placed on the left side page and students will recreate the magazine cover on the right side, using skills and techniques learned in Adobe InDesign.
  • FINAL PROJECT 2 – Putting ALL the Adobe Programs together
  • In this assignment, you will work collaboratively or individually to develop a concept for a food truck business. You will need to brainstorm, sketch, and create a finished project that includes:
    • A logo in Adobe Illustrator
    • A logo animation in After Effects
    • A fake interview or animated infographics with sound effects in Premiere
    • A menu in Adobe InDesign.
    • A truck wrap design with provided template in Adobe Photoshop and Illustrator

UNIT 6

Adobe Dreamweaver 100 hours

SEGMENT 1 – Introduction to Dreamweaver (10 Hours)

  • Lectures
  • Basic anatomy of a website frontend (HTML, CSS, JavaScript, Assets)
  • Setting up projects with Quick Start
  • Understanding the core UI elements:
  • Code View
  • Live View
  • Side Panels
  • Using the Insert Panel to add HTML paragraphs and headings
  • Editing inserted text with Live View and Code View
  • Editing Inserted text using the Properties Panel
  • Using Quick Docs
  • Exercises / Project
  • Create a basic HTML “website” with different sections that contain notes from class covering specific topics (i.e. what is HTML? What is CSS? Etc.) This project can be updated as the student’s breadth of knowledge increases, and then used as a supplementary study guide for the ACA Web Authoring certification.

SEGMENT 2 – HTML and CSS (30 Hours)

  • Lectures
  • Basic elements of an HTML document
    (doctype, , , , )
  • HTML basic elements
  • HTML nesting, empty elements, attributes
  • HTML nesting, empty elements, attributes
  • HTML inline vs. block elements
  • CSS basics (property: value)
  • CSS integration types (inline, internal, external)
  • CSS positioning
  • Using the Dreamweaver live view to edit CSS styling on HTML elements.
  • Using online resources to further your designs
  • Basic interactivity with JavaScript
  • Exercises / Project
  • Create a static website with images, clearly delineated sections, navigation tools, videos, multiple pages, and non-default CSS styling.
  • Create a “night mode” theme for your website where all of the styling is different from the default setting. Utilize nesting hierarchy to minimize the lines of CSS required. Put a button on your website to allow users to switch back and forth between default mode and night mode.

SEGMENT 3 – Creating a Website (30 Hours)

  • Lectures
  • Publishing and updating websites on a remote server
  • Setting project requirements
  • Web authoring concepts and terminology
  • File types
  • Feedback collection and usability testing
  • Common tools and interactive elements
  • Exercises / Project
  • Set project requirements for a website, and then create it upon approval from the instructor. The final result should be a website for a small business utilizing a navigation menu, links, images, styling, and clearly delineated sections that are well organized in code and straightforward to update or alter. The website must fulfil the demands of a fictional customer while being below a certain data cap (set by the instructor). This project can be done in groups depending on the class size.
  • Publish the above project on the internet.
  • Conduct a usability test for your own website and participate in a usability test conducted by another student.

SEGMENT 4 – Advanced Web Design Concepts (30 Hours)

  • Lectures
  • Search engine optimization
  • Methods of designing for mobile and desktop
  • Getting the most out of Dreamweaver
  • Exercises / Project
  • Create a portfolio website for the videos and images you’ve created in this class. This website should work equally well on mobile and desktop devices. Design the website so as to be visible to search engines. Special attention should be given to the layout, interactivity, and maintainability of this website. At the end of the project, publish the website.