(NB) Phần 2 của Giáo trình Đồ họa ứng dụng (Nghề Kỹ thuật sửa chữa, lắp ráp máy tính) cung cấp cho người học kiến thức về Làm việc với Layer, văn bản trên Photoshop, các kỹ thuật vẽ của công cụ Pen và tạo các ảnh hoạt hình cho Web...Mời các bạn tham khỏa!
BÀI LÀM VIỆC VỚI LAYER Mỗi file Photoshop chứa nhiều Layer riêng biệt Một file thường Background chứa màu ảnh mà nhìn thấy thơng qua phần suốt Layer tạo thêm sau Ta quản lý Layer bảng hiển thị lớp MỤC TIÊU: − Hiều khái niệm lớp Photoshop; − Biết chế độ hòa trộn thường dùng; − Biết công cụ tô vẽ; − Thao tác lớp; − Sử dụng chế độ hòa trộn; − Sử dụng công cụ tô vẽ; − Sử dụng bảng màu; − Có tính cẩn thận, linh hoạt, sáng tạo, óc thẩm mỹ NỘI DUNG CHÍNH: Cách hiển thị hộp Layer 1.1 Cơ Layer - Mở cửa sổ Layer: Chọn menu Window/ Layer - Tất Layer trừ Background ln suốt, phần bên ngồi ảnh Layer phần suốt nhìn thấy lớp bên - Các Layer suốt tương tự phim có vẽ hình, chồng lên thành nhiều lớp, ta chỉnh sửa, thay đổi kích thước vị trí, xóa lớp mà khơng ảnh hưởng tới hình vẽ khác Layer khác - Khi kết hợp lớp xếp chồng lên để tạo nên ảnh hoàn hảo 1.2 Chọn Layer làm việc Nhấp vào tên lớp hình ảnh thu nhỏ (Thumbnai) Layer Palette Tạo Layer ảnh Copy Layer ảnh 2.1 Tạo lớp Chọn Layer/ New chọn nút Create new Layer bảng lớp (Layer Palette) 92 2.2 Copy Layer ảnh R_click lớp cần chép, chọn Duplicate Layer, nhập tên layer chép nhấn OK 2.3 Xố bỏ lớp Chọn lớp cần xóa, R_click chọn Delete Layer (hoặc chọn lệnh Delete Layer) menu bảng lớp Hoặc Drag lớp thả vào biểu tượng thùng rác bảng lớp Sắp xếp Layer Drag lớp cần di chuyển thả tới nơi cần thay đổi bảng lớp Ẩn, lớp Click vào biểu tượng mắt trước biểu tượng lớp để Ẩn hiển thị lớp (khi có biểu tượng mắt hiển thị lớp, khơng có biểu tượng mắt ngược lại) Liên kết Layer Nối lớp: Chọn lớp cần nối (chọn nhiều lớp ta nhấn giữ phím Shift click vào lớp cần chọn), click chọn biểu tượng móc xích (liên kết) chọn lệnh Link menu lệnh Layer menu bảng lớp Tương tự để mở nối ta thực thao tác nối lúc trước tên lớp khơng có hình sợi xích Cách phối trộn màu Layer Thực chất chế độ hòa trộn cách thức kết hợp với pixel phơng pixel hịa trộn để tạo hiệu đặc biệt nhằm làm cho ảnh trở nên sáng hơn, tối hay thay đổi màu sắc kết cấu tùy thuộc vào chế độ hòa trộn Normal: Chế độ mặc định, màu hòa trộn thay màu Dissole: Tạo hiệu ứng “cọ vẽ khơ” số lượng pixels ngẫu nhiên hịa trộn, đường biên có dùng fether hiệu ứng vỡ hạt đường biên 5.1 Blending Mode (chế độ hoà trộn) Thực trộn màu layer với nhau, mode trộn cho ta cảm giác ảnh Layer hòa nhập vào ảnh layer khác Các Blending mode bố trí phía cửa sổ Layers 93 Để sử dụng Blending mode, ta cần chọn nhiều Layer khác lựa chọn Blending mode tùy ý Các Blending mode chia thành loại chính: Darken (làm tối), Lighten (làm sáng lên), Saturation (độ đậm/nhạt màu), Subtraction (Lọc bỏ số phần) Color (màu sắc) Ta nên hiểu khái niệm sau màu sắc thấy hiệu ứng chế độ hoà trộn - Màu - màu ban đầu file ảnh - Màu hoà trộn - màu thiết lập công cụ vẽ công cụ chỉnh sửa - Màu kết - kết từ chế độ hoà trộn sử dụng ❖ Khái quát chế độ hoà trộn: (Những chế độ phiên Photoshop, hiệu ứng tất phiên bản) Normal Đây chế độ mặc định Photoshop Khơng có hiệu ứng hoà trộn thiết lập chế độ Normal Dissolve 94 Chỉnh sửa vẽ pixel để tạo màu kết Tuy nhiên, màu kết thay đổi ngẫu nhiên giá trị pixel với màu với màu hoà trộn, phụ thuộc vào mức Opacity vị trí pixel Chế độ hồ trộn kết hợp tốt với công cụ Paintbrush Airbrush với kích cỡ lớn Behind Chỉnh sửa vẽ phần suốt layer Chế độ làm việc với chức Preserve Transparency tắt tương tự để vẽ vào phần sau vùng suốt Clear Chỉnh sửa vẽ pixel để tạo suốt Chế độ làm việc với Line tool, Paint bucket tool, lệnh Fill lệnh stroke Ta phải tắt chế độ Preserve Transparency để làm việc với chế độ Multiply Nó tìm thơng tin màu kênh nhân đôi màu màu hồ trộn Màu kết ln màu tối Nhân đôi màu với màu đen cho kết đen, với màu trắng kết khơng đổi Khi ta vẽ với màu mà khơng phải hai màu trắng đen, với nét vẽ liên tục với công cụ Painting tạo màu tối Hiệu ứng tương tự vẽ file ảnh với bút thần kỳ đa chức Screen Với Screen tìm kênh thông tin màu nhân với màu ngược lại màu hoà trộn màu Màu kết luôn màu sáng Nếu ta thiết lập chế độ Screen với màu đen màu khơng thay đổi, ngược lại, hồ trộn với màu trắng cho màu trắng Hiệu ứng giống kiểu chiếu sáng phim ảnh chồng lên Overlay 95 Nhân đôi che chắn màu phụ thuộc vào màu gốc Khi thiết lập lấy làm mẫu che phủ giá trị pixel ảnh lại bảo tồn vùng bóng sáng bóng đen màu gốc Màu gốc không bị thay đổi trộn lẫn với màu hoà trộn để phản xạ vùng sáng vùng tối màu ban đầu Soft Light Làm sáng làm tối màu phụ thuộc vào màu hoà trộn Hiệu ứng tương tự ta chiếu sáng đèn rọi tán sắc lên ảnh Nếu màu trộn (ánh sáng nguồn) nhạt 50% xám, file ảnh làm sáng, Dodge Nếu màu trộn tối 50% xám, file ảnh bì làm tối Burn Vẽ với màu trắng đen tuyệt đối tạo vùng tối sáng khác biệt kết lại màu đen trắng tuyệt đối Hard Light Hiệu ứng nhân đôi che chắn màu, phụ thuộc vào màu hoà trộn Hiệu ứng tương tự ta dùng đèn rọi cực sáng chiếu vào hình ảnh Nếu màu hoà trộn (ánh sáng nguồn) nhạt 50% xám, hình ảnh làm sáng áp dụng hiệu ứng Screen.Điều có ích ta muốn tạo vùng phản chiếu cho file ảnh Nếu màu hoà trộn đậm 50% xám, có hiệu ứng Multiplied Điều có ích ta muốn thêm vùng phủ bóng cho file ảnh Tô vẽ với màu đen trắng tuyệt đối cho kết đen trắng tuyệt đối 10 Color Dodge Hiệu ứng tìm thông tin màu kênh làm sáng màu gốc để phản xạ màu hoà trộn Nếu hoà trộn với màu đen không tạo thay đổi 11 Color Burn 96 Hiệu ứng tìm thông tin màu kênh làm tối màu gốc để phản xạ màu hoà trộn Nếu hoà trộn với màu trắng không tạo thay đổi 12 Darken Hiệu ứng tìm thơng tin màu kênh chọn màu gốc màu hồ trộn (nó so sánh màu nào đậm hơn) để làm màu kết Những pixel nhạt màu hoà trộn bị thay pixel đậm màu hồ trộn khơng bị thay đổi 13 Lighten Hiệu ứng tìm thông tin màu kênh chọn màu gốc màu hồ trộn (nó so sánh màu nhạt hơn) để làm màu kết Những pixel đậm màu hoà trộn bị thay pixel nhạt màu hoà trộn khơng bị thay đổi 14 Difference Nó tìm thơng tin màu kênh bớt màu hoà trộn từ màu gốc bớt màu gốc từ màu hoà trộn, phụ thuộc vào màu có giá trị sáng Trộn với màu trắng đảo ngược giá trị màu gốc; trộn với màu đen không tao thay đổi 15 Exclusion Tạo hiệu ứng tương tự Difference có độ tương phản thấp chế độ Difference Trộn với màu trắng đảo ngược giá trị màu gốc Trộn với màu đen không tạo thay đổi 97 16 Hue Tạo màu kết với độ chói độ đậm màu gốc màu sắc màu hoà trộn 17 Saturation Tạo màu kết với độ chói màu sắc Màu Gốc độ đậm màu Hồ Trộn Tơ vẽ với chế độ vùng với độ đậm không tạo thay đổi 18 Color Tạo màu kết với độ chói Màu Gốc, màu độ đậm màu Hoà Trộn Hiệu ứng bảo tồn mức độ xám hình ảnh hữu ích để tơ màu cho hình ảnh có tính kim loại (Chrome) dùng để tơ màu cho hình ảnh 19 Luminosity Tạo kết với màu độ đậm Màu Gốc, độ chói màu Hồ Trộn Hiệu ứng tạo tác động ngược lại với hiệu ứng Color Ta dùng Blending Mode để tạo hiệu ứng cách đơn giản so với công cụ khác 5.2 Opacity Độ mờ đục lớp ảnh, tối đa 100%, tối thiểu 0% 5.3 Các công cụ tô vẽ 98 - Brush Tool: công cụ cọ vẽ - Pencil Tool: công cụ vẽ nét chì - Gradient Tool: cơng cụ tơ màu chuyển sắc - Paint Bucket Tool: công cụ tô màu (đổ màu) - Rectangle Tool: cơng cụ vẽ hình chữ nhật (nhấn giữ Shift để vẽ hình vng) - Rounded Rectangle Tool: cơng cụ vẽ hình chữ nhật bo góc - Ellipse Tool: cơng cụ vẽ hình elip (nhấn giữ Shift để vẽ hình trịn) - Polygon Tool: cơng cụ vẽ hình đa giác - Line Tool: công cụ vẽ đường - Custom Shape Tool: cơng cụ vẽ hình dạng thư viện Shape - Các công cụ tạo văn bản: - Kích vào nút bung cơng cụ Text xuất nhóm sau: Cơng cụ Horizontal Type Tool tạo dòng text theo chiều ngang Vertical Type Tool tạo dịng text theo chiều dọc Chọn cơng cụ, chọn “định dạng” cho text (font, size, style…) tùy chọn,xong kích chuột vào file ảnh để bắt đầu nhập text.Khi tạo text tự động tạo layer chứa text Để kết thúc lệnh ta bấm Ctrl-Enter kích chọn cơng cụ khác công cụ Để chỉnh sửa Text, ta chọn cơng cụ kích chuột dịng text cần chỉnh sửa Công cụ Horizontal Type Mask Tool tạo text theo chiều ngang Vertical Type Mask Tool tạo Text theo chiều dọc, kết thúc lệnh dòng Text biến thành “vùng chọn dạng text” Khi kích chuột vào file ảnh để nhập Text, mặt nạ màu đỏ nhạt xuật hiện, ta nhập text bình thường,khi kết thúc lệnh mặt nạ biến text “vùng chọn” Để di chuyển “vùng chọn” ta phải sử dụng công cụ tạo vùng chọn 99 Trên tùy chọn vài “nút” dùng “trang điểm” thêm cho text, ta tự tìm hiểu thêm số chức 5.4 Bộ cơng cụ tơ sửa - Healing Brush Tool (J): Sửa chữa vùng hỏng hay thừa ảnh Ta cần chọn kích thước trỏ giữ phím Alt di trỏ tới khu vực thay cho vùng hỏng bng phím Alt thực thao tác tơ lên vết hỏng (Chú ý có chút chế độ hoà trộn điểm cuối ta ngừng click chuột) - Brush Tool (B): Cọ vẽ, công cụ tuyệt vời Photoshop giúp ta vẽ với nhiều loại hình dáng khác nhau, màu sắc, kích cỡ tùy chỉnh, brush có sẵn ta tìm nạp thêm vào để sử dụng - History Brush Tool (H): Brush dùng để lấy lại hình dạng ảnh ban đầu vùng quét - Eraser Tool (E): Xóa vùng mà quét qua, giống cục tẩy để xóa mực - Blur Tool (R): Giúp làm mờ, nhòa vùng quét qua - Dodge Tool (O): Làm sáng vùng quét qua, trừ vùng màu đen - Path Selection Tool (A): Công cụ quản lí, lựa chọn đường kẻ ta vẽ hình dạng bất kì, chủ yếu qua cơng cụ Pen Tool - Finger Painting: Di nhịe có cộng thêm màu tiền cảnh 5.5 Bộ công cụ Stamp Clone Stamp Tool (S): Tương tự công cụ Healing Brush Tool khơng hịa trộn mà lấy hẳn phần chọn để thay vào vùng ảnh hỏng 5.6 Bộ công cụ History - Công cụ History Brush dùng để tô vẽ file ảnh nhằm phục hồi trở lại state hay snapshot - Art History Brush: Làm nhòe điểm ảnh theo phương định + Styde: Lựa chọn phương thức làm nhịe + Fidelity: Mức độ trung thực sau làm nhòe 5.7 Bộ công cụ tẩy (Eraser) - Eraser: Tẩy ảnh Mode : Lựa chọn kiều công cụ 100 Erase to History: Xóa bỏ thao tác làm việc với file ảnh - Background Eraser: Tẩy ảnh - Magic Eraser: Xóa điểm ảnh có màu tương đồng với điểm ảnh nơi click chuột 5.8 Bộ công cụ Gradient/ Pain Bucket - Gradiant Tool (G): Giúp tạo ta vùng có màu hịa trộn - Paint Bucket Tool thay hịa trộn màu tơ màu 5.9 Bộ công cụ Blur/Sharpen/Smudge - Blur: Làm lu mờ hình ảnh ( Giảm độ sắc nét) - Sharpen: Làm tăng độ sắc nét hình ảnh - Smudge: Di nhịe màu sắc 5.10 Bộ cơng cụ Dodge/Burn/Sponge - Công cụ Dodge: Làm sáng ảnh Range: Lựa chọn tông màu để điều chỉnh Shadows: Tông màu tối Midtones: Tông màu trung bình Hightlight: Tơng màu sáng Exposure: Tương tự opacity công cụ tô vẽ khác - Công cụ Burn: Làm tối ảnh - Công cụ Sponge: Thay đổi mức bão hòa màu Desaturale: Giảm độ bão hòa màu Sturate: Tăng độ bão hịa màu 5.11 Cơng cụ Eyedroper ❖ Công cụ Eyedropper (I): Dùng để “hút” mẫu màu vị trí file ảnh hay vị trí hình làm việc để tạo màu cho Foreground Background - Chọn công cụ Trên tùy chọn, chọn “giá trị” Sample size: Point sample: Lấy xác pixel màu vị trí kích chuột 101 áp dụng cho tồn hình ảnh cho vùng chọn lọc cho kết tốt, đồng thời tốt dùng ho ký tự Emboss – Bộ lọc Emboss dùng để tạo hiệu ứng chiều cho hình ảnh, thể hình ảnh lên từ phơng (hoặc khắc vào đó) Bộ lọc Emboss biến tồn hình ảnh thành xám, ngoại trừ ta chọn giá trị xác lập cao, truy nguyên màu xuất Nếu ta cần trả lại màu cho hình ảnh, ta lọc lớp phơng đặt hình ảnh màu lên lớp để phức hợp chế độ Color (hoặc chế độ khác có hiệu lực) Bộ lọc Emboss thường khởi đầu cho việc tạo nhiều hiệu ứng cấu trúc kênh Extrude – Extrude lọc kỳ lạ Nó huỷ hoại rõ rệt nội dung hình ảnh ta, trừu tượng hố hình ảnh mức độ tối thiểu Bộ lọc Extrude tạo tảng thích hợp để xử lý ảnh chụp tác phẩm thủ công,chẳng hạn đan thêu Nó cịn gắn vết rạn nứt vào hình ảnh Bộ lọc Extrude có khả làm cho hình ảnh nom thể vươn lên khơng với dạng chuỗi hình khối hình tháp Find Edges – Bộ lọc Find Edges lọc hữu dụng Photoshop, lọc tạo hiệu ứng đặc biệt Bộ lọc tham gia tích cực vào nhiều quy trình tạo kết cấu, tạo đường viền lý thú hình ảnh áp dụng chế độ Multiply Screen lớp hình ảnh gốc Tuy nhiên, lọc bước nên Find Edges không cung cấp cho ta khả chi phối kết quả.Cách để tác động đến đồng dạng "đường viền" trước tiên phải chạy lọc High Pass hình ảnh.Sau đó, ta dùng lệnh Threshold đường viền để thay đổi có chọn lọc đường viền để thay đổi có chọn lọc đường viền sang màu đen Xem đường viền hình ảnh bật đen hấp dẫn.Để tái tạo hiệu ứng,ta cần chọn lệnh Insert sau áp dụng Find Edges Glowing Edges – Glowing Edges lọc "cấp trên" lọc Find Edges Nó tự động "tìm kiếm đường viền nghịch đảo" Hơn ta chọn kích cỡ số lượng đường viền tìm thấy Bộ lọc cho hiệu ứng đẹp mắt dùng ký tự Solarize – Bộ lọc Solarize làm thay đổi màu cho hình ảnh, tạo hiệu ứng thể giới khác, cách thay đổi đường cong hình ảnh cho giá rị sáng 50% bị nghịch đảo thành đen Hiệu ứng tái tạo kỹ thuật nhiếp ảnh có tên kỹ thuật số, hồ trộn hình ảnh dương ảnh âm Tiles – Bộ lọc Tiles bà họ hàng với lọc Extrude Có thể coi lọc Tiles người em hộ hau chiều lọc Extrude Tiles làm rạn hình ảnh thành khối nhỏ với số lượng người dùng định Mỗi vùng đen chứa phần ảnh gốc, lệch khỏi vị trí 140 ban đầu khoảng cực đại ngẫu nhiên Ta chọn cách thức ta muốn hình ảnh khối hiển thị Nếu chọn hình ảnh khơng thay đổi, ta thấy hiệu ứng lọc mảng hình ảnh bị xê dịch khỏi vị trí ban đầu Tiles rõ ràng lọc tạo hiệu ứng đặc biệt Trace Contour – Bộ lọc Trace Contour dùng để tìm hình dạng hình ảnh Về khái niêm,nó tương tự lọc Find Edges, tìm vùng tương phản gởi chúng đến kênh Ta nhận hiệu ứng phức hợp thú vị cách trộn đường viền với hình ảnh gốc Kỹ thuật phát huy hiệu hình ảnh đơn giản ảnh chụp Wind – Bộ lọc Wind "thổi" luồng khơng khí đến điểm ảnh hình ảnh qt chúng khỏi vị trí ban đầu theo chiều ngang (nếu ta muốn hình ảnh lọc theo chiều dọc,hãy xoay hình ảnh trước áp dụng lọc ) Bộ lọc Wind thuộc loại tạo hiệu ứng đặc biệt, cung hữu dụng để giúp tạo kết cấu dùng bóng dổ phía sau ký tự Đây lọc phải áp dụng nhiều lần ta điều khiển lượng hiệu ứng áp dụng Nhóm lọc gốc SKETCH Nhóm lọc Sketch có nguồn gốc từ tập hợp Adobe Gallery Effects Chúng tượng trưng cho nhiều phong cách nghệ thuật đa dạng, tương tự hình ảnh vẽ tay sử dụng bảng pha màu giới hạn Trong hầu hết trường hợp, màu Background chọn hộp cơng cụ trở thành màu hình ảnh Nhóm lọc có xu hướng đơn giản hố hình dạng hình ảnh.Nhóm lọc Sketch thường dùng logic lệnh Find Edges lệnh Threshold để làm việc.Chúng áp dụng cho ảnh Grayscale RGB Bas Relief – Bộ lọc Bas Relief giusp đơn giản hố hình ảnh phức tạp giúp cải tiến ảnh nét trắng đen đơn giản Bộ lọc tạo hiệu ứng đẹp mắt dùng ký tự lọc đáng yêu ta chọn màu cho hình ảnh Bas Relief tạo hiệu ứng chạm hình ảnh - thể đắp hình dạng bên Nó dùng màu Foreground cho vùng sáng màu Background cho vùng tối Do chọn màu đậm giá trị không tự nhiên cho vùng sáng tối tạo hình ảnh khơng rõ ràng làm cho hình ảnh bị nhoè nhoẹt Bộ lọc Bas Relief tạo kết tốt hai đầu thang tỉ lệ Smoothness Detail Các xác lập ví dụ tạo hình ảnh tựa đúc vào cát.Tuy nhiên.ta nên thử thay đổi Detail đến giá trị thấp thay giá trị cao Nom giả tạo, hiệu ứng thật tuyệt diệu Charcoal – 141 Bộ lọc Charcoal mô vẽ than giấy Sử dụng màu đen trắng, ta nhận phác thảo thuyết phục chọn giá trị cho xác lập điều khiển Bộ lọc giúp đơn giản hố hình ảnh phức tạp Nó khai thác vùng có độ tương phản lớn - khác với nhóm lọc "tìm đường viền" Brush Strokes Bộ lọc Charcoal lọc cách điệu hoá/phác thảo tốt Chalk & Charcoal – Bộ lọc Chalk & Charcoal tạo hiệu ứng vẽ phấn lẫn với than Chalk (phấn) dùng màu Background Charcoal (than củi) dùng màu Foreground Bộ lọc tìm kiếm vùng tương phản hình ảnh Ta định hai xác lập Chalk Charcoal cách riêng rẽ Một lần nữa, lựa chọn màu lại hỗ trợ cho thành công lọc Charlk & Charcoal, trắng đen hai màu tốt 3.10 Bộ lọc Texture Các lọc Texture cung cấp cho hình ảnh dáng vẻ độ sâu hay tình trạng vật chất thực tế, bổ sung dáng vẻ hữu Craquelure Tạo hiệu ứng trông ảnh vẽ bề mặt trát vữa sần sùi, hình thành mạng lưới rỗ chằng chịt theo cạnh màu Grain Bổ sung dạng kết cấu vào hình ảnh cách giả lập loại hạt khác Mosaic Tiles Làm cho hình ảnh trông ghép thành từ nhiều mảnh nhỏ ghép lặp, đồng thời bổ sung kẽ hở mảnh 142 Patch Work Phá vỡ hình ảnh thành mảnh vuông tô màu trội khu vực Stained Glass Chức Stained Glass vẽ lại hình ảnh ban đầu hình đa giác khơng liên kết với Mỗi hình đa giác có màu đơn Texturizer Áp lên hình ảnh dạng kết cấu ta chọn tự tạo Kết luận: Việc sử dụng lọc (Filter) phải áp dụng cho loại hình ảnh, để hiệu ứng lọc đạt hiệu cao 143 Filter Photoshop Filter lọc với nhiều hiệu ứng đặc biệt, với filter công việc sử lý ảnh trở nên đơn giản tiết kiệm nhiều thời giản Ngoài filter bản, Photoshop cịn có nhiều Filter kèm theo mà ta cài thêm vào máy tính ta lúc Các Filter gọi Plug-ins Photoshop Với filter giúp cho phạm vi sử dụng Photoshop không giới hạn Làm việc với Filter Để sử dụng lọc, ta chọn menu filter Những hướng dẫn sau giúp ta chọn lọc: Các filter áp dụng cho layer chọn hiển thị Bộ lọc ta chọn cuối xuất đỉnh mục menu filter sử dụng phím Ctrl+F để lặp lại hiệu ứng vừa Thực Các lọc không áp dụng cho ảnh bitmap-mode, indexed – color ảnh có kênh 16 bit Một vài lọc làm việc ảnh chế độ màu RGB Một vài lọc xử lý nhớ RAM Các lọc Gaussian Blur, Add Noise, Median, Unsharp mask, High Pass, Dust & Scratches Gradient Map dùng cho ảnh có kênh 16 bit Trong loại filter Photoshop, loại tạo ảnh hưởng khác Một vài loại filter làm việc theo chế độ photoshop phân tích pixel ảnh hay vùng chọn chuyển đổi cách tính tốn tạo ngẫu nhiên theo khuôn mẫu định sẵn Đối với Photoshop CS, CS2 việc sử dụng Filter trở nên trực quan phiên trước Các ta có nhìn thấy hiệu ứng trước định chọn chúng 144 BÀI TẬP THỰC HÀNH Bài 1: Sử dụng công cụ Eraser Tool để ghép theo hình Mẫu ban đầu Mẫu hồn thành Bài 2: Sử dụng công cụ Eraser Tool để ghép theo hình Mẫu ban đầu Mẫu hồn thành Bài 3: Sử dụng cơng cụ Eraser Tool để ghép theo hình Các mẫu ban đầu Mẫu hoàn thành Bài 4: Sử dụng công cụ Spot Healing Brush, Path Tool, Clone Stamp để xoá đối tượng gợi ý hình sau: Xố thỏ Xố thuyềnbuồm 145 Xố rác Bài 5: Sử dụng công cụ Spot Healing Brush, Path Tool, Clone Stamp để xoá đối tượng gợi ý hình sau: Mẫu ban đầu Mẫu hồn thành Bài 6: Sử dụng cơng cụ Spot Healing Brush, Path Tool, Clone Stamp để xoá đối tượng gợi ý hình sau: Xố nốt ruồi Xố mụn Xố mụn Bài 7: Tạo bóng đỗ Mẫu ban đầu Mẫu hoàn thành Bài 8: Ghép người mẫu lên cầu theo mẫu kỹ thuật mặt nạ (Layer mask): 146 Mẫu ban đầu Mẫu hoàn thành Bài 9: Ghép người mẫu vào xe theo mẫu kỹ thuật mặt nạ (Layer mask): Mẫu ban đầu Mẫu hoàn thành Bài 10: Sử dụng kỹ thuật mặt nạ (Layer mask) ghép hình sau theo mẫu: Các mẫu ban đầu 147 Mẫu hoàn thành Bài TẠO CÁC ẢNH HOẠT HÌNH CHO WEB Khi thiết kế trang Web với chương trình Photoshop ImageReady ghi nhớ cơng cụ tính có sẵn trình ứng dụng ImageReady thiết kế cho cách trình bày trang Web Ta làm việc với lớp thể đối tượng độc lập: lựa chọn, gom nhóm, canh chỉnh xếp chúng Ngồi đường viền cịn có cơng cụ palette dành cho việc xử lý Web cao cấp tạo ảnh Web động hoạt hình MỤC TIÊU − Trình bày đượcc cách thiết kế trang; − Nêu cách tạo phân loại Slices; − Nêu bước tạo hoạt hình dựa Layer; − Phân loại Slices − Tạo hoạt hình dựa Layer − Rèn luyện tính sáng tạo, thẩm mỹ, linh hoạt, cách tổ chức khoa học NỘI DUNG CHÍNH: Thiết kế trang Trong ImageReady kích cỡ tài liệu xác lập sẵn cho trang biểu ngữ, lưới, đường hướng dẫn, smart guides đơn giản hố việc trình bày trang Cả Photoshop ImageReady cho phép ta đưa nội dung vào kiểu trình bày cách sử dụng Text, công cụ vẽ công cụ tô Trong ImageReady, ta xếp canh chỉnh nội dung cách sử dụng lớp, tập hợp layer lớp gom nhóm Cơng cụ Sclies Khi bố cục trang ta sẵn sàng để xuất sang web, photoshop ImageReady cung cấp cơng cụ Slice phép phân chia kiểu trình bày trang ảnh phức tạp thành vùng xác định xuất xác lập nén độc lập kích cỡ file nhỏ Tạo xem Slices Một Slice hình chữ nhật ảnh mà ta sử dụng để tạo liên kết, hiệu ứng Rollover, hoạt hình trang Web Việc phân chia Slice cho phép ta điều khiển tối ưu hố kích cỡ file cuả ảnh 148 Ta sử dụng slice để chia ảnh nguồn thành vùng hoạt động Khi ta đồng thời lưu ảnh file HTML, Slice lưu dạng file độc lập với xác lập riêng bảng màu, liên kết thích hợp, hiệu ứng Rollover, hiệu ứng động trì Các slice có ích làm việc với ảnh vốn chứa loại liệu khác Chẳng hạn vùng ảnh cần tối ưu hoá dạng GIF để hỗ trợ ảnh động, phần lại cuả ảnh tối ưu hố tốt dạng JPEG, ta tách ảnh động việc sử dụng Slice Các loại Slices 4.1 Tạo Slice từ đường dẫn Thêm đường dẫn vào ảnh Thực điều sau: - Trong photoshop, chọn công cụ Slice, nhấp vào Slice From Giuders Option - Trong ImageReady chọn công cụ Slice, nhấp vào Create From Giuders menu 4.2 Tạo Slice từ vùng chọn - Chọn phần cuả ảnh - Chọn menu Select / Chọn Creat Slice from Selection Image Ready tạo User slice dựa vùng chọn Marquee Nếu vùng chọn làm mịn Feather Slice bao phủ hết vùng chọn kể đường mép làm mịn Nếu vùng chọn khơng có dạng hình chữ nhật, Slice bao phủ lên vùng hình chữ nhật đủ lớn để bao quanh toàn vùng chọn 4.3 Tạo Slice từ lớp Khi ta tạo Slice từ Layer, vùng Slice bao bọc tất liệu pixel layer Nếu ta di chuyển layer hiệu chỉnh nội dung layer vùng slice tự động điều chỉnh để bao quanh pixel Các layer based slice thật hữu ích làm việc với hiệu ứng Rollove Nếu ta ứng dụng kiểu hiệu ứng vào layer chẳng hạn bóng đổ hay hiệu ứng sáng rực 149 – để tạo trạng thái hiệu ứng Rollover, Slice tự động điều chỉnh để chứa pixel Tuy nhiên không sử dụng Slice based ta dự định di chuyển Layer vùng lớn ảnh q trình tạo ảnh động, kích thước slice vượt q kích cỡ hữu ích Chọn Layer Chọn menu Layer / New layer Based Slice Để tạo hấp dẫn cho trang WEB mình, bạn dùng Adobe Image Ready để tạo ảnh GIF hoạt hình từ ảnh đơn giản Do dung lượng file nén nhỏ nên ảnh hoạt hình GIF thể hoạt động hầu hết chương trình duyệt WEB Image Ready giúp ta tạo đoạn hoạt hình cách dễ dàng tiện lợi Tạo hoạt hình dựa layer Làm việc với layer giải pháp để tạo hoạt hình Image Ready Mỗi Frame Frame trước đó, ta chỉnh sửa Frame cách điều chỉnh Layer Ta áp dụng thay đổi layer cho Frame đơn, nhóm Frame hay đoạn hoạt hình - Khi làm việc với Layer Frame, ta tạo hay chép vùng chọn layer, điều chỉnh màu tông màu, thay đổi dộ mờ đục (Opacity), phương pháp phối trơn màu vị trí layer, thực công việc chỉnh sửa, ta làm với layer ảnh - Sử dụng thuộc tính Layer để tạo hiệu ứng hoạt hình dễ dàng cho phép ta lưu file hoạt hình theo định dạng Photoshop để chỉnh sửa lại Chú ý: Một vài thay đổi Layer có tác động cho Frame hành, số thay đổi khác ảnh hưởng đến toàn Frame như: Các Frame thay đổi riêng biệt: - Chỉ có tác động cho frame chọn Animation - Các thay đổi ta làm cho Layer lệnh tùy chọn bảng - Layer bao gồm độ mờ đục, phương pháp trơn màu, hiển thị, vị trí hiệu ứng Layer áp dụng cho Frame chọn Các thay đổi toàn cục (Global) - Tác động với tất Frame đoạn hoạt hình Sử dụng cơng cụ tơ vẽ chỉnh sửa, lệnh điều chỉnh sửa ảnh khác tác động lên tất Frame mà Layer thể - Khi làm việc với Mask, thay đổi vị trí, trạng thái liên kết, trạng thái áp dụng cho Frame định, thay đổi nội dung Pixel hay Vector tác động lên tất Frame 150 5.1 Làm việc với table Image Ready Khi ta chuyển đổi tài liệu có chứa Slice sang HTML, xuất dạng Table, slice riêng lẻ đặt tale riêng lẻ Các Slide thật table Ta chọn gom nhóm slide thành table mà sau xếp chồng table Tuy nhiên, ta xếp lồng xuống cấp Ta định lại kích thước table để phù hợp với thành phần lớp 5.2 Tạo table Ta chọn gom nhóm Slide để xuất dạng table xếp chồng riêng lẻ chuyển đổi tài liệu HTML 5.3 Ðể tạo Table Thực thao tác sau: - Chọn nhiều Slice nhấp nút Group Slice Into Table palette Web Content - Chọn nhiều table sau chọn Slice/ Groud Slices Into table - Chọn Slice thay đổi loại Slice từ dạng Image sang Table palette Slice Chuyển sang palette table để xác lập thuộc tính 5.4 Tạo thư viện ảnh Web (Photoshop) - Ta sử dụng lệnh Web Photo Gallery để tự động tạo thư viện ảnh Web từ tập hợp ảnh Một thư viện ảnh Web làm Web Site có trang chủ với ảnh dạng thumbnail trang với ảnh có kích thước tối đa - Mỗi trang chứa liên kết cho phép khách viếng thăm định hướng site - Photoshop cung cấp nhiều kiểu cho thư viện ta mà ta sử dụng lệnh Web Photo Gallery - Mỗi template cho kiểu thư viện kèm với tuỳ chọn khác Nếu ta chọn kiểu xác lập sẵn lập, số tuỳ chọn mờ đi, khơng có sẵn Style riêng biệt 5.5 Tạo thư viện ảnh Web Khi tạo thư viện trình duyệt file, ảnh ta trình bày theo thứ tự mà chúng hiển thị trình duyệt file Nếu ta muốn xem thứ tự khác, thay đổi thứ tự trình duyệt file sau chọn Web Photo Gallery 151 1) Chọn file folder mà ta muốn sử dụng trình duyệt file 2) Chọn menu File/ Automate/ Web Photo Gallery 3) Bên site thực bước sau: • Chọn Style cho thư viện từ menu Style bật lên Một khung xem trước trang chủ xem trước cho Style chọn xuất hộp thoại • Nhập vào địa mail mà ta muốn hiển thị dạng thông tin liên lạc cho thư viện • Chọn phần mở rộng cho file tạo từ menu Extension bật lên 4) Bên Source Image, thực bước sau: • Trong menu Use bật lên, chọn Folder Select Image from Web browser • Nếu bạn chọn Folder, nhấp chọn Browse, sau chọn thư mực chứa ảnh mà ta muốn xuất thư viện 5) Để xác lập tuỳ chọn chung cho thư viện ảnh, chọn General tự Menu Option bật lên, sau thực bước sau: • Chọn phần mở rộng cho file (HML HTML) • Chọn Use UTIF Encoding for URL ta muốn phương pháp mã hố • Chọn Add Width Height Attributes for Images để gia tăng tốc độ tải xuống 152 BÀI TẬP THỰC HÀNH Bài 1: Sử dụng công cụ Animation tạo ảnh động lưu với phần mở rộng gif cho hình chữ nhật với màu bất kỳ, đó: - Các hình chữ nhật xoay theo hình trịn 3600 - Thuộc tính: Amimation Frames: Forever Bài 27: Sử dụng công cụ Animation tạo ảnh động lưu với phần mở rộng gif cho quạt gió quay liên tục cánh đồng, đó: - Các cánh quạt theo hình trịn 3600 - Thuộc tính: Amimation Frames: Forever Các mẫu ban đầu Mẫu hoàn thành Bài 2: Sử dụng cơng cụ Puppet Warp tạo hình chim đại bàng vỗ cánh lưu với phần mở rộng gif 153 TÀI LIỆU THAM KHẢO [1] Th.s Trịnh Thị Vân Anh Giáo trình kỹ thuật đồ họa NXB Thông tin truyền thông 12/2010 [2] Đậu Ngọc Diệp Giáo trình học nghề CorelDraw X6 01/2015 [3] Nguyễn Thị Minh Hằng, TrầnVăn Tài Giáo trình Photoshop NXB ĐHQG TP Hồ Chí Minh 03/2008 [4] Nguyễn Thị Phương Lan Giáo trình Corel Draw NXB ĐHQG TP Hồ Chí Minh 03/2008 [5] Dương Thị Thúy Hồng, Giáo trình Đồ họa ứng dụng Trường Cao Đẳng Nghề Đắk Lắk 2014 [6] Phùng Thị Nguyệt – Phạm Quang Huy (Năm 2007), Bài tập thực hành Photochop 7.0 & Photoshop CS nâng cao, NXB Giao Thông Vận Tải 154 ... số phần) Color (màu sắc) Ta nên hiểu khái niệm sau màu sắc thấy hiệu ứng chế độ hoà trộn - Màu - màu ban đầu file ảnh - Màu hoà trộn - màu thiết lập công cụ vẽ công cụ chỉnh sửa - Màu kết - kết... kỳ Nhận ảnh vẽ xong nước sơn ướt - Tạo Brush Size: 0-4 0: sử dụng cỡ lớn - Tecture Converage: 0-4 0: Brush size - Converage thấp, texture xuất gơn sóng - Relief: 1-5 0: 15 Water color: tìm hình màu... gồ gềnh, làm cho ảnh ba chiều, ảnh - Highlight Strength : 0 -2 0 : phản ánh nhận (0: khơng phản ánh) từ Filter Plastic Wrap - Detail: 1-1 5: định phần tử ảnh - Smoothness: độ dày Plastic 10 Poster