Graphic & Web UI Design B

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.

  • Starting Date: 22 Dec, 2021
  • Day: Sat - Mon - Wed
  • Time: 7:00pm - 9:00pm
  • Total Class: 36
  • Course Fee: 17,250/-tk
  • Last Date of Registration: 21 Dec, 2021
Click To Enroll Now

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.

Assessments

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

 

Day

Module

Topic

Lesson 1

Introduction & Getting Started with Adobe Photoshop CC

GD-M1

 

 

  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

GD-M2

  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

GD-M3

  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

GD-M4

  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

GD-M5

 

  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.

 

 

Lesson

6

 

 

 

Painting in Photoshop

GD-M6

  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

GD-M7

  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

GD-M8

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

 

Lesson 9

 

Creating Special Effects

GD-M9

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

Lesson 10

Exporting Your Work

GD-M10

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

Lesson 11

Project-1

GD-M11

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

(One by one check and problem solutions)

Lesson 12

Project-2

GD-M12

Website Layout Design

(One by one check and problem solutions)

 

Adobe Illustrator CC

 

Lesson 13

 

Introduction & Getting Started with Adobe Illustrator CC

GD-M1

  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

GD-M2

  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

GD-M3

  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

GD-M5

 

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

GD-M6

  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

GD-M7

 

 

 

 

 

 

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

 

GD-M8

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

GD-M9

1.      Understand Online Marketplace

2.      Create Freelancing Account.

3.      Creating an effective profile.

4.      Understand clients design briefing.

5.      Submit your design.

Lesson 21

PROJECT-1

GD-M10

Logo Design, Icon & Info Graphics Design

(One by one check and problem solutions)

Lesson 22

PROJECT-2

GD-M11

Business Card Design

(One by one check and problem solutions)

Lesson 23

PROJECT-3

GD-M12

Flyer/Brochure Design

(One by one check and problem solutions)

Lesson 24

Final Project Submit

GD-M12

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