giáo trình đồ họa ứng dụng ngành thương mại điện tử cao đẳng trường cao đẳng xây dựng số 1

Tìm hiểu về thiết kế đồ họa

Khái niệm ảnh Bitmap và Vector

Chương 2: Xử lý ảnh cơ bản với Photoshop

- Trang bị cho người học một số thao tác cơ bản để xử lý ảnh với phần mềm 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

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

Giới thiệu về phần mềm Adobe Photoshop

Giới thiệu về phần mềm Adobe Illustrator

Bước 1: Nhấn Ctrl + O hoặc File→ Open→ Xuất hiện hộp thoại

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

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:

- 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

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

Xong ấn nút Lưu lại thiết lập này Hoặc không lưu lại thì ấn nút OK

Chú ý: Nguyên tắc khi thiết kế phải chú ý kích thước ảnh dùng để làm gì: Đưa lên

Web, Zalo hay in ấn Và chọn chế độ màu 8 bit là cơ bản thông dụng nhất

Không thể dùng ảnh vỡ để thiết kế

Thay đổi kích thước file ảnh: Vào Image →Image Size → XHHT

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

- Vào File→ save, …: lệnh này lưu mọi thay đổi trên file đang tồn tại

- 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.3.4 Đóng file Ấn tổ hợp phím Ctrl + W hoặc Tích vào biểu tượng Dấu X để đóng file

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

2.2 Làm việc với vùng chọn

2.2.1 Tạo vùng chọn 2.2.1.1 Sử dụng menu Select

- All: Chọn tất cả - Deselect: Bỏ vùng chọn - Reselect: lấy lại vùng chọn

- Inverse: Đảo ngược vùng chọn

- Modify: thay đổi vùng chọn

- Load Selection: Tải lại vùng chọn - Save: SelectionL Lưu lại vùng chọn

2.2.1.2 Sử dụng nhóm công cụ Marquee

Marquee Tool (M): tạo vùng chọn hình chữ nhật, hình vuông, hình tròn, hình elip

Nhóm công cụ Marquee Tool bao gồm bốn công cụ Để chọn công cụ ta click vào công cụ đó hoặc có thể ấn phím tắt (ký tự bên phải công cụ) Trong một nhóm công cụ có cùng phím tắt, để luôn chuyển giữa chúng ta cần giữ phím Shift

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

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

10 + 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

+ 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

Ví dụ: Hình ảnh khi cắt hình

Feather =0, Cạnh đường viền sắc nét Feather = 50, Đường biên cạnh mền + Anti-alias: Làm mềm những đường răng cưa của vùng lựa chọn bằng cách làm mờ khoảng giao giữa các px của đường biên và hình Bởi chỉ có duy nhất các px của

11 đường biên thay đổi chứ hình không ảnh hưởng Chức năng này hữu dụng để cắt, dán vùng chọn để ghép hình Những công cụ có thể sử dụng anti-aliased là Lasso,

Polygonsal Lasso, Magnetic Lasso, Rounded rectangle marquee, elliptical marquee và Magic Wand Chúng ta phải đánh dấu vào hộp kiểm Anti-aliased trước khi sử dụng những công cụ này Một khi vùng lựa chọn được tạo, ta không thể thêm chức năng Anti- aliased

+ Style: kiểu với marquee tool, chúng ta có 3 styles vùng chọn:

- Fixed Ratio: Vẽ vùng chọn theo tỉ lệ nhất định, với thông số tỷ lệ nhập vào ô Width & Height

- Fixed Size: Vẽ vùng chọn theo kích thước nhất định, với thông số kích thước nhập vào ô Width (kích thước chiều rộng) & Height (kích thước chiều cao)

Ví dụ 1: Ghép hình quả cầu 1 sang ảnh 2 để được mẫu ảnh 3

Bước 1: Chọn công cụ Marquee Tool (Phím M)→ Chọn Eliptical Marquee Tool

→ Vẽ hình tròn giữ Shift →quét chuột trái qua hình mặt trăng → ấn ctrl + T kéo cho vùng chọn và hình mặt trăng

Bước 2: Ấn Ctrl + C → đưa sang file ảnh ghép → Ctrl + T thu nhỏ/ phóng to hình

→ Ấn Ctrl + Enter kết thúc lệnh thay đổi kích thước Ảnh 1 Ảnh 2 Ảnh ghép

- Nhấn Shift+M để chuyển đổi giữa 2 công cụ Rectangular và Elliptical

- Chọn Marquee Tool, giữ Phím Shift, con trỏ chuột sẽ xuất hiện dấu + ở bên cạnh Lúc này nếu ta kéo một vùng chọn mới, vùng chọn này sẽ được thêm vào với vùng chọn vốn có

- Ngược lại, giữ phím Alt, dấu – sẽ xuất hiện cạnh con trỏ chuột Lúc này kéo vùng chọn mới sẽ trừ bớt đi của vùng chọn cũ

- Xóa vùng chọn: nhấp phải chuột chọn Deselect hoặc ấn Ctrl + D

12 - Khi chuyển từ công cụ tạo vùng chọn này sang công cụ tạo vùng chọn khác, vùng chọn cũ không bị mất đi, và ta có thể thêm/bớt vào vùng chọn có sẵn với bất cứ công cụ tạo vùng chọn nào

- Nhấn phím Space (phím dấu cách) để di chuyển vùng chọn trong khi vẽ vùng chọn

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

Ví dụ: Chọn cái thuyền Bước 1: Phóng to ảnh alt + lăn chuột và dùng phím space (hình bàn tay) giữ chuột trái kéo ảnh đến vị trí mong muốn

Bước 2: Chọn Polygonal Lasso/ tích vào một điểm kéo chuột trái tích tiếp theo các dạng đường thẳng Xuất hiện hình tròn dưới công cụ thì chập lại thành vùng khép kín Ư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

Thao tác: Chọn magic wand tool →click vào một màu trên hình ảnh, thêm vùng chọn giữ shift click tiếp màu tương đồng Độ rộng của vùng chọn tùy thuộc vào giá trị Tolerance trên thanh Options

Tolerance: Thay đổi biên độ màu so với vùng lấy mẫu

Ví dụ 1: Chọn vùng chọn chữ adidas

Chọn công cụ Magic Wand (W) → Click chuột vào vùng màu đen sẽ tự động chọn.

Ví dụ 2: Dùng công cụ Magic Wand tạo vùng chọn nhân vật

Nhận xét do vùng màu nền gần giống nhau nên chọn Magic Wand

Bước 1: Chọn công cụ Magic Wand (W) → Click chuột vào vùng màu đen sẽ tự động chọn.

Bước 2: Thực hiện chọn Tolerance: 10 biên độ lấy mẫu → tích vào một điểm lấy mẫu → ấn shift thêm vùng chọn →tích vào các điểm lấy mẫu khác

Bước 3: Thấy hình đang chọn không phải hình người: ta đảo ngược vùng chọn Ctrl + Shift + I

Quick Selection (W): là công cụ tạo vùng chọn bằng cách nhận diện điểm màu

Thay đổi kích thước tùy thuộc vào đối tượng muốn chọn

Thao tác: Nhấp rê chuột vẽ vào vùng hình ảnh ta muốn chọn

Quick Selection: là sự kết hợp Magic Wand Tool

Công cụ Magic Wand Tool và Quick Selection Tool là công cụ tạo vùng chọn bằng cách nhận diện điểm màu

2.2.2 Điều chỉnh vùng chọn Điều chỉnh vùng chọn bằng menu: thay đổi đường viền, mở rộng vùng chọn, thu hẹp vùng chọn Ta thực hiện vào menu Select/ Modify

2.2.2.1 Di chuyển biên vùng chọn

Sử dụng công cụ Move Tool (Phím V) để di chuyển vùng chọn, kéo đến vị trí mong muốn hoặc tab khác

2.2.2.2 Ẩn vùng chọn hiện hành Ấ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)

2.2.2.3 Đảo ngược vùng chọn Đảo ngược vùng chọn: Đôi khi việc chọn vùng ảnh cần chọn lại phức tạp hơn vùng ảnh ngược lại Sử dụng lệnh Select → Inverse (Shift+ Ctrl + I) để đảo ngược vùng chọn

2.2.2.4 Thu nhỏ vùng chọn Đôi khi trong thao tác chọn chúng ta vẫn chưa ưng ý Mặc dù thao tác thay đổi vùng chọn thường ít được sử dụng so với thao tác chọn lại Để thay đổi vùng chọn ta thực hiện:

- Cách 1: Select→Transform Selection: xuất hiện đường bao hình chữ nhật

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.

Xén ảnh

Chọn công cụ Crop (ấn C)→ Xuất hiện khung cắt ảnh → kéo độ rộng và chiều cao của ảnh cần cắt → ấn Enter.

Cơ bản về Layer

Layer (lớp) được hiểu như những mặt phẳng trong suốt được xếp chồng lên nhau Tại những chỗ không có đối tượng nào tồn tại có thẻ nhìn xuyên qua Layer đó để thấy được các đối tượng nằm trong các Layer bên dưới nó Bằng cách sử dụng

Layer, ta có thể tạo và chỉnh sửa các đối tượng trên một Layer này mà không tác động (hoặc bị tác động) bởi các đối tượng trên các Layer khác

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

21 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

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

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

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

Tạo lớp chỉnh màu Layer

22 - 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

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

Bật Layer: Click vào icon con mắt ở phía trước Layer để ẩn/hiện Layer

2.5.3.5 Sắp xếp lại các Layer

- Thứ tự các lớp của một hình ảnh được tổ chức gọi là thứ tự sắp xếp Dùng công cụ Move kéo vùng hình của Layer qua vị trí khác trên cửa sổ làm việc

- Dùng công cụ Move kéo Layer trong bảng Layers lên trên hoặc xuống dưới để sắp xếp vị trí từng lớp

Chú ý: Có thể dùng phím tắt bằng cách giữ phím Ctrl+ phím [: về Layer ngay sau nó, Ctrl + Shift + [: về Layer cuối cùng, Ctrl + Shift + ] về Layer đầu tiên, Ctrl + ] về Layer ngay trước nó

2.3.5.6 Mở rộng, viền, chèn ảnh vào layer a Mở rộng 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

23 - Giữ phím shift khi xoay hình sẽ xoay theo được ý muốn

- B1: Giữ Ctrl chọn layer → giữ ctrl tích ảnh thu nhỏ của đối tượng layer → xh vùng chọn

- B2: Tạo Layer mới →chọn đến vùng chọn → nhấp phải chuột chọn Stroke

→XHHT → thiết lập width (độ rộng viền), color (màu viền), Location (vị trí viền),… → Ấn OK

▪ Chèn ảnh vào layer: Copy ảnh →dán vào layer muốn đưa ảnh → chọn layer ảnh

→ ấn Ctrl + Alt + G (hoặc chuột phải chọn Create clipping mask)

Sao chép: Chọn layer cần sao chép

- 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

Di chuyển: 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

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

24 - 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

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

Layer Styles là hiệu ứng đặc biệt mà bạn có thể nhanh chóng và dễ dàng áp dụng vào những layer riêng biệt trong Photoshop

Layer → Layer Style → Blending Options, hoặc chuột phải vào Layer của bạn và chọn Blending Options hoặc kích chọn Add Layer Style trong bảng Layer:

- Bevel & Emboss : tính năng tạo hiệu ứng khối cho đối tượng

+ Contour: tạo các rãnh trên hiệu ứng

+ Texture: trộn mẫu hoa văn vào đối tượng

- Stroke: tính năng tạo hiệu ứng đường viền - Inner shadow: tạo bóng đổ bên trong đối tượng

- Inner Glow: tạo bóng sáng bên trong đối tượng

- Satin: phần thiết lập độ bóng

- Color Overla: chuyển màu đơn sắc cho đối tượng

25 - Gradient Overlay: chuyển màu đối tượng thành gradient (có 2 màu trở lên )

- Parttern Overlay : gán bề mặt hoa văn vào đối tượng

- Outer glow : tạo hiệu ứng phát sáng bên ngoài đối tượng

- Drop shadow : tạo bóng đổ phía dưới đối tượng

Công cụ tô vẽ màu

Trong photoshop cung cấp công cụ Brush và Pencil để tô màu bằng tiền cảnh hiện hành Brush tạo các nét tô mịn còn Pencil tạo các đường vẽ tự do có nét cứng

- Bước 1: Xác định đối tượng cần vẽ lên và tạo ra một Layer mới

- Bước 2: Chọn công cụ Brush Tool (B) hoặc công cụ

- Bước 3 Thực hiện thao tác trên thanh công cụ chọn:

Click chuột vào → Xuất hiện hộp thoại→ Màu của Brush Tool sẽ phụ thuộc vào màu trên

Size: Chọn kích thước của đầu bút

Hardness: Độ sắc nét (ngược với nhòe biên) của cọ vẽ

Các dạng ngòi bút khác nhau: ngòi cứng, ngòi mềm, ngòi chiếc lá, hay ngòi bút dạng cái chổi, ngòi cây cỏ, Nếu hardness 0% biên nét cọ rất nhòe (cọ mềm) Nếu hardness 100% thì biên nét cọ sẽ sắc nét (cọ cứng)

Opacity: độ mờ của đầu bút, 100% là rõ và cứ mờ dần

Mode: Hòa trộn của đầu bút - Bước 4: Thực hiện tô màu

Rê chuột vào vùng cần tô Để vẽ một đường thẳng, nhấp chuột vào một điểm khởi đầu trong ảnh Sau đó giữ phím Shift và nhấp vào điểm cuối

Bảng thuộc tính Brush (ấn F5) xuất hiện hộp thoại Để tạo một brush mới

- Bước 1: Mở file ảnh → Lưu file với một tên khác → Sử dụng công cụ chọn vẽ một vùng chọn xung quanh hình vẽ

- Bước 2: Vào Edit→ Define Brush Prest (Tạo ra một ngòi bút mới vào trong danh sách ngòi bút→ Xuất hiện hộp thoại brush name → đặt tên cho ngòi bút→ Ok

- Bước 3: Chọn công cụ Brush bằng cách ấn phím “B” Sau đó chọn Brush là hình vẽ mới tạo ra trong hộp Brush trên thanh công cụ tùy chọn Mỗi lần kích con trỏ công cụ vào cửa sổ hình là một hình xuất hiện Vừa kích vừa kéo chuột thì sẽ có nhiều hình xuất hiện một lúc

Chú ý: Muốn sử dùng Brush mới tạo ta vào Brush tool (B)/ Chọn click các ngòi bút thường sẽ nằm cuối và click chuột là được

Muốn xóa ngòi bút Brush: Chọn ngòi bút cần xóa ở hộp công cụ chọn/ nhấp phải chuột chọn Delete Brush

Muốn đổi tên brush: Chọn brush → Nhấp phải chuột chọn Rename Brush

Cách làm to nhỏ đầu bút:

- Dùng phím [: làm nhỏ đầu bút, ] tăng kích thước đầu bút

- Nhấp chuột phải chọn size bút kéo kích thước đầu bút sang trái hoặc sang phải

- Hoặc giữ phím Alt đồng thời ấn vào con chuột bên phải đầu bút sẽ to, ấn chuột sang trái thì đầu bút nhỏ

27 Chọn brush → chọn kích thước đầu bút (hay chính là kích thước hạt mưa to hay nhỏ) 66, bút cứng, chế độ màu trên là trắng → ấn phím F5 xuất hiện hộp thoại chỉnh đầu bút

Chọn Brush Tip Shape chọn spacing: khoảng cách hạt mưa, quay góc quay

Chọn shape Dynamics Điều chỉnh to nhỏ của hạt mưa

Chọn Scattering: hạt mưa bay lung tung Độ xoay và bóp bẹp của đầu bút, xoay 90 để hạt mưa rơi thẳng đứng

Khoảng cách giữa các đầu bút hay chính là khoảng cách hạt mưa

28 Chọn Transfor: Hạt mưa có xa gần

Xong thực hiện vẽ ra ảnh là được.

Một số công cụ lọc

2.7.1 Nhóm bộ lọc Blur Gallery

Nhóm Blur Gallery là nhóm hiệu ứng làm mờ ảnh Blur càng lớn ảnh càng mờ nhiều

- Chọn layer ảnh hoặc vùng chọn cần làm mờ

- Vào Filter → Blur Gallery→ Chọn một trong các bộ lọc con - Điều chỉnh thông số rồi ấn OK trên thanh Option Bar để làm mờ hình ảnh

• Chọn field Blur Làm mờ theo điểm

+ Filter →Blur Gallery→ chọn Field Blur: Xuất hiện nút Pin

+ Click vào hình ảnh để tạo thêm nhiều nút Pin

+ Chọn 1 nút Pin có thể thao tác:

- Kéo đường Blur để tăng hoặc giảm độ mờ

- Dịch chuyển được nút Pin

- Nhấn phím Delete để xóa nút Pin

• Chọn Iris Blur: Làm ảnh nhòe xung quanh một hình oval hoặc hình chữ nhật

+ Filter→Blur Gallery→Iris Blur: xuất hiện nút Pin

- Kéo đường Blur để tăng hoặc giảm độ mờ

- Kéo các điểm handles để thay đổi độ lớn của các vùng Sharp Area và Fade Area

- Kéo các điểm handles ở Vùng mờ Blur Area để điều chỉnh hình dạng của các vùng mờ

B - Fade area: Vùng mờ dần

• Chọn Tilt Shift: Làm mờ theo đường thẳng Giữ shift và khi mũi tên hai chiều có thể quay hiệu ứng mờ theo đường thẳng một góc quay

+ Filter→Blur Gallery→Tilt Shift: xuất hiện nút Pin

- Kéo đường Blur handles để tăng hoặc giảm độ mờ A - Sharp area: Vùng rõ

30 - Kéo các điểm thẳng nét đứt để thay đổi độ lớn của các vùng Sharp Area và Fade Area

- Chọn các điểm handles để xoay nút Pin

B - Fade area: Vùng mờ dần

Edit Blur Shapes: để điều chỉnh hướng dáng điểm mờ

End Point Speed: khi lựa chọn điểm đầu và cuối sẽ kích hoạt chức năng này Dùng để điều chỉnh độ mờ của điểm đầu và cuối

Strobe Flashes: Cài đặt độ phơi sáng của đèn nháy flash ảo

Strobe Strength: Xác định số lượng điểm mờ được hiển thị giữa điểm phơi sáng đèn nháy flash Tùy chỉnh cân bằng giữa ánh sáng bên ngoài và ánh sáng đèn nháy flash ảo

Bạn có thể nâng cao hình ảnh tổng thể bằng cách kiểm soát sự xuất hiện của các phần không tập trung hoặc bị mờ Chỉ định các thông số bokeh để đảm bảo hiệu ứng làm hài lòng tổng thể

Trong bảng Blur Effect Panel:

- Light Bokeh: Làm sáng các vùng không tập trung hoặc bị mờ trong ảnh

- Color Bokeh: Thêm màu sắc sống động hơn để làm sáng các khu vực không bị thổi bay sang màu trắng

- Light Range: Xác định phạm vi ảnh hưởng lên tông mầu

Dùng để thêm vào hạt muỗi ảnh trong vùng làm mờ Có 3 dạng hạt muỗi ảnh:

- Amount: Số lượng hạt muỗi ảnh Có giá trị từ 0-100%

- Size: (Áp dụng cho Grain noise) kích cỡ hạt muỗi ảnh

- Roughness:(Áp dụng cho Grain noise) độ đều đặn của hạt Kéo sang trái (dưới 50%) sẽ tạo hạt đồng đều Kéo sang phải (trên 50%) tạo hạt ít đồng đều hơn

- Color: Hạt muỗi màu sắc

- Highlight: Tạo kết hợp shadow/highlight được tốt hơn bằng việc giảm thiểu hạt muỗi ở vùng sáng của hình ảnh Có giá trị từ 0-100%

- Làm mờ bằng Filter →Blur Gallery

→ Field Blur Mờ theo điểm hình ảnh mờ sẽ làn tỏa ra hai bên phụ thuộc vào độ làm mờ Blur

- Kích thêm điểm: khi chuột đưa ra ngoài con chuột có hình bút ghim thì click chuột vào điểm muốn làm mờ rồi kéo thanh trượt Blur

- Làm mờ bằng Filter →Blur

Gallery→ Iris Blur Mờ theo hình elip hoặc hình chữ nhật

- Trong hình tròn hình ảnh không mờ, ngoài hình tròn hình ảnh mờ

- Có thể thực hiện kéo vùng elip làm mờ vào nút tròn khi mũi tên hai chiều kéo sang trái hoặc sang phải thu nhỏ hoặc phóng to hình làm mờ

32 Muốn làm mờ hơn kéo thanh Blur sang phải

- Làm mờ bằng Filter →Blur

Gallery → Tilt-Shift mờ theo đường thẳng

- Muốn mở rộng khung hình đặt chuột vào đường thẳng khi mũi tên hai chiều kéo sang phải

- Muốn dịch chuyển thì ấn vào nút tròn kéo chuột trái

Nhóm hiệu ứng Blur: Hiệu ứng làm mờ hay nhòe hình ảnh, tạo cảm giác về sự mềm mại Các biên cạnh màu của hình ảnh cường độ mịn có giá trị thấp

Thực hiện vào Filter → Chọn Blur → Tích tam giác lựa chọn

Hiệu ứng nào có dấu ba chấm thì sẽ có bảng hiệu chỉnh phù hợp, còn hiệu ứng không có dấu ba chấm nó sẽ tự áp hiệu ứng Blur vào ảnh

Average: Tự động tính điểm trung bình trong hình những điểm ảnh

Blur: Tạo ảnh hưởng nhòe, có thể làm giảm độ tương phản và nó lọai trừ những vệt lấm chấm

Blur More: Thực hiện nhòe gấp 3-4 lần Blur

Gassian Blur: Dùng nhiều nhất, có thông số Radius càng cao thì hình càng nhòe

Nhòe ít hay nhiều ta kéo thanh Radius

Motion Blur: Tăng blur lên thì nó có đường di chuyển trong hình Angle: hướng làm mờ, Distance: Khoảng cách từ vị trí ban đầu đến vị trí chuyển động

Radial Blur: Tạo bức ảnh như bị xoáy theo hình tròn hay được phóng từ tâm của hình tròn

Amount: Mật độ làm nhòe Blur Method: Cách Blur

Spin: làm nhèo dọc theo các đường tròn đồng tâm (cuộn xoáy)

Zoom: Vào tâm nhưng theo từng tia, dịch chuyển tia

Quality: Chất lượng làm mờ

34 - Làm mờ hình ảnh trong khi vẫn giữ các đường nét edges Bộ lọc này rất hữu ích cho việc tạo ra các hiệu ứng đặc biệt và để loại bỏ hạt nhiễu

Radius: kích thước của khu vực được lấy mẫu để làm mờ

Threshold: Ngưỡng tác dụng làm mờ

Pen

Công cụ Pen dùng để vẽ những đường thẳng hoặc những đường cong gọi là

Path Có thể sử dụng công cụ Pen như là một công cụ tô vẽ hoặc nhu một công cụ lựa chọn Khi được sử dụng như là công cụ lựa chọn, công cụ Pen luôn luôn tạo được một đường mềm mại

Trong photoshop pen được sử dụng chủ yếu là để tạo ra vùng chọn Sử dụng để tô màu, cắt các đối tượng, hoặc khoanh vùng đối tượng để có thể chỉnh sửa hoặc thay đổi màu sắc của một vùng nào đó trên màn hình làm việc Click chuột phải vào công cụ sẽ có 4 lựa chọn sau:

Thêm điểm neo Công cụ vẽ Path

Thiết kế quảng cáo với Adobe Illustrator

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

Workspace là cửa sổ làm việc

Artboard (bảng vẽ) là vùng hình chữ nhật hiện hành trong Workspace xác định những gì sẽ được in Các đối tượng có thể được đặt hướng đến mép hoặc bên ngoài các ranh giới Artboard nhưng chỉ các đối tượng bên trong Artboard mới in ra Ta sẽ lập kích cỡ và khối lượng của các Artboard mỗi lần tạo một File mới

Scratch (nháp) là khu vực phía ngoài bảng vẽ Các phần trong vùng Scratch vẫn được in nếu khổ giấy đủ lớn Có thể giấu Artboard bằng cách chọn View/Hide Artboard.

Làm việc với File

3.2.1 Giới thiệu thanh công cụ

➔ Thanh Menu: chứa các đường dẫn đến các tính năng công cụ và các lệnh để mở

Panel Control chứa các tùy biến của công cụ, bao gồm:

- Menu File : các thao tác trên file

36 - Menu Edit : cung cấp những chỉnh sửa cơ bản và không có tính lặp lại cho các thành phần và đối tượng

- Menu Object : Là menu chứa những lệnh kết hợp quan trọng nhất trong AI

- Menu Type : các thao tác với văn bản

- Menu Select : các thao tác lựa chọn

- Menu Effect : chứa các hiệu ứng tiên tiến của AI

- Menu View : các thao tác hiển thị

- Menu Windows : hiển thị Panels

- Menu Help : các thông tin khác cần trợ giúp

➔ Panel Control: là một Panel hỗ trợ công cụ riêng biệt và luôn thay đổi nội dung phù hợp với công cụ đang được chọn hoặc đối tượng được chọn trong Workspace

❖ Lưu ý : Hiển thị thanh Control và thanh công cụ Tool: Windows | Kích chuột đánh dấu tùy chọn 

➔ 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:

37 - Phóng đại : mức độ phóng đại của tài liệu có thể là bất kì số giữa 3,13% và

6400% Sử dụng nút menu xổ xuống để điều chỉnh xác lập zoom

- Định hướng Artboard : khi nhiều Artboard được tạo ra, các nút first, prevous, next và last được kích hoạt, giúp người dùng nhanh di chuyển đến

Artbord mong muốn trong Workspace

- Vùng hiển thị : vùng này có thể được tùy biến thông qua menu con Show của menu để hiển thị công cụ, ngày tháng và thời gian hiện hành, số lần undo và redo, Color proFile của tài liệu hoặc trạng thái của File được quản lý

➔ Artboard: là vùng hình chữ nhật hiện hành trong Workspace xác định nội dung được in Các đối tượng có thể được đặt hướng đến mép (để tạo một ‘leed’) hoặc thậm chí bên ngoài các ranh giới Artboard nhưng chỉ các đối tượng bên trong Artboard mới được in ra

➔ Tùy biến Workspace: các dự án (project) khác nhau thường có thể đòi hỏi các cấu hình khác nhau của các Panel và công cụ bên trong Workspace Trong Illus- trator ta có thể tạo, lưu các Layout tùy ý riêng và tái sử dụng chúng bất kì khi nào Để lưu Workspace tùy ý riêng, đầu tiên thiết lập Workspace theo cách riêng và thực hiện theo các bước sau đây:

Workspace  xuất hiện hộp thoại New workspace 

Bước 2: Gõ nhập một tên cho Workspace mới trong hộp Name, | OK

Bước 3: Để sử dụng Workspace mới, chọn tên của Workspace từ thanh công cụ workspathanh công cụ workspace nằm trên cùng bên phải màn hình AI 

3.2.2 Các công cụ và các tùy biến công cụ

➔ Các công cụ chọn Selection

+ Selection: chọn và di chuyển các đối tượng + Direct Selection: chọn các đường hoặc đoạn riêng biệt của một đối tượng

+ Magic wantd: tạo các vùng chọn dựa vào mầu tô và mầu nét của đối tượng, bề dày nét, độ mờ đục đối tượng và chế độ hòa trộn

+ Lasso: tạo các vùng chọn bằng cách vừa nhấn vừa di chuyển chuột xung quanh các đối tượng cần chọn

➔ Các công cụ Drawing, paninting và Type

+ Pen: vẽ các đoạn đường thẳng và đường cong bedier

+ Type: chèn văn bản vào Artboard

+ Line Segment: tạo các đoạn thẳng, đường cong, đường xoắn ốc và lưới

+ Rectangle: vẽ các hình chữ nhật, hình vuông, hình chữ nhật bo tròn, hình ellipse, hình đa giác, ngôi sao và ánh sáng lóe

+ Paintbrush: vẽ tô các đường và hình dạng

+ Pencil: vẽ các đường và hình dạng tự do

+ Blob brush: để tô các đường bằng các đường Path phức hợp

+ Eraser: xóa các nét và các vùng tô ra khỏi các đối tượng

➔ Các công cụ painting và blending Type đặc biệt

+ Rotate: xoay một đối tượng được chọn

+ Scale: định tỷ lệ một đối tượng được chọn

+ Warp: biến đổi một đối tượng được chọn

+ Free Transform: biến đổi một đối tượng được chọn

+ Symbol sprayer: tạo các Symbol và instance chính

+ Column graph: tạo các sơ đồ và biểu đồ được điều khiển bằng dữ liệu

+ Mesh: áp dụng các Gradient mạng lưới vào các đối tượng được chọn

+ Gradient: áp dụng các Gradient và các đối tượng được chọn

+ Eyedropper: chọn các đối tượng bằng các thuộc tính diện mạo

+ Blend: tạo các đối tượng trung gian giữa các đối tượng được chọn

+ Live paint bucket: trộn các vùng áp dụng live paint vào một nhóm paint

+ Live paint Selection: trộn các vùng xác định bên trong một nhóm live paint

➔ Công cụ slice, Artboard, movie và zoom

+ Artboard: vẽ các Layout 1 và nhiều Artboard

+ Slice: cắt ảnh được chọn thành các lát trước khi tối ưu hòa hình đồ họa cho web

+ Hand: định lại vị trí của khung xem artboard bên trong Workspace

+ Zoom: phóng to và thu nhỏ ảnh

➔ Các công cụ Stroke và fill Được sử dụng để xác định mầu nét và màu tô cho bất kỳ đối tượng Path được chọn Ta có thể chuyển đổi trạng thái hiện hành của các biểu tượng fill và Stroke bằng cách nhấn phím X trên bàn phím

+ Fill: Để xác định màu tô của các đối tượng được chọn, chọn biểu tượng fill hình vuông để kich hoạt fill và thay đổi màu sử dụng Panel Swatches hoặc Colors

+ Stroke: Để xác định màu nét của một đối tượng được chọn, chọn biểu tượng

Stroke để kích hoạt Stroke và thay đổi màu sử dụng Panel Swatches hoặc Colors

➔ Các công cụ Screen mode Nhấn phím F trên bàn phím để chuyển đổi ba chế độ màn hình khác nhau cho Workspace:

+ Normal screen mode: Hoặc màn hình đầy đủ với thanh Application, thanh Document Groups, các thước đo (ruler) Panel Tools và các Panel

+ Full screen mode with menu bar: Hiển thị một màn hình đầy đủ với thanh application, Artboard Panel Tools và các Panel

+ Full screen mode: Hiển thị Artboard mở rộng với các thước đo tất cả tính năng Workspace khác được ẩn Để thoát khỏi chế độ này nhấn phím F trên bàn phím

3.2.3 Thiết lập lại thông số Prefernces

Edit | Prefernces | và chọn một trong các tùy chọn từ menu Flyout

➔ Units: định lại đơn vị thước, gồm các tùy chọn:

- General: đơn vị chung - Stroke: đơn vị dùng cho đường nét Stroke

- Type: đơn vị dùng cho cỡ chữ

➔ Guides & Grid: định lại đường dẫn và lưới, gồm các tùy chọn:

41 - Guides: mầu và dạng hiển thị của Guide

- Grid: mầu và dạng hiển thị của Grid

- Gridline every: kích thước của lưới

- Subdivisions: số mắt hiển thị

- Hiển thị nét Stroke theo tỷ lệ thuận khi phóng to/thu nhỏ object: nhấn Ctrl + K hoặc Edit | Preferences | General  xuất hiện hộp thoại Preferences Kích chọn Scale Stroke & Effect

Phím tắt Chức năng z Kích hoạt công cụ zoom

Ctrl+dấu cộng Phóng to

Ctrl+dấu trừ Thu nhỏ

Phóng to artboard khi đang sử dụng phím khác

Ctrl+Alt+SpaceBar+Kích chuột

Thu nhỏ artboard khi đang sử dụng phím khác

Kích đúp chuột vào công cụ zoom hoặc nhấn Ctrl+1

Trở lại kích cỡ thật

Trong khi đang sử dụng công cụ khác (trừ công cụ Text – phải nhấn thêm Ctrl) nhấn phím SpaceBar và di chuyển chuột

Tạm thời chuyển sang công cụ Hand

Kích đúp chuột vào công cụ

Hand hoặc nhấn Ctrl+0 (số 0)

Xem đầy đủ artboard trên toàn màn hình

F Chuyển đổi giữa 3 chế độ hiển thị màn hình

Tab Ẩn/hiện tất cả các Panels đang mở Toolbox

Shift Ẩn/hiện tất cả các Panels đang mở trừ Toolbox

Ctrl+Z Khôi phục lại thao tác trước đó

Ctrl+Shift+Z Quay trở lại thao tác vừa khôi phục

Ctrl+P Mở hộp thoại Print

Ctrl+R Ẩn/hiện thước đó

Ctrl+Shift+B Hiện/tắt khung bao đối tượng (khung bao đối tượng dùng để điều chỉnh kích cỡ của đối tượng

Vẽ chỉnh sửa các đường và hình dạng

Các công cụ Shape thường được đặt trong menu Flyout bên dưới công cụ Rectangle

Các công cụ Shape bao gồm Rectangle, Rounded Rectangle, Ellipse, Polygon, Star và Flare

Illustrator là một chương trình dựa vào vector, tất cả hình dạng được vẽ bằng toán học nghĩa là các hình đó khi được vẽ ra ta có thể thay đổi kích cỡ của chúng một

42 cách dễ dàng mà không làm mất đi độ phân giải Mầu các nét (Stroke) và vùng tô (fill) của đối tượng cũng được sửa một cách dễ dàng Để có được kết quả tốt nhất, sử dụng các hướng dẫn sau đây khi làm việc với các công cụ Shape:

- Lựa chọn công cụ vẽ trong nhóm các Shape: nhấn giữ phím Alt trong khi kích chuột vào công cụ Shape để chọn công cụ cần vẽ

- Vẽ các hình dạng: Để tạo các hình dạng bằng bất kỳ công cụ Shape, sau khi chọn công cụ vẽ xong hãy nhấn và di chuyển chuột trên Artboard Vị trí điểm nhấn chuột đầu tiên trước khi di chuyển chuột được gọi là điểm gốc của hình dạng

- Vẽ từ tâm: nhấn giữ phím Alt trong khi di chuyển chuột để tạo hình dạng Để đạt kết quả tốt nhất, nhả phím Alt sau khi đã nhả chuột

- Ràng buộc các hình dạng: Để tạo hình vuông có tỉ lệ hoàn toàn tương xứng, hình vuông có các góc được bo tròn, hoặc một hình tròn, chọn công cụ Rounded

Rectangle hoặc Ellipse, nhấn giữ phím Shift trong khi di chuyển chuột để tạo hình dạng và sau đó nhả Shift trong khi bạn nhả chuột Phím Shift cũng ràng buộc các đường Path, và các đối tượng được tạo bằng các công cụ Shape, Pen, và line khác bằng cách căn chỉnh chúng với Artboard khi di chuyển chuột hoặc bằng cách bảo đảm các đối tượng phù hợp với các góc 90 độ hoặc 45 độ

- Tạo các hình dạng có các số đo chính xác: Để tạo các hình dạng có các kích thước chính xác, chọn công cụ vẽ trên Panel Tools và kích chuột vào điểm đầu tiên  xuất hiện hộp thoại của công cụ yêu cầu nhập các kích thước và số đo của hình vẽ

- Di chuyển các hình dạng trong khi vẽ: trong khi đang thực hiện thao tác vẽ một hình bất kỳ, muốn thay đổi vị trí của hình vẽ đó hãy nhấn giữ phím SPACEBAR và di chuyển chuột để định vị trí mới rồi nhả phím SPACEBAR rồi tiếp tục di chuyển chuột để vẽ thêm đối tượng vào Artboard

- Các đường Path và điểm: Path là một đường hoặc một hình thể (shape) bất kỳ Đường path có thể là đường path mở (hở) hoặc đóng (khép kín), và ta có thể chỉnh sửa đường Path theo ý muốn Các đoạn đường Path được nối bằng các điểm neo Những điểm neo và đường Path được tạo ra dưới dạng các màu xanh dương và các chấm màu xanh dương xung quanh các mép của bất kỳ đối tượng được chọn

- Xóa các hình dạng: Để xóa một hình dạng ra khỏi Workspace chọn nó bằng công cụ Selection và nhấn phím DELETE trên bàn phím hoặc chọn Edit

➢ Chức năng: vẽ một hình chữ nhật và hình vuông có các góc mép cứng

➢ Cách sử dụng: chọn công cụ trên thanh công cụ Nhấn giữ và di con trỏ chuột theo đường chéo trên Artboard để tạo hình dạng, rồi nhả chuột

➢ Để vẽ hình chữ nhật một cách chính xác, kích chuột vào trang bản vẽ tại điểm góc trái phía trên (điểm gốc) của hình chữ nhật  xuất hiện hộp thoại Rectangle 

+ Width: nhập kích thước chiều rộng

+ Height: nhập kích thước chiều cao

Các hình dạng sẽ mang bất kỳ màu nét và màu tô nào hiển thị ở đáy Panel Tools Trong các tài liệu trông mới, các màu nét và màu tô được xác lập sang một vùng tô màu trắng mặc định với một nét 1pt màu đen

➢ Sử dụng các nút trên Panel Control để định dạng đối tượng đã được chọn:

- Thay đổi mầu nền cho đối tượng 

- Nhấn giữ phím Shift trong khi chọn kích chọn vào công cụ này  chọn màu theo nhóm màu CMYK Nếu không đối tượng nào được chọn thì AI cho phép thay đổi mầu nền màn hình vẽ

: chèn thêm màu trong thư viện có sẵn vào bảng màu

: hiển thị bảng màu theo nhóm

: chọn màu theo màu kiểu màu CMYK

: tạo một nhóm màu màu mới trong bảng màu

: tạo một màu mới trong bảng màu

: xóa màu trong bảng màu

: nút Option cho phép thay đổi cách hiển thị màu, hiển thị các thư viện màu, …

- Thay đổi mầu đường viền 

- Các nút trong Panel tương tự như trong bảng trên

- Thay đổi độ rộng của đường viền

- Kiểu nét đường viền chiếu theo góc

- Độ đậm/trong suốt của đối tượng

- Kiểu của đối tượng  - Các nút trong Panel tương tự như trong bảng trên - Đổi màu nghệ thuật

- Căn lề theo vùng chọn hoặc theo Artboard 

- Thay đổi kích thước, xoay, xô nghiêng đối tượng  - Cô lập đối tượng được chọn

- Hoặc kích đúp chuột vào đối tượng cần cô lập

- Hoặc kích đúp chuột ra ngoài vùng Artboard để thoát khỏi chế độ cô lập đối tượng

45 - Chọn đối tượng tương tự 

➢ Chức năng: vẽ các hình dạng chữ nhật có các góc bo tròn

➢ Cách sử dụng: chọn công cụ trên menu Flyout của công cụ Rectangle Nhấn giữ và di con trỏ chuột theo đường chéo trên Artboard để tạo hình dạng, trước khi nhả chuột nếu muốn điều chỉnh bán kính góc của hình dạng hãy nhấn các phím mũi tên trên bàn phím: UP tăng bán kính góc, DOWN giảm bán kính góc, LEFT loại bỏ bán kính góc để tạo các góc vuông và DIGHT thêm lượng độ phóng tối đa để tạo các góc siêu bo tròn Nhả chuột để thêm hình dạng vào Artboard

➢ Để vẽ hình chữ nhật bo tròn một cách chính xác, kích chuột vào trang bản vẽ tại điểm góc trái phía trên (điểm gốc) của hình chữ nhật bo tròn  xuất hiện hộp thoại

+ Width: nhập kích thước chiều rộng

+ Height: nhập kích thước chiều cao

+ Corner Radius: góc bo tròn

➢ Muốn điều chỉnh chính xác bán kính góc của hình vẽ đã được tạo: sử dụng hiệu ứng Convert to Shape bằng cách chọn đối tượng cần chỉnh sửa rồi chọn Effect | Convert to Shape Sau đó chọn một hình dạng (chẳng hạn như Rounded Rectangle) từ menu con Khi hộp thoại mở, chọn

Làm việc với các vùng chọn

Bao gồm các công cụ:

➢ Chức năng: dùng để chọn toàn bộ một path hoặc toàn bộ một nhóm (group); di chuyển, kéo dãn, quay đối tượng Ngoài ra công cụ Selection còn cho phép thay đổi mầu và định dạng đối tượng bằng các nút công cụ trên thanh Control

▪ Thao tác di chuyển, quay, co giãn một cách tương đối: chọn công cụ

Selection Tool trên thanh công cụ:

- Thao tác chọn đối tượng: kích chuột vào đối tượng cần chọn Để chọn nhiều đối tượng cùng một lúc: chọn đối tượng thứ nhất rồi nhấn giữ Shift và lần lượt chọn các đối tượng còn lại hoặc vẽ một bao hình (marquee) bao lấy các đối tượng cần chọn

- Thao tác di chuyển đối tượng sang vị trí khác trên bảng vẽ: vừa nhấn vừa di chuyển chuột vào đối tượng đến một vị trí mới Trong khi di chuyển,

64 nhấn giữ phím Alt để giữ lại đối tượng cũ và sinh ra thêm một đối tượng mới

- Thao tác co giãn (scale) đối tượng: dùng chuột kéo các handles Trong khi co giãn nhấn giữ phím Shift để giữ đúng tỷ lệ

- Thao tác quay đối tượng: di con trỏ chuột ra bên ngoài các handle một chút  con trỏ chuột có dạng mũi tên xoay  vừa nhấn vừa xoay chuột

▪ Thao tác di chuyển, quay, co giãn một cách chính xác: kích đúp chuột vào công cụ  xuất hiện hộp thoại Move 

Xác định các thuộc tính:

- Horizontal: di chuyển đối tượng sang ngang (Nếu là giá trị âm thì di chuyển sang bên trái)

- Vertical: di chuyển đối tượng theo chiều dọc (Nếu là giá trị âm thì di chuyển đối tượng lên trên)

- Distance: khoảng cách di chuyển

3.4.2 Công cụ Direct Select Tool (A):

➢ Chức năng: dùng để chọn điểm neo và dời điểm neo

➢ Cách sử dụng: chọn công cụ trên thanh công cụ Sau đó:

- Dùng công cụ A để vẽ một bao hình (marquee) bao lấy các điểm neo để chọn nhiều điểm neo cùng một lúc

- Dùng công cụ A để chọn và để di chuyển đoạn cong/ thẳng

- Dùng công cụ A để thu ngắn/ kéo dài tiếp tuyến và quay tiếp tuyến

- Dùng công cụ A để chọn từng phần tử của nhóm

➢ Sự khác biệt giữa Selection Tool và Direct selection: Công cụ Selection không cho phép chọn từng đối tượng trong một “nhóm” đối tượng khi chúng đã được Group lại với nhau Còn công cụ Direct Selection cho phép chọn từng đối tượng trong khi các đối tượng đó vẫn nằm chung 1 nhóm" Group"

3.4.3 Công cụ Group Selection Tool

➢ Chức năng: chọn từng phần tử của nhóm

➢ Cách sử dụng: Chọn công cụ thuộc Flyout của công cụ

Direct Selection Tool trên thanh công cụ, kích chuột vào phần tử đã được chọn một lần nữa  chọn được nhóm chứa phần tử đó Nếu kích chuột một lần nữa vào phần tử đó chọn được nhóm cấp cao hơn trong thứ tự phân cấp nhóm

Thủ thuật : Trong khi đang dùng một công cụ bất kỳ, nhấn và giữ phím Crtl cho phép ta tạm thời quay trở lại với công cụ chọn vừa sử dụng gần nhất

➢ Chức năng: chọn các đối tượng có thuộc tính tương tự: fill color (màu tô), stroke color (màu viền), stroke weight (độ dày đường viền), opacity (độ mờ đục) và blending mode (chế độ phối hợp) Tolerance (sai số)

Bước 1 : Kích đúp chuột vào công cụ Magic Wand trên thanh công cụ  xuất hiện Panel Magic Wand  Xác định thông số:

- Stroke weight: độ dày đường viền

- Blending mode: chế độ phối hợp

Bước 2 : kích chuột vào đối tượng chứa các thuộc tính mà ta muốn chọn

- Chọn thêm đối tượng: nhấn giữ phím Shift rồi kích chuột chọn đối tượng cần chọn thêm

- Bỏ bớt đối tượng đã chọn: nhấn giữ phím Alt rồi kích chuột vào đối muốn gỡ bỏ chọn

➢ Chức năng: chọn toàn bộ các path, đối tượng (object)

➢ Cách sử dụng: chọn công cụ Lasso Tool trên thanh công cụ | Vẽ một vùng bao xung quanh các đối tượng cần chọn.

Pen

➢ Chức năng: biến đổi độ rộng, hình dáng của đường viền

➢ Cách sử dụng: Chọn công cụ | Nhấn và kéo chuột tại vị trí muốn biến đổi, rồi nhả chuột

Thủ thuật : nhấn Alt+Shift trong lúc di chuột để phóng to, thu nhỏ đầu cọ

➢ Chức năng: biến đổi hình dáng của đối tượng (kích thước, góc xoay, độ ảnh hưởng )

➢ Cách sử dụng: Chọn công cụ trên menu Flyout của công cụ Width Tool | Vừa nhấn vừa di chuyển chuột vào đường viền đối tượng để biến đổi, rồi nhả chuột

➢ Chức năng: công cụ tạo hình xoắn ốc cho đối tượng

➢ Cách sử dụng: Chọn công cụ trên menu Flyout của công cụ Width Tool | Nhấn hoặc nhấn và rê chuột vào vị trí cần biến dạng trên đối tượng.

Nhóm công cụ biến đổi

➢ Chức năng: biến đổi độ rộng, hình dáng của đường viền

➢ Cách sử dụng: Chọn công cụ | Nhấn và kéo chuột tại vị trí muốn biến đổi, rồi nhả chuột

Thủ thuật : nhấn Alt+Shift trong lúc di chuột để phóng to, thu nhỏ đầu cọ

➢ Chức năng: biến đổi hình dáng của đối tượng (kích thước, góc xoay, độ ảnh hưởng )

➢ Cách sử dụng: Chọn công cụ trên menu Flyout của công cụ Width Tool | Vừa nhấn vừa di chuyển chuột vào đường viền đối tượng để biến đổi, rồi nhả chuột

➢ Chức năng: công cụ tạo hình xoắn ốc cho đối tượng

➢ Cách sử dụng: Chọn công cụ trên menu Flyout của công cụ Width Tool | Nhấn hoặc nhấn và rê chuột vào vị trí cần biến dạng trên đối tượng

➢ Chức năng: biến dạng làm ép nhỏ đối tượng lại

➢ Cách sử dụng: Chọn công cụ trên menu Flyout của công cụ Width Tool|

Nhấn giữ hoặc nhấn giữ kéo rê chuột để thu nhỏ đối tượng

➢ Chức năng: biến dạng làm phồng đối tượng

➢ Cách sử dụng: Chọn công cụ trên menu Flyout của công cụ Width Tool| Nhấn giữ hoặc nhấn giữ kéo rê chuột để đối tượng phồng lên

➢ Chức năng: biến dạng phần rìa biên của đối tượng uốn vào bên trong đối tượng

➢ Cách sử dụng: Chọn công cụ trên menu Flyout của công cụ Width Tool | Nhấn giữ hoặc nhấn giữ kéo rê chuột để biến đổi đường biên đối tượng

➢ Chức năng: biến dạng phần ria biên của đối tượng lồi ra ngoài đối tượng

➢ Chức năng: biến dạng phần ria biên của đối tượng uốn lượn gợn sóng

3.6.9 Thao tác với các đối tượng giao nhau

➢ Chức năng: nối, tách, lấy phần giao nhau giữa các đối tượng giao nhau

➢ Cách sử dụng: Mở bảng PathFinder bằng cách Window | PathFinder hoặc nhấn tổ hợp phím Ctrl+Shift+F9  xuất hiện bảng PathFinder | Chọn các đối tượng cần thao tác, nhấn công cụ:

-  Unite: Nhóm đối tượng trở thành 1 đối tượng và mang màu của

-  Minus Front: Xóa những phần thuộc đối tượng nằm trước kể cả phần chồng lấn lên đối tượng sau

-  Intersect: Lấy phần giao nhau của 2 đối tượng và bỏ những phần khác đi

-  Exclude: Bỏ phần giao nhau của 2 đối tượng và giữ những phần khác Màu của nó sẽ là màu của đối tượng nằm tr6en cùng

-  Devide: Tách 2 đối tượng phủ chồng thành những đối tượng riêng biệt Có thể di chuyển hoặc tô màu mỗi phần riêng lẻ

-  Trim: Loại bỏ bất kỳ phần được che giấu bởi đối tượng khác kể cả nét

-  Merge: Giống lệnh Trim nhưng khác là lệnh này trộn các đối tượng cùng màu thành một đối tượng đơn còn Trim thì để lại chúng dưới dạng các đối tượng riêng biệt

-  Crop: Xóa mọi thứ bên ngoài ranh giới của đối tượng đứng trước

69 -  Outline: Tách các đối tượng riêng biệt không có màu tô

-  Minus Back: Loại bỏ những phần trùng với đối tượng nằm ở sau và những gì thuộc đối tượng nằm ở sau.

Hiệu ứng Blend

➢ Chức năng: tạo đối tượng trung gian giữa 2 hay nhiều đối tượng được chọn Thường được áp dụng để tô màu chuyển sắc

➢ Cách sử dụng: thực hiện bằng 1 trong 2 cách sau:

▪ Cách 1: Đặt hai hoặc nhiều đối tượng ở vị trí mong muốn | Chọn công cụ

Blend | Lần lượt kích chọn các đối tượng hoặc vào điểm neo của các đối tượng

Cách 2: Chọn các đối tượng | Object | Blend | Make

▪ Chọn đối tượng cần blend

▪ Thay đổi thuộc tính của Blend

Kích đúp chuột vào công cụ Blend hoặc Object | Blend | Blend Option  xuất hiện hộp thoại Blend Option 

- Smooth Color: làm mịn các đối tượng trung gian, tự động tạo các đối tượng không giới hạn về số lượng các đối tượng trung gian

- Specified Steps: xác định số lượng đối tượng trung gian được tạo ra từ hai đối tượng ban đầu

- Specified Distance: khoảng cách giữa các đối tượng trung gian

▪ Orientation: hướng tâm của các đối tượng trung gian

 Ví dụ: Các thuộc tính blend

Ban đầu Smooth color Specified steps:6 Specified distance:

3.7.2 Hủy bỏ hiệu ứng Blend

Chọn đối tượng Blend | Object | Blend | Realease (Ctrl+Shift+Alt+B)

3.7.3 Uốn đối tượng Blend theo đường Path

Chọn đối tượng Blend | Nhấn giữ phím Shift và chọn thêm Path mới | Object |

Blend | Replace Spine Đối tượng Blend và đường Path 

3.7.4 Đảo vị trí trên dưới của đối tượng ban đầu

Chọn đối tượng Blend | Object | Blend | Reverse Spine

3.7.5 Đảo thứ tự trên dưới của các đối tượng ban đầu

Chọn đối tượng Blend | Object | Blend | Reverse Front to Back

3.7.6 Bung đối tượng Blend thành các đối tượng riêng lẻ

Chọn đối tượng Blend | Object | Expand | Object | Ungroup

Bài 1:Tạo hình polygon: 8 cạnh, Chọn hiệu ứng effect/ distort & transform/ puker & float a.Thực hiện blend 3dạng smooth, tạo 4 bông hoa trung gian và khoảng cách giữa các hình trung gian là 0.8cm b Thực hiện chọn màu cho cánh hoa trong và ngoài để chọn dạng chuyển sắc

Ban đầu Smooth color Specified steps:4 Specified distance:

Bài 2: Sử dụng blend dạng Replace spine tạo các khối hình sau Thực hiện đổ màu tùy chọn trên các khối hình có sự xen kẽ màu sắc

Bước 1: Vẽ mặt đồng hồ hình vuông bo góc Thêm một hình vuông bo góc bên trong hoặc bên ngoài: dùng object/ path/ offset Path

Bước 2: Vẽ hai đường line/ chọn Chế độ blend cho thêm 10 hình ở trung gian/Chọn hai hình đường thẳng/ Vào object/ Blend/ Make (alt + Ctrl + B)

72 Bước 3: Chọn hình vuông bên trong mặt đồng hồ cắt một điểm để thành đường line không khép kín (ở điểm nút trên ở giữa) chọn công công cụ Sissors Tool

Bước 4: Chọn đối tượng 12 nét gạch và hình vuông bên trong/ Chọn object/ blend/ Replace spine

Chọn Bảng blend option: align path căn theo đường path

Hình b: Tạo 3 hình tròn: sử dụng object/ path/ offset Path khoảng cách là 0.4 cm và -0.4 cm

Hình tròn hai sử dụng công cụ Sissors Tool cắt một điểm hình tròn

Vẽ hai ngôi sao rồi blend thêm 10 ngôi sao nữa/ chọn 12 ngôi sao và hình tròn 2 (đã cắt)/ chọn object/ blend/ Replace spine

Hình C: Thêm hiệu ứng Effect/ Distort & Transform/ puker & Bloat 50% cho bông hoa của hình polygon 10 cạnh

Bài 3: Sử dụng Width Tool

73 Vẽ bông lúa: Vẽ một đường thẳng/ Vẽ hình lá (tạo hai hình tròn rồi cắt giao)/ Đặt lá vào đường thẳng theo hình rồi ấn xoay thêm một hình nữa/ chọn nhóm hai hình chọn Ctrl +G/ copy thêm một hình ở trên ngọn cho kích thước nhỏ/ sử dụng blend 7 bông lúa/Ctrl + G/ kéo vào thành Brush

Vẽ cành lúa: hình tròn rồi dùng kéo cắt bớt phần không cần thiết/ dùng pen vẽ thêm Sử dụng nét brush được bông lúa/ tích chuột trái vào brush bông lúa rồi chọn

Chọn lật ngược bông lúa và copy thêm hình được hình giống mẫu

74 Bài 4: Tạo hình vẽ theo mẫu

Hướng dẫn: Vẽ hình tròn to và hình tròn nhỏ đặt ở nút giữa/ chọn xoay hình tròn nhỏ quanh hình tròn to 20 0 lấy tâm quay là tâm của hình tròn to

Chọn pathfinder/ chọn công cụ cắt giao

75 Copy thêm một hình nữa cho nhỏ hơn/ chọn màu/ chọn blend (ctrl + alt + B)/ chọn chế độ smooth color

Bài 5: Thực hiện vẽ logo sử dụng công cụ blend, brush, offset path

Bước 1: Vẽ 3 hình tròn/ sử dụng object/ path/ offset path + và – 0.4 cm Hình tròn giữa cắt cạnh ở phía trên

Bước 2: Chọn ngòi bút brush lá rồi xoay hình

Hình kia sử dụng công cụ rotate để xay/ vẽ ngôi sao/ chữ chọn hai chữ CNTT một màu xanh và một màu đỏ/ rồi chọn chế độ blend Nhóm hết lại Ctrl + G

Bài 6: Thực hiện vẽ theo mẫu

76 Vẽ hình trái tim: Vẽ hình tròn/ dụng công cụ A kéo hình trên/ giữa alt kéo hai góc ở trên và ở dưới Vẽ 4 hình tròn trên hình trái tim như hình vẽ/

Kéo 4 hình tròn sang một bên đổ màu viền ở mỗi hình khác nhau/ chọn chế độ blend/ kéo lại hình trái tim

77 Chọn hai đối tượng: hình trái tim và hình tròn nhỏ được blend/ object/ blend/ replace spine

Vẽ hình: / đưa vào hình tròn/ chọn tâm hình tròn làm góc quay/chọn công cụ Rotate/

Giữ phím Chọn tâm hình tròn + giữ phím alt + click đúp chuột trái/ XHHT/ chọn Ange (góc quay): 360/25/ copy/ok Ấn ctrl + D để lặp lại thao tác vừa quay/ được hình

78 Bài ứng dụng blend làm hình nền

Tạo khổ giấy mới trên web, đặt tên giấy mời: kích thước

Vẽ một hình chữ nhật/ chọn màu nền gradient

Vẽ hai hình tròn 1 hình có kích thướng 18px X 18px và một hình tròn nhỏ có kích thước 0.1px/ chọn hai hình sử dụng chế độ blend: ấn ctrl + alt + B/ specified steps: 25 (một số phù hợp)

Lưu hình vừa blend thành đường pattern Brush: chọn đường blend/ ấn F5 (mở bảng brush)/

New brush/ xhht/ chọn patter brush/ ok

Chọn patter brush vừa lưu cho đường thẳng

80 Do đường thẳng là dạng nét nên ta có thể chọn lại nét có độ giày khác nhau thì hình trang trí cũng khác nhau: Ví dụ nét stroke: 0.75pt thì hình nó sẽ nhỏ hơn

Sử dụng chế độ hòa trộn overlay cho hình nền đẹp hơn c Copy thêm một hình nền/ chọn hình ảnh bánh đưa vào/ chọn vẽ một hình tròn/ rồi chọn brush/ pater brush vừa tạo ở trên/ cho chế độ hòa trộn overlay

- Gõ dòng chữ TƯƠI NGON, SẢNG KHOÁI chữ màu đen/ tạo độ xô lệch cho dòng chữ chọn chế độ shear Tool/ dùng chuột trái kéo chữ lên theo hướng mong muốn

Chọn copy dòng chữ tạo hiệu ứng cho chữ

81 Dòng chữ chọn object/ path offset path tạo thêm dòng chữ có kích thước rộng hơn dòng chữ màu trắng

Sử dụng hiệu ứng chữ

Conver chữ: Khi in ấn khi copy vào máy tính của nhà in mà không có font chữ giống máy tính của mình thì chữ bị lỗi nên cần phải convert chữ

Conver: type/ Create outline (ctrl + shift + O): biến chữ thành đối tượng thường để in ấn không bị lỗi font

Khi conver thì sử dụng đượng brush: ungroup tách được các chữ riêng ra

82 Chọn brush để áp vào chữ

- Convert chữ mới đổ được gradient cho đối tượng, nếu không conver chữ sẽ không sử được gradien Điều chỉnh được từng chữ sử dụng công cụ A - Bóng cho đối tượng: chọn Type/ drop Bài Thực hiện tạo file mới có kích thước 1280x800 đưa lên web, đơn vị pixel

83 Hình a Chọn blend là hai hình màu giống nhau:

Bước 1: Vẽ hình trái tim: Vẽ một đường line nghiêng 45 độ/ stroke: 200pt/Tạo thêm một đường line nữa: Phải chuột chọn transform/ reflect/ chọn lật ngang/ chọn copy thêm một hình ấn OK

Dùng công cụ chọn phím V hai hình Tác hai hình thành đường path/ object/ Expend/ Bỏ chọn conver màu ở trong chỉ convert đường viền

Chọn công cụ Giữ phím alt click chuột trái vào hai phần có mũi tên đỏ Để được hình

Sử dụng công cụ A chọn bo thành hình trái tim Chọn điểm 1/ giữ shift chọn điểm hai/ bo tròn hình Chọn điểm 3/ giữ shift chọn điểm 4/ Chọn bo hình lại khi có màu đỏ thì dừng Được hình

Chọn hình trái tim gộp các cạnh thành 1: Ấn phím

D hình không có màu chỉ có viền

Vẽ hài hình tròn/ đổ màu Gradient/ Hình trên có màu gradient như hình vẽ

Chọn Bend: Ctrl + Alt + B/ số bước lặp là 400

85 Chọn hình Blend/ chọn hình trái tim/ Chọn Object/ Blend/ Replace spine (dạng vòng)

Sử dụng công cụ Pen tích vào một điểm trên hình trái tim hở để được hình trái tim khép kín

Chọn Effect/ Distort&transform/ Rounghen/ XHHT

Hình b: Vẽ hai hình tròn cùng màu Blend/ specfie

Hình tròn bỏ đường khép kín bằng công cụ để được hình chữ C/ chọn hình blend và hình tròn/ Chọn Object/ Blend/ Replace spine

Chú ý khi chọn hình blend không có viền stroke