giáo trình thực tập thiết kế đồ họa 1 ngành thiết kế đồ họa trung cấp

Đây là mô đun chuyên môn nhằm tổng hợp nhÿng kiÁn thāc kỹ năng các môn hác chung: Xử lý hình ¿nh PhotoShop, Kỹ thuÁt dàn trang Indesign, ThiÁt kÁ đá háa Adobe Illustrator và là mát lần t

BÞ XÂY DỰNG TR¯âNG CAO ĐẲNG XÂY DỰNG SÞ 1

GIÁO TRÌNH

TRÌNH Đà: TRUNG CÀP NGÀNH: THIÀT KÀ Đà HàA

Ban hành kèm theo Quyết định số: 368ĐT/QĐ- CĐXD1 ngày 10 tháng 8 năm 2021

của Hiệu trưởng trường CĐXD số 1

Hà Nßi, năm 2021

LâI GIàI THIÞU

Giáo trình THĀC TÀP THIÀT KÀ Đà HàA 1 đ°ợc biên soạn nhằm phục vụ cho gi¿ng dạy và hác tÁp cho trình đá Trung cÁp ngành ThiÁt kÁ đá háa cÿa tr°ờng Cao đẳng Xây dāng sß 1 Đây là mô đun chuyên môn nhằm tổng hợp nhÿng kiÁn thāc kỹ năng các môn hác chung: Xử lý hình ¿nh PhotoShop, Kỹ thuÁt dàn trang Indesign, ThiÁt kÁ đá háa Adobe Illustrator và là mát lần tổng hợp lại kiÁn thāc, hiểu rõ quy cách và vÁn dụng với công việc thiÁt kÁ đá háa cụ thể

Giáo trình THĀC TÀP THIÀT KÀ Đà HàA 1 do bá môn Tin hác chuyên ngành biên soạn Giáo trình này đ°ợc viÁt theo đề c°¡ng môn hác THĀC TÀP THIÀT KÀ Đà HàA 1, tuân thÿ theo đúng kiÁn thāc, kỹ năng chuyên ngành đá háa Hác sinh đ°ợc h°ớng d¿n thāc tÁp theo hệ thßng: từ việc thiÁt kÁ lô gô, m¿u qu¿ng cáo banner, poster tới việc bß cục, dàn trang, tạo Án phẩm chÁ b¿n điện từ, sách, tạp chí

CÁu trúc giáo trình bao gám: Phần 1: Xử lý ¿nh với Adobe Photoshop Phần 2: Tạo m¿u thiÁt kÁ với Adobe Illustrator Phần 3: Dàn trang, xuÁt b¿n in Án với Adobe Indesign Trong quá trình biên soạn giáo trình, nÁu có phần nào ch°a hoàn thiện xin quý thầy cô và ng°ời đác góp ý để nhóm tác gi¿ hoàn thiện giáo trình tßt h¡n

Xin chân thành c¿m ¡n! Hà Nái, ngày tháng năm Tham gia biên soạn Phan Thß Thu Hà Chÿ biên

1.2.3.Điều chỉnh ánh sáng và độ tương phản cho hình ảnh 7

1.3.Phāc chÁ Ánh, sÿ dāng bß lác t¿o hißu ứng cho Ánh 7

1.3.1.Sử dụng công cụ tô vẽ, tẩy xóa 7

1.5.Kiểm tra và đánh giá phÁn 1 8

PHÀN 2: T¾O MÀU THIÀT KÀ VàI ADOBE ILLUSTRATOR 9

2.4.5.Sự kết hợp giữa hình ảnh đồ họa và văn bản 10

2.5.Kiểm tra, đánh giá phÁn 2 10

PHÀN 3: DÀN TRANG VàI ADOBE INDESIGN 11

3.3.5.Sự kết hợp giữa hình ảnh đồ họa và văn bản 12

3.4.Dàn trang t¿o ¿n ph¿m có nhiÃu trang nh° sách báo, t¿p chí 12

3.4.1.Phân tích cấu trúc tài liệu 12

3.4.2.Tạo tài liệu có sử dụng kiểu dáng 12

3.4.3.Dàn trang ấn phẩm tài liệu 12

3.5.Kiểm tra và đánh giá phÁn 3 12

GIÁO TRÌNH MÔN HàC

- Vß trí: + Môn hác đ°ợc bß trí ở kỳ hác thā: 3 + Môn hác tiên quyÁt: Xử lý hình ¿nh Adobe Photoshop, ThiÁt kÁ đá háa Adobe Illustrator và Kỹ thuÁt dàn trang Adobe Indesign

- Tính chÁt: là môn hác chuyên môn - Ý nghĩa và vai trò cÿa môn hác: Giúp HS có kiÁn thāc và kỹ năng chuyên môn đá háa tổng hợp BiÁt cách sử dụng thành thạo các phần mềm đá háa chuyên nghiệp nh° Adobe Photoshop, Adobe Illustrator, Adobe InDesign Từ đó có thể thiÁt kÁ tờ r¡i, tài liệu qu¿ng cáo; đặc biệt là biÁt cách tạo các Án phẩm xuÁt b¿n nh° tạp chí, catalogue, sách

- KiÁn thāc + Trình bày đ°ợc cách tạo thiÁt kÁ banner, poster trên Photoshop; + Trình bày đ°ợc cách v¿ các biểu t°ợng, logo trên Illustrator, các m¿u thiÁp, các m¿u th° mời, các m¿u qu¿ng cáo trên Illustrator;

+ Trình bày đ°ợc cách thiÁt kÁ m¿u biển qu¿ng cáo, m¿u banner, m¿u qu¿ng cáo online; + Trình bày đ°ợc cách thiÁt kÁ m¿u dàn trang, m¿u Án phẩm trên Indesign

- Kỹ năng + Tạo đ°ợc các thiÁt kÁ banner, poster trên photoshop + V¿ các biểu t°ợng, logo trên Illustrator, thiÁt kÁ các tÁm thiÁp, các m¿u th° mời, các m¿u card visit trên Illustrator

+ ThiÁt kÁ m¿u dàn trang, m¿u Án phẩm trên Indesign - Về năng lāc tā chÿ và trách nhiệm:

+ Nghiêm túc, chÿ đáng, sáng tạo và hoàn thành công việc đ°ợc giao;

6

PHÀN 1: Xþ LÝ ÀNH VàI ADOBE PHOTOSHOP

+ L°u và t¿i vùng chán + Sao chép và xóa đßi t°ợng trong vùng chán + Xoay, đßnh lại tỷ lệ và biÁn đổi vùng chán + Sử dụng kÁt hợp các công cụ

- Lāa chán đßi t°ợng để cắt xén, di chuyển mát phần hình ¿nh - Sao chép phần cắt ghép vào ¿nh khác

- Làm việc với Layer + Tổ chāc ¿nh trên các Layer + Mát sß thao tác với Layer: sao chép, di chuyển, tạo kiểu, trán, dán, liên kÁt - Căn chỉnh kích th°ớc ¿nh ghép đúng tỉ lệ (Trasform)

1.2.2.Cân bằng màu sắc

Bao gám: sử dụng kênh màu hoặc các công cụ hiệu chỉnh màu sắc - Tạo và qu¿n lý kênh Kênh Chanel chāa đāng và xử lý thông tin về màu sắc - Sử dụng các công cụ hiệu chỉnh màu sắc để chỉnh màu cho đßi t°¡ng

+ Grandient

7 + Paint Bucket

+ Háp màu Foreground và Background

1.2.3.Điều chỉnh ánh sáng và độ tương phản cho hình ảnh

Bao gám: làm việc với ánh sáng và hiệu āng, xử lý đá t°¡ng ph¿n - Làm việc với ánh sáng

+ Công cụ chỉnh sáng tßi Exposure + Tạo mặt trời, tia sáng

+ Ánh sáng đèn: Filter > Render > Lighting Effects + Hiệu āng ánh sáng: Fillter > Render > Lens Flare, Soft Focus, Legendary, Shimmer Fearless Glam

- Đá t°¡ng ph¿n

Để phục chÁ ¿nh cần kÁt hợp các cách sau: - Dùng công cụ tô v¿, tẩy xóa

- Sử dụng bá lác hình ¿nh và tạo hiệu āng lác - Làm việc với mặt nạ

1.3.1 Sử dụng công cụ tô vẽ, tẩy xóa

- Dùng nhóm công cụ lāa chán đßi t°ợng - Sử dụng các công cụ tô v¿, tẩy xóa phục chÁ trở về nh° ban đầu

1.3.2 Sử dụng bộ lọc hình ảnh

- Āng dụng các nhóm bá lác nh°: + Nhóm bá lác Artistic

+ Nhóm bá lác Blur + Nhóm bá lác Brush Strokes + Nhóm bá lác Distort

+ Nhóm bá lác Noise + Nhóm bá lác Pixelate + Nhóm bá lác Render + Nhóm bá lác Sharpen + Nhóm bá lác Stetch + Nhóm bá lác Stylize + Nhóm bá lác Texture + Nhóm bá lác Video

1.3.3 Tạo các hiệu ứng lọc 1.3.4 Làm việc với mặt nạ

- Mặt nạ Masks giúp bạn tách và b¿o vệ các phần cÿa bāc ¿nh Ta có thể tạo ra các Mask tạm thời, còn gái là Quick Mask hoặc Mask cß đßnh và cÁt giÿ chúng nh° mát kênh gái là Alpha Channel Có mát sß loại Mask:

+ Quick Mask + Layer Mask

8 + Clipping Mask

Thāc hiện các b°ớc: V¿ hình hoặc chèn ¿nh > Hiệu chỉnh hình ¿nh, đßi t°ợng > Xử lý màu sắc > Làm việc với chÿ > Bß cục tổng thể

1.4.1 Vẽ hình hoặc chèn ảnh

+ Nhóm công cụ Pen + Đ°ờng Path

+ Thao tác v¿ và hiệu chỉnh

1.4.2 Hiệu chỉnh hình ảnh, đối tượng

+ Sao chép và xóa đßi t°ợng + Xoay, đßnh lại tỷ lệ và biÁn đổi + Sử dụng kÁt hợp các công cụ

1.4.3 Xử lý màu sắc

+ Các loại màu: đ¡n sắc, chuyển sắc + Sao chép, chỉnh sửa màu sắc + Tông màu

1.4.4 Làm việc với chữ

+ Phông chÿ + Kiểu dáng, cách thiÁt kÁ

1.4.5 Bố cục tổng thể

+ Sā hài hòa giÿa các phần hình và chÿ + Phßi màu dāa trên các nguyên lý về màu sắc và bß cục

Bài làm cÿa Hác sinh cần đạt đ°ợc yêu cầu sau: + Chỉnh sửa, cắt ghép đ°ợc ¿nh mát cách hợp lý + Phục chÁ ¿nh chân thāc

+ Tạo đ°ợc thiÁt kÁ qu¿ng cáo bß cục hợp lý, màu sắc hài hòa + KÁt hợp văn b¿n và hình ¿nh chặt ch¿, hợp lý

Giáo viên: + Kiểm tra đánh giá khßi l°ợng công việc hác sinh đã thāc hiện đ°ợc + Phân tích, sửa lßi còn v°ớng mắc

9

PHÀN 2: T¾O MÀU THIÀT KÀ VàI ADOBE ILLUSTRATOR

Các b°ớc thāc hiện: V¿ hình > Chán đßi t°ợng > Hiệu chỉnh > Xử lý màu sắc

2.2.1 Vẽ hình

- Sử dụng một số các công cụ tạo hình cơ bản như: + Nhóm công cụ Rectangle Tool (Rectangle Tool, Rounded Rectangle, Ellipse, Polygon, Star, Flare)

+ Nhóm công cụ Line Segment Tool (Line Segment, Arc) - Hoặc sử dụng các nhóm công cụ vẽ hình đồ họa vector: Pen, Pencil, Erase

2.2.2 Chọn đối tượng

Dùng các công cụ chán: +Công cụ Selection Tool + Công cụ Direct Select Tool + Công cụ Magic Wand Tool + Công cụ Lasso Tool

2.2.3 Hiệu chỉnh đối tượng, biên tập hình ảnh

+ Các thao tác chỉnh sửa c¡ b¿n trên menu Edit + BiÁn đổi hình v¿ bằng công cụ Transform (Rotate, Scale, Reflect, Shear, Reshape) + Các thao tác với đßi t°ợng (khóa, ẩn, căn lề )

2.2.4 Xử lý màu sắc

+ Thay đổi chÁ đá màu + Thay đổi màu cÿa mát đßi t°ợng + Các Panel Control màu

+ Tô màu chuyển sắc Gradient + Công cụ tô l°ới Mesh

10

Các b°ớc thāc hiện: Bß cục trong thiÁt kÁ > Tạo và hiệu chỉnh văn b¿n > Chèn hình hoặc ¿nh (nÁu cần)

2.3.1 Bố cục trong thiết kế

+ Phân tích vß trí các thành phần trên bß cục tổng thể + Nguyên tắc chính phụ, cân đßi hài hòa

2.3.2 Tạo và hiệu chỉnh văn bản

+ Nhóm công cụ tạo văn b¿n (Type, Type on a Path, Vertical Type, Vertical Area Type, Vertical Type on a Path)

+ Nhóm công cụ dßnh dạng văn b¿n (Panel Charater, Paragrahp, Open Type, Make Envelope Options)

2.3.3 Chèn hình hoặc ảnh

+ Sao chép, cắt + Dán

+ Chỉnh sửa

Các b°ớc tiÁn hành: Phân tích bß cục > Tạo hoặc chèn văn b¿n > Tạo hoặc chèn hình ¿nh

> Màu sắc và hiệu āng > Sā kÁt hợp giÿa hình ¿nh đá háa và văn b¿n

+ Hiệu āng 3D (Extrude & Bevel, Rovole, Rotate) + Hiệu āng Distor & Transform

+ Hiệu āng Stylize

2.4.5 Sự kết hợp giữa hình ảnh đồ họa và văn bản

Văn b¿n phÿ tràn qua hoặc căn chừa hình theo các cách thāc khác nhau

Bài làm cÿa Hác sinh cần đạt đ°ợc yêu cầu sau: + Thể hiện đ°ợc đặc điểm cÿa mßi loại logo, biểu t°ợng, m¿u th° mời, m¿u thiệp, tờ r¡i

(Brochure) trong các thiÁt kÁ cÿa mình + BiÁt cách xử lý bß cục

+ Màu sắc hài hòa + KÁt hợp văn b¿n và hình ¿nh chặt ch¿, hợp lý

Giáo viên: + Kiểm tra đánh giá công việc hác sinh đã thāc hiện đ°ợc, Phân tích, sửa lßi còn v°ớng mắc

11

- Chỉnh khung l°ới - Qu¿n lý trang và d¿i - Trang chÿ

- Làm việc với khung và lớp

3.2.2 Tạo các kiểu dáng

- Tạo kiểu chÿ - Tạo kiểu đoạn

(có sử dụng hình ¿nh là kÁt qu¿ cÿa phần 2 và 3) Các b°ớc thāc hiện: Tạo văn b¿n > Chèn khung giÿa chß > Chèn hoặc tạo ¿nh > Xử lý

màu sắc > Sā kÁt hợp giÿa hình ¿nh đá háa và văn b¿n

3.3.1 Tạo văn bản, tài liệu trong Indesign

- Làm việc với chÿ (phông chÿ và kiểu dáng) - Làm việc với đoạn (ngắt đoạn, từ đầu câu, đầu đoạn) - Văn b¿n (Co giãn, xô nghiêng, căn lề, ký hiệu, sß trang, chú thích…)

3.3.2 Chèn khung giữ chỗ 3.3.3 Chèn hoặc tạo ảnh

- Dùng lệnh Place để chèn ¿nh - Dùng công cụ v¿

12 + V¿ hình c¡ b¿n

+ Pen, Pencil - Chán và biÁn đổi đßi t°ợng

+ Rotate, Scale, Flip + Shear, Scissor

3.3.4 Xử lý màu sắc

- Màu sắc + Qu¿n lý màu trên Swatch + Tạo nhiều sắc thái màu Tint - Hiệu āng

+ Bóng đổ + Trong sußt, làm mờ

3.3.5 Sự kết hợp giữa hình ảnh đồ họa và văn bản

Văn b¿n phÿ tràn qua hoặc căn chừa hình theo các cách thāc khác nhau

(có sử dụng hình ¿nh là kÁt qu¿ cÿa phần 2 và 3) Các b°ớc thāc hiện: Phân tích cÁu trúc tài liệu > Tạo tài liệu có sử dụng kiểu dáng > Dàn trang tài liệu

3.4.1 Phân tích cấu trúc tài liệu

Àn phẩm bao gám: Trang bìa, mục lục, ch°¡ng, bài… Ta cần tạo nhiều dạng trang chÿ khác nhau mang các chāc năng và kiểu dáng khác nhau

3.4.2 Tạo tài liệu có sử dụng kiểu dáng

+ Tạo bß cục tài liệu + Chèn các khung giÿ chß theo đúng ý đá thiÁt kÁ + Tạo các kiểu dáng cần sử dụng trong tài liệu

3.4.3 Dàn trang ấn phẩm tài liệu

+ Chèn hoặc tạo các văn b¿n và hình ¿nh + CÁp nhÁt các kiểu dáng đã có cho tài liệu nhÁp + Qu¿n lý hình ¿nh nhÁp

+ Bao văn b¿n quanh đßi t°ợng đá háa + Tông màu trong thiÁt kÁ

Bài làm cÿa Hác sinh cần đạt đ°ợc yêu cầu sau: + Tạo và biÁt cách bß cục tài liệu

+ Dàn trang đ°ợc các tài liệu mát và nhiều trang theo kiểu dáng thßng nhÁt + Xử lý màu sắc hài hòa

+ KÁt hợp văn b¿n và hình ¿nh chặt ch¿, hợp lý Giáo viên:

+ Kiểm tra đánh giá công việc hác sinh đã thāc hiện đ°ợc, phân tích, sửa lßi còn v°ớng mắc

13

TÀI LIÞU THAM KHÀO

[1] Bài gi¿ng nái bá các môn Xử lý hình ¿nh PhotoShop, ThiÁt kÁ CorelDraw, Kỹ thuÁt dàn trang Indesign, ThiÁt kÁ đá háa Adobe Illustrator

[2] Nguyễn Việt Dũng (2015), Adobe Illustrator- TÁp 1,2 NXB Thßng Kê [3] Đinh Thiện (2008), Thāc hành xử lý đßi t°ợng vector với Adobe Illustrator CS5 và CS6, NXB Thanh niên

[4] Lê Đāc Lợi, Giáo trình Indesign, Nhà xuÁt b¿n Giáo dục, năm 2017 [5] L°u Kim Khánh, Giáo trình Indesign, Nhà XuÁt b¿n thßng kê, năm 2017