Sử dụng một đường vector để cắt một layer, tạo một mặt nạ trên layer, sau đó vẽ một vòng tròn và sử dụng nó để cắt đi một lỗ trong Layer Metal Grille, bằng cách này c[r]
(1)1 Lời đầu nói
Giáo trình xử lý ảnh nâng cao mơn học xây dựng theo chương trình đạo tạo trường Cao Đẳng Nghề Yên Bái Giáo trình dùng cho nghề công nghệ thông tin ứng dụng phần mềm với mục đích cung cấp kiến thức bản cho học sinh, sinh viên kiến thức sau:
- Tìm hiểu chức thành phần Adobe Photoshop ImageReady để xử lý hiệu ứng phức tạp ảnh
- Sử dụng Layer Mask, Path Group, Filter, Adjustment Layer nhiều Layer Style khác
- Chọn lọc Blur, Bend, Wrap, Sharpen Fragment sử dụng Adjustment Layer chế độ hoà trộn để làm cho tác phẩm bạn thêm phong phú
- Về lát cắt ánh xạ ảnh
- Cân hài hồ kích thước file ảnh chất lượng ảnh
- Hiệu ứng Rollover làm thay đổi vùng hình trang web thành hình khác, màu khác dạng khác người dùng di chuột qua vùng đó
- Dùng ImageReady để tạo hình Gif động từ hình đơn
- Quản lý màu sắc hiệu chỉnh tạo profile ICC cho máy tính, sử dụng profile ICC máy tính để hiển thị đồ hoạ màu sắc cách quán
- Thiết lập màu sắc hai hệ màu RGB CMYK
Nội dung giáo trình chia làm 10 sau:
Bài 1. Những kỹ thuật layer tiên tiến Bài 2 Tạo hiệu ứng đặc biệt
Bài 3 Tạo lập liên kết bên ảnh Bài 4 Tối ưu hóa hình ảnh trang web
Bài Tạo hiệu ứng Rollover cho trang web Bài Tạo hình động cho trang web
(2)2
BÀI 1
NHỮNG KỸ THUẬT LAYER TIÊN TIẾN 1 Giới thiệu môi trường làm việc
Môi trường làm việc Photoshop sử dụng layer tiên tiến học làm việc với ảnh có Layer cộng với Background Layer Để khởi tạo môi trường làm việc thực sau:
Khởi động Photoshop, ấn Ctrl + Alt + Shift để thiết lập thông số mặc định Một hộp thoại xuất hiện, chọn Yes để xác nhận thông số muốn thiết lập, không thiết lập lại màu monitor Nhấn Close để đóng cửa sổ Photoshop lại
Nhấp vào File Browser, tìm đến file kết quả, đánh dấu chọn Preview để xem trước Preview Palette Nếu cần thiết, nới rộng khung Preview để quan sát tốt
Hình 1.1: Diesel sử dụng Layer pallete
Nhấp đúp vào tệp tin khởi tạo để mở tệp tin cần mở Photoshop, đóng cửa sổ File Browser cách nhấn vào nút tắt nhấn vào nút File Browser
(3)3 Hình 1.2.Các lớp Layer khởi tạo
Sử dụng biểu tượng mắt Layer pallete để xem Layer một, tắt biểu tượng Layer khác để bạn thấy xác Layer muốn thấy
Bật lại biểu tượng mắt tất layer để hình hiển thị ban đầu 2 Tạo đường để xén layer
Sử dụng đường vector để cắt layer, tạo mặt nạ layer, sau vẽ vịng trịn sử dụng để cắt lỗ Layer Metal Grille, cách nhìn thấy layer khác nằm phía bên
3 Vẽ đường vector (Vector path)
Nhấp chuột chọn layer Metal Grille Layer pallete
Chọn Ellipse tool nằm ẩn biểu tượng Rectangle tool tuỳ biến công cụ, chọn Paths option
Di chuyển trỏ đến thuộc tính hình Metal Grille bắt đầu kéo Vừa kéo vừa ấn phím Alt+Shift
(4)4
Hình 1.3.Sử dụng cơng cụ Elip vẽ đường vector
Nhấn giữ phím Alt, trõ xuất dấu "+" nằm kế bên Kéo vòng tròn để tạo copy đường Path sang vùng khác hình
Hình 1.4 Sao chép đường vector
Lập lại bước để tiếp tục copy đường path cho đối tượng lại, kể đối tượng bị che phủ đường biên
4 Tạo Layer mask từ Vector path
Sử dụng đường tròn phần trước để tạo Layer Mask thực sau:
(5)5 Hình 1.5.Chọn đường vector
Trên tuỳ biến công cụ, chọn Subtract from Shape Area, ấn phím "-" phím tắt lệnh Tùy chọn Subtract báo cho Photoshop biết giới hạn vùng mà xố bỏ layer, phần vòng tròn bị bạn tạo vector mask
Chọn Layer\Add Vector mask\Current Path Bây bạn thấy hình layer Rust thuộc tính mà bạn cắt layer Metal Grille Trong layer pallete, biểu tượng Vector Mask xuất bên cạnh layer Metal Grille
Hình 1.6.Các node vector Mask
(6)6 5 Tạo tập hợp layer (Layer sets)
Layers sets tổ chức quản lý layer đơn lẻ cách nhóm chúng lại với nhau, mở rộng layer set để xem layers chứa nó, thu nhỏ để gọn lại Người sử dụng thay đổi thứ tự layer layer set
Trong phần người dùng tạo tập hợp layers (layer-sets), cho phần chữ (type) cho layer Metal Grille
Trên layer palette, nhấn vào nút Create a New Set hai lần để tạo Layer Sets Trên Layer Palette thấy xuất folder có tên Set Set
Nhấp đúp vào tên Set gõ Word Nhấp đúp vào tên Set gõ Image, ấn Enter
Trên Layer Palette kéo layer Metal Grille thả vào biểu tượng folder tập hợp Image (tên tập hợp layer Image sáng xanh lên thả layer kéo) Bây layer Metal Grille di chuyển vào Image Layer-sets xuất Layer Set
Kéo thả layer Rust vào folder Image Lưu ý Rust layer di chuyển đặt nằm layer Metal grille layer-sets Chọn File\Save để lưu lại
(7)7 6 Tạo Adjustment Layer
Adjustment Layer thêm vào ảnh để hiệu chỉnh màu độ nét mà không làm ảnh hưởng đến ảnh
Tạo Adjustment để tăng độ tương phản (Contrast) cho layer Grille Rust nằm bên Người dùng làm tối tồn ảnh Rust Adjustment layer làm tác động đến tất layer nằm theo thứ tự xếp
Chọn layer Rust layer pallete Nhấp chuột vào nút Create New fill or Adjustment Layer nằm phía Layer pallete chọn Curve.Nhấp vào đường chéo biểu đồ để tạo điểm điều khiển đường cong điều khiển Midtones
Kéo điểm điều khiển xuống sang phải nhập giá trị vào ô Input Output (Chúng ta di chuyển điểm điều khiển giá trị hai ô thay đổi, 150% 105%)
Hình 1.8.Tạo Adjustment Layer
Nhấp Ok để đóng hộp thoại Một Adjustment Layer có tên Curve1 xuất layer pallete Biểu tượng cho layer lại bao gồm Curve Graph mask Layer Chọn file\save để lưu lại
7 Sử dụng Adjustment Layer (Photoshop)
(8)8
giống mạng che suốt, thay đổi màu tông màu xảy Adjustment layer thay đổi layer nằm Có thể chỉnh sửa nhiều layer lúc Adjustment Layer mà không cần thay đổi layer thời gian
8 Tạo Knockout Gradient Layer
Chọn layer-sets Image layer pallete click vào nút Create a New Layer nằm phía pallete Lệnh tạo layer (Layer1) image layer-set, nằm layer Metal grille, Curve Rust
Nhấp đúp vào layer đặt tên Knockout Gradient, nhấn Enter giữ chọn layer Say chọn Gradient tool công cụ Nếu cần bạn nhấn chọn nút Linear Gradient tuỳ biến công cụ để tạo Linear Gradient
Nhấp chuột vào nút mũi tên bên phải khung Gradient để mở hộp chọn gradient picker Trong bảng gradient picker, Nhấp vào nút mũi tên để mở thực đơn chọn Gradient, sau chọn Small list
Chọn Foreground to Transparent Gradient bảng gradient picker đóng chọn Gradient lại cách nhấp chuột nhấp đúp vào lựa chọn Foreground to Transparent
Hình 1.9.Tạo Knockout Gradient Layer
(9)9 Hình 1.10.Tạo bóng đổ có màu đen
Trên Layer Pallete, ấn vào nút Layer style nằm phía dưới, chọn Blending Option Trong hộp thoại Layer Style, người dùng thực sau:
- Bên Advance Blending, kéo trượt Fill Opacity Sau chọn Fill Opacity khơng phài Opacity General Bleding
- Trong menu Knockout trượt xuống chọn Deep sau nhấp Ok Chọn File \Save để lưu lại
9 Áp dụng Layer Style
Layer style có sẵn hiệu ứng đặc biệt để người dùng áp dụng vào Layer Ở áp dụng hai kiểu layer style cho chữ Diesel:
Với layer Diesel chọn layer pallete nhấn vào biểu tượng Layer Style nằm chọn Drop Shadow từ Pop-up menu
Trong hộp thoại Layer Style, đánh dấu chọn Preview nằm phía bên phải, để xem thay đổi
Kiểm tra phần tùy chọn Drop Shadow hộp thoại Layer Style, xem giữ ngun thơng số mặc định thử thay đổi thông số khác đạt kết vừa ý Ở phía bên trái hộp thoại, nhấp chuột vào chữ Bevel and Emboss để tơ sáng lên với màu xanh
(10)10
Hình 1.11.Áp dụng Layer Style
10 Nhân đôi cắt xén layer
Thực copy Rust layer di chuyển nằm lên Diesel layer
Chọn Rust layer Layer Pallete kéo lên nút Create a New Layer nằm phía pallete.Layer có tên "Rust copy" đặt layer Rust
Trên layer pallete, kéo Rust copy lên layer Diesel nằm layer sets Word, Rust copy đặt tất thấy hình chì hình Rust
(11)11 Hình 1.12.Nhân đôi cắt xén layer
Layer Rust copy cắt xuất bên Diesel Shape nhìn thấy layer khác vùng khác hình, sau vào File\Save để lưu lại
11 Sử dụng lọc Liquify layer
Lệnh Liquify làm cho ảnh giống bị nóng chảy làm cho lưới sắt trơng thể bị nóng chảy từ bên đến bên Bộ lọc Liquify Photoshop bao gồm phần nâng cấp phiên trước 12 Chuyển đổi mặt nạ vector thành mặt nạ lớp (Reterizing the mask) Trên layer pallete, chọn layer Metal Grille layer set Image
Chọn Layer\Reterize\Vector Mask Lệnh biến Path vịng trịn trước hình đồ hoạ vector độ phân giải độc lập (Resolution independent) thành mặt nạ dạng hình rasterize có độ phân giải phụ thuộc (resolution dependent) Những hình ảnh phóng to lên mà bị vỡ Pixel loại hình có độ phân giải phụ thuộc, cịn hình khơng chịu ảnh hưởng việc phóng to hay thu nhỏ hình có độ phân giải độc lập
Chọn Layer\Remove Layer Mask\Apply để gộp layer với mặt nạ nó, tạo lớp ảnh đơn layer Bạn nhận thấy có thumbnail layer Metal Grille, layer trước có thumnail : ảnh mặt nạ (mask)
13 Sử dụng lệnh Lyquify
(12)12
tròn, làm phản chiếu vùng ảnh Những biến đổi bạn kéo giãn, (Lệnh Lyquify áp dụng ảnh 8-bit kênh màu RGB, CMYK, Lab, Grayscale.)
Một vài chế độ tái tạo định thay đổi vùng không bảo vệ cho hợp với thay đổi vùng bảo vệ hiển thị ẩn lớp mặt nạ vùng giới hạn, thay đổi màu mặt nạ, sử dụng Brush Pressure option để tạo giới hạn không giới hạn cục
14 Áp dụng lọc Lyquify
Trên Layer Metal Grille, chọn Filter\Lyquify Trong hộp thoại Lyquify, thiết lập tùy chọn sau:
- Trên góc trái hộp thọai, nhấp chọn cơng cụ Forward Warp
- Trên góc phải hộp thọai, bên tuỳ biến công cụ chọn Brush size với kích cỡ lỗ trịn Layer Metal Grille Sau đó, sử dụng Brush Pressure với giá trị vừa phải (vd: chọn 20)
- Bên View Option, đánh dấu chọn Show Backdrop Sau chọn “All Layer” cho Use option, “Behind” cho Mode Option, giá trị 50% cho Opacity
Hình 1.13.Áp dụng lọc Lyquify
(13)13
15 Loại bỏ biến đổi hộp thoại Lyquify
Nhấn Ctrl + Z để undo thao tác gần nhất, thay đổi bước
Có thể chọn cơng cụ Reconstruct kéo từ bên sang bên vùng ảnh muốn trở trạng thái ban đầu
Có thể nhấp vào nút Reconstruct bên phải hộp thoại để giảm mức độ hiệu ứng
Sử dụng công cụ Freeze để bảo vệ vùng ảnh mà muốn áp dụng hiệu ứng bóp méo sử dụng công cụ Reconstruct nút Reconstruct để loại bỏ làm giảm hiệu ứng vùng không giới hạn Nhấp nút Restore All để trở lại tình trạng ban đầu ảnh Nút Restore All có tác dụng với vùng giới hạn, Phía bên phải hộp thoại Lyquify, chọn công cụ Turbulence kéo từ bên sang bên vùng ảnh Metal Grille
Hình 1.14.Loại bỏ biến đổi hộp thoại Lyquify
Di chuyển công cụ Turbulence tới vùng chưa bị méo ảnh, nhấp giữ chuột vài giây mà không di chuyển trỏ Khi ấn giữ chuột thấy hình ảnh bắt đầu "nóng chảy" tác dụng công cụ Turbulence Quan sát kỹ để thấy khác biệt việc sử dụng Forward Warp Turbulence
(14)14 16 Tạo đường viền cho Layer
Nhấp vào nút Create a New layer Layer Pallete, sau nhấp đúp vào New layer đặt tên Border Image
Kéo layer nằm lên layer khác Layer Pallete đường line màu đen phần Layer set Words sau thả chuột Bây Border image layer ảnh Chọn Select\All để chọn toàn ảnh cửa sổ
Chọn Edit\ Stroke điền giá trị px cho Width click Ok (Để đường viền đậm chút, bạn nhập giá trị 10 px 15px ) Chọn Select\Deselect để bỏ chọn toàn ảnh, chọn File\Save để lưu lại kết
17 Flattening hình có nhiều layer
Trong cửa sổ Document Size Con số kích thước in ảnh, độ lớn file lưu lại Flatten định dạng Photoshop(PSD) Con số nằm bên phải cho biết kích thước xỉ file ảnh thời, bao gồm lớp (layer) kênh (channel)
Vào Image\ Duplicate, đặt tên file vừa nhân final.psd, sau nhấp Ok Trên menu Layer Palette, chọn Fllaten Image Bây Layer tệp tin final.psd hợp thành Layer background Bây kích thước file hiển thị bên góc trái giống nhỏ so với số mà bạn thấy lúc đầu, sau chọn File\save để lưu lại kết
Câu hỏi ôn tập
1.Tại bạn phải sử dụng Layer Sets ?
(15)15
BÀI
TẠO CÁC HIỆU ỨNG ĐẶC BIỆT
Với số lượng lớn lọc có Adobe Photoshop, biến hình bình thường thành tác phẩm hội hoạ kỹ thuật số đỉnh cao chọn lọc mà áp dụng cho phép bạn tạo tác phẩm nhìn giống vẽ màu nước hội hoạ truyền thống, tranh vẽ phấn màu hiệu ứng phác thảo sử dụng Adjustment Layer chế độ hoà trộn để làm cho tác phẩm thêm phong phú
1 Tác vụ tự động hóa nhiều thao tác
Action tập hợp nhiều lệnh mà người dùng ghi lại sau áp dụng lệnh cho file đơn lẻ tập hợp nhiều file Trong phần học, người sử dụng thấy Actions Palette giúp bạn tiết kiệm thời gian cách thiết lập trình nhiều thao tác vào hình ảnh sử dụng học
2 Mở cắt (crop) hình
Trong File Browser, nhấp đúp vào biểu tượng Start.jpg để mở Photoshop
Nhấp vào thẻ Info Navigator Palette để hiển thị Info Palette
Trong hộp công cụ, chọn công cụ Crop Giữ phím Shift để tạo thành hình vuông kéo xung quanh lê Khi bạn kéo xong, thả chuột trước sau phím Shift
Hình 2.1 Cắt hình ảnh
(16)16
hình Nếu tạo vùng hình vng tuyệt đối, hai giá trị
Hình 2.2.Cửa sổ Info Palette
Nếu cần thiết, tự điều chỉnh vùng cắt cho lê nằm cân vùng cắt với thơng số sau:
- Chỉnh kích thước vùng cắt chiều cao chiều rộng khơng nhau, kéo góc giá trị W H Info Palette Khơng giữ phím Shift
- Di chuyển vùng cắt, nhấp chuột vào kéo đến vị trí mong muốn
- Định lại kích thước vùng cắt, giữ phím Shift kéo góc vng để làm to thu nhỏ lại vùng cắt
Khi hài lòng với với vùng cắt, nhấp đúp vào vùng cắt nhấn Enter để cắt
Chọn File\Save As lưu hình cắt Pears.jpg Nếu hộp thoại xuất hỏi chất lượng hình, nhấp Ok để chấp nhận giá trị mặc định
(17)17 Hình 2.3.Những hình ảnh cắt 3 Các bước chuẩn bị để tạo Action
Nhấp vào thẻ Action nhóm Palette History Palette để di chuyển Action Palette phía trước, chọn Window\Action cho kết tương tự
Trong Action Palette, chọn nút New Set Palette Hoặc tạo set cách chọn New Set Action Palette menu cách nhấn vào mũi tên màu đen góc bên tay phải Palette
Trong hộp thoại New Set, gõ chữ My Action nhấn OK Sau chọn Window\Dandelion.jpg
Hình 2.4.Chuẩn bị để tạo Action 4 Ghi lại tập hợp Action
Trong Action Palette nhấp vào nút New Action chọn New Action menu Action Palette
Trong hộp thoại New Action, gõ Size&Stroke lựa chọn Name tập hợp My Action chọn lựa chọn Set Sau click Record
(18)18 Hình 2.5.Hộp thoại Image Size
Chọn Select\All, chọn Edit\Stroke Trong hộp thoại Stroke, thiết lập thơng số sau:
Hình 2.6.Hộp thoại Stroke kết
Chọn Select\Deselect Trong Action Palette, chọn nút Stop Palette để dừng việc ghi nhớ lại
5 Chạy Action hình đơn
Áp dụng Action Size & Stroke cho ba hình cắt lại thực sau:
(19)19
Trong Action Palette, chọn Action Size & Stroke tập hợp My Action, sau nhấn vào nút Play, chọn Play Action Palette menu chọn File\Save để lưu lại
Hình 2.7.Chạy Action hình đơn 6 Áp dụng Action cho nhiều file lúc
Áp dụng Action tiến trình tiết kiệm nhiều thời gian cho tác vụ lập lập lại nhiều lần cho hệ thống file, để thực điều cần thực sau:
Đóng hình Dandelion.jpg Sand.jpg lại để lại hai hình Pears.jpg Leaves.jpg, sau chọn File\Automate\Batch
Dưới phần Play hộp thoại Batch chọn My Actions cho lựa chọn Set Action Size & Stroke
Trong vùng Source bạn chọn Opened Files Để Destination None nhấn Ok Action áp dụng cho hai hình Pears Leaves, hai hình có chung kích thước stroke xung quanh Chọn File\Save chọn File\Close để đóng hai hình lại
7 Tạo hình ghép
Sau người dùng chuẩn bị xong cho hình, ghép chúng vào làm cửa sổ Sử dụng đường Guide giúp bạn nhiều việc chỉnh xác hình ảnh mà không nhiều công sức
8 Thêm đường guide
(20)20
Kéo xuống Ruler nằm ngang đến vị trí cửa sổ, ý đến Info Palette để thấy toạ độ Y bạn kéo Nhả chuột Y = 3.000 Inches Một đường màu xanh xuất cửa sổ
Kéo đường guideline từ ruler bên tay trái cửa sổ nhả chuột toạ độ X = 3.000 Inches
Hình 2.8.Thiết lập tọa độ guideline
Chọn View\Snap To đánh dấu vào chữ Guides để chọn nó, chọn View\Ruler để ẩn Ruler
9 Di chuyển ảnh vào vị trí
Chọn File\Open Recent\Pears.jpg Hình lê mở cửa sổ riêng biệt Trong hộp cơng cụ, chọn cơng cụ Move(M), chưa chọn
Nhấp công cụ Move vào phần hình lê kéo từ cửa sổ sang bên cửa sổ lớn có chứa hình Montage.jpg, nhả chuột
Chọn Window\Pears.jpg để chọn lần nữa, sau đóng lại cắch nhấn vào nút đóng vào File\Close