Chương 10: Vector masks, paths and shapes Nội dung trang thuộc quyền © Bá tước Monte Cristo - Final Fantasy www.vietphotoshop.com Những có thểđược 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 ơn liên lạc với phải trích dẫn lại nguồn là: Bá tước Monte Cristo - Final Fantasy Không giống ảnh bitmap, ảnh vector giữđược xác cạnh cho dù đến mức Bạn vẽ vector shapes paths photoshop images vector mask để quản lý hiển thị ảnh.Bài học giới thiệu với bạn dụng nâng cao với vector shapes vector Trong bạn sẽđược học cách thực cơng • Phân biệt khác bitmap vector • Vẽ hiệu chỉnh Layeráhapes Path • Hiểu sử dụng hình biểu tượng thu nhỏ (thumbnail) biểu tượng liên kết layer • Tạo Shape Layer phức tạp cách kết hợp loại trừ Shape • Kết hợp Cector Paths để tạo • Sử dụng chếđộ soạn thảo văn để thêm hiệu chỉnh layer • Sử dụng Layer chữđể tạo Work • Sử dụng Work Path để tạo Vector • Load ứng dụng Custom Shape www.vietphotoshop.com - Dịch Bá tước Chương 10: Vector masks, paths and shapes Bài học kéo dài khoảng một tiếng rưỡi Bài thiết kếđể dùng Photoshop, thông tin cách sử dụng chức tương tự Adobe nhắc tới thích Hình Bitmap đồ hoạc Trước làm việc với vector shapes hình đồ hoạ vector, bạn cần phải phân biệt bitmap images vector images Bạn dùng Photoshop hay 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 data trong file Photoshop image cá Bitmap image, tên kỹ thuật gọi Raster Image (ảnh mành), dựa mạng biết đến đơn vị Pixel Mỗi Pixel phân phối vị trí đặc biệt mang màu Khi làm việc với bitmap images, bạn hiệu chỉnh nhiều nhóm pixel đối ảnh Bởi hình bitmap miêu tả tinh tế thay đổi dần màu sắc bóng màu, hợp với hình ảnh có tơng màu liên tục nhưả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 pixel chi tiết xuất nét cưa tăng tỷ lệ hình hay độ phân giải thấp Hình vector vẽ đường thẳng cong xác đinh đơn vị toán học Những ảnh giữđược độ nét di chuyển, thay đổi kích thước màu vector thích hợp với tranh minh hoạ, chữ in hay hình logo mà thay đổi Logo vẽ Logo rasterize thành hình www.vietphotoshop.com - Dịch Bá tước Chương 10: Vector masks, paths and shapes 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 bạn học cách sử dụng nâng cao Path Vector Mask để tạo áp phích đấ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 Bạn bắt đầu học cách xem qua áp phích hồn chỉnh giải đấu golf Khởi động Photoshop, giữ phím ctr+alt+shift (Window) command +Option+shift 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 Trên tuỳ biến công cụ chọn File để mở File Trong File Browser Folder Palette vào Nhấp vào biểu tượng hình thu nhỏ ịnp tin 10Start.psd nhấn Shift-Click 10End.psd Trên menu File Browser, chọn File > Open để mở hai file Nếu thơng báo hỏi bạn có muốn Update layer chữ không? nhấn Chú ý: Thông báo "Update Text Layer" xảy bạn gửi file qua lại hai đặc biệt hai hệđiều hành Windows Chọn file quang sát cửa sổ hình ảnh danh sách Layer bạn muốn làm vậy, bạn nhấn vào nút thu nhỏ tài liệu Đóng File Browser www.vietphotoshop.com - Dịch Bá tước Chương 10: Vector masks, paths and shapes Bây bạn bắt đầu học cách tạo tài liệu cho ap phích mà Tạo hình cho áp Nhiều áp phích thiết kếđể thay đổi tỷ lệ lên xuống mà giữđược hình Bạn tạo Shape với Path dùng Mask đểđiều chỉnh diễn Thêm Shape mang màu sắc cho Bạn bắt đầu cách tạo hình cho Mở file 10Start.psd bạn chưa Một số thứđã chuẩn bị sẵn cho bạn, hình có Layer Background tô màu xanh sốđường Guideline dọc ngang (Nếu bạn không thấy bạn vào View > Show để mở menu phụ đánh dấu chọn Chọn View > Ruler để thị thước kẻ dọc ngang Trong nhóm Layer Palette, kéo thẻ Path Palette khỏi nhóm để dùng riêng bạn cần sử dụng chúng thường Trong Color palette chọn trước màu xanh đậm có giá trị R=0, Trên hộp công cụ chọn Rectangle nhớ chọn Shape Layer tuỳ biến www.vietphotoshop.com - Dịch Bá tước Chương 10: Vector masks, paths and shapes Kéo hình vng từ chỗ giao đường guideline bên trái giao của đường đường bên phải Khoảng 3/4 hình, inch Bạn tạo hình vuông với màu xanh đậm thêm đường viền trắng (Nếu kết ví dụ, bạn phải kiểm tra lại xem bạn chọn công cụ Rectangular nên nhớđây 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 Trong hộp công cụ chọn công cụ Direct Selection ẩn công cụ Path Selection vị trí cạnh hình vng xanh đậm, việc chọn làm xuất vuông 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 bao gồm toàn phần www.vietphotoshop.com - Dịch Bá tước Chương 10: Vector masks, paths and shapes Shift - kéo điểm níu lên phía đến đường guideline (khoảng inch chuột điểm níu dính vào đường Bây giờở cạnh hình màu xanh thành đường chéo xuống 10 Chọn View > Show > Guides đểẩn đường guide đi, bạn khơng cịn sử dụng học Nhưng bạn dùng đến thước kẻ, đừng ẩn 11 Nhấp chuột vào vị trí hay ngồi hình vng xanh đậm đểđể bỏ điêm Bạn nhận đường biên chỗđoạn giao hình màu xanh xanh gãy Pixel không mịn cho Nhưng thực chất bạn nhìn thấy thành phần khơng in in ấn, chỉởđó bạn biết đường Về Shape 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ờđục lớp Hình dạng lớp mặt nạ xác định vùng hình tơ 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 có phần bên nằm Shape mà bạn vẽ khố lại phần nhìn Gradient Xanh Trong Layer Palette hình áp phích, bạn thấy layer mới, tên Shape 1, Background Tổng cộng có biểu tượng hiển thị với tên layer: hai hình www.vietphotoshop.com - Dịch Bá tước Chương 10: Vector masks, paths and shapes 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 toàn layer tô với màu xanh đậm Thanh trượt nhỏở hình nhỏ khơng có chức kéo, thể thể 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 này, phần màu trắng có nghĩa hình ảnh hiển thịởđó phần màu đen bị khố lại khơng hiển 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 Sau bạn tạo Shape Layer, bạn thiết lập tuỳ chọn thành loại bỏ vùng từ hình vector Bạn sử dụng công cụ Path Selection công cụ Direct chuyển, thay đổi kích thước soạn thảo hình dạng Bạn thêm vài ngơi trời” (hình chữ nhật mầu xanh mà bạn tạo) cách loại bỏ số từ xanh Để giúp bạn định vị sao, bạn dùng layer Stars Guides, mà tạo Bây layer 1.Trong Layer Palette, nhấn vào ô vuông bên trái layer Stars Guides để hiển thị biểu mắt layer (nhưng Shape Layer chọn) Layer Stars Guides bây giờđã cửa sổ www.vietphotoshop.com - Dịch Bá tước Chương 10: Vector masks, paths and shapes Trong Path Palettes chắn Shape Vector Mask Trong hộp công cụ chọn công cụ Polygon, ẩn công cụ Trong tuỳ biến cơng cụ, chọn theo hướng • Trong hộp Sides gõ giá trị ấn • Ấn vào mũi tên chọn lựa (ở bên trái hộp Slides) để mở Polygon Options chọn lựa Star gõ 70% vào Indent Sides By, sau ấn chỗ bên Options đểđóng www.vietphotoshop.com - Dịch Bá tước Chương 10: Vector masks, paths and shapes • Chọn tuỳ chọn Subtract From Shape ấn dấu nối trừđể lựa chọn phím tắt bàn phím Con trỏ công cụ polygon xuất một dấu trừ nhỏở Di chuyển trỏ công cụ Polygon qua vùng điểm mầu trắng kéo đến đỉnh viền tia sáng mờ Chú y: Trong bạn kéo, bạn xoay cách kéo trỏ xoay vịng theo muốn Khi bạn thả chuột ra, hình dạng xuất với mầu trắng Tuy nhiên mầu mầu trắng bạn nhìn thấy mầu lớp phía Nếu lớp 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á 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 Layer www.vietphotoshop.com - Dịch Bá tước Chương 10: Vector masks, paths and shapes Trong Layer Palette, chọn biểu tượng mắt layer Stars Guides Chú ý đến biểu tượng thu nhỏđược thay đổi palette Trong Layer biểu tượng thu nhỏ bên trái khơng có thay đổi, biểu tượng mặt nạ vector Palette Path Palette hình ngơi Bỏ chọn Bỏ chọn Path cần thiết để bạn nhìn thấy tuỳ biến cơng cụ bạn cụ vector Việc giúp bạn nhìn thấy vài hiệu ứng cụ thể mà khơng đường dẫn sáng Trước làm mục học bạn phải bỏ Path 1.Chọn công cụ Path Selection , thường ẩn công cụ Direct 2.Trong tuỳ biến công cụ, ấn vào nút Dismiss Chú ý:một cách khác để bỏ chọn Path nhấp chuột vào vùng trống Đường path bạn bây giờđã bỏ chọn đường "gân guốc" biết hình có cạnh sắc nét rõ ràng nằm màu xanh màu xanh Và Shape khơng cịn tơ xanh Path Palette Vẽ đường Tiếp theo, bạn thêm nhiều thành phần khác vào áp phích, bạn làm layer khác Xuyên suốt học này, bạn tạo layer để vẽ, thêm www.vietphotoshop.com - Dịch Bá tước Chương 10: Vector masks, paths and shapes Đóng nhóm Character 7.Chọn File > Tạo Work Path từ layer Bây giờ, từinvitational xuất Layer chữ, khơng phải Work Path Sau layer chữđể tạo Work Path bạn lưu lại Work Path vận dụng khác, đường dẫn vector khơng phải hình Rasterize Do dù kích thước layer chữ rõ ràng mà không bị bể 1.Trong Layer Palette chọn Layer invitational, sau vào Layer > Type > Create Trên Path Palette ý Work path xuất bao gồm biểu tượng thu “invitational www.vietphotoshop.com - Dịch Bá tước Chương 10: Vector masks, paths and shapes 2.Trong Layer Palette chọn layer invitational kéo tới nút Delete Layer , phía chọn File > Bây có đường viền bên ngồi Tạo Work Path từ layer chữ không ảnh hưởng đến văn gốc hồn chỉnh sửa Bạn dùng cơng cụ Type để chọn thay đổi Tuy nhiên, dụng Work Path để thay đổi hình dạng layer chữ Bạn khơng giưa lại layer chữ xuất áp phích tương phản lại với bạn tào từ Thay đổi xuất Work Bây bạn bắt đầu làm việc với Work Path Vector Shape Bạn Direct Selection, cơng cụ chỉnh sửa đường 1.Phóng to hình lên cỡ 200 300% để bạn nhìn thấy chi tiết chữ L tối thiểu inch Shape màu xanh bên 2.Trong hộp công cụ chọn công cụ Direct Selection, thường ẩn công cụ Path 3.Trong cửa sổ hình, ấn phần chữ L vùng 4.Chọn hai điểm đỉnh chữ L cách ấn vào điểm sau giữ Shift ấn (điểm chọn màu đen, khơng chọn 5.Bắt đầu kéo hai điểm hướng lên giữ Shift ép hướng di chuyển, dừng lại chữ L cao cạnh hình trịn tạo Chữ L cao lần www.vietphotoshop.com - Dịch Bá tước Chương 10: Vector masks, paths and shapes Ấn vào bên Work Path để bỏ chọn nó, sau thay đổi kích thước lần để nhìn thấy tồn áp Để chuyển nhanh chếđộ xem 100%, nháy đúp vào biểu tượng công cụ Zoom Để thay đổi thành chếđộ xem Fit On Screen nháy đúp vào biểu tượng Hand Chọn File > Thêm lớp Bây phần tử invitational chỉđơn Work Path không in Để cho áp phích, bạn tạo lớp gradient mà bạn kết hợp với Work Path 1.Trong Layer Palette, ấn nút New Layer để tạo layer có tên 2.Trong hộp công cụ, chọn công cụ Thiết lập mầu foreground thành mầu trắng background thành mầu đen cách lập chếđộ mặc định đen trắng sau ấn X để chuyển mầu foreground background thành 4.Trong tuỳ biến công cụấn mũi tên đổ xuống để mở hộp 5.Chọn gradient thứ hai dịng (Foreground To Transparent) sau www.vietphotoshop.com - Dịch Bá tước Chương 10: Vector masks, paths and shapes 6.Kéo công cụ gradient từ trái qua phải Gradient bao phủ toàn ảnh, với lớp nằm vùng Áp dụng Work Path vào Layer Vector Work Path “invitational” chưa áp dụng cho layer Bây bạn dùng nạ vector cho layer gradient, giới hạn vùng nhìn thấy cho cơng cụ gradient tơ vào hình dạng văn 1.Trong Path Palette chắn Work Path 2.Chọn Layer > Add Vector Mask > Current Work Path trở thành lớp mặt nạ mới, thể biểu tượng thu nhỏ Layer Palette Path Palette, nơi mà mặt nạđược thấy “Layer Vector Mask” sẽẩn gradient tất vùng ảnh trừ vùng bên hình dạng chữ từ 3.Chọn cơng cụ Path Selection, ẩn công cụ Direct Selection sau ấn nút Dismiss tuỳ biến cơng cụđể bỏ chọn tất www.vietphotoshop.com - Dịch Bá tước Chương 10: Vector masks, paths and shapes Chú ý: Bạn có thểấn vào vùng trống phía đường dẫn Path Palette để bỏ đường 4.Trong Layer Palette ấn vào biểu tượng liên kết Layer2 để không liên kết đường gradien Chọn công cụ Move kéo từ trái qua phải ảnh đểđiều chỉnh vị trí gradient mặt nạ Khi bạn cảm thấy vừa ý, chọn File > Tạo hình cờ thêm Trong mục bạn tạo hình tam giác màu đỏ tươi để làm cờ layer layer riêng biệt Trước bắt đầu bạn chắn Layer chọn Palette Trong Layer Palette, chọn layer2 ấn nút New Layer, để tạo layer Chọn công cụ Polygon, ẩn công cụ Trong tuỳ biến công cụ, làm theo hướng • Chọn Fill Pixel, nút thứ ba gần cuối bên trái hộp • Ấn vào mũi tên (bên cạnh hộp Sides) để mở Polygon Options, bỏđánh dấu tuỳ ấn Enter đểđóng • Trong hộp Sides gõ giá trị www.vietphotoshop.com - Dịch Bá tước Chương 10: Vector masks, paths and shapes Trong palette Color, đặt mầu foreground mầu hồng da cam, cách cho B=11 Giữ Shift kéo cơng cụ Polygon để vẽ hình tam giác Chắc chắn hình tam khít từ invitational rìa bên phải ảnh phía bên trái song Bạn xoay Polygon Shape cách thay đổi góc bạn kéo để tạo shift để ép góc xoay góc 6.Chọn cơng cụ Type đặt option theo hướng dẫn • Chọn font giống font sans sarif mà bạn dùng với từ • Kiểu font chọn kiểu • Cỡ font 30 • Nhấp chuột chọn Color Swatch chọn màu trắng Hoặc bạn dùng palette dùng Foreground hộp công cụđể chọn mầu www.vietphotoshop.com - Dịch Bá tước