Professional Web Graphic Design Course

This 8 weeks course will teach you all the required skills needed to start your career in a freelance market to make handsome income by selling your awesome web graphic designs.

Who is it for?

The course is designed for anyone who wants to learn web graphic designs, and possibly work as a freelancer or employee in the field of web design. We cover everything, so even if you've never seen adobe Photoshop in your life, you'll be able to quickly jump in.

Web Graphic Design

    Web & Graphic Design determines the layout, font color, font type, logos, pictures, and other visual and verbal aspects of a website. Many web designers are self-employed and work on a freelance basis. One of the best platforms for learning Digital & Communication to become successful freelancers, employees

Jobs, Career & Scope

            I have never seen an unemployed graphic designer. There is a great scope of graphic designer all over the world. You may also become a Freelancer by learning the skill of graphic designing as a freelancer you can earn money online on, , and many other similar websites while staying at home.

Course Instructors

Umar Butt

Web & Graphic Designer
Course Instructor


What will you learn?

Lesson 1

• Introduction
• Course Overview
• Freelancing
• Scope of Web Graphic Design
• Jobs for Web Graphic Designer

Lesson 2

Introduction to Graphic Design
• What is Graphic?
• Pixel
• Resolution
• Understanding dpi / ppi / Lpi,
• What is Graphic Design?
• Examples of Graphic Design
• Application of Graphic Design.
• Types of Graphic Design
• Famous Designers around the globe.

Lesson 3

Introduction to Design, Creative thinking & Color
• Understanding Color
• Color Wheel
• Types of Color
• Warm & Cool Color
• 5 Color Psychology
• Introduction to Design elements
• Introduction to design principles
• Differences between vector-based graphics and pixel-based graphics
• Proportion of a Face
• Perspectives (1P,2P,3P)
• Installation of Photoshop
• How to crack photoshop
• Photoshop walk through

Lesson 4

Working with Adobe Photoshop
• Introduction to Photoshop CS6
• Image Size and Resolution.
• Creating a New Document
• Opening and Closing a Document
• Creating a Workspace
• Understanding tool Bar
• Cropping images
• Working with Canvas Size10.
• Transforming Objects
• Copy Paste
• Image Modes

Lesson 5

Introduction to Typography
• Introduction to Typographic Terms
• Text Tools In Photoshop
• Stroking text in Photoshop
• How to outline text
• Font Selection
• Creating a Font Logo.

Lesson 6

Working with Photoshop Layers
• Layer Blending options
• How to make a new layer
• Add Layer Mask
• How to make Groups
• Layer Modes

Lesson 7

Working with text in Photoshop
• Layer Blending options on text
• Text Layer Masking in Photoshop
• Text Wrap options, Circular, Shape and with image
• Understanding text arrangement in paragraph
• Basic Layout Understanding
• Book Cover Assignment

Lesson 8

Working with Adobe Photoshop (Exploring Tool Bar)
• Selection Tool
• Brush Tool
• Paint Bucket Tool
• Burn Tool
• Pen Tool
• Shape Tool
• Crop Tool
• Gradient Tool
• (Assignment for the Students prior to the understanding of lecture)

Lesson 9

What is Advertising
• Types of Advertising
• What is Poster Design
• Copy writing in Advertising

Lesson 10

Working with Timeline in Photoshop
• 2d character design in Photoshop
• 2d animation
• Creating Mock-ups

Photo Editing

Getting started on basics
  • Exploring the Menu Bar
  • Introducing the Toolbox
  • Understanding the Options Bar
  • Using Palettes
  • Opening and Navigating Images
  • Using Adobe Bridge
  • Getting Help
  • Using the History Palette
  • What are selections, and why are they useful?
  • Creating selections using the Marquee tools
  • The Lasso tools
  • The Magic Wand and
  • Quick Selection tools
  • Adding to or deleting from selections
  • Saving and loading selections
  • Cropping and rotating an image
  • Fixing problem images
  • Using Levels to fix tone range
  • Using Curves to fix contrast
  • The Clone Stamp and
  • Heal tools
  • Shadow and highlight adjustments
  • Fixing colour with
  • Variations
  • Hue and saturation controls
  • Transforming a
  • Selection
  • Blurring and sharpening filters

Layer Basics

  • About layers
  • Using the Layers panel
  • Rearranging layers
  • Applying a gradient to a layer
  • Applying a layer style
  • Layers and selections
  • The Transform commands
  • Building layered compositions
  • Merging layers
  • Applying transparency
  • Basic layer blending modes
  • Adding text layers
  • Adjustment layers
  • Layer masks


  • About camera raw
  • Processing files in
  • Camera Raw
  • Merging exposures and applying
  • Advanced color correction
  • Correcting digital photographs in
  • Photoshop
  • Correcting image distortion
  • Adding depth of field


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


  • About type
  • Getting started
  • Creating a clipping mask from type
  • Creating type on a path
  • Warping point type
  • Designing paragraphs of type


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


  • Printing Basics
  • Optimizing images for the web
  • Using save for web and devices

Corporate Design

  • Logo
  • Business Card
  • Letterhead
  • Brochure(bi,tri)
  • Flyer 
  • Book Cover 
  • Standee
  • Roll up
  • Billboard

Social Media Design

  • Logo for Social Networks
  • Facebook Cover 
  • Facebook Event Cover
  • Facebook Banner
  • News Feed Post
  • Facebook Shop Tab
  • Facebook Ads
  • Twitter Ads
  • Instagram Feeds
  • YouTube Thumbnail
  • YouTube Banner ART
  • Pinterest Infographic 

Google Ads Design

  • Leader-board
  • Square
  • Skyscraper
  • Small Skyscraper
  • Fat Skyscraper
  • Half Banner
  • Rectangle
  • Square Button

Final assessment and examination will be announce at the end of this course