Through this course you will learn about Graphic design using Adobe Photoshop and Adobe Illustrator,. This course will follow 3 steps – basic, Intermediate and Professional level.

Graphic & Web UI Design

Course Description

Students learn and apply fundamentals of various software applications (such as Photoshop and Illustrator), web design, and image editing, drawing and graphic animation. Advertising and marketing projects coordinate technical skills with organization, management, communication, ethics and teamwork.

Instructional Philosophy

Students will be given challenging real world projects and assignments typical of the graphic design industry. High quality work is expected and students will be given opportunities to redo work until it meets standards specified during instruction. Classroom activities will include reading, research, projects, and problem solving. Students will often work in teams, but will be expected to complete individual assignments in relation to the team’s work. Assessment methods will include written exams, tests, and quizzes; oral and written research reports; reading assignments; and projects.


Projects/Daily Work                                         75%

Participation                                                     15%

Leadership                                                       10%


Course Goals & Objective

Introduction to the Graphic Design Industry

  1. Students are introduced to the graphic design industry through magazines, internet, etc. We begin to talk about audience.
  2. Learn how to use Adobe Photoshop CC & Adobe Illustrator CC.
  3. Demonstrate a thorough understanding of the elements of graphic design.
  4. Students will learn to demonstrate positive work behavior.
  5. Students will learn to solve problems using critical thinking.


Introduction to the equipment

  1. Students use multimedia elements to create projects with graphic design software. The introduction of each piece of equipment would be tied to a relevant graphics project. Computer, Scanner, Camera, Digital tablet, Printer etc.


Elements of Design

  1. Students learn about design elements through projects such as; creating examples of color schemes using graphic software and creating an original alphabet based on a theme. Each project includes self reflection and a peer review.


Principles of Design

  1. Students learn the principles of design through projects such as; website, mobile app, web UI, banner ads, visiting card, posters, product ads, etc. They do a self reflection on their projects and a peer review. Some projects include a presentation to the class. 
  • Balance
  • Contrast
  • Emphasis/Dominance
  • Harmony
  • Movement/Rhythm
  • Proportion
  • Repetition/Pattern
  • Unity
  • Variety

Course Outline

Adobe Photoshop CC





Lesson 1

Introduction & Getting Started with Adobe Photoshop CC




  1. About Adobe Photoshop.
  2. Navigating Photoshop.
  3. Exploring Panels & Menus.
  4. Exploring the Toolbox, Applications Bar & Options Bar.
  5. Customizing the Interface.
  6. Setting Preferences.
  7. Creating a New Document.
  8. Opening new files.



Lesson 2

Working with Images & Introduction to Color Correction


  1. Working with Multiple Images, Rulers, Guides & Grids.
  2. Undoing Steps with History.
  3. Adjusting Color with the New Adjustments Panel.
  4. Masks Panel & Vibrance Color Correction Command.
  5. Tool & the Save for Web & Devices Interface.
  6. Color Spaces & Color Modes.
  7. Adjusting Levels.
  8. Adjust Curves, Non-Destructively, with Adjustment Layers.

Lesson 3

Resizing & Cropping Images


  1. Understanding Pixels & Resolution.
  2. The Image Size Command.
  3. Interpolation Options.
  4. Resizing for Print & Web.
  5. Cropping & Straightening an Image.
  6. Adjusting Canvas Size & Canvas Rotation.



Lesson 4



Working with basic selections


  1. Selecting with the Elliptical Marquee Tool.
  2. Using the Magic Wand & Free Transform Tool.
  3. Selecting with the Regular & Polygonal Lasso Tools.
  4. Combining Selections.
  5. Using the Magnetic Lasso Tool.
  6. Using the Quick Selection Tool & Refine Edge.
  7. Modifying Selections.



Lesson 5





Organizing Layers



  1. Understanding the Background Layer.
  2. Creating, Selecting, Linking & Deleting Layers.
  3. Locking & Merging Layers.
  4. Copying Layers, Using Perspective & Layer Styles.
  5. Filling & Grouping Layers.
  6. Introduction to Blending Modes.
  7. Blending Modes, Opacity & Fill.
  8. Creating & Modifying Text.








Painting in Photoshop


  1. Using the Brush Tool.
  2. Working with Colors & Swatches.
  3. Creating & Using Gradients.
  4. Creating & Working with Brushes.
  5. Using the Pencil & Eraser Tools.
  6. Painting with Selections.




Lesson 7



Photo Retouching


  1. The Red Eye Tool.
  2. The Clone Stamp Tool.
  3. The Patch Tool & the Healing Brush Tool.
  4. The Spot Healing Brush Tool.
  5. The Color Replacement Tool.
  6. The Toning & Focus Tools.
  7. Painting with History.


Lesson 8


Working with the Pen Tool


  1. Understanding Paths & the Pen Tool2. Creating Straight & Curved Paths.
  2. Creating Combo Paths.
  3. Creating a Clipping Path.


Lesson 9


Creating Special Effects


  1. Getting Started with Photoshop Filters.
  2. Smart Filters.
  3. Creating Text Effects.
  4. Applying Gradients to Text.

Lesson 10

Exporting Your Work


  1. Saving with Different File Formats.
  2. Saving for Web & Devices.
  3. Printing Options.

Lesson 11



Advertisements Banner Design (Website, Facebook, Google, Custom etc.)

(One by one check and problem solutions)

Lesson 12



Website Layout Design

(One by one check and problem solutions)


Adobe Illustrator CC


Lesson 13


Introduction & Getting Started with Adobe Illustrator CC


  1. About Illustrator.
  2. Navigating Illustrator.
  3. Exploring Panels & Menus.
  4. Creating & Viewing a New Document.
  5. Customizing the Interface.
  6. Setting Preferences.
  7. Exploring the Toolbox, Applications Bar & Options Bar.
  8. Understanding the workspace.
  9. Opening new files.
  10. Opening existing files.



Lesson 14



Creating artwork


  1. Vector v Bitmap formats.
  2. Apply design principles to create artwork.
  3. Using pen and shape tools to create basic geometry.
  4. Selecting and Grouping objects.
  5. Transform and modify elements.
  6. Create and manipulate text.
  7. Organize artwork using layers.
  8. Create symbols.


Lesson 15


Colours, Selecting and Aligning Objects


  1. Applying selection techniques.
  2. Aligning objects.
  3. Working with groups.
  4. Exploring object arrangement.
  5. Selecting and applying colours.
  6. Applying and modifying gradients.


Lesson 16


Creating and Editing Shapes



1.      Creating a new document.

2.      Working with basic shapes.

3.      Combining and editing shapes.

4.      Using Image Trace to create shapes.


Lesson 17


Effects and Transparency


  1. Apply transparency to objects.
  2. Blend elements using blend effects.
  3. Working with bitmaps.
  4. Placing raster images.
  5. Using the links panel to relink and update images.
  6. Tracing images using live trace presets

Lesson 18

Working  with Type








1.      Working with type

2.      Formatting type

3.      Creating and applying text styles

4.      Warping text

5.      Working with type on a path

6.      Wrapping text around an object

7.      Creating text outlines





Lesson 19

(a)Organizing Your Artwork with Layers


(b)Blending Colors and Shapes



1.      Understanding layers

2.      Creating layers and sub-layers

3.      Editing layers and objects

4.      Pasting layers

5.      Viewing layers

6.      Applying appearance attributes to layers

7.      Creating a clipping mask

8.      Working with gradients

9.      Working with blended objects

Lesson 20

Freelancing Beginners Guideline


1.      Understand Online Marketplace

2.      Create Freelancing Account.

3.      Creating an effective profile.

4.      Understand clients design briefing.

5.      Submit your design.

Lesson 21



Logo Design, Icon & Info Graphics Design

(One by one check and problem solutions)

Lesson 22



Business Card Design

(One by one check and problem solutions)

Lesson 23



Flyer/Brochure Design

(One by one check and problem solutions)

Lesson 24

Final Project Submit


Website Layout Template, Banner, Image/Photo Editing, Advertisements Banner Design (Facebook, Google, Custom etc.). Create Icon, Logo Design, Business Card and Letterhead. etc