Adobe Web Design Training

Curriculum:

Fundamentals of Web Design

• Web Design Principles
• Key concepts of Graphic designing
• Accessibility
• Design and Development
• Understanding typography
• Color Theory
• Rules of CSS
• Tips for Photoshop and Dreamweaver

Photoshop CC.

Getting to Know the Work Area

• Starting to work in Adobe Photoshop
• Using the tools
• Setting tool properties
• Undoing actions in Photoshop
• More about panels and panel locations
• Customizing the workspace
• Finding resources for using Photoshop

Basic Photo Corrections

• Strategy for retouching
• Resolution and image size
• Straightening and cropping the image in Photoshop
• Adjusting the color and tone
• Using the Spot Healing Brush tool
• Using content-aware fill
• Repairing areas with the Clone Stamp tool
• Applying a content-aware patch
• Sharpening the image

Working with Selections

• About selecting and selection tools
• Using the Quick Selection tool
• Moving a selected area
• Manipulating selections
• Using the Magic Wand tool
• Selecting with the lasso tools
• Rotating a selection
• Selecting with the Magnetic Lasso tool
• Selecting from a center point
• Resizing and copying a selection
• Cropping an image

Layer Basics

• About layers
• Using the Layers panel
• Rearranging layers
• Applying a gradient to a layer
• Applying a layer style
• Adding an adjustment layer
• Updating layer effects
• Adding a border
• Flattening and saving files

Correcting and Enhancing Digital Photographs

• About camera raw files
• Processing files in Camera Raw
• Applying an advanced color correction
• Correcting digital photographs in Photoshop
• Correcting image distortion
• Adding depth of field

Masks and Channels

• Working with masks and channels
• Creating a mask
• Refining a mask
• Creating a quick mask
• Manipulating an image with Puppet Warp
• Working with channels

Typographic Design

• Creating a clipping mask from type
• Creating type on a path
• Warping point type
• Designing paragraphs of type
• Working with type styles
• Adding a rounded rectangle
• Adding vertical text

Vector Drawing Techniques

• About bitmap images and vector graphics
• About paths and the Pen tool
• Using paths with artwork
• Creating vector objects for the background
• Working with defined custom shapes
• Importing a Smart Object

Advanced Compositing

• Arranging layers
• Using Smart Filters
• Painting a layer
• Adding a background
• Automating a multistep task
• Upscaling a low-resolution image
• Saving the image for four-color printing
• Matching color schemes across images
• Stitching a panorama
• Finishing the image

Editing Video

• Creating a new video project
• Animating text with keyframes
• Creating effects
• Adding transitions
• Adding audio
• Muting unwanted audio
• Rendering video

Painting with the Mixer Brush

• About the Mixer Brush
• Selecting brush settings
• Mixing colors
• Creating a custom brush preset
• Mixing colors with a photograph

Working with 3D Images

• Creating a 3D shape from a layer
• Manipulating 3D objects
• Adding 3D objects
• Merging 3D layers to share the same 3D space
• Positioning objects in a scene
• Applying materials to 3D objects
• Lighting a 3D scene
• Rendering a 3D scene

Preparing Files for the Web

• Creating slices
• Exporting HTML and images
• Using the Zoomify feature

Producing and Printing Consistent Color

• Specifying color-management settings
• Proofing an image
• Identifying out-of-gamut colors
• Adjusting an image and printing a proof
• Saving the image as a CMYK EPS file
• Printing
• Animate CC

Animate CC.

Getting Acquainted

• Starting Adobe Animate CC and Opening a File
• Understanding Document Types
• Getting to Know the Workspace
• Working with the Library Panel
• Understanding the Timeline
• Organizing Layers in a Timeline
• Using the Properties Panel
• Using the Tools Panel
• Undoing Steps in Animate
• Previewing Your Movie
• Modifying the Content and Stage
• Saving Your Movie

Creating Graphics and Text

• Understanding Strokes and Fills
• Creating Shapes
• Making Selections
• Editing Shapes
• Using Gradient and Bitmap Fills
• Using variable-width Strokes
• Using Swatches and Tagged Swatches
• Creating Curves
• Using Transparency to Create Depth
• Being Expressive with the Paint Brush
• Creating and Editing Text
• Aligning and Distributing Objects
• Converting and Exporting Art

Creating and Editing Symbols

• Importing Adobe Illustrator Files
• About Symbols
• Creating Symbols
• Importing Adobe Photoshop Files
• Editing and Managing Symbols
• Changing the Size and Position of Instances
• Changing the Color Effect of an Instance
• Understanding Display Options
• Applying Filters for Special Effects
• Positioning in 3D Space

Animating Symbols

• About Animation
• Understanding the Project File
• Animating Position
• Changing the Pacing and Timing
• Animating Transparency
• Animating Filters
• Animating Transformations
• Changing the Path of the Motion
• Swapping Tween Targets
• Creating Nested Animations
• Graphic Symbols
• Easing
• Frame-by-Frame Animation
• Animating 3D Motion
• Animating Camera Moves
• Testing Your Movie

Advanced Motion Tweening

• About the Motion Editor
• Understanding the Project File
• Adding Motion Tweens
• Editing Property Curves
• Viewing Options for the Motion Editor
• Copying and Pasting Curves
• Adding Complex Eases

Animating Shapes and Using Masks

• Animating Shapes
• Understanding the Project File
• Creating a Shape Tween
• Changing the Pace
• Adding More Shape Tweens
• Creating a Looping Animation
• Using Shape Hints
• Previewing Animations with Onion Skinning
• Animating Color
• Creating and Using Masks
• Animating the Mask and Masked Layers
• Easing a Shape Tween

Natural and Character Animation

• Natural Motion and Character Animation with Inverse Kinematics.
• Creating a Walk Cycle
• Disabling and Constraining Joints
• Inverse Kinematics with Shapes
• Simulating Physics with Springiness

Creating Interactive Navigation

• About Interactive Movies
• Creating Buttons
• Understanding ActionScript 3.0
• Preparing the Timeline
• Adding a Stop Action
• Creating Event Handlers for Buttons
• Creating Destination Keyframes
• Creating a Home Button Using Code Snippets
• Code Snippets Options
• Playing Animation at the Destination
• Animated Buttons

Working with Sound and Video

• Understanding the Project File
• Using Sounds
• Understanding Video
• Using Adobe Media Encoder CC
• Playback of External Video in Your Project
• Working with Video and Transparency
• Embedding Video

Publishing

• Understanding Publishing
• Publishing for Flash Player
• Publishing for HTML5
• Using Classic Tweens
• Exporting to HTML5
• Inserting JavaScript
• Converting to HTML5 Canvas
• Publishing a Desktop Application
• Publishing to Mobile Devices

Dreamweaver CC

• Customizing your workspace
• CSS basics
• Creating a page layout
• Working with cascading style sheets
• Working with templates
• Working with text, lists, and tables
• Working with images
• Working with navigation
• Working with forms
• Adding interactivity
• Working with web animation and video
• Publishing to the web
• Designing for mobile devices
• Working with code

Muse CC

• Overview of the Workspace
• Creating your site
• Working With Master Pages
• Adding and Styling Text
• Working with Shapes and Color
• Adding Images To Your Site
• Working with Links and Buttons
• Applying Effects, Graphic Styles, and Inserting HTML
• Working with Widgets
• Taking Your Site Live(Publishing and Exporting Your Site)