UI UX Online Course – Become a UI UX Design Expert

Module 1: Introducing Illustrator

• Using the Welcome Screen

• Introducing Vector Based Paths

• Working with Layers in Illustrator

• Introducing Anchor Points

• Creating a New Document

• Repositioning and Adjusting View

• Saving the Document

• Utilizing Illustrator Startup Documents

Module 2: Workspace & Navigation

• Setting Up Preferences

• Using Color Settings

• Configuring Pallettes & Workspaces

• Using Navigation

Module 3: Symetrical Shapes

• Setting Palette Options and Using Transparency

• A Look at the Shape Tools Creating a Circle

• Aligning & Creating Shapes

• Creating Rectangle Shapes

• Using the Flip Tool to Mirror Shapes

• Combining Shapes

• Tilde Key Function

Module 4: Fill Stroke and Color

• Introduction to Fill and Stroke

• An Overview of the Color Pallette

• The Color Spectrum Bar and Dialing in colors

• Black vs Rich Black in the Color Palette

• CMYK vs RGB

• Creating and Saving new Color Swatches

• Filling and Arranging Objects

• Modifying and Arranging the Stroke of an Object

• Creating a fill Pattern

Module 5: Transforming Paths

• Introducing Path Transformations

• Duplicating Objects

• Moving Objects in Increments

• Using the Reshape Tool

• Moving Paths

• Using the Offset Path Dialogue Box

• Working with Swatches

• Grouping Paths

• Using the Scale Tool

• Using the Rotate Tool

• Rotating Multiple Objects

• Advanced Rotate Options

Module 6: Using the Powerful Pen Tool

• Using Bridge

• Creating a Tracing Template

• Drawing with the Pen Tool

• Modifying a Path

• Using and Editing Spline Curves

• Using Bezier Curves

• Creating a Cusp Point

• Modifying and Converting Beziér Curves

• Cutting, Extending, and Closing Paths

• Filling Paths

Module 7: Selecting Points and Paths

• Strokes and Fills

• Appearance Palate - Transform And Tweak

• Working With Layers - Uzz Character

• Making Use of the Join Command

• Locked Layers

• Intro To Pathfinder - Intersect Shape Areas

• Precision Filling Selection

• Various Selection Commands & Methods

• Various Scaling Methods

• Lacemaking Using Shape Tool - Rotate & Fill

• Merging Strokes & Fills With Compound Path

• Lacemaking Using Direction Handles & Anchor Points

• Pucker & Bloat

Module 8: Pathfinder Operations

• Touring the Project

• An Introduction to the Pathfinder Operations

• Working with the Pathfinder Palete

• Comparing Pathfinder Behaviors

• Joining Paths and the Miter Limit

• Croping, Uniting and Arranging

• Selectiing and Deselecting Paths

• Fill Options and other pathfinder operations

Module 9: Liquify & Envelope

• Preparing an Image for Liquify & Envelope

• Using the Warp Tool to Liquify

• Using the Envelope Functions

• Liquify with Live Trace

Module 10: Gradients & Gradient Mesh

• Applying a Gradient,Using Swatches

• Using the Gradient Palette

• Using the Gradient Slider Bar

• Adding Colors

• Using the Gradient Tool

• Making Color Adjustments

• Using the Eye Dropper Tool

• Reviewing the Appearance Palette and Gradients on Strokes

• Expanding Appearance

• Creating a Gradient Mesh

• Expanding a Gradient Mesh

• Modifying Gradient Mesh Colors

• Modifying Gradient Mesh Points and Control Handles

• Applying Other Gradient Mesh Color Change

• Adjusting Gradient Mesh Preferences

• Blending Objects into the Gradient Mesh

Module 11: Blends and Masks

• Creating Simple Color Gradients

• Creating Custom Gradients via Blending

• Cropping Custom Gradient Blends

• Customizing Blends for Specific Shapes

• Creating Blends Between Two Shapes

• Changing the Shape of Customized Blends

• Masking Edges with Clipping Masks

• Masking the Shape of Customized Blends

• Changing Opacities of Clipping Mask Layers

Module 12: Creating and Formatting Type

• Importing Text into Illustrator

• Selecting Text for Reformatting

• Moving Text to a New Text Container

• Reformatting Text with the Paragraphs Pallet

• Altering Text Font and Size

• Moving Text and Altering Line Spacing

• Moving Text and Altering Line Spacing

Module 13: Brushing with Vectors

• Illustrator CS 2's Brush Tool

• The Brush Options Dialogue Box

• Extending Selected Paths

• Illustrator Art Brushes

• Editing Your Art Brush Strokes

• Making a Custom Art Brush

• Finishing Up Your Art Brush and Typing on a Path

• Fixing Your Text

• Converting Text To An Art Brush

Module 14: Using Transparency

• Assigning Opacity For Stroke And Fill

• Working With Knockout Group

• Creating an Opacity Mask

• Multiply Mode

• Adding Objects To Opacity Masks

• Opacity Mask With a Gradient

• Blend Mode - Multiply Mode

• Transpacency Palatte

• Blend Mode - Color Mode

• Making Translucent Gradient in Blend Mode

• Create Mask With Boundary Layer

• Printing Tips With Flattener Preview

Module 15: Introducing Live Effects

• Dealing with Fills and Strokes

• Using the Scribble Dialogue Box

• Managing the Appearance Palette

• Introducing the Transform Command

• Reapplying the Transform Command

• Modifying Stroke Attributes

• Changing the Transform Origin

• Saving and Loading Graphic Styles

Module 16: Dynamic Type Treatments

• Dynamic Effects for Objects

• Transform Effects and Stacking Order

• Text Effects, Warnings and Selection Settings

• Applying the Warp Effect and Editing Text

• Applying a Stroke and Transforming the Text

• Thickening the text using Path options

• Creating Drop shadows & Text Effects

• Filling Text with Color and Gradients

Module 17: Live Trace

• Reviewing Files for Live Trace

• Using the Live Trace Tool

• Applying Threshold and Minimum Area

• Adjustments and View Tracing Option

• Reviewing Trace Settings Tracing Option

• Expanding Traced Items to Paths

• Using Tracing Options for Color

• Altering Swatches in Color Tracing

Module 18: Live

• Live Painting Fills

• Live Painting Strokes

• Live Paint-Bucket Basics

• Live Painting Update On Fly

• Paint Bucket Tricks

• Live Painting Paths

• Leaving Isolation Mode

• Selecting Paths In Live Paint

• Selection Tool In Live Paint

• Layering Strokes In Live Paint

• Live Painting A Trace

• Gap Detection

• Close Gaps With Paths

Module 19: Using Symbols

• Introducing Symbols

• Accessing Symbol Libraries

• Manipulating and Duplicating Symbols

• Altering All Instances of a Symbol

• Replacing All Instances of a Symbol

• Creating Symbols. Applying Symbols with the Symbol Spray Tool

• Modifying Symbols with Symbol Tools

Module 20: 3D Effects

• Introduction to 3D space and 3D Effects

• Applying and Adjusting the Extrude and Bevel effect

• Lighting, Shading and Gradation

• Mapping the Artwork onto the extruded object

• Modifying the object and the Mapped artwork

• Applying and Adjusting the Revolve Effect

• Using Photoshop to help with 3D Effects

Module 21: Printing & Exporting

• Setting Document Trim Size

• Creating Page Bleed

• Setting Imageable Portion of Output Page

• Preparing General Setup Output Settings

• Preparing Print Bleed Settings

• Preparing Printer Settings

• Altering Document Rasterize Settings

• Saving Print Settings

• Exporting Documents as Different File Types

Module 22: Flash Animation

• Intro To SWF Animation

• Animating Live Effects

• Exporting Flash Animations

• Adding Frames To Animations

• Creating A Symbol File

• Animating A Symbol

• Animating Between 3D Extrusions

Module 1: FIGMA Fundamentals

• FIGMA Fundamentals

• Introduction

• What Is FIGMA

• Installing & Signing Up For FIGMA

• Creating A New File

• Importing

• Saving Your Work

• Frames

• Spacing & Alignment

• Groups

• Scaling

• Components

• Anatomy Of A FIGMA File

• Styles

• FIGMA Keyboard Shortcuts

Module 2: Learn about FIGMA Interface

• Learn About FIGMA Interface

• Browser App Vs Desktop App

• The Start Screen

• Introduction To The Interface

• Importing And Exporting Files

• Using Templates

• The Toolbar

• The Layers And Pages Panel

• The Assets Panel

• The Design Panel

• The Prototype Panel

• The Code Panel

• The Canvas

• Using Keyboard Shortcuts

• Working With The Version History

Module 3: Setting up a New Project

• Setting Up A New Project

• Creating A New Project And File

• Importing Sketch Files

• Working With Teams

• Working With Templates

Module 4: Add and Edit Content

• Add And Edit Content

• Working With Frames

• Working With Shapes

• Drawing Icons Using The Pen Tool

• Drawing Shapes Using The Pencil Tool

• Working With Text

• Masking Images And Shapes

• Importing Icons And Other Graphics

• Working With Color

• Working With Styles

• Setting Up Components

• Using Constraints For Responsive Design

• Working With Version Control

Module 5: Completing the Design

• Completing The Design

• Designing A Slide-Out Menu

• Designing An On-Screen Overlay

• Designing A Comments Section

• Designing Multiple Artboard States

• Give This Design Its Own Unique Personality

Module 6: Prototyping, Sharing, and Exporting

• Prototyping, Sharing, And Exporting

• Creating A Prototype

• Viewing Your Prototype On A Mobile Device

• Device Preview

• Sharing Your Design

• Allowing Others To Comment On Your Design

• Exporting Graphics And Assets

Module 7: Advanced FIGMA Concepts

• Advanced FIGMA Concepts

• Shapes, Icons, And Neumorphic Galore

• Creating Icons With Shapes

• Neumorphic Design In FIGMA

• FIGMA Plugins

• Time-Saving FIGMA Plugins

• Isometric Designs, Content, Avatars

• FIGMA Community Features