Visual Design Tools 1 (DTG111)
Vietnamese title: Công cụ thiết kế trực quan 1
Credits: 3

Description:
The course empowerC14ommon Adobe 2D tools for Multimedia designers, which are Illustrator, Photoshop, InDesign and Xd, so that they can finalize their 2D designs better and able to deliver completed professional product to customers
Through practical assignments, students have chances to apply knowledge on colors, typography etc. in other courses along with computers and other tools to creaate graphic applications. In addition, students will be introduced to the application of AI tools in design workflows, developing AI literacy to enhance creativity and collaboration. The course also emphasizes the cultivation of a professional attitude and working style, preparing students for real-world design projects and industry practices.

Learning outcomes:
Understanding of vector, bitmap, and layout principles, together with essential design principles as the basis for creating effective 2D design products.
Apply Adobe Illustrator proficiently to create vector-based design products such as logos, icons, and illustrations…
Apply Adobe Photoshop proficiently to develop bitmap-based design products such as photo edits, digital paintings, and visual effects…
Apply Adobe InDesign proficiently to produce layout-based publishing products such as brochures, magazines, and posters…
Apply AI tools and demonstrate AI literacy to collaborate effectively.
Having a positive attitude and a professional working style.

Student tasks:
- Read textbook and install software before coming to class
- Complete assignments in class, submit online thoughout LMS or Classroom platform.
- Access the course website (https://flm.fpt.edu.vn/) for up-to-date information and material of the course.
- Actively participate into class, review and comments to classmate works, ask instructor questions, bring into class everyday samples for references.
- Complete homework and other requirements by instructors
- Using laptop in class only for taking note, research and doing assignment purposes
- No talking, surfing, chatting, gaming, facebooking, using phone etc. while the teacher giving instruction.
- Present at least 80% class attendance in order to pass the course.

Tools:
1. The school prepare: (Installed)
- Classroom with chairs, desks, large monitor with HDMI connection for demo/presentation

2. Student prepare:
- Note/Sketchbooks, pens and pencils
- Laptop for graphic design with Adobe Photoshop, Illustrator and Indesign installed
- Suitable Generative AI tools

Students are required to use their personal account (not the university or organizational account) to register for an Adobe account.

Materials:
description: Adobe Design Basics
author: Thomas Payne
publisher: Adobe Education Exchange
published_date: 2020
isbn: 9781714208852
note: Nguồn sách Creative Commons licensing
description: Adobe Illustator CC: https://helpx.adobe.com
publisher: Adobe
published_date: 2019
edition: 20th

Assessments:
category: Participation
type: on-going
weight: 10.0
category: Progress test 1
type: on-going
weight: 30.0
duration: 180m
question_type: CLO1,CLO3,CLO5,CLO6
no_question: Students will receive the assignment instructions and requirements directly from the instructor.
The task is to design a vector-based graphic product (ex: logo, icon, pattern, or vector illustration...) using Adobe Illustrator.

Students are provided with a sample vector-based graphic product or may propose one for instructor approval.
Students are required to reproduce the product using Illustrator tools and submit the work at the end of the session.
Submission includes the original working file (.AI), and exported outputs in required formats.
knowledge_and_skill: 1
grading_guide: Master basic and advanced Illustrator tools for vector drawing.
Develop the ability to transform creative concepts into vector-based products: logo, icon, pattern, vector illustration.
note: in class, by instructor
category: Progress test 2
type: on-going
weight: 30.0
duration: 180m
question_type: CLO1, CLO2, CLO3, CLO5, CLO6, CLO7, CLO8
no_question: Students will receive the assignment instructions and requirements directly from the instructor.
Create a media graphic product: poster, social media content, promotional design... using Adobe Photoshop.
AI integration.
Option 1 (AI as Idea Partner)
Students will use one or more AI tools to generate ideas for a specific media graphic product.
Students are then required to recreate the AI-generated idea using Photoshop tools.
Submission must include: Original Photoshop working file (.PSD), exported outputs in the required formats and documentation of the AI-generated idea.

Option 2 ( AI as Creative Element Generator):
Students may first propose their own product idea, discuss and confirm it with instructor.
After idea approval, students will use Photoshop to create the final product, while being allowed to use AI tools to generate supporting elements.
Submission must include: Original Photoshop working file (.PSD), exported outputs in the required formats and documentation of the AI-generated idea.
knowledge_and_skill: 1
grading_guide: Use Photoshop tools effectively for image editing, photo manipulation, and digital compositing.
Produce creative outputs such as posters, social media graphics, or promotional materials.
note: in class, by instructor
category: Progress test 3
type: on-going
weight: 30.0
duration: 180m
question_type: CLO1,CLO4,CLO6
no_question: Students will receive the assignment instructions and requirements directly from the instructor.
Design a layout project:brochure, magazine spread, or template for digital or print publishing...

Students will be given a layout brief or may propose one for instructor approval.
Students are required to complete the assignment using InDesign.
AI tools may be applied responsibly for supporting tasks such as generating placeholder text, sample images, illustration...
Submission must include InDesign working file (.INDD), exported outputs in required formats, packaged file folder, printed version (if requested), documentation of the idea development process and AI-generated content.
knowledge_and_skill: 1
grading_guide: Demonstrate proficiency in using InDesign tools effectively.
Create professional layout projects such as magazines, brochures, and templates for print or digital publishing.
note: in class, by instructor

Schedule:
session: - Introduction to Adobe Illustrator, Photoshop, Indesign and other Adobe graphic design applications
- Studying plan
- How to install, save, export, submit assignments
learning_outcomes: I
materials: DTG111
session: - Introduction to Adobe Illustrator, Photoshop, Indesign and other Adobe graphic design applications
- Studying plan
- How to install, save, export, submit assignments
learning_outcomes: I
materials: DTG111
session: Part 1: ADOBE ILLUSTRATOR
- Introduction about Illustrator
- Working with objects
- Menu Object
- Transform & path finder
- Drawing, pen tool, editing tools
learning_outcomes: IT
session: Part 1: ADOBE ILLUSTRATOR
- Introduction about Illustrator
- Working with objects
- Menu Object
- Transform & path finder
- Drawing, pen tool, editing tools
learning_outcomes: IT
session: Part 1: ADOBE ILLUSTRATOR
- Introduction about Illustrator
- Working with objects
- Menu Object
- Transform & path finder
- Drawing, pen tool, editing tools
learning_outcomes: IT
session: Part 1: ADOBE ILLUSTRATOR
- Introduction about Illustrator
- Working with objects
- Menu Object
- Transform & path finder
- Drawing, pen tool, editing tools
learning_outcomes: IT
session: - Discussion, review and comments on previous
- Types in Illustrator
- Working with Type
learning_outcomes: TU
session: - Discussion, review and comments on previous
- Types in Illustrator
- Working with Type
learning_outcomes: TU
session: - Discussion, review and comments on previous
- Types in Illustrator
- Working with Type
learning_outcomes: TU
session: - Discussion, review and comments on previous
- Types in Illustrator
- Working with Type
learning_outcomes: TU
session: - Discussion, comments on previous
- Color in Illustrator
- Working with colors
learning_outcomes: TU
session: - Discussion, comments on previous
- Color in Illustrator
- Working with colors
learning_outcomes: TU
session: - Discussion, comments on previous
- Color in Illustrator
- Working with colors
learning_outcomes: TU
session: - Discussion, comments on previous
- Color in Illustrator
- Working with colors
learning_outcomes: TU
session: - Discussion, comments on previous
- Filter và Effect
-Transform objects
- Masks
- Symbol and libraries
learning_outcomes: TU
session: - Discussion, comments on previous
- Filter và Effect
-Transform objects
- Masks
- Symbol and libraries
learning_outcomes: TU
session: - Discussion, comments on previous
- Filter và Effect
-Transform objects
- Masks
- Symbol and libraries
learning_outcomes: TU
session: Gen AI Tool in Illustrator
Text to Vector Graphic
Text to Pattern
Generative Shape Fill
Generative Expand
Generative Recolor
learning_outcomes: T
U
session: Progress test 1: Design a vector-based graphic product
learning_outcomes: U
session: Part 2: PHOTOSHOP
- Introduction about Photoshop
- Selection
- Working with selection tools
- Menu Sellect
learning_outcomes: ITU
session: Part 2: PHOTOSHOP
- Introduction about Photoshop
- Selection
- Working with selection tools
- Menu Sellect
learning_outcomes: ITU
session: Part 2: PHOTOSHOP
- Introduction about Photoshop
- Selection
- Working with selection tools
- Menu Sellect
learning_outcomes: ITU
session: Part 2: PHOTOSHOP
- Introduction about Photoshop
- Selection
- Working with selection tools
- Menu Sellect
learning_outcomes: ITU
session: - Discussion, comments on previous
- Working with Layer – Menu Layer
- Ruler, Line making, measuring, working with Option menu
learning_outcomes: TU
session: - Discussion, comments on previous
- Working with Layer – Menu Layer
- Ruler, Line making, measuring, working with Option menu
learning_outcomes: TU
session: - Discussion, comments on previous
- Working with Layer – Menu Layer
- Ruler, Line making, measuring, working with Option menu
learning_outcomes: TU
session: - Discussion, comments on previous
- Working with Layer – Menu Layer
- Ruler, Line making, measuring, working with Option menu
learning_outcomes: TU
session: - Discussion, comments on previous
- Edit commands in Edit menu
- Color and editing tools
- Pen – Text – Shape tools
- Menu Image
learning_outcomes: TU
session: - Discussion, comments on previous
- Working with Layer – Menu Layer
- Ruler, Line making, measuring, working with Option menu
learning_outcomes: TU
session: - Discussion, comments on previous
- Edit commands in Edit menu
- Color and editing tools
- Pen – Text – Shape tools
- Menu Image
learning_outcomes: TU
session: - Discussion, comments on previous
- Edit commands in Edit menu
- Color and editing tools
- Pen – Text – Shape tools
- Menu Image
learning_outcomes: TU
session: - Discussion, comments on previous
- Filter basics and application
- Channel concepts
- Mask –and applications
- Action – Style – Automate
- Discuss photoshop advancing
learning_outcomes: TU
session: - Discussion, comments on previous
- Filter basics and application
- Channel concepts
- Mask –and applications
- Action – Style – Automate
- Discuss photoshop advancing
learning_outcomes: TU
session: - Discussion, comments on previous
- Filter basics and application
- Channel concepts
- Mask –and applications
- Action – Style – Automate
- Discuss photoshop advancing
learning_outcomes: TU
session: Gen AI Tool in Photoshop
Generative Fill
Generative Expand
Generate Similar
AI Object Selection
AI Remove Tool
Harmonize
learning_outcomes: T
U
session: Progress test 2: Create a media graphic product
learning_outcomes: U
session: Progress test 2: Create a media graphic product
learning_outcomes: U
session: Progress test 2: Create a media graphic product
'Grading Practice 1 and Progress test 2
learning_outcomes: U
session: Progress test 2: Create a media graphic product
'Grading Practice 1 and Progress test 2
learning_outcomes: U
session: PART 3: ADOBE INDESIGN
Introduction about InDesign:
- Overview of InDesign's purpose and capabilities.
- Comparison with Photoshop and Illustrator.
learning_outcomes: I
session: INDESIGN BASIC:
- Interface and navigation
- Create new document, save, open and organize files
- Document Setup
learning_outcomes: I
T
session: SHAPE & FRAME
- Create frame/create multiframe
- Compound frame/shape
- Transform and Modify
- Apply effect
learning_outcomes: T
U
session: WORKING WITH IMAGE:
- Place/Place multi image
- Place into frame
- Edit Frame and Edit image content
- Auto Fitting
- Relink and Embed link
learning_outcomes: T
U
session: WORKING WITH TEXT
- Place text
- Placeholder text
- Format text with Character Panel
- Control text frame
- Auto size text frame
- Text on a path
learning_outcomes: T
U
session: WORKING WITH PARAGRAPH:
- Format paragraph with Paragraph Panel
- Text Thread
- Text into frame/shape
- Text wrap
- Dropcap
learning_outcomes: T
U
session: ANALYZING THE PREVIOUS LESSON'S ASSESSMENT
- Discussion, comments on previous lesson’s assessment
learning_outcomes: T
U
session: HOMEWORK INTRUCTION:
- Assignment Objective
- Gather Resources
- Images and Text
learning_outcomes: T
U
session: PREPARE FOR ASSIGNMENT 3:
- Practicing using InDesign.
- Doing similar exercises as in the test
- Checking on document layout and organization.
- Preparing documents
learning_outcomes: T
U
session: PAGE PANEL:
- Page Thumbnails
- Create New Page, Delete Page, Move Page
- Page Attributes
- View Pages in Two-Up
ADVANCED PAGE LAYOUT TECHNIQUES
- Master/parent Pages
- Page numbering and Sections
Grid & Guides
learning_outcomes: T
U
session: GUIDELINE RULER & GRID
- Margin
- Bleed
- Column grid
- Modular grid
- Baseline grid
- Guideline
learning_outcomes: T
U
session: TABLE
- Create and design a table
Apply different style and formatting
learning_outcomes: T
U
session: STYLE
- Character styles, paragraph styles and object styles
- Color management
learning_outcomes: T
U
session: INTERACTIVE DOCUMENT EXERCISE:
- Create hyperlinks and bookmarks within a document.
- Incorporate buttons for interactive navigation.
learning_outcomes: T
U
session: ADVANCED EXPORT OPTIONS:
- Exporting documents for print and digital media
learning_outcomes: T
U
session: Gen AI Tool Indesign
Generative Fill text and shape
Text to Image
Generative Expand
learning_outcomes: T
U
session: ASSIGNMENT 3: Design a layout project
learning_outcomes: T
U
session: ASSIGNMENT 3: Design a layout project
learning_outcomes: T
U
session: ASSIGNMENT 3: Design a layout project
learning_outcomes: T
U
session: ASSIGNMENT 3: Design a layout project
learning_outcomes: T
U
session: ASSIGNMENT 3:
- Finalizing progress test 3
WRAP UP & FOLLOW UP:
- Wrap Up Learning
- Practice and Apply
- Seek Feedback and Guidance
- Explore Advanced Techniques
- Stay Updated
- Plan Next Steps
learning_outcomes: I
T
U