giáo trình đồ họa cơ bản ngành công nghệ thông tin cao đẳng

Māc tiêu của môn hác: - Và kiÁn thức: + Các kiÁn thức c¢ bÁn và thiÁt kÁ Ánh trong Photoshop + Quy trình xā lý và thiÁt kÁ Ánh, các công cụ xā lý + Các kiÁn thức c¢ bÁn và thiÁt kÁ quÁn

Bà XÂY DĀNG

TR¯âNG CAO ĐẲNG XÂY DþNG Sà 1

GIÁO TRÌNH

TRÌNH Đà: CAO ĐÀNG

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

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

Hà Nßi, năm 2021

2

TUYÊN Bà BÀN QUYÂN

Tài liệu này thuác lo¿i sách giáo trình nên các nguán thông tin có thÅ đ°ợc phép dùng nguyên bÁn hoặc trích dùng cho các mục đích và đào t¿o và tham khÁo

Mái mục đích khác mang tính lệch l¿c hoặc sā dụng vãi mục đích kinh doanh thiÁu lành m¿nh s¿ bß nghiêm cÃm

3

LâI NÓI ĐÀU

Giáo trình Đà HàA CƠ BÀN được biên soạn nhằm phục vụ cho giảng dạy

và học tập cho trình độ Cao đẳng ngành Công nghệ thông tin ở trường Cao đẳng

Xây dựng số 1 Đồ họa cơ bản là môn học cơ sở ngành nhằm cung cấp các kiến thức cơ bản về thiết kế ảnh trên ph¿n mềm Photoshop và thiết kế các ấn phÁm quảng cáo với ph¿n mềm Illustrator và Corel Draw cho sinh viên ngành Công nghệ thông tin

Giáo trình này được viết theo đề cương môn học Đồ họa cơ bản Nội dung gồm 03 chương như sau:

- Chương 1: Tìm hiểu về thiết kế đồ họa - Chương 2: Xử lý ảnh cơ bản với Photoshop - Chương 3: Thiết kế quảng cáo với Adobe Illustrator

- Chương 4: Thiết kế quảng cáo với Corel Draw Mặc dù có nhiều cố gắng, nhưng trong quá trình biên soạn, biên tập và in ấn khó tránh khỏi những thiếu sót Chúng tôi rất mong nhận được sự đóng góp ý kiến từ phía các th¿y cô và bạn đọc để hoàn thiện giáo trình hơn!

Trân trọng cảm ơn!

Hà Nội, ngày……tháng……năm………

Tham gia biên so¿n Tr¿n Thß M¢ - Chủ biên

4

MĀC LĀC

CH¯¡NG 1: TÌM HIÄU V THIÀT KÀ Đà HàA 10

1.1 Khái niệm Ánh Bitmap và Vector 10

1.1.1 Ành bitmap 10

1.1.2 Ành Vector 11

1.2 Giãi thiệu và ph¿n mÃm Adobe Photoshop 11

1.3 Giãi thiệu và ph¿n mÃm Adobe Illustrator 12

1.4 Giãi thiệu và ph¿n mÃm Corel Draw 13

CH¯¡NG 2: XĀ LÝ ÀNH C¡ BÀN VâI PHOTOSHOP 18

2.1 Các thao tác c¢ bÁn trong Photoshop 18

2.1.1 Khởi đáng/thoát khỏi Photoshop 18

2.1.2 Màn hình làm việc của Photoshop 18

2.1.3 Mát sß thao tác vãi file Photoshop 19

2.1.3.1 T¿o file mãi 19

5

2.2.2.5 Mở ráng vùng chán 25

2.2.2.6 T¿o đ°ờng viÃn cho vùng chán 25

2.2.2.7 Làm mờ biên vùng chán 26

2.2.3 Sao chép, xóa, xoay, đßnh l¿i tỷ lệ vùng chán 27

2.2.3.1 Sao chép đßi t°ợng trong vùng chán 27

2.5.3 Mát sß thao tác vãi Layer 30

2.5.3.1 T¿o Layer mãi 30

CH¯¡NG 3: THIÀT KÀ QUÀNG CÁO VâI ADOBE ILLUSTRATOR 37

3.1 Giãi thiệu và ph¿n mÃm Adobe Illustrator 37

3.2 Làm việc vãi File 37

3.2.1 T¿o file mãi 37

3.2.2 Mở file Illustrator đã l°u trên ổ đĩa 37

3.2.3 L°u file 37

3.4.1 Công cụ Selection Tool 41

3.4.2 Công cụ Direct Select Tool 42

3.4.3 Công cụ Magic Wand Tool 42

CH¯¡NG 4: THIÀT KÀ QUÀNG CÁO VâI COREL DRAW 52

4.1 Giãi thiệu và ph¿n mÃm Corel draw 53

7

4.2.4.1 Công cụ V¿ hình chÿ nhật - Rectangle (F6) 56

4.2.4.2 Công cụ Ellipse Tool (F7) 56

4.2.4.3 Các hình đa giác Polygon (Y) 56

4.3.2.6 Giao các đßi t°ợng (Intersect) 61

4.3.2.7 Xoay đßi t°ợng (Rotate và Position) 61

4.3.2.6 Sā dụng Align and Distribute 64

4.4 Tô màu cho đßi t°ợng 65

4.4.1 Sā dụng Interactive Fill 65

4.4.2 Sā dụng Smart Fill Tool 66

8

CH¯¡NG TRÌNH MÔN HàC Tên môn hác: Đâ HàA C¡ BÀN

Mã môn hác: MH09 Thãi gian thÿc hißn môn hác: 75 giờ; (Lý thuyÁt: 15 giờ; Thāc hành, thÁo luận,

bài tập: 56 giờ; KiÅm tra: 4 giờ)

II Māc tiêu của môn hác:

- Và kiÁn thức: + Các kiÁn thức c¢ bÁn và thiÁt kÁ Ánh trong Photoshop + Quy trình xā lý và thiÁt kÁ Ánh, các công cụ xā lý + Các kiÁn thức c¢ bÁn và thiÁt kÁ quÁng cáo trong Illustrator + Các kiÁn thức c¢ bÁn và thiÁt kÁ quÁng cáo trong Corel draw - Và kỹ năng:

+ Xā lý Ánh c¢ bÁn b¿ng ph¿n mÃm Photoshop + Phát triÅn kỹ năng xā lý Ánh và kÁt hợp vãi mát sß ph¿n mÃm đá háa khác + Xā lý cắt xén, ghép đ°ợc mát Ánh theo mẫu

+ ThiÁt kÁ đ°ợc 1 pano quÁng cáo vãi ph¿n mÃm Illustrator + ThiÁt kÁ đ°ợc biÅn quÁng cáo vãi ph¿n mÃm Corel draw - VÃ năng lāc tā chủ và trách nhiệm: Rèn luyện lòng yêu nghÃ, t° thÁ tác phong công nghiệp, tính kiên trì, sáng t¿o trong công việc, có khÁ năng làm việc đác lập và biÁt kÁt hợp nhóm, rèn luyện đức tính cÁn thận, chính xác, khoa hác, rèn luyện cho ng°ời hác tính thÁm mỹ cao

CH¯¡NG 1: TÌM HIÄU V THIÀT KÀ Đâ HàA

Māc tiêu bài hác

1 Cung cÃp cho ng°ời hác mát sß khái niệm và Ánh sß, giãi thiệu ph¿n mÃm chỉnh sāa Ánh Photoshop, ph¿n mÃm thiÁt kÁ quÁng cáo Illustrator và ph¿n mÃm thiÁt kÁ quÁng cáo Corel Draw

Icon desktop máy tính phổ biÁn là 32x32 pixel Nói cách khác, có 32 chÃm màu sắc theo mßi h°ãng Khi kÁt hợp l¿i, các chÃm nhỏ này t¿o ra hình Ánh Icon góc phÁi là icon desktop phổ biÁn thông th°ờng B¿n có thÅ thÃy, khi b¿n phóng lãn icon, b¿n s¿ thÃy rõ mßi chÃm ô vuông có màu sắc đác lập

Chú ý, các khu vāc nÃn trắng vẫn là các pixel đác lập, thậm chí thÃy rõ là các khßi màu

Ành bitmap phụ thuác vào đá phân giÁi (resolution) Đá phân giÁi là sß l°ợng pixel trong mát Ánh và th°ờng có thông sß là DPI (dots per inch/chÃm trên inch) hoặc PPI (pixels per inch/pixel trên inch) Ành bitmap đ°ợc hiÅn thß trên màn hình máy tính xÃp xỉ 100 ppi

Tuy nhiên, khi in các Ánh bitmap, máy in của b¿n c¿n nhiÃu dÿ liệu Ánh h¢n mát màn hình ĐÅ render mát Ánh bitmap mát cách chính xác, máy in thông th°ờng c¿n 150-300 ppi NÁu b¿n tā hỏi t¿i sao Ánh đ°ợc scan 300 dpi xuÃt hiện trên màn hình máy tính lãn h¢n nhiÃu, thì đây chính là lý do

Bởi vì bitmap phụ thuác vào đá phân giÁi, không thÅ tăng hoặc giÁm kích th°ãc của chúng mà không làm giÁm chÃt l°ợng hình Ánh Khi b¿n giÁm kích cỡ Ánh bitmap thông qua ph¿n mÃm hoặc lệnh resize, b¿n s¿ phÁi vứt bỏ các pixel Khi b¿n tăng kích cỡ của mát Ánh bitmap b¿ng ph¿n mÃm, ph¿n mÃm s¿ tăng các pixel mãi Khi t¿o các pixel, ph¿n mÃm s¿ °ãc tính các giá trß màu sắc dāa trên các pixel xung quanh

Các đßnh d¿ng bitmap phổ biÁn: GIF, JPEG, JPG, PNG, TIFF, PSD (Adobe Photoshop)

Các ch°¢ng trình chỉnh sāa Ánh bitmap phổ biÁn: Microsoft Paint, Adobe Photoshop, Corel Photo-Paint, Corel Paint Shop Pro

Các điÅm nhÃn và Ánh bitmap: - Các pixel trong mát l°ãi

- Phụ thuác đá phân giÁi

11

- ChÃt l°ợng Ánh bß giÁm khi tăng kích th°ãc Ánh - ChuyÅn đổi dễ dàng

- Giãi h¿n trong hình chÿ nhật - Hß trợ tßi thiÅu cho d¿ng trong sußt (transparency)

1.1.2 Ành Vector

Ành vector đ°ợc cÃu thành tÿ nhiÃu đßi t°ợng có thÅ scaling đác lập Các đßi t°ợng này đ°ợc đßnh nghĩa bởi các ph°¢ng trình toán hác, đ°ợc gái là Bezier Curves, chứ không phÁi là các pixel, vì vậy chúng luôn đ°ợc render ở chÃt l°ợng cao nhÃt bởi vì chúng đác lập

Các đßnh d¿ng vector phổ biÁn bao gám: AI (Adobe Illustrator), CDR

(CorelDRAW), CMX (Corel Exchange), SVG (scalable vector graphics), CGM Computer Graphics Metafile, DXF AutoCAD, WMF Windows Metafile

Các ch°¢ng trình v¿ vector phổ biÁn: Adobe Illustrator, CorelDRAW, Xara

Xtreme, Serif DrawPlus, Inkscape

Các điÅm nhÃn và Ánh vector: - Có thÅ scaling

- Không phụ thuác vào đá phân giÁi - Không có nÃn (background) - Gißng phim ho¿t hình - Không phù hợp vãi Ánh <thāc=

1.2 Giái thißu và phÁn mÃm Adobe Photoshop

Adobe Photoshop là mát ch°¢ng trình ứng dụng đặc biệt dành cho việc tô màu, sāa và hiệu chỉnh Ánh Photoshop còn là mát công cụ t¿o nghệ thuật có thÅ hòa trán, hiệu chỉnh các Ánh màu, thiÁt kÁ đá háa mußn t¿o tác phÁm nghệ thuật gßc hoặc cắt ghép hình Ánh đÅ in hoặc đ°a lên web

Cài đặt ph¿n mÃm: TÁi ph¿n mÃm và h°ãng dẫn cài đặt trên trang web

12

Menu file: Gám các thao tác mở mãi, mở File đã có, l°u file, đóng, …

Menu Edit: Dùng đÅ chỉnh sāa c¢ bÁn

Menu Image: Thāc hiện các lệnh cho mát hình Ánh, tÿ màu sắc đậm nh¿t đÁn chÁ đá màu của nó Trong Image có nhÿng chức năng sau:

Menu Layer: Thāc hiện các thao tác chỉnh sāa và làm việc vãi các lãp đßi t°ợng Bao gám các thao tác sau:

Menu Type: Các thao tác liên quan đÁn văn bÁn

Menu Select: Chứa các lệnh điÃu khiÅn vùng chán nh°: xóa, l°u, hủy vùng chán,…

Menu Filter: Chứa các nhóm bá lác trong Photoshop

3D: Chứa các lệnh và hiệu ứng 3D

Menu View: Chứa các lệnh điÃu khiÅn chÁ đá xem Ánh và vùng làm việc

Menu Window: Chứa các lệnh dùng đÅ hiÅn thß hoặc Án bÁng điÃu khiÅn

1.3 Giái thißu và phÁn mÃm Adobe Illustrator

Adobe Illustrator là mát ph¿n mÃm đ°ợc áp dụng trong công nghệ thiÁt kÁ quÁng cáo, t¿o mẫu và thiÁt kÁ Ánh cho Web

Adobe Illustrator có đá chính xác và uyÅn chuyÅn cao, dễ dàng áp dụng tÿ các mẫu thiÁt kÁ nhỏ cho đÁn các dā án lãn và phức t¿p Ngoài ra Adobe Illustrator còn phßi hợp rÃt tßt vãi các ph¿n mÃm khác của Adobe nh° Adobe Photoshop và Adobe PageMaker, Adobe InDesign

Màn hình làm việc của ph¿n mÃm Adobe Illustrator bao gám:

- Thanh tr¿ng thái (Status Bar) đ°ợc đặt ở mép trái d°ãi cùng Artboard Gám ba tính năng đặc biệt: và mức phóng đ¿i, đßnh h°ãng vùng làm việc và vùng hiÅn thß

- Artboard: là vùng hình chÿ nhật hiện hành trong Workspace đÅ thiÁt kÁ các đßi t°ợng (L°u ý: Chỉ các đßi t°ợng bên trong Artboard mãi đ°ợc in ra)

1.4 Giái thißu và phÁn mÃm Corel Draw

CorelDRAW là mát ch°¢ng trình đá ho¿ dễ sā dụng Các tính năng cũ đ°ợc đ°ợc hoàn thiện và rÃt nhiÃu tính năng mãi đ°ợc thêm vào CorelDRAW đó là n¢i các hình vector Ánh bitmap và văn bÁn đ°ợc hoà quyện vãi nhau trong mát trang v¿

- KÁt hợp nhiÃu trang v¿ vãi các kích cỡ khác nhau trong mát file bÁn v¿ - Cāa sß Docker Object Manager quÁn lý đßi t°ợng linh đáng và hoàn hÁo - Các tính năng chỉnh sāa văn bÁn m¿nh m¿ nh° mát ch°¢ng trình xā lý văn bÁn cao cÃp

- Công thức v¿ t°¢ng tác trāc quan trên các Interactive Tools - V¿ thêm nhÿng dÁi tha th°ãt vãi công cụ tô màu Mesh Fill - Công cụ Artistic Media mô phỏng các nét bút của ho¿ sĩ

- Tăng c°ờng tā đáng hoá b¿ng cách ghi l¿i hoặc viÁt các Script và có thÅ lập trình b¿ng Visual Basic cho CorelDRAW

❖ Không gian làm việc của CorelDraw bao gám:

Hình 1.3: Cửa sổ làm việc của CorelDraw X6

- Thanh tiêu đÃ: Cho biÁt tên của sổ ch°¢ng trình ứng dụng CorelDraw X6 và tên cāa sổ tài liệu tập tin đang mở

- Thanh Menu - Menu Bar: Thanh Menu chứa đāng các Menu chức năng, các thao tác th°ờng dùng liên quan đÁn các lệnh thāc hiện t¿o đßi t°ợng và biÁn đổi đßi t°ợng trong ch°¢ng trình

- Thanh Thuác Tính – Property Bar: Thanh đặc tính đặc tr°ng cho đßi t°ợng đ°ợc v¿ hay đặc tr°ng cho công cụ đ°ợc chán

- Háp Công Cụ - Tool Box: Háp công cụ chứa đāng các chức năng t¿o và hiệu

Cuộn dßc

Cuộn ngang

15

chỉnh đßi t°ợng Háp công cụ có 19 háp công cụ Mßi công cụ bên trong l¿i có nhÿng công cụ khác nÿa, đÅ mở nhÿng công cụ này kích chuát vào tam giác màu đen, chán tên công cụ c¿n mở

- GiÃy v¿ - Tag Paper: HiÅn thß các trang giÃy v¿ trong tập tin đ°ợc chèn, đáng thời cho biÁt trang hiện hành đang đ°ợc chán, ta có thÅ thêm, xóa, đổi tên mát trang giÃy v¿ b¿ng menu Layout hay nhÃp chuát phÁi Vùng V¿ - Drawing Area Là khoÁng trßng trong cāa sổ màn hình, vùng v¿ ráng vô h¿n, đ°ợc dùng đÅ v¿ t¿m, không có tác dụng in Ãn

16

Hß tháng kiÁn thức ch°¢ng 1 1 Yêu cÁu và lý thuyÁt

- KiÁn thức và Ánh sß, giãi thiệu chức năng và giao diện ban đ¿u của các ph¿n mÃm nh°: ph¿n mÃm chỉnh sāa Ánh Photoshop, ph¿n mÃm thiÁt kÁ quÁng cáo Illustrator và ph¿n mÃm thiÁt kÁ quÁng cáo Corel Draw

2 Yêu cÁu và bài tập: Làm bài tập của ch°¢ng 1 3 Hß tháng các kiÁn thức đã hác:

- Ành bitmap, Ánh vector - Giời thiệu và chức năng và giao diện ban đ¿u của ph¿n mÃm chỉnh sāa Ánh Photoshop

- Giời thiệu và chức năng và giao diện ban đ¿u của ph¿n mÃm thiÁt kÁ đá háa Illustrator

- Giời thiệu và chức năng và giao diện ban đ¿u của ph¿n mÃm thiÁt kÁ đá háa Corel Draw

4 Các câu hßi, bài tập ch°¢ng 1:

Câu hỏi 1: GiÁi thích Ánh bitmap là gì? Nêu °u điÅm và nh°ợc điÅm của Ánh bitmap? Câu hỏi 2: GiÁi thích Ánh vector là gì? Nêu °u điÅm và nh°ợc điÅm của Ánh vector? Câu hỏi 3: So sánh sā khác nhau giÿa Ánh bitmap và Ánh vector?

Câu hỏi 4: Nêu chức năng của ph¿n mÃm Photoshop? Câu hỏi 5: Nêu chức năng của ph¿n mÃm Illustrator? Câu hỏi 6: Nêu chức năng của ph¿n mÃm Corel Draw? Bài tập 1: Thāc hiện mở ph¿n mÃm Photoshop và quan sát giao diện, các thành ph¿n làm việc chính trên ph¿n mÃm

Bài tập 2: Thāc hiện mở ph¿n mÃm Illustrator và quan sát giao diện, các thành ph¿n làm việc chính trên ph¿n mÃm

Bài tập 3: Thāc hiện mở ph¿n mÃm Corel Draw và quan sát giao diện, các thành ph¿n làm việc chính trên ph¿n mÃm

18

CH¯¡NG 2: Xþ LÝ ÀNH C¡ BÀN VàI PHOTOSHOP 2.1 Các thao tác c¢ bÁn trong Photoshop

2.1.1 Khởi động/thoát khỏi Photoshop

- Khởi đáng: Nháy kép vào biÅu t°ợng ch°¢ng trình Adobe Photoshop Hoặc vào Start→ Programs→ Adobe Photoshop

- Thoát khỏi: Vào File→ Exit (hoặc Ctrl + Q hoặc Photoshop Ãn nút ở góc phÁi màn hình.)

2.1.2 Màn hình làm việc của Photoshop

Giao diện màn hình làm việc Photoshop

- Vùng menu bao gám: + Menu file: Gám các thao tác mở mãi, mở File đã có, l°u file, đóng, … + Menu Edit: Dùng đÅ chỉnh sāa c¢ bÁn

+ Menu Image: Thāc hiện các lệnh cho mát hình Ánh, tÿ màu sắc đậm nh¿t đÁn chÁ đá màu của nó Trong Image có nhÿng chức năng sau:

+ Menu Layer: Thāc hiện các thao tác chỉnh sāa và làm việc vãi các lãp đßi t°ợng Bao gám các thao tác sau:

+ Menu Type: Các thao tác liên quan đÁn văn bÁn + Menu Select: Chứa các lệnh điÃu khiÅn vùng chán nh°: xóa, l°u, hủy vùng chán,…

+ Menu Filter: Chứa các nhóm bá lác trong Photoshop + 3D: Chứa các lệnh và hiệu ứng 3D

+ Menu View: Chứa các lệnh điÃu khiÅn chÁ đá xem Ánh và vùng làm việc + Menu Window: Chứa các lệnh dùng đÅ hiÅn thß hoặc Án bÁng điÃu khiÅn - Háp công cụ: chứa các công cụ đÅ thāc hiện chỉnh sāa Ánh

- Vùng thanh công cụ (Option): vùng chứa các lāa chán t°¢ng ứng vãi công cụ đã chán trong bÁng Tools

19

- Các bÁng Palette: Chứa các bÁng và layer (lãp), bÁng màu… đÅ hß trợ trong quá trình làm việc vãi Photoshop

2.1.3 Một sß thao tác với file Photoshop

2.1.3.1 Tạo file mới

- B°ãc 1: Vào Menu File→ chán New (Hoặc Ãn Ctrl + N) xuÃt hiện háp tho¿i - B°ãc 2: Nhập tên File vào ô Name: Tên của Ánh (Đặt theo mục đích sā dụng)

- B°ãc 3: ThiÁt lập các thông sß c¢ bÁn sau:

Các tùy chán: + Name: tên tệp + Width: đá ráng của Ánh (Pixel, cm,…) + Height: đá cao của Ánh (Pixel, cm,…) + Resolution: đá phân giÁi là sß điÅm Ánh trong mát inch hoặc cm Đá phân giÁi là chÃt l°ợng Ánh

+ Color Mode: ChÁ đá màu Ánh + Background Contents: Chán màu nÃn

+ White: Màu trắng, thông th°ờng chán màu trắng + Background Color: Màu cho nÃn, chán phông nÃn bÃt kỳ + Transparent: cung cÃp mát phông nÃn màu trong sußt

- B°ãc 4: Thay đổi xong Ãn Create

Tích bỏ ô Constrain Proportions, nhập l¿i width (đá ráng) và chiÃu cao (height)

2.1.3.2 Mở file đã có

- B°ãc 1: NhÃn Ctrl + O hoặc File → Open→ XuÃt hiện háp tho¿i Open - B°ãc 2: Chán file c¿n mở

- B°ãc 3: Kích nút Open hoặc kích đúp chuát vào file c¿n mở

Hoặc có thÅ double click vào vùng làm việc đÅ mở cāa sổ Open Giÿ Ctrl hay shift + Click đÅ chán nhiÃu file mußn mở mát lúc

2.1.3.3 Lưu file

- Vào File→ save: lệnh này l°u mái thay đổi trên file đang tán t¿i

21

- File→ Save As: Lệnh này cho phép l°u file vào n¢i khác trên máy tính hoặc có thÅ l°u theo đßnh d¿ng khác nhau Photoshop có rÃt nhiÃu đßnh d¿ng file: PSD, PNG, JPG, PDF,…

+ PSD: là d¿ng file photoshop, chứa các layer đÅ giúp b¿n chỉnh sāa l¿i Ánh + Mußn tÁi Ánh lên m¿ng hoặc xem thì l°u: PNG, JPG, PDF

+ PNG đßnh d¿ng l°u Ánh tßt nhÃt + JPG tiÁt kiệm dung l°ợng - File → Save For Web: đây là cách l°u file Ánh thành mát trang Web

2.1.4 Phóng to, thu nhỏ Ánh

- NhÃn giÿ phím Alt và dùng con chuát lăn lên trên (hoặc ctrl + dÃu +) - NhÃn giÿ phím Alt và dùng con chuát lăn lên xußng d°ãi (Ctrl + -) - Ân Ctrl + phím sß 0: VÃ đßnh d¿ng ban đ¿u

2.1.5 Làm việc với các bÁng (Palette)

BÁng palette là bÁng màu trong Photoshop, nó đ°ợc dùng đÅ chỉnh sāa màu sắc BÁng Palette bao gám cÁ layer Palette BÁng này th°ờng n¿m ở góc phÁi màn hình

- Layer: chứa các lãp đßi t°ợng và hiệu ứng đßi t°ợng

- History: chứa các kÁt quÁ thao tác trong quá trình làm việc Ta có thÅ chán quay l¿i bÃt kỳ thời điÅm nào trong khung công việc

- Channels: các kênh màu

Thao tác: Chuát phÁi vào công cụ →Tích tam giác chán hình mußn v¿ vùng chán → giÿ chuát trái Kéo và rê chuát → thāc hiện sao chép, thay đổi kích th°ãc màu sắc → dứt lệnh Ctrl + D (bỏ vùng chán)

* Thanh công cụ tùy biÁn Marquee Tool Option Bar

+ New Selection : T¿o vùng chán mãi Sau khi t¿o vùng chán thứ 1, v¿ tiÁp vùng chán thứ 2 thì: Vùng chán đ¿u tiên s¿ mÃt

+ Add to Selection (Phím Shift): Sau khi t¿o vùng chán thứ 1, v¿ tiÁp đÅ t¿o vùng chán thứ 2 2 vùng chán s¿ đ°ợc cáng nßi vãi nhau

+ Subtract from Selection (Phím Alt): sau khi t¿o vùng chán thứ 1, v¿ tiÁp vùng chán thứ 2 Vùng chán thứ 2 s¿ bß lo¿i trÿ ra khỏi ph¿n vùng chán thứ 1

+ Intersect with Selection : Sau khi t¿o vùng chán thứ 1, v¿ tiÁp vùng chán thứ 2 thì: Ph¿n vùng chán mãi s¿ là ph¿n giao của vùng chán 1 và vùng chán 2

Chßn hình chữnh¿t, hình vuông Chßn một dòng điểm ¿nh.Chßn hình tròn, elip

nh¿t Chßn một cột điểm ¿nh

23

+ Feather: Làm mờ vùng biên đ°ợc chán b¿ng cách làm mÃt đi mát chút chi tiÁt (px) ở đ°ờng biên của đßi t°ợng Giá trß càng nhỏ càng nhòe ít Giá trß này quyÁt đßnh đá ráng của vùng Feathe và có thÅ điÃn vào giá trß tÿ 1 – 250 Chúng ta nhập đá lãn của Feather tr°ãc khi sā dụng công cụ này NÁu vùng chán đ°ợc t¿o rái thì Ãn Shift + F6 đÅn thay đổi Feather

2.2.1.3 Sử dụng nhóm công cụ Lasso a Lasso Tool

- Lasso Tool: dùng đÅ chán mát vùng chán hình d¿ng đặc biệt, tā do

- Thao tác: Chán công cụ Lasso Tool → Dùng chuát trái v¿ mát vùng chán tā do

b Polygonal Lasso Tool

- Polygonal Lasso: T¿o vùng chán, thêm các điÅm nút chÃm mát điÅm có đ°ờng thÁng Mßi điÅm chÃm gái là điÅm neo

- Thao tác: click đÅ chán điÅm neo, kÁt thúc khi biÅu t°ợng có thêm dÃu tròn hoặc click đúp Xóa điÅm sai Ãn Delete

- ¯u điÅm: chán vật thÅ mát cách chính xác h¢n - Nh°ợc điÅm: chỉ v¿ đ°ợc nhÿng vật thÅ theo d¿ng đ°ờng thÁng, nhÿng vật thÅ d¿ng hình cong hoặc hình khác không chán đ°ợc

* Chú ý: Khi chán các điÅm nút không may bß chán sai mát điÅm thì Ãn phím Backspace nó s¿ quay l¿i mát nút trước Muốn bỏ đi toàn bộ thì ấn phím ESC

c Magnetic Lasso Tool

- Magnetic Lasso: Vùng chán luôn bám vào biên của hình Ánh thích hợp cho đßi t°ợng có đá t°¢ng phÁn cao và màu sắc giÿa đßi t°ợng và đ°ờng viÃn

- Thao tác: Click điÅm đ¿u tiên, nhÁ chuát di chuyÅn dác theo biên của đßi t°ợng Xóa điÅm chán sai Ãn Delete

Thanh công cụ chán Magnetic Lasso:

+ Feather: Làm mờ vùng biên + Contrast: T¿o đá sắc nét t¿i đ°ờng biên + Frequency: T¿n suÃt xuÃt hiện các điÅm chßt, nÁu t¿n sß càng cao thì xuÃt hiện càng dày điÅm chßt

2.2.1.4 Sử dụng nhóm công cụ Magic Wand a Magic Wand (W)

- Magic Wand (W): công cụ t¿o vùng chán có vùng màu gißng nhau

Ân Ctrl + D đÅ Ãn đi vùng chán, mußn hiÅn thß l¿i vùng chán Ãn Ctrl + Shift + D

(chán Ctrl và click vào Ánh thu nhỏ của vùng chán)

- Cách 1: Select→Transform Selection: xuÃt hiện đ°ờng bao hình chÿ nhật xung quanh vùng chán Ta có thÅ thay đổi kích th°ãc, di chuyÅn, xoay… vùng chán đó b¿ng cách click vào ô vuông trên đ°ờng bao đó Có thÅ kÁt hợp vãi các phím điÃu khiÅn đÅ t¿o các hiệu ứng khác nhau

- Cách 2: Select→ Modify → chán Contrast: Thu hẹp vùng chán→ Nhập thông sß

2.2.2.5 Mở rộng vùng chọn

Select→Modify → chán Expand: Mở ráng vùng chán → Nhập thông sß

Expand By

2.2.2.6 Tạo đường viền cho vùng chọn

ĐÅ t¿o viÃn cho mục chán ta làm nh° sau: - Cách 1: Chán mục chán c¿n t¿o khung: Dùng lệnh Select → Modify → Border → XuÃt hiện háp tho¿i nhập Border selection Width (đá ráng): khoÁng tÿ 1 64 (pixel) cho đá ráng của đ°ờng viÃn/ Ân Ok

26

- Cách 2: Thay đổi đ°ờng viÃn có thÅ chán nhÃp phÁi chuát → Chán Stroke

- Nhập đá ráng cho đ°ờng viÃn (Width), chán màu viÃn (Color), xong Ãn OK

2.2.2.7 Làm mờ biên vùng chọn

Sā dụng hiệu ứng Feather đÅ làm mờ các mép vùng chán Có hai cách làm miÃn biên chán

Cách 1: Làm mÃm biên chán tr°ãc khi v¿ vùng chán - B°ãc 1: Chán mát công cụ chán bÃt kỳ

- B°ãc 2: XuÃt hiện thanh công cụ chán chán giá trß Feather, giá trß này xác đßnh đá ráng của mép đ°ợc t¿o hiệu ứng feather và có thÅ n¿m trong dãy tÿ 1 đÁn 255 pixel

Cách 2: Làm mÃm biên chán sau khi đã v¿ vùng chán - B°ãc 1: V¿ vùng chán b¿ng mát trong các công cụ chán - B°ãc 2: Vào Select→ Feather (hoặc Ãn Shift + F6) XuÃt hiện háp tho¿i

- Nhập giá trß cho Feather Radius → Ãn OK

27

2.2.3 Sao chép, xóa, xoay, đßnh l¿i tỷ lệ vùng chán

2.2.3.1 Sao chép đối tượng trong vùng chọn

Sao chép b¿ng công cụ Move: Chán công cụ Move → Giÿ phím Alt → di chuyÅn vùng chán đÁn vß trí mong mußn

2.2.3.2 Xóa đối tượng

ĐÅ xoá vùng chán b¿n có thÅ chán mát trong các cách sau: - Cách 1: Chán vùng chán → nhÃn phím Delete (Ctrl + D bỏ vùng chán) - Cách 2: Vào menu Edit→ Clear

+ Flip Vertical: Lật Ánh theo chiÃu dác

+ 900 CW: Xoay Ánh 900 theo chiÃu kim đáng há

+ 900 CCW: Xoay Ánh 900 ng°ợc chiÃu kim đáng há

+ Flip Horizontal: lật Ánh theo chiÃu ngang

+ Flip Vertical: lật Ánh theo chiÃu dác - B°ãc 3: NhÃn Enter nÁu mußn thay đổi, Ãn ESC đÅ bỏ sā thay đổi

2.3 Sÿ dāng kÁt hÿp các công cā

Trong tÃt cÁ các ph¿n mÃm đá háa đÃu có công cụ chuyên dùng đÅ di chuyÅn Photoshop cung cÃp cho chúng ta công cụ Move Tool đÅ thāc hiện việc này Khi sā dụng c¿n l°u ý:

ĐÅ di chuyÅn vùng chán (đ°ờng kiÁn bò) ta phÁi sā dụng mát trong nhÿng công cụ chán bÃt kỳ đã trình bày ở trên (Rectangular, Lasso, Magic Wand…), khi đó con trỏ có hình mũi tên màu trắng

ĐÅ di chuyÅn dÿ liệu vùng chán (ph¿n Ánh bên trong đ°ờng kiÁn bò), ta sā dụng công cụ Move Tool Đây chính là điÅm đặc biệt của Photoshop

Các tùy chán của công cụ Move Tool:

− Auto select layer: Tā đáng chán lãp khi pixel của lãp đó đ°ợc kích ho¿t − Show Bounding Box: Tā đáng chuyÅn sang chÁ đá Transform khi điÃu chỉnh nút t¿i đ°ờng bao

− Các biÅu t°ợng gióng hàng các đßi t°ợng Ánh trên tÿng lãp khi các lãp có liên kÁt

Việc chia các vùng Ánh ra các lãp riêng biệt s¿ tránh nhÿng thay đổi vùng Ánh khác khi thao tác vãi vùng Ánh hiện hành

ĐÅ mở bÁng hß trợ Layer ta thāc hiện lệnh: Window → Layer (F7) nÁu bÁng Layer ch°a hiÅn thß

2.5.2 Tổ chức Ánh trên các Layer

Tổ chức Ánh trên layer gám có mắt Layer, hình Ánh thu nhỏ Layer, tên Layer và thuác tích layer khi tích vào vùng phía ngoài tên layer

Tên Layer Chế độ hòa trộn

B¿t/T¿t layer

Layer Thumbnail (Ảnh thu nhß Layer)

Xóa Layer Độ mß đÿc Độ phÿ màu (Không tác động lên hißu ứng lßp)

T¿o lßp tr¿ng mßi T¿o lßp liên kết

Hißu ứng lßp

T¿o mặt n¿ lßp

T¿o lßp chßnh màu Layer

30

2.5.3 Một sß thao tác với Layer

2.5.3.1 Tạo Layer mới

- Cách 1: NhÃn Ctrl + Alt + shift + N hoặc nhÃn chán biÅu t°ợng Creat a New Layer trên bÁng Layer

- Cách 2: Vào menu Layer → New → Layer→ XuÃt hiện háp tho¿i Layer

- Name: Tên layer (đặt theo nái dung) - Color: Gán mát màu vào layer hay tập hợp các layer - Mode: ChÁ đá hòa trán cho lãp hay các lãp

- Opacity: Xác đßnh đá mờ đục cho các lãp hay tập hợp các lãp * Chú ý: Khi t¿o mát Layer mãi luôn n¿m trên Layer hiện hành Mußn t¿o Layer n¿m

d°ãi Layer hiện hành, giÿ phím Ctrl+click vào biÅu t°ợng New Layer

2.5.3.2 Chọn Layer

* Chán mát layer: Cách 1: Giÿ Ctrl → tích vào layer mußn chán (phÁi chuát chán layer ở trên) Cách 2: Tích chuát trái vào tên layer ở bÁng layer Chán nhiÃu Layer liên tiÁp Giÿ Ctrl + Shift đ¿u tiên và tích đÁn layer cußi cùng

* Mußn chán nhiÃu layer: Chán mát Layer → Ãn Ctrl + Shift vào đßi t°ợng layer mußn chán

2.3.5.6 Mở rộng, viền, chèn ảnh vào layer

Mở ráng, thu gán Layer: Chán Layer → Vào menu Edit → Free Transform (hoặc Ãn Ctrl + T)→ XuÃt hiện các nút hình vuông giúp phóng to thu nhỏ và xoay layer → Dứt lệnh Ãn Enter Giÿ Shift đÅ kéo hình

Giÿ phím shift khi xoay hình s¿ xoay theo đ°ợc ý mußn

2.3.3.6 Sao chép Layer

- Cách 1: Chán chÁ đá Move → Ân Alt → kéo chuát - Cách 2: NhÃp phÁi chuát vào tên layer → Duplicate Layer - Cách 3: Layer→ New→ Layer Via copy (Ãn Ctrl +J) → đßi t°ợng đ°ợc copy s¿ n¿m phía trên → Dùng move (V) đÅ dßch chuyÅn layer

2.5.3.7 Di chuyển Layer

Sā dụng công cụ Move → Kéo chuát sang vß trí mãi hoặc Tab mãi → rái nhÁ chuát

2.5.3.8 Xóa Layer

- Cách 1: Chuát phÁi chán Layer ở bÁng Layer → Chán Delete Layer

- Cách 2: Chán chuát vào Layer c¿n xóa→ chán - Cách 3: Chán Layer c¿n xóa→ Layer → Delete → Layer

32

Mußn xóa nhiÃu layer thì ta thāc hiện giÿ Ctrl rái chán nhiÃu layer sau đó thāc hiện thao tác xóa

33

Hß tháng kiÁn thức ch°¢ng 2 1 Yêu cÁu và lý thuyÁt

- KiÁn thức và các thao tác c¢ bÁn vãi ph¿n mÃm Photoshop nh°: phóng to, thu nhỏ Ánh, làm việc vãi vùng chán, xén Ánh, kÁt hợp các công cụ, làm việc vãi layer (lãp) trong Photoshop

2 Yêu cÁu và bài tập: Làm bài tập của ch°¢ng 2 3 Hß tháng các kiÁn thức đã hác:

- Các thao tác c¢ bÁn trên ph¿n mÃm Photoshop nh°: Khởi đáng, thoát, màn hình làm việc, t¿o file mãi, mở file, l°u file, phóng to, thu nhỏ Ánh, làm việc vãi mát sß bÁng Palette

- Chức năng và cách t¿o vùng chán dāa trên 1 sß công cụ t¿o vùng chán trong Photoshop

- Cách cắt xén Ánh - Làm việc vãi layer

4 Các câu hßi, bài tập ch°¢ng 2:

Câu hỏi 1: KÅ tên và nêu chức năng của mát sß công cụ t¿o vùng chán trong Photoshop?

Câu hỏi 2: Trình bày các b°ãc cắt xén Ánh trong Photoshop? Câu hỏi 3: Layer là gì? Trình bày 1 sß thao tác vãi layer trong Photoshop? Bài tập 1: Thāc hiện cắt ghép Ánh sau:

Ành 1 Ành 2 Ành ghép Bài tập 2: T¿o file Ánh kích th°ãc 300x330 và các công cụ t¿o vùng chán thāc hiện cắt ghép Ánh sau:

34

Bài tập 3: Thāc hiện cắt ghép, chỉnh sāa Ánh theo mẫu sau:

Bài tập 4: Thāc hiện cắt ghép, chỉnh sāa Ánh theo mẫu sau:

Bài tập 5: Thāc hiện cắt ghép và chỉnh sāa Ánh theo mẫu sau:

Bài tập 6: Thāc hiện cắt ghép và chỉnh sāa Ánh theo mẫu sau:

35

Bài tập 7: Thāc hiện cắt ghép và chỉnh sāa Ánh theo mẫu sau: