Vector masks, paths and shapes
Chương 10: Vector masks, paths and shapes Photoshop CS Nội dung trang thuộc quyền © Bá tước Monte Cristo - Final Fantasy www.vietphotoshop.com Những viết in để dùng với mục đích cá nhân phi thương mại Nếu bạn muốn phát hành lại trang web bạn làm ơn liên lạc với tơi phải trích dẫn lại nguồn là: Bá tước Monte Cristo - Final Fantasy www.vietphotoshop.com Không giống ảnh bitmap, ảnh vector giữ xác cạnh cho dù mở rộng đến mức Bạn vẽ vector shapes paths photoshop images thêm vector mask để quản lý hiển thị ảnh.Bài học giới thiệu với bạn cách sử dụng nâng cao với vector shapes vector masks Trong bạn học cách thực cơng việc sau: • Phân biệt khác bitmap vector graphics • Vẽ hiệu chỉnh Layeráhapes Path Layers • Hiểu sử dụng hình biểu tượng thu nhỏ (thumbnail) biểu tượng liên kết cho shape layer • Tạo Shape Layer phức tạp cách kết hợp loại trừ Shape khác • Kết hợp Cector Paths để tạo Shape • Sử dụng chế độ soạn thảo văn để thêm hiệu chỉnh layer chữ • Sử dụng Layer chữ để tạo Work Path • Sử dụng Work Path để tạo Vector Mask • Load ứng dụng Custom Shape Layer www.vietphotoshop.com - Dịch Bá tước Monte Cristo Chương 10: Vector masks, paths and shapes Photoshop CS Bài học kéo dài khoảng một tiếng rưỡi Bài thiết kế để dùng Adobe Photoshop, thông tin cách sử dụng chức tương tự Adobe ImageReady nhắc tới thích hợp Hình Bitmap đồ hoạc Vector Trước làm việc với vector shapes hình đồ hoạ vector, bạn cần phải phân biệt khác bitmap images vector images Bạn dùng Photoshop hay ImageReady để làm việc với hai loại này.,hơn nữa, Photoshop bạn sử dụng kết hợp bitmap vector data trong file Photoshop image cá nhân Bitmap image, tên kỹ thuật gọi Raster Image (ảnh mành), dựa mạng lưới màu sắc biết đến đơn vị Pixel Mỗi Pixel phân phối vị trí đặc biệt mang giá trị màu Khi làm việc với bitmap images, bạn hiệu chỉnh nhiều nhóm pixel đối tượng hay hình ảnh Bởi hình bitmap miêu tả tinh tế thay đổi dần màu sắc bóng màu, chúng thích hợp với hình ảnh có tơng màu liên tục ảnh chụp hay tác phẩm thể chương trình đồ hoạ Một điều bất lợi hình bitmap chúng chứa số cố định đơn vị pixel chi tiết xuất nét cưa tăng tỷ lệ hình hay in với độ phân giải thấp tạo Hình vector vẽ đường thẳng cong xác đinh đơn vị toán học gọi vector Những ảnh giữ độ nét di chuyển, thay đổi kích thước màu sắc Hình vector thích hợp với tranh minh hoạ, chữ in hay hình logo mà thay đổi kích thước Logo vẽ Vector Logo rasterize thành hình bitmap www.vietphotoshop.com - Dịch Bá tước Monte Cristo Chương 10: Vector masks, paths and shapes Photoshop CS Bắt đầu Trong trước bạn học cách sử dụng công cụ Pen để tạo cácáhape Path đơn giản Trong bạn học cách sử dụng nâng cao Path Vector Mask để tạo áp phích cho giải đấu golf tưởng tượng Bạn học cách thêm chữ có liên quan đến thơng tin giải đấu vào hình Bạn bắt đầu học cách xem qua áp phích hồn chỉnh giải đấu golf đầu mùa thu Khởi động Photoshop, giữ phím ctr+alt+shift (Window) command +Option+shift (Mac OS) để trở thiết lập mặc định.Khi xuất thơng báo nhấn yes để lặp lại thiết lập, đóng welcome screen Trên tuỳ biến công cụ chọn File Browser để mở File Browser Trong File Browser Folder Palette vào Lesson10 Nhấp vào biểu tượng hình thu nhỏ ịnp tin 10Start.psd nhấn Shift-Click để chọn file 10End.psd Trên menu File Browser, chọn File > Open để mở hai file Photoshop Nếu thông báo hỏi bạn có muốn Update layer chữ khơng? nhấn Update Chú ý: Thơng báo "Update Text Layer" xảy bạn gửi file qua lại hai máy tính khác đặc biệt hai hệ điều hành Windows Mac OS Chọn file quang sát cửa sổ hình ảnh danh sách Layer Palette Nếu bạn muốn làm vậy, bạn nhấn vào nút thu nhỏ tài liệu 10End.psd Đóng File Browser lại www.vietphotoshop.com - Dịch Bá tước Monte Cristo Chương 10: Vector masks, paths and shapes Photoshop CS Bây bạn bắt đầu học cách tạo tài liệu cho ap phích mà làm Tạo hình cho áp phích Nhiều áp phích thiết kế để thay đổi tỷ lệ lên xuống mà giữ độ nét hình Bạn tạo Shape với Path dùng Mask để điều chỉnh diễn áp phích Thêm Shape mang màu sắc cho hình Bạn bắt đầu cách tạo hình cho poster Mở file 10Start.psd bạn chưa mở Một số thứ chuẩn bị sẵn cho bạn, hình có Layer Background tô Gradient màu xanh số đường Guideline dọc ngang (Nếu bạn không thấy đường bạn vào View > Show để mở menu phụ đánh dấu chọn lệnh Guide) Chọn View > Ruler để thị thước kẻ dọc ngang tài liệu Trong nhóm Layer Palette, kéo thẻ Path Palette khỏi nhóm để dùng riêng cho tiện bạn cần sử dụng chúng thường xuyên Trong Color palette chọn trước màu xanh đậm có giá trị R=0, G=80, B=126 Trên hộp công cụ chọn Rectangle Tool nhớ chọn Shape Layer tuỳ biến công cụ www.vietphotoshop.com - Dịch Bá tước Monte Cristo Chương 10: Vector masks, paths and shapes Photoshop CS Kéo hình vng từ chỗ giao đường guideline bên trái xuống đến vùng giao của đường đường bên phải Khoảng 3/4 hình, dấu inch) Bạn tạo hình vng với màu xanh đậm thêm đường viền trắng (Nếu bạn khơng có kết ví dụ, bạn phải kiểm tra lại xem bạn chọn công cụ Rectangular Shape chưa! nên nhớ công cụ Rectangle phía cơng cụ Type hộp cơng cụ Rectangular Marquee Hơn nữa, tuỳ biến công cụ bạn phải chọn lựa chọn Shape Layer) Trong hộp công cụ chọn công cụ Direct Selection ẩn công cụ Path Selection chọn vị trí cạnh hình vng xanh đậm, việc chọn làm xuất góc hình vng Chọn điểm níu góc trái hình xanh đậm, bạn nên cẩn thận chọn điểm níu thơi, khơng bao gồm tồn phần Path www.vietphotoshop.com - Dịch Bá tước Monte Cristo Chương 10: Vector masks, paths and shapes Photoshop CS Shift - kéo điểm níu lên phía đến đường guideline (khoảng inch thước kẻ) thả chuột điểm níu dính vào đường guide Bây cạnh hình màu xanh thành đường chéo xuống phía 10 Chọn View > Show > Guides để ẩn đường guide đi, bạn khơng cịn sử dụng đến học Nhưng bạn dùng đến thước kẻ, đừng ẩn vội 11 Nhấp chuột vào vị trí hay ngồi hình vng xanh đậm để để bỏ chọn ẩn điêm níu Bạn nhận đường biên chỗ đoạn giao hình màu xanh xanh bị gãy Pixel không mịn cho Nhưng thực chất bạn nhìn thấy đường shape thành phần khơng in in ấn, bạn biết đường Shape Layer chọn Về Shape Layers Các lớp hình dạng có thành phần : fill shape Thuộc tính tơ (fill) xác định mầu, mẫu độ mờ đục lớp Hình dạng lớp mặt nạ xác định vùng hình tô màu vùng phải ẩn Trong layer màu xanh bạn vừa tạo, thuộc tính Fill màu xanh đậm Màu hình nhìn thấy phần bên nằm Shape mà bạn vẽ khố lại phần bạn nhìn Gradient Xanh Trong Layer Palette hình áp phích, bạn thấy layer mới, tên Shape 1, nằm layer Background Tổng cộng có biểu tượng hiển thị với tên layer: hai hình biểu tượng thu www.vietphotoshop.com - Dịch Bá tước Monte Cristo Chương 10: Vector masks, paths and shapes Photoshop CS nhỏ hình ảnh biểu tượng mắt xích nhỏ nằm Hình biểu tượng thu nhỏ bên trái cho biết tồn layer tơ với màu xanh đậm trước Thanh trượt nhỏ hình nhỏ khơng có chức kéo, thể layer chỉnh sửa Hỉnh biểu tượng thu nhỏ bên phải cho bạn thấy Vector Mask layer Trong hình biểu tượng này, phần màu trắng có nghĩa hình ảnh hiển thị phần màu đen nơi hình bị khố lại khơng hiển thị Hình mắt xích cho bạn biết Layer liên kết với Vector Mask Loại bớt shape từ shape layer Sau bạn tạo Shape Layer, bạn thiết lập tuỳ chọn thành loại bỏ vùng Shape từ hình vector Bạn sử dụng cơng cụ Path Selection công cụ Direct Selection để di chuyển, thay đổi kích thước soạn thảo hình dạng Bạn thêm vài vào “bầu trời” (hình chữ nhật mầu xanh mà bạn tạo) cách loại bỏ số ngơi từ hình dạng mầu xanh Để giúp bạn định vị sao, bạn dùng layer Stars Guides, mà tạo sẵn cho bạn Bây layer ẩn 1.Trong Layer Palette, nhấn vào ô vuông bên trái layer Stars Guides để hiển thị biểu tượng mắt layer (nhưng Shape Layer chọn) Layer Stars Guides lên cửa sổ hình www.vietphotoshop.com - Dịch Bá tước Monte Cristo Chương 10: Vector masks, paths and shapes Photoshop CS Trong Path Palettes chắn Shape Vector Mask chọn Trong hộp công cụ chọn công cụ Polygon, ẩn công cụ Rectangle Trong tuỳ biến công cụ, chọn theo hướng dẫn sau: • Trong hộp Sides gõ giá trị ấn Enter • Ấn vào mũi tên chọn lựa (ở bên trái hộp Slides) để mở Polygon Options Đánh dấu vào chọn lựa Star gõ 70% vào ô Indent Sides By, sau ấn chỗ bên ngồi Polygon Options để đóng www.vietphotoshop.com - Dịch Bá tước Monte Cristo Chương 10: Vector masks, paths and shapes • Chọn tuỳ chọn Subtract From Shape Area Photoshop CS ấn dấu nối trừ để lựa chọn với phím tắt bàn phím Con trỏ công cụ polygon xuất dấu cộng với dấu trừ nhỏ Di chuyển trỏ công cụ Polygon qua vùng điểm mầu trắng kéo đỉnh viền tia sáng mờ dần Chú y: Trong bạn kéo, bạn xoay ngơi cách kéo trỏ xoay vịng theo hướng bạn muốn xoay Khi bạn thả chuột ra, hình dạng ngơi xuất với mầu trắng Tuy nhiên tô mầu mầu trắng bạn nhìn thấy mầu lớp phía Nếu lớp có ảnh khác, pattern, mầu bạn khơng nhìn thấy phía Lặp lại bước cho ba điểm trắng cịn lại hình để có tổng cộng bốn Chú ý tất cá ngơi có đường viền khơng mịn, có nghĩa hình chọn Một biểu khác để biết Shape chọn biểu tượng mặt nạ vector Shape sáng lên Layer Palette www.vietphotoshop.com - Dịch Bá tước Monte Cristo Chương 10: Vector masks, paths and shapes Photoshop CS Trong Layer Palette, chọn biểu tượng mắt layer Stars Guides để ẩn Chú ý đến biểu tượng thu nhỏ thay đổi palette Trong Layer Palette biểu tượng thu nhỏ bên trái khơng có thay đổi, biểu tượng mặt nạ vector Layer Palette Path Palette hình ngơi Bỏ chọn Path Bỏ chọn Path cần thiết để bạn nhìn thấy tuỳ biến công cụ bạn chọn công cụ vector Việc giúp bạn nhìn thấy vài hiệu ứng cụ thể mà khơng rõ ràng đường dẫn sáng Trước làm mục học bạn phải bỏ chọn tất Path 1.Chọn công cụ Path Selection , thường ẩn công cụ Direct Selection 2.Trong tuỳ biến công cụ, ấn vào nút Dismiss Target path Chú ý: cách khác để bỏ chọn Path nhấp chuột vào vùng trống Path Palette Đường path bạn bỏ chọn đường "gân guốc" biết để lại hình có cạnh sắc nét rõ ràng nằm màu xanh màu xanh Và Shape Vector Mask khơng cịn tô xanh Path Palette Vẽ đường path Tiếp theo, bạn thêm nhiều thành phần khác vào áp phích, bạn làm việc với chúng layer khác Xuyên suốt học này, bạn tạo layer để vẽ, thêm chữ, dán 10 www.vietphotoshop.com - Dịch Bá tước Monte Cristo Chương 10: Vector masks, paths and shapes Photoshop CS Đóng nhóm Character Palette lại 7.Chọn File > Save Tạo Work Path từ layer chữ Bây giờ, từ invitational xuất Layer chữ, khơng phải Work Path Sau bạn sử dụng layer chữ để tạo Work Path bạn lưu lại Work Path vận dụng Work Path khác, đường dẫn vector khơng phải hình Rasterize Do dù tăng hay giảm kích thước layer chữ rõ ràng mà không bị bể Pixel 1.Trong Layer Palette chọn Layer invitational, sau vào Layer > Type > Create Work Path Trên Path Palette ý Work path xuất bao gồm biểu tượng thu nhỏ chữ “invitational” 20 www.vietphotoshop.com - Dịch Bá tước Monte Cristo ... logo mà thay đổi kích thước Logo vẽ Vector Logo rasterize thành hình bitmap www.vietphotoshop.com - Dịch Bá tước Monte Cristo Chương 10: Vector masks, paths and shapes Photoshop CS Bắt đầu Trong... www.vietphotoshop.com - Dịch Bá tước Monte Cristo Chương 10: Vector masks, paths and shapes Photoshop CS Trong Path Palettes chắn Shape Vector Mask chọn Trong hộp công cụ chọn công cụ Polygon, ẩn... để biết Shape chọn biểu tượng mặt nạ vector Shape sáng lên Layer Palette www.vietphotoshop.com - Dịch Bá tước Monte Cristo Chương 10: Vector masks, paths and shapes Photoshop CS Trong Layer Palette,