Pro Graphics and Web design Course

Module 1

• Basic introduction with theory
• Free hand sketching of object
• Space dividation with geometrical sketch
• Detailing and shading
• Live composition

Module 2

• Quick intro about design elements and principles of design
• Typographic logo and iconography, types of logo
• Creative advertisement poster design
• Digital drawing, colouring, editing, composition

Module 3

• Creative advertisement poster design
• Lateral thinking for advertising
• Starting of 80 creative workshop and ideation

• Introduction to Photohsop's Interface
• The Photoshop Workspace, Preferences, and Tools
• Finding and Processing Images
• Creating New Images, Resizing, and Adjusting Resolution
• Layers, Layer Masks, Blending Modes and Smart Objects
• Selections and Channels
• Color Management
• Working with Paths and professional technique of cut out making
• Working with Vector Shapes
• Working with Text
• Enhancing, Correcting, and Retouching
• Photo Corrections and Manipulations
• Lightening, Darkening and Changing Contrast
• Color Correction and Color Changes
• Transparency, Opacity, Silhouettes, and Image Collages
• Noise, Grain, Dust, Pixelization, and Jagged Edges
• Retouching and Restoring Digital Images
• Filters and Layer Styles Chapter
• Distortion Effects
• Text Effects
• Working with 3D Images
• Publshing and File Formats

• Type Tool
• Typography
• Types Of Masks
• Color And Pattern Swatches
• Custom Brushes
• Mesh Tool
• All About Layers Panel
• Appearance Panel
• Blend Tool
• Perspective Grid
• 3d In Illustrator
• Image Trace And Live Paint
• Envelope Distort
• Transform Panel And Transform Each
• Artboard Tool And Settings
• Path Menu

• Creating a New Document
• Exploring the In-Design Application Folder
• Exploring the Document Window
• Using Tools
• Creating, Opening, and Saving Documents
• Working with Pages and Layers
• Creating Layout Standards
• Defining Colors, Tints, Gradients
• Adding Frames, Shapes, and Lines
• Manipulating Objects
• Transforming Objects
• Applying Effects to Objects
• Orchestrating Objects
• Importing Text Files
• Editing and Formatting Text
• Creating Special Text Formatting
• Setting up Styles
• Using Special Characters
• Setting Up Tabs and Tables
• Working with Footnotes, Indexes, and TOCs
• Creating Multi document Projects
• Importing Graphics
• Fitting Graphics and Frames Together
• Preparing for Color Prepress
• Printing Documents
• Creating Prepress Files
• Creating Web, Interactive PDF, and Flash Documents

Introduction to Adobe XD

• Working with Artboards
• Layer
• Shapes
• Text
• Images
• Symbols
• Styling
• Grouping layers
• Exporting
• Mobile Mirror Preview

Working with Artboard

• Create Artdboard
• Select Artboard
• Copy And Resize Artboard
• Align And Distribute Artboard
• Copy,cut,paste,resize,zoom And Delete Multiple Artboard

All About Layers

Working with all types of shapes

Align and distribution of objects in Adobe XD

• How to use Repeat Grid
• How to Export Assets
• How to Share Your Prototypes
• Preview XD Design and Prototype on Mobile

• Chapter 1: Website Design Brief
• Chapter 2: Heuristic Evaluation with proper Example
• Chapter 3: Persona, Scenario and Story Boarding
• Chapter 4: Information Architecture
• Chapter 5: User Journey
• Chapter 6: What Is UI Design?
• Chapter 7: UI Controls
• Chapter 8: UI Design Patterns
• Chapter 9: Design Principles
• Chapter 10: Templates
• Chapter 11: Process
• Chapter 12: Understanding Business Problems
• Chapter 13: Understanding the User Context
• Chapter 14: Sketching to explore the design concept
• Chapter 15: Prototype the solution
• Chapter 16: Balsamiq
• Chapter 17: Adobe XD
• Chapter 18: Understanding of Grids System for Responsive Layout
• Chapter 19: Knowledge Resource library, Specs & Assets
• Chapter 20: Workshop with a Project

• This topic comes in UI/UX

• This topic comes in UI/UX

Introduction to HTML

• What is HTML?
• Tag Syntax
• Create HTML

HTML Document

• structure
• Doctype
• html element
• head element
• body element

Basic content

• Headings
• Paragraph
• Line
• List
• unordered list
• ordered list
• definition list
• Image

Hyper Links

• What is Hyper Links
• Hyper Links
• Relative paths or Absolute URL
• Relative path
• absolute URL

Tables

• Table
• Table row
• Table data
• Table heading
• Captions

Forms

• User-submittable form
• The action attribute
• The method attribute
• Form controls
• The Input element
• type="text"
• type="radio"
• type="tel"
• type="email"
• The textarea element
• Select menu
• The select element
• The option element
• button

Other HTML ELEMENT

• pre, blockquote, center, u, i , em , strong , bold etc.

Introduction to CSS

• What is CSS
• Syntax
• Selectors
• Type selector
• Class selector
• ID selector
• Descendant combinator
• Grouping
• Create CSS

Adding style to HTML

• Linking style sheet
• Internal style sheet
• inline style sheet
• external style sheet

Styling

• Texts
• text-align
• text-decoration
• text-indent
• line-height
• vertical-align
• text-transform
• letter-spacing
• word-spacing
• white-space

CSS Fonts

• font-size
• font-family
• font-style
• font-weight
• Font Face
• Custom Fonts
• Google Fonts
• Lists
• Link

Box model

• Box model
• Paddings and Margins
• Background
• Borders
• outline
• color
• opacity
• Etc.

Introduction to HTML Doctype

• The HTML5 doctype
• The HTML 4.01 strict doctype
• The HTML 4.01 transitional doctype
• The XML 1.0 strict and transitional doctypes
• The HTML 4.01 and XML 1.0 frameset doctypes
• Other doctypes

List of HTML ELEMENT

• Grouping content
• div
• Text-level semantics
• cite
• code
• em
• kbd
• span
• Sections
• section
• nav
• article
• aside
• header
• footer
• address
• Embedded content
• canvas
• map
• area
• svg
• audio
• iframe
• video
• embed

HTML structural elements

• simple page structure using basic html
• Structuring a page with HTML 4
• div , span structure
• Enter HTML5 structural elements
• header, footer , nav , article , aside , section

Box Size

• width
• min-width
• max-width
• height
• min-height
• max-height

Styling tables

• Table and cell width
• border, padding , margin
• A simple design

Styling forms

• label styling
• input styling
• select styling
• button styling
• textarea styling
• checckbox , radio button styling
• error message styling
• fieldset styling

Floats and clearing

• How does floating work?
• Margins on floats
• Clearing
• Containing floats
• Shrink-wrapping
• Centering Floats

CSS static and relative positioning

• Static positioning
• Relative positioning

CSS absolute and fixed positioning

• Absolute positioning
• Fixed positioning

Introduce To CSS3

• Type Selector
• elementname
• Universal Selector
• Attribute Selector
• [attributename]
• [attributename="val"]
• [attributename~="val"]
• [attributename|="val"]
• [attributename^="val"]
• [attributename$="val"]
• [attributename*="val"]
• Pseudo-classes
• Dynamic pseudo-classes
• The target pseudo-class
• The language pseudo-class
• The UI element states pseudo-classes
• Structural pseudo-classes
• The negation pseudo-class
• Pseudo-elements
• ::first-line
• ::first-letter
• ::before
• ::after
• Combinators
• Descendant combinator
• Child combinators
• Adjacent sibling combinator
• General sibling combinator

Gradients

• linear
• radial
• conic

Other CSS Properties

• Transform
• Lists and Counters Properties
• Multi-column Layout Properties
• Filter Effects Properties
• Masking Properties
• box shadow
• Text shadow
• Transition
• css3 Animation