Graphic & Web UI Design

Graphic & Web UI Design

Students learn and apply fundamentals of various software applications (such as Photoshop and Illustrator), web design vector Graphics, and image editing.

course at a glance

  • Date : 12 Sep - 24 Oct 2021
  • No. of Classes/ Sessions : 24
  • Total Hours : 72
  • Last Date of Registration : 11 Sep 2021
  • Class Schedule :
    • Sunday - 6:00pm - 9:00pm
    • Tuesday - 6:00pm - 9:00pm
    • Thursday - 6:00pm - 9:00pm
  • venue : PencilBox Training Institute EDB Trade Center (5th Floor), 93 Kazi Nazrul Islam Avenue, Kawranbazar, Dhaka-1215

Price: TK. 18,000
(Excluding VAT & TAX)
Early Bird Registration Going on Valid Until 31th August , 2021 Taka 15000 ( + 15% VAT)

This training is jointly organized by BITM & PencilBox Training InstituteA Training wing of bitBirds Solutions.

Training will be held in PencilBox Training Institute Premises.

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.

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 Illustrator CC

Lesson 1. Introduction & Getting Started with Adobe Illustrator CC

  • About Illustrator.
  • Navigating Illustrator.
  • Exploring Panels & Menus.
  • Creating & Viewing a New Document.
  • Customizing the Interface.
  • Setting Preferences.
  • Exploring the Toolbox, Applications Bar & Options Bar.
  • Understanding the workspace.
  • Creating a new document.
  • Opening new files.
  • Opening existing files.
Lesson 2. Creating artwork
  • Vector v Bitmap formats.
  • Apply design principles to create artwork.
  • Using pen and shape tools to create basic geometry.
  • Selecting and Grouping objects.
  • Transform and modify elements.
  • Create and manipulate text.
  • Organize artwork using layers.
  • Create symbols.

Lesson 3: Colours, Selecting and Aligning Objects

  • Applying selection techniques.
  • Aligning objects.
  • Working with groups.
  • Exploring object arrangement.
  • Selecting and applying colours.
  • Applying and modifying gradients.

Lesson 4: Creating and Editing Shapes

  • Working with basic shapes.
  • Pathfinder Full
  • Combining and editing shapes.
  • Using Image Trace to create shapes.

Lesson 5: Effects and Transparency

  • Apply transparency to objects.
  • Blend elements using blend effects.
  • Working with bitmaps.
  • Placing raster images.
  • Using the links panel to relink and update images.
  • Tracing images using live trace presets

Lesson 6: Working  with Type

  • Working with type on a path
  • Warping text
  • Creating and applying text styles
  • Formatting type
  • Working with type
  • Wrapping text around an object
  • Creating text outlines

Lesson 7: (a)Organizing Your Artwork with Layers

                 (b)Blending Colors and Shapes

  • Understanding layers
  • Creating layers and sub-layers
  • Editing layers and objects
  • Pasting layers
  • Viewing layers
  • Applying appearance attributes to layers
  • Creating a clipping mask
  • Working with gradients
  • Working with blended objects


Lesson 8: Freelancing Beginners Guideline

  • Understand Online Marketplace
  • Create Freelancing Account.
  • Creating an effective profile.
  • Understand clients design briefing.
  • Submit your design.

Lesson 9: PROJECT-1

  • Logo Design, Icon & Info Graphics Design
           (One by one check and problem solutions)

Lesson 10: PROJECT-2

  • Business Card Design

           (One by one check and problem solutions)

Lesson 11: PROJECT-3

  • Flyer/Brochure Design

           (One by one check and problem solutions)

Lesson 12: 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

Adobe Photoshop CC

Lesson 13: 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 14: 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 15: 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 16: Working with basic selections

  • Selecting with the Elliptical Marquee Tool.
  • Using the Magic Wand & Free Transform Tool.
  • Selecting with the Regular & Polygonal Lasso Tools.
  • Combining Selections.
  • Using the Magnetic Lasso Tool.
  • Using the Quick Selection Tool & Refine Edge.
  • Modifying Selections.

Lesson 17: Organizing Layers

  • Understanding the Background Layer.
  • Creating, Selecting, Linking & Deleting Layers.
  • Locking & Merging Layers.
  • Copying Layers, Using Perspective & Layer Styles.
  • Filling & Grouping Layers.
  • Introduction to Blending Modes.
  • Blending Modes, Opacity & Fill.
  • Creating & Modifying Text.

Lesson 18: Painting in Photoshop

  • Using the Brush Tool.
  • Working with Colors & Swatches.
  • Creating & Using Gradients.
  • Creating & Working with Brushes.
  • Using the Pencil & Eraser Tools.
  • Painting with Selections.

Lesson 19: Photo Retouching

  • The Red Eye Tool.
  • The Clone Stamp Tool.
  • The Patch Tool & the Healing Brush Tool.
  • The Spot Healing Brush Tool.
  • The Color Replacement Tool.
  • The Toning & Focus Tools.
  • Painting with History.

Lesson 20: Working with the Pen Tool

  • Understanding Paths & the Pen Tool2. Creating Straight & Curved Paths.
  • Creating Combo Paths.
  • Creating a Clipping Path.

Lesson 21: Creating Special Effects

  • Getting Started with Photoshop Filters.
  • Smart Filters.
  • Creating Text Effects.
  • Applying Gradients to Text.

Lesson 22: Exporting Your Work

  • Saving with Different File Formats.
  • Saving for Web & Devices.
  • Printing Options.

Lesson 23: Project-1

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

           (One by one check and problem solutions)

Lesson 24: Project-2

  • Website Layout Design

           (One by one check and problem solutions)


Training Graphics and Web UI-UX Design 24 Hrs

Tentative Class Start

12th September, 2021

Available Seat

10 / 20

who can join

University Students, Corporate Professionals, anyone who interested in Graphic & Web UI Design and Freelancing.

Meet the Instructor