Đang tải... (xem toàn văn)
Nội dung phần 1 Giáo trình Xử lý ảnh nâng cao gồm 4 bài học đầu tiên: Những kỹ thuật layer tiên tiến, tạo các hiệu ứng đặc biệt, tạo lập các liên kết bên trong một bức ảnh, tối ưu hóa hình ảnh trên trang web. Giáo trình này được dùng cho nghề công nghệ thông tin ứng dụng phần mềm và những ai quan tâm đến vấn đề trên.
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 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 Những kỹ thuật layer tiên tiến Bài Tạo hiệu ứng đặc biệt Bài Tạo lập liên kết bên ảnh Bài 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 Bài Thiết lập thông số máy tính cho việc quản lý màu sắc Bài Xuất in ấn với màu sắc phù hợp BÀI NHỮNG KỸ THUẬT LAYER TIÊN TIẾN 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 Tắt thu nhỏ Color, History Navigator Palette di chuyển Layer pallete lên vùng làm việc Mở rộng Layer Pallete cách đặt trỏ cạnh đáy kéo để thấy 10 Layer mà không cần dùng trượt Có layer Layer Palette, có layer Metal Grille nhìn thấy hình Hai layer Rust background đặt bên nó, Layer Metal Grille che layer nằm bên mà khơng nhìn thấy 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 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 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 Trong hộp công cụ, chọn Path Selection tool đặt bên cạnh cơng cụ Type tool, sau nhấn chọn vòng tròn vừa tạo 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 Tạo Layer mask từ Vector path Sử dụng đường tròn phần trước để tạo Layer Mask thực sau: Nhấn Shift nhấp chuột để chọn vòng tròn phần 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 Nhấp chọn biểu tượng Dismiss Target Path tuỳ biến công cụ để bỏ chọn vòng tròn tạo Chọn file\Save để lưu lại 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 Hình 1.7.Tạo Layer sets 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 toà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 Sử dụng Adjustment Layer (Photoshop) Sử dụng Adjustment layer để thử nghiệm với thay đổi màu tông màu cho hình mà khơng sợ ảnh hưởng đến layer chứa hình Adjustment Layer 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 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 layerset, 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 Nhấn giữ phím Shift kéo chuột từ đến gần hình để tạo bóng đổ có màu đen phía suốt phía 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 Á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 Trong phần Structure nằm bên phải hộp thọai Bevel and Emboss, điều chỉnh trượt Depth Size bạn thấy gốc mờ chữ Diesel Sau nhấp Ok để đóng hộp thoại chọn File\Save để lưu lại 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 Giữ phím Alt di chuyển trỏ đến đường phân chia Rust copy Diesel layer pallete Khi trỏ chuột biến thành vòng tròn đè lên nhau, click chuột 10 - Hồ sắc trình duyệt: xảy bên cạnh hồ sắc ứng dụng Hồ sắc trình duyệt xảy trình duyệt web sử dụng màu chép bit (256 màu) xuất bảng màu ảnh tối ưu hố khơng nằm bảng hệ thống trình duyệt web sử dụng 10 Giảm palette màu Để nén kích cỡ tập tin nhiều hơn, giảm lượng màu bảng Color Table Phạm vi số màu bị giảm thường giữ lại chất lượng hình ảnh đẹp giảm dung lượng tập tin cần thiết để lưu trữ màu thừa Với hình ảnh ví dụ có 128 màu tạo tập tin Start.psd thể tuỳ chọn Colors bảng Optimize bên Color Table Mục tiêu cuối bạn phần giảm số màu xuống 32 mà khơng làm hỏng ảnh thực sau: Trên menu pop-up zoom đáy cửa sổ ảnh, chọn 200% lớn sử dụng cơng cụ phóng phóng lớn ảnh bạn Đảm bảo bạn phóng đại đủ lớn để bạn bắt đầu thấy tượng điểm ảnh hố ảnh Dùng cơng cụ Hand Tool, chọn ảnh bên phải thẻ 2-up kéo để bạn nhìn thấy điểm sau đây: Bóng râm dương, số thung lũng đá đỉnh núi với màu xanh da trời nhạt bên phải Hình 4.6 Sử dụng Hand Tool Trong tuỳ chọn Colors bảng Optimize, gõ chọn số 32 menu pop-up 50 Hình 4.10 Tùy chọn Optimize Chọn lại trị số 128 tuỳ chọn Colors Một cách hiển nhiên, đơn giảm bảng màu khơng giải vấn đề Đây khơng phải ý kiến hay Tuy nhiên, có số kỹ thuật mà bạn thử tới cho kết khả quan 11 Tăng độ hoà sắc để tạo giả màu bị thiếu Bên mục Dither bảng Optimize, chọn Diffuse menu pop-up Method kéo trượt đến 100% Hình 4.11 Tùy chọn Diffuse Chọn lại trị số 32 tuỳ chọn Colors, vùng có màu xanh sậm xuất đốm nâu sậm màu xanh Những đám mây vùng thung lũng trông phẳng bầu trời thung lũng ảnh núi - hai trước màu có đốm 51 Kéo trượt Dither xuống 50% thử với tỉ lệ khác ImageReady giảm thiểu tối đa độ hoà sắc ảnh khơng có tỉ lệ hồ sắc giữ bóng đổ mà khơng làm tổn hại đến xanh Cũng vậy, giảm tỉ lệ độ hoà sắc tạo sọc đa sắc đám mây bên thung lũng Sau người dùng chọn lại Dither tới 100% tuỳ chọn Colors 128 (Giữ nguyên thiết lập Dither.) Bóng dương lần lại biến thành màu xanh sậm đốm khơng rõ Trong kích thước tập tin nhỏ ảnh gốc chưa tối ưu hoá, ảnh tối ưu hố lớn chút mà khơng có hồ sắc 12 Khố màu để giữ lại chi tiết hình ảnh Trong hộp cơng cụ, chọn công cụ Eyedropper bấm chọn màu xanh sậm thấy bóng dương lấy mẫu màu Hình 4.12 Cơng cụ Eyedropper Bấm biểu tượng hình khố cuối bảng Color Table để khoá màu xanh chọn Khoá mẫu màu dành ưu tiên cho màu không bị khoá Nếu bạn giảm số lượng màu từ 128 xuống trị số thấp hơn, màu bị khố khơng ảnh hưởng với danh sách màu khơng bị khố Trong bảng Optimize, trả giá trị Colors trị số 32 Bây bóng màu xanh trơng đẹp mắt ý hồ sắc có đốm vào vùng bầu trời thung lũng màu nâu vùng núi màu xanh ảnh Nhấn giữ Spacebar để trỏ thay đổi từ biểu tượng công cụ Eyedropper thành biểu tượng bàn tay Kéo ảnh để phân ảnh bị che ảnh thung lũng phân ảnh bị che ảnh núi, sau palette Optimize, chọn trị số 128 tuỳ chọn Colors 52 Hình 4.13 Kết cơng cụ Eyedropper 13 Khố nhiều màu để ngăn chặn độ hồ sắc khơng mong muốn Chọn cơng cụ Eyedropper bấm chọn màu nâu sậm nằm ảnh thung lũng Bấm nút Lock đáy bảng Color Table để khố màu chọn Một hình vng nhỏ xuất thẻ swatch cho thấy màu bị khoá Hình 4.14 Khóa màu Lập lại thao tác thêm lần nữa, lấy mẫu khoá phần sau đây: Vùng trời màu nâu vùng thung lũng Vùng trời nâu sậm góc trái đỉnh núi Vùng trời xanh nhạt bên phải đỉnh núi 53 Hình 4.15 Khóa màu màu chọn Eyedropper Giảm tuỳ chọn Colors xuống trị số 32 Nhấn giữ spacebar để trỏ biến thành biểu tượng bàn tay kéo ảnh để bạn thấy bìa rừng phía trước núi, phần số văn góc phải ảnh Bây chóp đỉnh ảnh màu xanh bị hoà sắc Thay đổi số lượng màu trị số 128 sử dụng kỹ thuật mà bạn áp dụng thao tác trước để khố màu xanh sậm phần chóp đỉnh trở lại tuỳ chọn Colors chọn trị số 32 Trả số lượng màu trị số 128 dùng kỹ thuật mà bạn sử dụng thao tác để khoá màu, tuỳ chọn Colors, chọn trị số 32 Khảo sát vùng ảnh để đảm bảo khơng có dịch chuyển màu sắc chọn File\Close để đóng lại 14 Giảm thiểu độ hồ sắc trình duyệt Để bảo vệ màu khơng bị hồ sắc trình duyệt, dịch chuyển web màu đó, đổi màu giá trị tương đương gần bảng Web Ví dụ bảng Web bao gồm mảng màu phụ xuất bảng hệ thống Window Các màu bảng Web thể mà khơng hồ sắc trình duyệt nào, để thực điều này, bạn cần thực sau : Với tập tin ảnh Start.psd mở ra, chọn View\Preview\Browser Dither (để dấu kiểm xuất bên cạnh dòng lệnh.) Chú ý hồ sắc trình duyệt xảy bầu trời dốc ảnh thung lũng cho dù bạn khoá màu nâu nhạt bầu trời trước học Bạn dịch chuyển web màu để giảm độ hồ sắc trình duyệt ảnh Thốt khỏi chế độ xem trước trình duyệt, lần nhấn nút Ctrl+Shift+Y Sau chọn công cụ Eyedropper bấm vào nơi vùng bầu trời thung lũng Màu mẫu chọn bảng Color Table 54 Hình 4.16 Chọn màu Eyedropper Bấm nút Web-shift đáy bảng Color Table Mẫu màu đổi vị trí bảng viên kim cương nhỏ xuất mẫu màu cho thấy dịch chuyển sang màu tương đương gần Web Sử dụng kỹ thuật, chọn mẫu màu nâu nhạt dốc thung lũng bấm nútWeb-shift lần nữa, sau chọn View\Preview\Browser Dither, nhấn Ctrl+Shift+Y để xem trước tập tin chế độ Chọn View\Preview\Browser Dither để bỏ chọn chọn File\Save.Bằng cách dịch chuyển web màu nâu, bạn đổi màu thành màu hiển thị mà khơng bị hồ sắc trình duyệt Web hệ thống 256 màu 15 Tối ưu hoá Slice Các nhà thiết kế chuyên nghiệp thường kết hợp loại nguồn ảnh khác thành ảnh đơn Photoshop ImageReady Thí dụ, bạn tạo tập tin ảnh gồm ảnh có vùng màu nhạt kiểu in kết hợp với ảnh có tơng màu liên tục ảnh khác chế độ tô màu theo tỉ lệ bóng phức tạp Rất khó đạt kết thoả đáng tối ưu hoá ảnh sử dụng đơn phương án tối ưu hoá Nếu bạn chia ảnh thành slice, bạn tối ưu hố slice riêng biệt Thí dụ, bạn ứng dụng việc tối ưu hoá dạng GIF cho số vùng ảnh, ứng dụng việc tối ưu hố dạng JPEG PNG cho ảnh khác Để làm điều này, bạn việc chọn slice riêng (dùng công cụ chọn slice) thiết lập tuỳ chọn tối ưu hoá hộp thoại Save For Web (Photoshop) bảng Optimize (ImageReady) 16 Chuyển đổi lớp (Background) thành lớp bình thường Đảm bảo tập tin chọn( ví dụ Start.psd) mở ImageReady, sau chọn ảnh gốc bên trái cửa sổ ảnh 55 Chọn Fit on Screen từ menu Zoom Level góc phía trái bên cửa sổ ảnh, chọn Window\Layer để mở bảng Layers mở menu bảng layers chọn Layers Options Bấm OK để đóng hộp thoại Layer Options mà không thay đổi thiết lập mặc định ( kể tên Layer 0) 17 Sử dụng công cụ Magic Eraser để tạo độ trông suốt Đảm bảo ảnh gốc bên trái cửa sổ ảnh chọn Bạn xố điểm ảnh ảnh chưa tối ưu hố, khơng phải ảnh tối ưu hố Chọn cơng cụ Magic Eraser công cụ ẩn nằm công cụ Eraser Trong tuỳ chọn công cụ, đảm bảo hộp kiểm Contiguous chọn, sau bấm vào trắng xung quanh ảnh màu, mẫu checkerboard thay trắng cho thấy vùng suốt Hình 4.17 Cơng cụ Magic Eraser Bấm chọn vùng màu trắng hình chữ nhật nằm khối màu Giờ hầu hết phông màu trắng bị xố ngoại trừ đảo nhỏ gồm điểm ảnh màu trắng vùng có chữ khép kín 18 Chuyển đổi vùng màu trắng bị cô lập thành suốt Công cụ Magic Eraser không xố vùng màu trắng bị lập vùng chữ tuỳ chọn Contiguous chọn tuỳ chọn công cụ Một 56 cách để chỉnh sửa điểm phóng to bấm vào vùng màu trắng chữ, giống y bạn bấm vào hình chữ nhật màu trắng nằm ảnh Thay thế, bạn sử dụng phương pháp hoạt động hữu hiệu nhiều trường hợp có số lớn vùng nhỏ nằm rải rác mà bạn muốn xoá muốn giữ lại vùng có điểm ảnh màu tương tự mà bạn khơng muốn xố, bạn cần thực sau: Trong tuỳ biến công cụ công cụ Magic Eraser, bỏ tuỳ chọn Contiguous Hình 4.18 Bỏ tùy chọn Contiguous Magic Eraser Chọn công cụ Rectangular Marquee, vẽ vùng chọn hình chữ nhật bao quanh chữ Corners ảnh gốc nằm bên trái Hình 4.19 Sử dụng cơng cụ Rectangular Marquee Bấm giữ phím Shift để trỏ biến thành biểu tượng dấu cộng nhỏ xuất kéo vùng chọn khác hình chữ nhật quanh chữ “Travel” chữ “of” Hai vùng chọn trở thành vùng (Bạn tạo vùng chọn riêng biệt cho chữ “of” bạn thích giữ phím Shift kéo để gia tăng vùng chọn Hoặc bạn thêm khối màu vàng nhỏ bạn chọn chữ “Travel” chữ “of”) 57 Hình 4.20 Kết sử dụng công cụ Rectangular Marquee Chọn công cụ Zoom phóng lớn để bạn dễ nhìn thấy vùng nằm vùng chọn (khoảng 300%) Sau chọn cơng cụ Magic Eraser bấm vào màu trắng chữ “O” Hình 4.21 Cơng cụ Magic Eraser Các điểm ảnh màu trắng chữ “O” chuyển đổi thành điểm ảnh suốt, tương tự điểm ảnh chữ “A” “R” chữ “Travel” chữ “O” chữ “of” có tác dụng vậy, chọn Select\Deselect chọn File\Save để lưu lại kết 19 Hồn tất bảng Color Table Cuộn chọn cơng cụ bàn tay kéo để xem xét tất vùng ảnh Sau chọn ảnh tối ưu hoá nằm bên phải cửa sổ ảnh Trong tuỳ chọn Color palette Optimize, chọn trị số 128 Chọn công cụ Eyedropper bấm chọn vùng màu xanh nhạt góc bên phải ảnh dương 58 Hình 4.22 Sử dụng cơng cụ Eyedropper Trong bảng Color Table, bấm vào biểu tượng ổ khoá để khoá màu Hình 4.23 Khóa màu Trong palette Optimize, chọn trị số 32 số lượng màu Bạn cuộn sử dụng cơng cụ bàn tay để xem hình lần nữa, xác định ảnh có cân hài hồ độ hồ sắc kích thước tập tin, chọn File\Close để đóng hộp thoại 20 Xem trước độ suốt Trong cửa sổ ảnh, chọn ảnh tối ưu hoá (nằm bên phải), bảng Optimize, đảm bảo hộp kiểm Transparency chọn Chọn Transparency chuyển đổi vùng ảnh gốc với độ mờ đục nhỏ 50% sang độ mờ đục ảnh tối ưu hố 59 Hình 4.24 Tùy chọn Optimize Chọn mẫu Matte palette Optimize để mở color picker chọn màu trừ màu trắng Bấm OK để đóng color picker Hình 4.25 Tùy chọn Matte Chọn File\Preview In chọn trình duyệt web từ menu Sau khỏi trình duyệt bạn kết thúc phần xem trước ảnh 60 21 Xén vùng thừa Trong ImageReady, chọn Image\Trim Bạn sử dụng lệnh Trim để xén ảnh theo độ suốt màu điểm ảnh vùng biên thừa Trong hộp thoại Trim, chọn điểm ảnh suốt chưa chọn bấm OK ImageReady xén vùng suốt thừa khỏi ảnh, sau chọn File \Save Optimized As Hình 4.26 Tùy chọn lệnh TRIM - Trong hộp thoại Save Optimized As, dùng tên mặc định (ví dụ Start2.gif) bấm chọn Save Hộp thoại Replace Files, bấm Replace (nếu xuất hiện) Chọn File\Close nhắc để lưu tập tin Start.psd trước đóng lại Đối với học bạn kết thúc với tập tin nên không cần lưu thay đổi cuối 22 Tạo suốt hoà sắc Trong phần học, bạn tạo độ suốt hoà sắc cho ảnh đồ hoạ dùng vùng khác Web site cho tổ chức du lịch giả tưởng Bằng cách tạo độ hoà sắc từ bóng đổ mờ đục thành suốt, bạn tạo chuyển dịch chuyển từ ảnh sang phông thuộc màu trang mà làm lại việc Trong thao tác Đầu tiên bạn áp dụng hiệu ứng bóng đổ vào ảnh Tiếp đến bạn thêm độ hồ sắc vào bóng đổ để pha trộn thành màu cho trang Web Bạn làm điều Photoshop ImageReady, sử dụng phương pháp điều khiển giống vị trí khác chút 61 23 Thêm bóng đổ Chọn File\Open chọn tập tin ( ví dụ Start3.psd) Nếu cần, chọn Window\Layers để mở bảng Layers chọn layer1 chưa chọn Chọn nút Add A Layer Style cuối bảng layers chọn Drop Shadow từ menu Trong hộp thoại Layer Style, nhập vào giá trị sau: - Đối với mục Opacity kéo trượt gõ vào giá trị 65% - Đối với mục Distance, kéo trượt gõ vào trị số15px - Đối với mục Spread, kéo trượt gõ vào trị số 10% - Đối với Size, kéo trượt gõ vào trị số 15px Bấm chọn OK để đóng hộp thoại Drop Shadow Chọn File\Save để lưu kết Hình 4.27 Tùy chọn Drop Shadow 24 Thêm độ hoà sắc suốt vào bóng đổ Với tập tin mở, bạn thực việc chọn File\Save For Web để mở hộp thoại Save For Web Thao tác không cần thiết ImageReady Bấm thẻ Optimized hộp thoại Save For Web (Photoshop) cửa sổ ảnh (ImageReady) thiết lập tuỳ chọn sau bên phải hộp thoại Save For Web (Photoshop) bảng Optimize (ImgeReady): - Trong menu Preset, chọn GIF 128 Dithered - Chọn hộp kiểm Transparency hộp chưa chọn - Trong menu Dither dành cho Transparency, chọn Diffusion - Trong tuỳ chọn Amount, dùng trượt nhập trị số 64% 62 Hình 4.28 Hộp thoại Save For Web Bấm Matte swatch để mở hộp Color Picker Chọn màu khác màu trắng bấm OK (Chúng chọn R=250, G=234, B=212), màu nâu nhạt làm bật màu xanh ảnh hộp thư Để thấy hiệu ứng thiết lập lưới (matte), cố gắng phóng lớn khoảng 400% chí tới 1600% tối đa để bạn nhìn thấy điểm ảnh riêng rẻ độ hoà sắc Chú ý điểm ảnh nằm sát rìa hộp thư vùng khung màu xanh màu sậm, màu khác gia tăng độ hoà trộn với màu matte vị trí nằm xa rìa Hình 4.29 Kết Color Picker 63 25 Tối ưu hoá tập việc xử lý hàng loạt tập tin Trong ImageReady, chọn File\Open, mở tập tin thư mục đích sau thử nghiệm với dạng tập tin khác thiết lập khác bảng Optimize bạn muốn bạn hài lòng với kết Kéo biểu tượng Droplet khỏi bảng Optimize đặt nơi Desktop (Nếu bạn sử dụng Window, bạn phải lấy lại kích thước cửa sổ ImageReady để thấy desktop.), thực đóng tập tin lại khơng thực việc lưu Từ Desktop kéo thư mục đích thả vào droplet để xử lý hàng loạt ảnh đồ hoạ thư mục ImageReady tối ưu hoá ảnh thêm ảnh Web vào thư mục đích Trong ImageReady, mở tất tập tin có định dạng JPEG thư mục đích Sau ImageReady Các câu hỏi ôn tập Đối với việc tối ưu hố hình ảnh, đâu ưu điểm việc sử dụng ImageReady so với Photoshop? Color Table gì? Khi hồ sắc trình duyệt xảy làm bạn giảm thiểu số hồ sắc trình duyệt ảnh? Mục đích việc gán matte color cho ảnh GIF gì? 64 ... đè lên nhau, click chuột 10 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 FileSave để lưu lại 11 Sử dụng lọc Liquify layer... layer ảnh Chọn SelectAll để 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 15 px ) Chọn SelectDeselect để bỏ chọn toàn ảnh, ... tạo (bằng quy trình tự động) xem trước file HTML chứa ảnh bị cắt lát với table cascading style sheet Một image map vùng ảnh phục vụ cho việc hỗ trợ liên kết siêu văn Những trình quản lý việc tạo