Bài giảng Illustrator

Trang 1

KENT INTERNATIONAL COLLEGE

Trang 2

148-150 Nguyen Dinh Chinh Str., Phu Nhuan Dist., HCMC

219 – 221 Xo Viet Nghe Tinh Str., Bình Thạnh Dist., HCMC www.kent.edu.vn

⦿ Gi ng viên: Tùng Lâmảng viên: Tùng Lâm

⦿ Th i lời lượng: 25 giờ ượng: 25 giờng: 25 giời lượng: 25 giờ

⦿ Th i gian h c: 2.5 ời lượng: 25 giờ ọc: 2.5 gi /bu i.ời lượng: 25 giờ ổi.

(18g30 – 21g00)

⦿ Gi i lao 5 phút/1bu i.ảng viên: Tùng Lâm ổi.

Trang 3

OBJECTIVES / M c tiêu môn h cục tiêu môn họcọc

⦿ Môn h c Illustrator là 1 trong ọc: 2.5 nh ng môn đững môn được yêu thích và ượng: 25 giờc yêu thích và nhi u ngều người biết đến và cũng 1 ười lượng: 25 giời bi t đ n và cũng 1 ết đến và cũng 1 ết đến và cũng 1 công c thi t k h u ích trong ụ thiết kế hữu ích trong ết đến và cũng 1 ết đến và cũng 1 ững môn được yêu thích và qu ng cáo và xây d ng thảng viên: Tùng Lâm ựng thương ương ng hi u ệu

⦿ Các bu i h c Illustrator hay còn ổi ọc: 2.5 g i là AI sẽ học: 2.5 ướng dẫn học viên ng d n h c viên ẫn học viên ọc: 2.5 các phương ng pháp thi t k các n ết đến và cũng 1 ết đến và cũng 1 ấn ph m qu ng cáo nh logo, ẩm quảng cáo như logo, ảng viên: Tùng Lâm ư

brochure, leaflet, standee, poster

Trang 4

⦿ Ngoài ra, các l p h c đ h a t i ớng dẫn học viên ọc: 2.5 ồ họa tại ọc: 2.5 ại đây sẽ nâng cao kh năng thi t ảng viên: Tùng Lâm ết đến và cũng 1 k , mỹ thu t, nh n th c v các ết đến và cũng 1 ật, nhận thức về các ật, nhận thức về các ức về các ều người biết đến và cũng 1 s n ph m digital, in n do chính ảng viên: Tùng Lâm ẩm quảng cáo như logo, ấn tay các b n th c hi n và các s n ại ựng thương ệu ảng viên: Tùng Lâmph m đang có m t trên th ẩm quảng cáo như logo, ặt trên thị ị

trười lượng: 25 giờng.

⦿ Đi kèm AI không th thi u các ể thiếu các ết đến và cũng 1 công c thi t k khác nh ụ thiết kế hữu ích trong ết đến và cũng 1 ết đến và cũng 1 ư

Photoshop, inDesign, VideoEditor, AfterEffect sẽ b sung đ y đ ổi ầy đủ ủ

công c thi t k cho 1 thi t k đ ụ thiết kế hữu ích trong ết đến và cũng 1 ết đến và cũng 1 ết đến và cũng 1 ết đến và cũng 1 ồ họa tại h a bán chuyên ho c chuyên ọc: 2.5 ặt trên thị

nghi p.ệu

Trang 5

Trang 6

⦿ B t đ u đ n k t thúc môn h c, h c viên sẽ th c hi n qua ắt đầu đến kết thúc môn học, học viên sẽ thực hiện qua ầy đủ ết đến và cũng 1 ết đến và cũng 1 ọc: 2.5 ọc: 2.5 ựng thương ệu các bu i h c:ổi ọc: 2.5

⦿ Thi cu i khóa (thi t k Flyer): ối khóa (thiết kế Flyer): ết đến và cũng 1 ết đến và cũng 1 25đ

⦿ Thi t k Poster-Flyer: ết đến và cũng 1 ết đến và cũng 1 20đ

⦿ Thi t k Brochure: ết đến và cũng 1 ết đến và cũng 1 20đ

⦿ Thi t k b stationary: ết đến và cũng 1 ết đến và cũng 1 ộ stationary: 20đ

⦿ In s n ph m thành ph m: ảng viên: Tùng Lâm ẩm quảng cáo như logo, ẩm quảng cáo như logo, 10đ

⦿ Trình bày ý tưởng đồ án: ng đ án: ồ họa tại 5đ

Trang 7

RELATIONSHIP / Liên k tết

⦿ Bình b u 1 b n làm l p trầy đủ ại ớng dẫn học viên ưởng đồ án: ng.

⦿ H c viên đi n phi u thông tin cá ọc: 2.5 ều người biết đến và cũng 1 ết đến và cũng 1 nhân và chia s thông tin nick ẻ thông tin nick

facebook v i nhau thông qua Group ớng dẫn học viên

⦿ Like trang group c a trủ ười lượng: 25 giờng đ ể thiếu các bi t thông tin m i ết đến và cũng 1 ớng dẫn học viên

⦿ H c viên có th chia ra làm các ọc: 2.5 ể thiếu các

nhóm, m i nhóm t ít nh t 2 ngỗi nhóm từ ít nhất 2 người ừ ít nhất 2 người ấn ười lượng: 25 giời

⦿ Đ t tên nhóm.ặt trên thị

Trang 8

LESSON PLAN/ Đ cề cương tổng quát ương tổng quátng t ng quátổng quát

⦿Bu i 1: Gi i thi u t ng quan v AI trong ổi.ớng dẫn học viên ệu ổi.ều người biết đến và cũng 1 thi t k và ng d ng th c t Công c vẽ ết đến và cũng 1 ết đến và cũng 1 ức về các ụ thiết kế hữu ích trong ựng thương ết đến và cũng 1 ụ thiết kế hữu ích trong đ i tối khóa (thiết kế Flyer): ượng: 25 giờng c b n trong AI.ơng ảng viên: Tùng Lâm

⦿Bu i 2: Thao tác Transform, Align, ổi.Distribute

⦿Bu i 3: Công c Pen Pencil Thao tác v i ổi.ụ thiết kế hữu ích trong ớng dẫn học viên Path & các l nh bi n đ i hi u ch nh Path.ệu ết đến và cũng 1 ổi.ệu ỉnh Path.Thao tác bi n đ i ĐT v i PATHFINDER ết đến và cũng 1 ổi.ớng dẫn học viên

Trang 9

⦿Bu i 4: Tô chuy n s c đ i tổi.ể thiếu các ắt đầu đến kết thúc môn học, học viên sẽ thực hiện qua ối khóa (thiết kế Flyer): ượng: 25 giờng (Gradient) ng d ng các hi u ng trong tab

Ứng dụng các hiệu ứng trong tab ụ thiết kế hữu ích trong ệu ức về các Transparency+Blend

⦿Bu i 5: Text Tool Thi t k bìa t p chí và ổi.ết đến và cũng 1 ết đến và cũng 1 ại trang n i dung.ộ stationary:

⦿Bu i 6: Clipping Mask Brush Symbol.Hổi.ướng dẫn học viên ng d n thi t k Name-cardẫn học viên ết đến và cũng 1 ết đến và cũng 1

Trang 10

⦿Bu i 7: Hổi.ướng dẫn học viên ng d n thi t k Flyer-Posterẫn học viên ết đến và cũng 1 ết đến và cũng 1

⦿Bu i 8: Hổi.ướng dẫn học viên ng d n thi t k Brochure Cách bình file in c b nẫn học viên ết đến và cũng 1 ết đến và cũng 1 ơng ảng viên: Tùng Lâm

⦿Bu i 9: Hổi.ướng dẫn học viên ng d n thi t k b nh n di n thẫn học viên ết đến và cũng 1 ết đến và cũng 1 ộ stationary: ật, nhận thức về các ệu ương ng hi uệu

⦿Bu i 10: Hổi.ướng dẫn học viên ng d n th c hi n vẽ s n ph m.ẫn học viên ựng thương ệu ảng viên: Tùng Lâmẩm quảng cáo như logo,

⦿Bu i 11: Hổi.ướng dẫn học viên ng d n thi t k b nh n di n thẫn học viên ết đến và cũng 1 ết đến và cũng 1 ộ stationary: ật, nhận thức về các ệu ương ng hi u c a h c viên.ệu ủ ọc: 2.5

⦿Bu i 12: Hổi.ướng dẫn học viên ng d n và luy n t p thuy t trình đ án.ẫn học viên ệu ật, nhận thức về các ết đến và cũng 1 ồ họa tại

Trang 11

Bài 1: CÔNG C VẼ Đ I TỤ VẼ ĐỐI TƯỢNG CƠ BẢNỐI TƯỢNG CƠ BẢNƯỢNG CƠ BẢNNG C B NƠ BẢN ẢN

LÝ THUY T: Gi i thi u V IllustratorẾT: Giới thiệu Về Illustratorới thiệu Về Illustratorệu Về Illustratorề Illustrator

⦿ Download ph n m m Illustrator t Internet.ầy đủ ều người biết đến và cũng 1 ừ ít nhất 2 người

⦿ S khác nhau gi a Illustrator và Photoshop.ựng thương ững môn được yêu thích và

⦿ Các công c vẽ đ i tụ thiết kế hữu ích trong ối khóa (thiết kế Flyer): ượng: 25 giờng c b nơng ảng viên: Tùng Lâm

⦿ I: Gi i thi u & giao di nớng dẫn học viên ệu ệu

⦿ II: Thao tác v i các công c c b n (Move, Zoom, Hand) ớng dẫn học viên ụ thiết kế hữu ích trong ơng ảng viên: Tùng Lâm

⦿ III: Công c vẽ hình c b n.ụ thiết kế hữu ích trong ơng ảng viên: Tùng Lâm

⦿ IV: Công c vẽ các đ i tụ thiết kế hữu ích trong ối khóa (thiết kế Flyer): ượng: 25 giờng đưởng đồ án: ng nét (Line, Spiral…)

Trang 12

BÀI T P & HO T Đ NG TRÊN L PẬP & HOẠT ĐỘNG TRÊN LỚPẠT ĐỘNG TRÊN LỚPỘNG TRÊN LỚPỚP

Vẽ theo các đ i tối khóa (thiết kế Flyer): ượng: 25 giờng m uẫn học viên

Trang 13

BÀI T P V NHÀ:ẬP & HOẠT ĐỘNG TRÊN LỚPỀ NHÀ:

⦿Vẽ các đ i tối khóa (thiết kế Flyer): ượng: 25 giờng theo m uẫn học viên

⦿Link tham kh o: http://design.tutsplus.com/tutorials/how-to-create-a-flat-ảng viên: Tùng Lâmwinter-scene-in-adobe-illustrator cms-25369

Trang 14

Bài 2: TRANSFORM-ALIGN-DISTRIBUTE

• LÝ THUY TẾT: Giới thiệu Về Illustrator : Transform-Align-Distribute

• Bài gi ng thao tác Transform tr c ti p trên đ i tảng viên: Tùng Lâm ựng thương ết đến và cũng 1 ối khóa (thiết kế Flyer): ượng: 25 giờng (Move, Copy)

công c Transform (Move, Copy, Rotate, Shear, Reflect, ụ thiết kế hữu ích trong Transform Again…)

• III: Bài gi ng Thao tác canh l , canh kh ang cách ảng viên: Tùng Lâm ều người biết đến và cũng 1 ỏang cách

• Gi i thi u các lo i gi y và các s n ph m ph bi nớng dẫn học viên ệu ại ấn ảng viên: Tùng Lâm ẩm quảng cáo như logo, ổi ết đến và cũng 1

Trang 15

Bài 2: TRANSFORM-ALIGN-DISTRIBUTE

⦿Vẽ theo các đ i tối khóa (thiết kế Flyer): ượng: 25 giờng m uẫn học viên BÀI T P V NHÀ⦿ Vẽ theo các đ i tẬP & HOẠT ĐỘNG TRÊN LỚPỀ NHÀ: ối khóa (thiết kế Flyer): ượng: 25 giờng m uẫn học viên

Trang 16

Bài 3: PEN-THAO TÁC VỚI PATH-PATH FINDER

› LÝ THUY TẾT: Giới thiệu Về Illustrator :

A- Công cụ Pen- Pencil

›Thao tác vẽ đường thẳng, gấp khúc, đường cong, vẽ tự do.

› B- Hiệu chỉnh Path

›Hiệu chỉnh đường Path thông qua các công cụ Pen+, Pen- Biến đổi đường thẳng <=> đường cong với công cụ Convert Nối các Anchor Point Biến đổi Path thành đối

tượng…

Trang 17

⦿Vẽ theo các đ i tối khóa (thiết kế Flyer): ượng: 25 giờng m uẫn học viên

Trang 18

THI T K M U LOGOẾT KẾ MẪU LOGOẾT KẾ MẪU LOGO ẪU LOGO

Trang 19

Trang 20

⦿LINK THAM KH O: http://design.tutsplus.com/tutorials/how-to-ẢO: create-a-retro-funfair-vector-in-adobe-illustrator cms-25614

Trang 21

Trang 22

219 – 221 Xo Viet Nghe Tinh Str., Bình Thạnh Dist., HCMC www.kent.edu.vnBài 4: GRADIENT-TRANSPARENCY

⦿Vẽ theo các đ i tối khóa (thiết kế Flyer): ượng: 25 giờng

m u:http://design.tutsplus.com/tutorials/how-to-create-a-stylised-ẫn học viên textured-flat-camera-in-adobe-illustrator cms-24885

Trang 23

Bài 4: GRADIENT-TRANSPARENCY

⦿Vẽ theo các đ i tối khóa (thiết kế Flyer): ượng: 25 giờng

m u:http://design.tutsplus.com/tutorials/how-to-create-a-set-of-ẫn học viên fitness-icons-in-adobe-illustrator cms-25736

Trang 24

219 – 221 Xo Viet Nghe Tinh Str., Bình Thạnh Dist., HCMC www.kent.edu.vnBài 5: TEXT TOOL

LÝ THUY TẾT: Giới thiệu Về Illustrator :

› A- Nhập văn bản với công cụ Text

›- Nhập Text với phương thức ArtText và Paragraph.

›Hiệu chỉnh Text với bảng Character và Paragraph.

›Biến đổi text thành đối tượng.

› B- Text trên Path Text Wrap Hiệu ứng biến dạng chữ

với Effect/ Warp.

Trang 25

Bài 5: TEXT TOOL

Trang 26

219 – 221 Xo Viet Nghe Tinh Str., Bình Thạnh Dist., HCMC www.kent.edu.vnBài 5: TEXT TOOL

⦿Thi t k 1 trang t p chíết đến và cũng 1 ết đến và cũng 1 ại

Trang 27

Bài 6: Clipping Mask Brush Symbol.Hướng dẫn thiết kế Namecard

⦿ LÝ THUY TẾT: Giới thiệu Về Illustrator :

› A- Cắt chọn đối tượng từ ảnh Bitmap.

› B- Ứng dụng Brush và Symbol trong trang trí.BÀI T P & HO T Đ NG TRÊN L PẬP & HOẠT ĐỘNG TRÊN LỚPẠT ĐỘNG TRÊN LỚPỘNG TRÊN LỚPỚP

⦿Thi t k Namecardết đến và cũng 1 ết đến và cũng 1

Trang 28

219 – 221 Xo Viet Nghe Tinh Str., Bình Thạnh Dist., HCMC www.kent.edu.vnBài 7: Hưới thiệu Về Illustratorng d n thi t k dàn trang Flyer-Posterẫn thiết kế dàn trang Flyer-Posterết kế dàn trang Flyer-Posterết kế dàn trang Flyer-Poster

› A-Flyer là gì? Quy cách để thiết kế và sản xuất flyer

› B-Poster là gì? Quy cách để thiết kế và sản xuất

⦿Thi t k Flyer và Poster theo m uết đến và cũng 1 ết đến và cũng 1 ẫn học viên

Trang 29

Bài 7: Hưới thiệu Về Illustratorng d n thi t k dàn trang Flyer-Posterẫn thiết kế dàn trang Flyer-Posterết kế dàn trang Flyer-Posterết kế dàn trang Flyer-Poster

⦿Thi t k Flyer-Posterết đến và cũng 1 ết đến và cũng 1

Trang 30

219 – 221 Xo Viet Nghe Tinh Str., Bình Thạnh Dist., HCMC www.kent.edu.vnBài 9: Hưới thiệu Về Illustratorng d n thi t k b nh n di n thẫn thiết kế dàn trang Flyer-Posterết kế dàn trang Flyer-Posterết kế dàn trang Flyer-Poster ộ nhận diện thương hiệuận diện thương hiệuệu Về Illustratorương hiệung hi uệu Về Illustrator

› A- Bộ nhận diện thương hiệu là gì? Tầm quan trong

của bộ nhận diện thương hiệu? Bộ nhận diện bao gồm những gì?

›

B-› BÀI T P & HO T Đ NG TRÊN L PẬP & HOẠT ĐỘNG TRÊN LỚPẠT ĐỘNG TRÊN LỚPỘNG TRÊN LỚPỚP

⦿Thi t k b nh n di n thết đến và cũng 1 ết đến và cũng 1 ộ stationary: ật, nhận thức về các ệu ương ng hi u c b nệu ơng ảng viên: Tùng Lâm

⦿Thi t k logo-b nh n di n thết đến và cũng 1 ết đến và cũng 1 ộ stationary: ật, nhận thức về các ệu ương ng hi u c b nệu ơng ảng viên: Tùng Lâm

Trang 31

Bài 10: Ôn t pận diện thương hiệu

⦿ Vẽ v t th theo m uật, nhận thức về các ể thiếu các ẫn học viên

Trang 32

219 – 221 Xo Viet Nghe Tinh Str., Bình Thạnh Dist., HCMC www.kent.edu.vnĐ ÁN MÔN H CỒ ÁN MÔN HỌCỌC

⦿Thi t k b nh n di n thết đến và cũng 1 ết đến và cũng 1 ộ stationary: ật, nhận thức về các ệu ương ng hi u bao g m: logo,flyer,brochue,stationeryệu ồ họa tại

⦿In s n ph m thành ph mảng viên: Tùng Lâmẩm quảng cáo như logo, ẩm quảng cáo như logo,

⦿Trình bày đ ánồ họa tại