Photoshop - Bài tập: Dạng chữ mắt lưới

n. BIÊN SOẠN : KỸ SƯ PHẠM QUANG HUY 890 ĐIỆN BIÊN PHỦ QUẬN 1O THÀNH PHỐ HỒ CHÍ MINH stklacviet@hcm.vnn.vn TEL : 088334168-0903728344 TỰ HỌC PHOTOSHOP 6.0 BẰNG HÌNH ẢNH SƯU TẦM THÔNG TIN KỸ THUẬT MỚI BÀI TẬP : DẠNG CHỮ PLASTIC TRONG Bạn có thể thấy các đám mây trên các chữ trông dường như hơi đậm. Vì vậây bạn hãy giảm độ mờ đục Opacity của layer này xuống khoảng 40% để đạt kết quả tốt hơn. Hình sau khi giảm độ mờ đục Opacity xuống 50%. Bây giờ bạn sẽ thực hiện nhanh chóng một hiệu ứng bộ lọc cuối cùng bằng cách nhấp Layer 1. Sau đó gọi lệnh Filter > Sharpen > Sharpen Edge để làm sắc nét các cạnh của chữ. Như vậy là bạn đã hoàn thành một hiệu ứng đơn giản. BIÊN SOẠN : KỸ SƯ PHẠM QUANG HUY 890 ĐIỆN BIÊN PHỦ QUẬN 1O THÀNH PHỐ HỒ CHÍ MINH stklacviet@hcm.vnn.vn TEL : 088334168-0903728344 TỰ HỌC PHOTOSHOP 6.0 BẰNG HÌNH ẢNH SƯU TẦM THÔNG TIN KỸ THUẬT MỚI BÀI TẬP : DẠNG CHỮ PLASTIC TRONG Để có thể kết hợp các hình ảnh chữ bằng chất dẻo này với một file khác, hãy nhấp biểu tượng con mắt bên trái layer Background trong palette Layers để ẩn layer Background. Khi ẩn layer Background bạn có thể thấy một nền trong suốt màu trắng. Bước kế tiếp các bạn hãy gọi lệnh Select > All để chọn toàn bộ hình, một khung với các đường lấm chấm như kiến bò xuất hiện bao quanh khung màn hình làm việc. BIÊN SOẠN : KỸ SƯ PHẠM QUANG HUY 890 ĐIỆN BIÊN PHỦ QUẬN 1O THÀNH PHỐ HỒ CHÍ MINH stklacviet@hcm.vnn.vn TEL : 088334168-0903728344 TỰ HỌC PHOTOSHOP 6.0 BẰNG HÌNH ẢNH SƯU TẦM THÔNG TIN KỸ THUẬT MỚI BÀI TẬP : DẠNG CHỮ PLASTIC TRONG Sau đó, tiếp tục gọi lệnh Edit > Copy Merged để sao chép kết hợp các lớp được tạo trong hình. Sau đó, bạn nhấp trở lại hộp chứa biểu tượng con mắt để hiển thị layer Background trên hình. BIÊN SOẠN : KỸ SƯ PHẠM QUANG HUY 890 ĐIỆN BIÊN PHỦ QUẬN 1O THÀNH PHỐ HỒ CHÍ MINH stklacviet@hcm.vnn.vn TEL : 088334168-0903728344 TỰ HỌC PHOTOSHOP 6.0 BẰNG HÌNH ẢNH SƯU TẦM THÔNG TIN KỸ THUẬT MỚI BÀI TẬP : DẠNG CHỮ PLASTIC TRONG Bây giờ thì xin chúc mừng bạn đã hoàn thành bài tập này, sản phẩm cuối cùng của bạn sẽ như hình dưới đây. Công việc cuối cùng của bạn là lưu lại bài tập này để có thể sử dụng sau này. Bạn có thể áp dụng hướng dẫn trên để tạo trên những chữ khác, chẳn hạn như chữ STK sau : Chúc bạn thành công ! BIÊN SOẠN : KỸ SƯ PHẠM QUANG HUY 890 ĐIỆN BIÊN PHỦ QUẬN 1O THÀNH PHỐ HỒ CHÍ MINH stklacviet@hcm.vnn.vn TEL : 088334168-0903728344 TỰ HỌC PHOTOSHOP 6.0 BẰNG HÌNH ẢNH SƯU TẦM THÔNG TIN KỸ THUẬT MỚI BÀI TẬP : TẠO CHỮ DẠNG RỈ SẮT BÀI TẬP TẠO CHỮ DẠNG RỈ SẮT Trong bài tập này, các bạn được hướng dẫn tạo dạng chữ trông giống như bị rỉ sắt, tạo cảm giác như nhìn vào một bề mặt kim loại bị oxi hoá trên mặt. Hình dưới cho thấy kết quả khi thực hiện xong Các bước tiến hành Đầu tiên bạn sẽ tạo một kết cấu giống như bị rỉ sắt. Bạn sẽ bắt đầu bằng việc gọi lệnh File > New. Hộp thoại New xuất hiện Hãy nhập một tên cho hình trong hộp Name Trong khung Image Size định kích thước cho hình như sau : Width : 600 pixel, Height: 300 pixel Và độ phân giải Resolution là 300 dpi, trong hộp Mode, chọn chế độ RGB Color. Thiết lập xong nhấp OK. BIÊN SOẠN : KỸ SƯ PHẠM QUANG HUY 890 ĐIỆN BIÊN PHỦ QUẬN 1O THÀNH PHỐ HỒ CHÍ MINH stklacviet@hcm.vnn.vn TEL : 088334168-0903728344 TỰ HỌC PHOTOSHOP 6.0 BẰNG HÌNH ẢNH SƯU TẦM THÔNG TIN KỸ THUẬT MỚI BÀI TẬP : TẠO CHỮ DẠNG RỈ SẮT Bây giờ bạn hãy nhấp vào hộp màu Set background color để chọn một màu tô cho Layer Background trong hình vừa tạo. Sau khi bạn nhấp vào hộp màu hậu cảnh Background hộp màu Color Picker xuất hiện. Trong hộp màu Color Picker bạn chọn một màu nâu với các thông số như sau R: 112, G: 45, B: 7. Chọn xong nhấp chuột vào OK. BIÊN SOẠN : KỸ SƯ PHẠM QUANG HUY 890 ĐIỆN BIÊN PHỦ QUẬN 1O THÀNH PHỐ HỒ CHÍ MINH stklacviet@hcm.vnn.vn TEL : 088334168-0903728344 TỰ HỌC PHOTOSHOP 6.0 BẰNG HÌNH ẢNH SƯU TẦM THÔNG TIN KỸ THUẬT MỚI BÀI TẬP : TẠO CHỮ DẠNG RỈ SẮT Bây giờ, màu nâu bạn vừa chọn đã xuất hiện trong hộp màu Background. Bạn hãy nhấn Ctrl + BackSpace trên bàn phím để tô màu trong hộp Background cho hình. BIÊN SOẠN : KỸ SƯ PHẠM QUANG HUY 890 ĐIỆN BIÊN PHỦ QUẬN 1O THÀNH PHỐ HỒ CHÍ MINH stklacviet@hcm.vnn.vn TEL : 088334168-0903728344 TỰ HỌC PHOTOSHOP 6.0 BẰNG HÌNH ẢNH SƯU TẦM THÔNG TIN KỸ THUẬT MỚI BÀI TẬP : TẠO CHỮ DẠNG RỈ SẮT Tiếp theo, bạn tạo một layer mới bằng cách nhấp vào nút Create a new layer bên dưới bảng Layers. Layer mới xuất hiện có tên là Layer 1 và nằm ngay bên trên Layer Background. Bây giờ, bạn sẽ tô màu cho Layer 1 với một màu nâu khác nhạt hơn, bạn hãy nhấp chuột vào hộp màu tiền cảnh Set foreground color để hiển thị hộp màu Color Picker. Trong hộp màu Color Picker chọn một màu nâu với các thông số sau R: 140, G: 102, B: 54. Sau khi chọn xong màu nâu trong hộp Color Picker, nhấp chuột vào nút OK. BIÊN SOẠN : KỸ SƯ PHẠM QUANG HUY 890 ĐIỆN BIÊN PHỦ QUẬN 1O THÀNH PHỐ HỒ CHÍ MINH stklacviet@hcm.vnn.vn TEL : 088334168-0903728344 TỰ HỌC PHOTOSHOP 6.0 BẰNG HÌNH ẢNH SƯU TẦM THÔNG TIN KỸ THUẬT MỚI BÀI TẬP : TẠO CHỮ DẠNG RỈ SẮT Màu nâu bạn chọn đã xuất hiện trong hộp màu Set foreground color. Bạn hãy nhấn tổ hợp phím Alt + BackSpace để tô màu trong hộp tiền cảnh cho Layer 1. BIÊN SOẠN : KỸ SƯ PHẠM QUANG HUY 890 ĐIỆN BIÊN PHỦ QUẬN 1O THÀNH PHỐ HỒ CHÍ MINH stklacviet@hcm.vnn.vn TEL : 088334168-0903728344 TỰ HỌC PHOTOSHOP 6.0 BẰNG HÌNH ẢNH SƯU TẦM THÔNG TIN KỸ THUẬT MỚI BÀI TẬP : TẠO CHỮ DẠNG RỈ SẮT Sau đó, bạn hãy gọi lệnh Filter > Noise > Add Noise. Hộp thoại Add Noise xuất hiện. Trong hộp thoại này, bạn thiết lập các thông số sau : Nhập giá trị 16 cho hộp Amount. Trong mục Distribition nhấp chọn tùy chọn Gaussian, chọn mục Monochromatic. Chọn xong nhấp chuột vào nút OK. BIÊN SOẠN : KỸ SƯ PHẠM QUANG HUY 890 ĐIỆN BIÊN PHỦ QUẬN 1O THÀNH PHỐ HỒ CHÍ MINH stklacviet@hcm.vnn.vn TEL : 088334168-0903728344 TỰ HỌC PHOTOSHOP 6.0 BẰNG HÌNH ẢNH SƯU TẦM THÔNG TIN KỸ THUẬT MỚI BÀI TẬP : TẠO CHỮ DẠNG RỈ SẮT Sau đó, bạn gọi tiếp lệnh Filter > Stylize > Find Edges. Bây giờ, bạn hãy quay trở lại bảng Layers và chọn chế độ Soft Light từ Tab Layers. BIÊN SOẠN : KỸ SƯ PHẠM QUANG HUY 890 ĐIỆN BIÊN PHỦ QUẬN 1O THÀNH PHỐ HỒ CHÍ MINH stklacviet@hcm.vnn.vn TEL : 088334168-0903728344 TỰ HỌC PHOTOSHOP 6.0 BẰNG HÌNH ẢNH SƯU TẦM THÔNG TIN KỸ THUẬT MỚI BÀI TẬP : TẠO CHỮ DẠNG RỈ SẮT Tiếp theo, hãy tạo tiếp một layer mới, layer này sẽ có tên là Layer 2. Bạn hãy tô màu cho Layer 2 với một màu nâu rất đậm với thông số màu (R: 51, G: 51, B: 51), cách tô màu tương tự như khi tô màu cho Layer 1. Sau khi chọn màu cho hộp màu tiền cảnh, nhấn Alt + Backspace để tô màu cho Layer 2. BIÊN SOẠN : KỸ SƯ PHẠM QUANG HUY 890 ĐIỆN BIÊN PHỦ QUẬN 1O THÀNH PHỐ HỒ CHÍ MINH stklacviet@hcm.vnn.vn TEL : 088334168-0903728344 TỰ HỌC PHOTOSHOP 6.0 BẰNG HÌNH ẢNH SƯU TẦM THÔNG TIN KỸ THUẬT MỚI BÀI TẬP : TẠO CHỮ DẠNG RỈ SẮT Sau đó, bạn gọi lệnh Filter > Noise > Add Noise. Trong hộp thoại Add Noise, bạn nhập giá trị 16 cho hộp Amount, nhấp chọn hai mục Gaussian và Monochromatic. Chọn xong nhấp chuột vào OK. BIÊN SOẠN : KỸ SƯ PHẠM QUANG HUY 890 ĐIỆN BIÊN PHỦ QUẬN 1O THÀNH PHỐ HỒ CHÍ MINH stklacviet@hcm.vnn.vn TEL : 088334168-0903728344 TỰ HỌC PHOTOSHOP 6.0 BẰNG HÌNH ẢNH SƯU TẦM THÔNG TIN KỸ THUẬT MỚI BÀI TẬP : TẠO CHỮ DẠNG RỈ SẮT Tiếp theo, bạn gọi tiếp lệnh Filter > Stylize > Diffuse. Trong hộp thoại Diffuse, bạn nhấp chọn mục Lighten Only. Chọn xong nhấp OK. Trên màn hình bạn có kết quả sau : BIÊN SOẠN : KỸ SƯ PHẠM QUANG HUY 890 ĐIỆN BIÊN PHỦ QUẬN 1O THÀNH PHỐ HỒ CHÍ MINH stklacviet@hcm.vnn.vn TEL : 088334168-0903728344 TỰ HỌC PHOTOSHOP 6.0 BẰNG HÌNH ẢNH SƯU TẦM THÔNG TIN KỸ THUẬT MỚI BÀI TẬP : TẠO CHỮ DẠNG RỈ SẮT Bây giờ, bạn hãy nhấp đúp vào công cụ Magic Wand Tool để hiển thị bảng Magic Wand Options. Trong bảng Magic Wand Options, bạn nhập giá trị 1 cho hộp Tolerance và nhấp chọn mục Anti-Aliased. Tiếp theo, bạn hãy nhấp chọn công cụ Magic Wand Tool vào hình của bạn để chọn các điểm ảnh có màu tương tự nhau. Sau đó, bạn nhấn phím Delete trên bàn phím để xoá các phần chọn. Tiếp tục nhấn Ctrl + D để bỏ chọn. Cứ thế, bạn tiếp tục chọn vùng và xóa để có màu nâu như hình. BIÊN SOẠN : KỸ SƯ PHẠM QUANG HUY 890 ĐIỆN BIÊN PHỦ QUẬN 1O THÀNH PHỐ HỒ CHÍ MINH stklacviet@hcm.vnn.vn TEL : 088334168-0903728344 TỰ HỌC PHOTOSHOP 6.0 BẰNG HÌNH ẢNH SƯU TẦM THÔNG TIN KỸ THUẬT MỚI BÀI TẬP : TẠO CHỮ DẠNG RỈ SẮT Bây giờ bạn tạo một layer mới nữa, layer này sẽ có tên là Layer 3. Sau đó, bạn tô màu cho Layer 3 với màu nâu đậm như đối với Layer 2 (R: 51, G: 51, B: 51). BIÊN SOẠN : KỸ SƯ PHẠM QUANG HUY 890 ĐIỆN BIÊN PHỦ QUẬN 1O THÀNH PHỐ HỒ CHÍ MINH stklacviet@hcm.vnn.vn TEL : 088334168-0903728344 TỰ HỌC PHOTOSHOP 6.0 BẰNG HÌNH ẢNH SƯU TẦM THÔNG TIN KỸ THUẬT MỚI BÀI TẬP : TẠO CHỮ DẠNG RỈ SẮT Cách tô màu làm tương tự như đối với Layer 2, nếu như màu đã có sẵn trong hộp màu tiền cảnh từ trước khi tô màu cho Layer 2 thì bạn chỉ việc nhấn Alt + Backspace để tô màu cho Layer 3. Sau đó, gọi lệnh Filter > Noise > Add Noise, trong hộp thoại Add Noise nhập 16 vào hộp Amount, nhấp chọn hai mục Gaussian và Monochromatic. Chọn xong nhấp OK. Trên màn hình bạn có kết quả như sau: Bạn hãy gọi tiếp lệnh Filter > Artistic > Plastic Wrap. BIÊN SOẠN : KỸ SƯ PHẠM QUANG HUY 890 ĐIỆN BIÊN PHỦ QUẬN 1O THÀNH PHỐ HỒ CHÍ MINH stklacviet@hcm.vnn.vn TEL : 088334168-0903728344 TỰ HỌC PHOTOSHOP 6.0 BẰNG HÌNH ẢNH SƯU TẦM THÔNG TIN KỸ THUẬT MỚI BÀI TẬP : TẠO CHỮ DẠNG RỈ SẮT Trong hộp thoại Plastic Wrap bạn hãy nhập giá trị cho các hộp như sau : Highlight Strength : 13, Detail : 14, và Smoothness : 2. Sau khi thiết lập các giá trị xong nhấp OK. Bây giờ, bạn hãy quay lại bảng Layers, đảm bảo Layer 3 đang hiển thị, chọn chế độ Soft Light từ menu trên bảng Layers. BIÊN SOẠN : KỸ SƯ PHẠM QUANG HUY 890 ĐIỆN BIÊN PHỦ QUẬN 1O THÀNH PHỐ HỒ CHÍ MINH stklacviet@hcm.vnn.vn TEL : 088334168-0903728344 TỰ HỌC PHOTOSHOP 6.0 BẰNG HÌNH ẢNH SƯU TẦM THÔNG TIN KỸ THUẬT MỚI BÀI TẬP : TẠO CHỮ DẠNG RỈ SẮT Tiếp theo, bạn hãy tạo một layer Adjustment bằng cách gọi lệnh Layer > New Adjust Layer > Brightness/Contrast. Hộp thoại New Layer xuất hiện, bạn nhấp OK tiếp tục. Hộp thoại Brightness/Contrast xuất hiện tiếp sau đó, bạn hãy kéo rê con trượt để chỉ định hoặc nhập các giá trị cho các hộp như sau : BIÊN SOẠN : KỸ SƯ PHẠM QUANG HUY 890 ĐIỆN BIÊN PHỦ QUẬN 1O THÀNH PHỐ HỒ CHÍ MINH stklacviet@hcm.vnn.vn TEL : 088334168-0903728344 TỰ HỌC PHOTOSHOP 6.0 BẰNG HÌNH ẢNH SƯU TẦM THÔNG TIN KỸ THUẬT MỚI BÀI TẬP : TẠO CHỮ DẠNG RỈ SẮT Brightness : +75 và Contrast : +40. Chọn xong nhấn OK. Tiếp theo, bạn nhấp chọn công cụ Type Tool trên thanh công cụ. Trên màn hình xuất hiện thanh thuộc tính, bạn nhấp chọn biểu tượng Create a mask or selection BIÊN SOẠN : KỸ SƯ PHẠM QUANG HUY 890 ĐIỆN BIÊN PHỦ QUẬN 1O THÀNH PHỐ HỒ CHÍ MINH stklacviet@hcm.vnn.vn TEL : 088334168-0903728344 TỰ HỌC PHOTOSHOP 6.0 BẰNG HÌNH ẢNH SƯU TẦM THÔNG TIN KỸ THUẬT MỚI BÀI TẬP : TẠO CHỮ DẠNG RỈ SẮT Tiếp theo, trên thanh thuộc tính bạn chọn font, và kích cỡ chữ như sau : Sau đó bạn rê chuột vào màn hình, màn hình sẽ đổi màu, nhưng không có vấn đề gì cả, bạn cứ tiến hành nhập chữ STK hay bất kỳ một chữ nào khác. Chữ bạn vừa tạo sẽ xuất hiện trên hình nhưng không nằm đúng vị trí như bạn mong, vì vậây hãy đưa chuột nhấp ra ngoàivùng chữ, con trỏ chuột sẽ biến đổi thành biểu tượng công cụ di chuyển, bạn hãy nhấp và di chuyển chữ vào giữa hình. Sau đó, bạn nhấp chọn công cụ Move Tool trên thanh công cụ. BIÊN SOẠN : KỸ SƯ PHẠM QUANG HUY 890 ĐIỆN BIÊN PHỦ QUẬN 1O THÀNH PHỐ HỒ CHÍ MINH stklacviet@hcm.vnn.vn TEL : 088334168-0903728344 TỰ HỌC PHOTOSHOP 6.0 BẰNG HÌNH ẢNH SƯU TẦM THÔNG TIN KỸ THUẬT MỚI BÀI TẬP : TẠO CHỮ DẠNG RỈ SẮT Bây giờ, bạn hãy gọi lệnh Edit > Copy Merged để sao chép kết hợp các layer trong hình. Tiếp theo, gọi tiếp lệnh Edit > Paste để dán lại hình. Sau khi bạn gọi lệnh Paste, một Layer mới sẽ xuất hiện và có tên là Layer 4, layer này là một lớp kết hợp tất cả các lớp layer trong hình. BIÊN SOẠN : KỸ SƯ PHẠM QUANG HUY 890 ĐIỆN BIÊN PHỦ QUẬN 1O THÀNH PHỐ HỒ CHÍ MINH stklacviet@hcm.vnn.vn TEL : 088334168-0903728344 TỰ HỌC PHOTOSHOP 6.0 BẰNG HÌNH ẢNH SƯU TẦM THÔNG TIN KỸ THUẬT MỚI BÀI TẬP : TẠO CHỮ DẠNG RỈ SẮT Bây giờ bạn sẽ thêm một bóng đổ bên trong bằng cách gọi lệnh Layer > Layer Style > Inner Shadow. Trong hộp thoại Layer Style xuất hiện, bạn chỉ định độ bóng mờ trong hộp Opacity là 100%, còn các mục khác tương tự như bảng trình bày dưới đây, bạn có thể thay đổi các giá trị khác tùy theo ý thích của bạn. Chọn xong nhấp chuột vào nút OK. BIÊN SOẠN : KỸ SƯ PHẠM QUANG HUY 890 ĐIỆN BIÊN PHỦ QUẬN 1O THÀNH PHỐ HỒ CHÍ MINH stklacviet@hcm.vnn.vn TEL : 088334168-0903728344 TỰ HỌC PHOTOSHOP 6.0 BẰNG HÌNH ẢNH SƯU TẦM THÔNG TIN KỸ THUẬT MỚI BÀI TẬP : TẠO CHỮ DẠNG RỈ SẮT Sau khi nhấp OK trong hộp thoại Layer Style, trên màn hình bạn có kết quả là chữ nổi lên hẳn so với nền. Bây giờ, bạn hãy tạo tiếp một layer Adjustment bằng cách gọi lệnh Layer > New > Adjustment Layer (bạn cũng có thế nhấn phím Ctrl và nhấp vào nút Create new layer để tạo một layer Adjustment). Trong hộp thoại New Adjustment Layer, bạn hãy chọn mục Hue/Saturation từ menu hộp Type. Hộp thoại New Layr xuất hiện. BIÊN SOẠN : KỸ SƯ PHẠM QUANG HUY 890 ĐIỆN BIÊN PHỦ QUẬN 1O THÀNH PHỐ HỒ CHÍ MINH stklacviet@hcm.vnn.vn TEL : 088334168-0903728344 TỰ HỌC PHOTOSHOP 6.0 BẰNG HÌNH ẢNH SƯU TẦM THÔNG TIN KỸ THUẬT MỚI BÀI TẬP : TẠO CHỮ DẠNG RỈ SẮT Trong hộp thoại này, nhấp chọn mục Group with Previous Layer bên dưới hộp thoại. Sau đó nhấp OK. Sau khi nhấp OK, hộp thoại Hue/Saturation xuất hiện. Trong hộp thoại này, bạn kéo rê thanh trượt để điều chỉnh hoặc nhập các giá trị cho các hộp như sau : Saturation : -100, Lightness : -40. Sau đó nhấp OK. Bây giờ, bạn hãy kích hoạt Layer 2 bằng cách nhấp chọn nó. BIÊN SOẠN : KỸ SƯ PHẠM QUANG HUY 890 ĐIỆN BIÊN PHỦ QUẬN 1O THÀNH PHỐ HỒ CHÍ MINH stklacviet@hcm.vnn.vn TEL : 088334168-0903728344 TỰ HỌC PHOTOSHOP 6.0 BẰNG HÌNH ẢNH SƯU TẦM THÔNG TIN KỸ THUẬT MỚI BÀI TẬP : TẠO CHỮ DẠNG RỈ SẮT Sau đó, bạn nhấp chọn công cụ Paintbrust Tool hoặc nhấn phím B trên bàn phím để chọn công cụ này. Trên màn hình xuất hiện thanh thuộc tính, bạn nhấp vào mũi tên hướng xuống ở bảng cọ, chọn cọ Spatter 12 pixels. Tiếp theo, bạn chỉ định màu xám cho hộp màu tiền cảnh bằng cách nhấp vào hộp màu Set Foreground color để hiển thị hộp Color Picker. BIÊN SOẠN : KỸ SƯ PHẠM QUANG HUY 890 ĐIỆN BIÊN PHỦ QUẬN 1O THÀNH PHỐ HỒ CHÍ MINH stklacviet@hcm.vnn.vn TEL : 088334168-0903728344 TỰ HỌC PHOTOSHOP 6.0 BẰNG HÌNH ẢNH SƯU TẦM THÔNG TIN KỸ THUẬT MỚI BÀI TẬP : TẠO CHỮ DẠNG RỈ SẮT Trong hộp màu Color Picker bạn nhập các giá trị RGB (115, 115, 115) để định một màu xám hơi sậm. Sau khi nhập xong nhấp OK. Bây giờ bạn hãy chọn một cọ vẽ trong bảng Brushes và vẽ quanh các cạnh của chữ để xoá đi các rỉ sắt, ngụy tạo cho chữ. BIÊN SOẠN : KỸ SƯ PHẠM QUANG HUY 890 ĐIỆN BIÊN PHỦ QUẬN 1O THÀNH PHỐ HỒ CHÍ MINH stklacviet@hcm.vnn.vn TEL : 088334168-0903728344 TỰ HỌC PHOTOSHOP 6.0 BẰNG HÌNH ẢNH SƯU TẦM THÔNG TIN KỸ THUẬT MỚI BÀI TẬP : TẠO CHỮ DẠNG RỈ SẮT Bạn cứ thực hiện tương tự như vậy cho đến hết tất cả các chữ còn lại. BIÊN SOẠN : KỸ SƯ PHẠM QUANG HUY 890 ĐIỆN BIÊN PHỦ QUẬN 1O THÀNH PHỐ HỒ CHÍ MINH stklacviet@hcm.vnn.vn TEL : 088334168-0903728344 TỰ HỌC PHOTOSHOP 6.0 BẰNG HÌNH ẢNH SƯU TẦM THÔNG TIN KỸ THUẬT MỚI BÀI TẬP : TẠO CHỮ DẠNG RỈ SẮT Nếu bạn muốn tạo ra các nét như mạng nhện, hãy nhấp chọn công cụ Pencil Tool (hoặc nhấn phím N trên bàn phím). Trên màn hình xuất hiện thanh thuộc tính, hãy nhấp vào mũi tên hướng xuống, trên bảng cọ chọn một cọ vẽ đường kính 1 pixel. Tiếp theo, vẽ các đường để ngụy tạo cho chữ như một mạng nhện bao quanh, bạn phải nhớ là vẫn chọn Layer 2 để vẽ. Vì cọ 1 pixels rất nhỏ nên bạn hãy dùng công cụ Zoom Tool phóng ảnh để dể quan sát và vẽ. Bạn hãy vẽ những nét nhỏ thả xuống như mạng nhện đeo vào. BIÊN SOẠN : KỸ SƯ PHẠM QUANG HUY 890 ĐIỆN BIÊN PHỦ QUẬN 1O THÀNH PHỐ HỒ CHÍ MINH stklacviet@hcm.vnn.vn TEL : 088334168-0903728344 TỰ HỌC PHOTOSHOP 6.0 BẰNG HÌNH ẢNH SƯU TẦM THÔNG TIN KỸ THUẬT MỚI BÀI TẬP : TẠO CHỮ DẠNG RỈ SẮT BIÊN SOẠN : KỸ SƯ PHẠM QUANG HUY 890 ĐIỆN BIÊN PHỦ QUẬN 1O THÀNH PHỐ HỒ CHÍ MINH stklacviet@hcm.vnn.vn TEL : 088334168-0903728344 TỰ HỌC PHOTOSHOP 6.0 BẰNG HÌNH ẢNH SƯU TẦM THÔNG TIN KỸ THUẬT MỚI BÀI TẬP : TẠO CHỮ DẠNG RỈ SẮT Để thêm các chi tiết phụ vào Layer 4 bạn tiến hành nhấp chọn Layer 4 và gọi lệnh Filter > Sharpen > Unsharp Mask. Trong hộp thoại Unsharp Mask, bạn nhập giá trị 500% cho hộp Amount Radius : 0.2 pixels Và Threshold : 1 levels. Chọn xong nhấn OK để thực hiện lệnh. BIÊN SOẠN : KỸ SƯ PHẠM QUANG HUY 890 ĐIỆN BIÊN PHỦ QUẬN 1O THÀNH PHỐ HỒ CHÍ MINH stklacviet@hcm.vnn.vn TEL : 088334168-0903728344 TỰ HỌC PHOTOSHOP 6.0 BẰNG HÌNH ẢNH SƯU TẦM THÔNG TIN KỸ THUẬT MỚI BÀI TẬP : TẠO CHỮ DẠNG RỈ SẮT 1. Bây giờ, bạn hãy chọn Select > All để chọn toàn bộ hình. Tiếp theo, chọn Edit > Copy Merged để sao chép kết hợp toàn bộ các layer trong hình. BIÊN SOẠN : KỸ SƯ PHẠM QUANG HUY 890 ĐIỆN BIÊN PHỦ QUẬN 1O THÀNH PHỐ HỒ CHÍ MINH stklacviet@hcm.vnn.vn TEL : 088334168-0903728344 TỰ HỌC PHOTOSHOP 6.0 BẰNG HÌNH ẢNH SƯU TẦM THÔNG TIN KỸ THUẬT MỚI BÀI TẬP : TẠO CHỮ DẠNG RỈ SẮT Bước kế tiếp, bạn hãy nhấp vào layer trên cùng, đó là layer Adjustment (layer dùng để hiệu chỉnh). Bạn chọn Edit > Paste để dán bản sao kết hợp các lớp lên layer này. Hãy đảm bảo Layer vừa dán vào sẽ nằm bên trên tất cả các layer khác (layer này có tên là Layer 5). BIÊN SOẠN : KỸ SƯ PHẠM QUANG HUY 890 ĐIỆN BIÊN PHỦ QUẬN 1O THÀNH PHỐ HỒ CHÍ MINH stklacviet@hcm.vnn.vn TEL : 088334168-0903728344 TỰ HỌC PHOTOSHOP 6.0 BẰNG HÌNH ẢNH SƯU TẦM THÔNG TIN KỸ THUẬT MỚI BÀI TẬP : TẠO CHỮ DẠNG RỈ SẮT Bây giờ, để thêm một chi tiết nữa, bạn hãy gọi lệnh Filter > Sharpen > Unsharp Mask. Trong hộp thoại Unsharp Mask, bạn nhập các giá trị như sau : Amount: 300%, Radius: 0.2 pixel Và Threshold: 1. Để kết thúc nhấp OK. BIÊN SOẠN : KỸ SƯ PHẠM QUANG HUY 890 ĐIỆN BIÊN PHỦ QUẬN 1O THÀNH PHỐ HỒ CHÍ MINH stklacviet@hcm.vnn.vn TEL : 088334168-0903728344 TỰ HỌC PHOTOSHOP 6.0 BẰNG HÌNH ẢNH SƯU TẦM THÔNG TIN KỸ THUẬT MỚI BÀI TẬP : TẠO CHỮ DẠNG RỈ SẮT Bây giờ, bạn sẽ thêm hiệu ứng ánh sáng cho chữ. Bạn hãy gọi lệnh Filter > Render > Lighting Efffects. Trong hộp thoại Lighting Effects, bạn thiết lập điểm sáng sao cho ánh sáng chiếu xuống từ phía trên bên trái. Sau đó, điều chỉnh cả hai con trượt Shiny và Metallic tới vị trí 100. Các giá trị khác bạn có thể điều chỉnh giống như hình trình bày dưới đây hoặc bạn có thể điều chỉnh cho đúng yêu cầu của bạn. Sau khi thiết lập xong các giá trị nhấp OK. BIÊN SOẠN : KỸ SƯ PHẠM QUANG HUY 890 ĐIỆN BIÊN PHỦ QUẬN 1O THÀNH PHỐ HỒ CHÍ MINH stklacviet@hcm.vnn.vn TEL : 088334168-0903728344 TỰ HỌC PHOTOSHOP 6.0 BẰNG HÌNH ẢNH SƯU TẦM THÔNG TIN KỸ THUẬT MỚI BÀI TẬP : TẠO CHỮ DẠNG RỈ SẮT BIÊN SOẠN : KỸ SƯ PHẠM QUANG HUY 890 ĐIỆN BIÊN PHỦ QUẬN 1O THÀNH PHỐ HỒ CHÍ MINH stklacviet@hcm.vnn.vn TEL : 088334168-0903728344 TỰ HỌC PHOTOSHOP 6.0 BẰNG HÌNH ẢNH SƯU TẦM THÔNG TIN KỸ THUẬT MỚI BÀI TẬP : TẠO CHỮ DẠNG RỈ SẮT Sau khi thực hiện đưa ánh sáng vào vùng chữ, bạn có kết quả sau : Chúc mừng bạn đã thành công ! PHẦN MỞ RỘNG Bạn cần lưu ý như sau :trong hộp thoại Lighting Effect bạn có thể di chuyển trục chiếu sáng để chọn một vị trí đặt ánh sáng thích hợp. BIÊN SOẠN : KỸ SƯ PHẠM QUANG HUY 890 ĐIỆN BIÊN PHỦ QUẬN 1O THÀNH PHỐ HỒ CHÍ MINH stklacviet@hcm.vnn.vn TEL : 088334168-0903728344 TỰ HỌC PHOTOSHOP 6.0 BẰNG HÌNH ẢNH SƯU TẦM THÔNG TIN KỸ THUẬT MỚI BÀI TẬP : TẠO CHỮ DẠNG RỈ SẮT Ngoài ra bạn có thể hiệu chỉnh màu ánh sáng, bằng cách nhấp chuột vào hộp màu. Hộp thoại Color Picker xuất hiện. Trong hộp thoại này hãy chọn một màu tùy ý. Chọn xong nhấp OK. Trên hộp màu lúc này đã xuất hiện màu bạn vừa chọn. Ngoài ra bạn có thể kết hợp các chọn lựa khác như : Chọn Omni trên mục Light type; chọn các kiểu màu sẽ làm nổi bật trên mục Texture Chanel. BIÊN SOẠN : KỸ SƯ PHẠM QUANG HUY 890 ĐIỆN BIÊN PHỦ QUẬN 1O THÀNH PHỐ HỒ CHÍ MINH stklacviet@hcm.vnn.vn TEL : 088334168-0903728344 TỰ HỌC PHOTOSHOP 6.0 BẰNG HÌNH ẢNH SƯU TẦM THÔNG TIN KỸ THUẬT MỚI BÀI TẬP : TẠO CHỮ DẠNG RỈ SẮT Và bạn có thể kết hợp các tùy chọn trên khung Style với các kiểu ánh sáng. BIÊN SOẠN : KỸ SƯ PHẠM QUANG HUY 890 ĐIỆN BIÊN PHỦ QUẬN 1O THÀNH PHỐ HỒ CHÍ MINH stklacviet@hcm.vnn.vn TEL : 088334168-0903728344 TỰ HỌC PHOTOSHOP 6.0 BẰNG HÌNH ẢNH SƯU TẦM THÔNG TIN KỸ THUẬT MỚI BÀI TẬP : TẠO CHỮ DẠNG RỈ SẮT Chúc các bạn thành công, hẹn gặp lại các bạn trong bài tập sau. BIÊN SOẠN : KỸ SƯ PHẠM QUANG HUY 890 ĐIỆN BIÊN PHỦ QUẬN 1O THÀNH PHỐ HỒ CHÍ MINH stklacviet@hcm.vnn.vn TEL : 088334168-0903728344 TỰ HỌC PHOTOSHOP 6.0 BẰNG HÌNH ẢNH SƯU TẦM THÔNG TIN KỸ THUẬT MỚI BÀI TẬP : TẠO NÚT CHO TRANG WEB BÀI TẬP TẠO NÚT CHO TRANG WEB Bài tập này sẽ hướng dẫn các bạn thực hành tạo các nút cho trang Web như hình dưới đây: 1. Đầu tiên bạn hãy tạo một ảnh mới trong chế độ RGB Color bằng cách chọn lệnh File > New từ thanh trình đơn. Hộp thoại New xuất hiện. Trong hộp Name bạn nhập vào một tên (ví dụ LogoNut), Trong vùng Image Size bạn định kích thước cho hình (Width : 200 pixel, Height : 100 pixel), chỉ định độ phân giải ảnh là 300 pixel/inch và trong hộp Mode bạn nhấp mũi tên bên phải hộp để chọn chế độ RGB Color. Sau khi chọn xong nhấp chuột vào nút OK. BIÊN SOẠN : KỸ SƯ PHẠM QUANG HUY 890 ĐIỆN BIÊN PHỦ QUẬN 1O THÀNH PHỐ HỒ CHÍ MINH stklacviet@hcm.vnn.vn TEL : 088334168-0903728344 TỰ HỌC PHOTOSHOP 6.0 BẰNG HÌNH ẢNH SƯU TẦM THÔNG TIN KỸ THUẬT MỚI BÀI TẬP : TẠO NÚT CHO TRANG WEB Một file ảnh mới có tên LogoNut xuất hiện với phông nền màu trắng. Để tô một phông nền hậu cảnh với một màu hơi đậm cho ảnh trên, bạn hãy nhấp chuột vào hộp chọn màu hậu cảnh (Background Color}. Hộp màu Color Picker xuất hiện, bạn nhấp chuột để chọn một màu thích hợp trong mục Select background color (kết hợp với thay đổi con trượt lên xuống trong hộp màu nằm bên cạnh). BIÊN SOẠN : KỸ SƯ PHẠM QUANG HUY 890 ĐIỆN BIÊN PHỦ QUẬN 1O THÀNH PHỐ HỒ CHÍ MINH stklacviet@hcm.vnn.vn TEL : 088334168-0903728344 TỰ HỌC PHOTOSHOP 6.0 BẰNG HÌNH ẢNH SƯU TẦM THÔNG TIN KỸ THUẬT MỚI BÀI TẬP : TẠO NÚT CHO TRANG WEB Chọn xong nhấp chuột vào nút OK để đóng hộp Color Picker. Sau đó bạn nhấn tổ hợp phím Shift + BackSpace (hoặc gọi lệnh Edit > Fill) để hiển thị hộp thoại tô màu Fill. Trong vùng Contents của hộp thoại Fill, nhấp chuột vào mũi tên hướng xuống phía dưới nằm bên phải hộp Use để chọn mục Background Color. Sau khi chọn màu nhấp chuột vào nút OK. BIÊN SOẠN : KỸ SƯ PHẠM QUANG HUY 890 ĐIỆN BIÊN PHỦ QUẬN 1O THÀNH PHỐ HỒ CHÍ MINH stklacviet@hcm.vnn.vn TEL : 088334168-0903728344 TỰ HỌC PHOTOSHOP 6.0 BẰNG HÌNH ẢNH SƯU TẦM THÔNG TIN KỸ THUẬT MỚI BÀI TẬP : TẠO NÚT CHO TRANG WEB Màu nền hậu cảnh bạn chọn được tô đầy cho ảnh LogoNut của bạn. Bước kế tiếp bạn chọn lệnh View > Show Rulers hay dùng tổ hợp phím gọi tắt Ctrl + R để hiển thị các thanh thước ngang và dọc. Hai thanh thước ngang và dọc xuất hiện trên ảnh của bạn như hình sau : BIÊN SOẠN : KỸ SƯ PHẠM QUANG HUY 890 ĐIỆN BIÊN PHỦ QUẬN 1O THÀNH PHỐ HỒ CHÍ MINH stklacviet@hcm.vnn.vn TEL : 088334168-0903728344 TỰ HỌC PHOTOSHOP 6.0 BẰNG HÌNH ẢNH SƯU TẦM THÔNG TIN KỸ THUẬT MỚI BÀI TẬP : TẠO NÚT CHO TRANG WEB Trong Channels Pallette nhấp chuột vào nút Create new channel để tạo một Channel mới. Một Channel mới xuất hiện bên dưới các Channel cũ với tên Alpha 1, đồng thời ảnh của bạn được tô một màu đen. Bây giờ bạn hãy nhấp chuột vào cạnh dưới của thanh thước ngang để kéo hai đường chỉ dẫn xuống giữa kênh vừa tạo trong ảnh. BIÊN SOẠN : KỸ SƯ PHẠM QUANG HUY 890 ĐIỆN BIÊN PHỦ QUẬN 1O THÀNH PHỐ HỒ CHÍ MINH stklacviet@hcm.vnn.vn TEL : 088334168-0903728344 TỰ HỌC PHOTOSHOP 6.0 BẰNG HÌNH ẢNH SƯU TẦM THÔNG TIN KỸ THUẬT MỚI BÀI TẬP : TẠO NÚT CHO TRANG WEB Khoảng cách giữa hai đường là chiều cao của nút. Nhấp chọn hình tam giác bên phải công cụ Lasso Tool một menu xuất hiện, chọn công cụ Polygonal Lasso Tool. Sau đó nhấp vào phía bên trái đường kẻ trên cùng và kéo rê chéo xuống tới đường kẻ bên dưới tạo thành một góc. Tiếp tục nhấp và di chuyển công cụ Lasso đi theo đường kẻ bên dưới, và sau đó tiếp tục kéo rê lên trên tới dường kẻ bên trên, rồi quay trở lại điểm đầu tiên, nhấp vào để tạo ra một vùng chọn. Khi nhấp và kéo rê bạn nên canh theo thước dọc và thước ngang để xác định đúng điểm nhấp trên hai đường kẻ. BIÊN SOẠN : KỸ SƯ PHẠM QUANG HUY 890 ĐIỆN BIÊN PHỦ QUẬN 1O THÀNH PHỐ HỒ CHÍ MINH stklacviet@hcm.vnn.vn TEL : 088334168-0903728344 TỰ HỌC PHOTOSHOP 6.0 BẰNG HÌNH ẢNH SƯU TẦM THÔNG TIN KỸ THUẬT MỚI BÀI TẬP : TẠO NÚT CHO TRANG WEB Tô đầøy vùng mới chọn với màu trắng bằng cách chọn lệnh Edit > Fill. Trong vùng Contents của hộp thoại Fill chọn White (màu trắng) trong hộp Use và trong phần Blending, mục Opacity (độ đục) chỉ định 100%. Chọn xong nhấp chuột vào nút OK. Vùng chọn được tô đầy với màu trắng. Chúng ta vừa tạo phía bên trái của nút định thiết kế. BIÊN SOẠN : KỸ SƯ PHẠM QUANG HUY 890 ĐIỆN BIÊN PHỦ QUẬN 1O THÀNH PHỐ HỒ CHÍ MINH stklacviet@hcm.vnn.vn TEL : 088334168-0903728344 TỰ HỌC PHOTOSHOP 6.0 BẰNG HÌNH ẢNH SƯU TẦM THÔNG TIN KỸ THUẬT MỚI BÀI TẬP : TẠO NÚT CHO TRANG WEB Bây giờ chúng ta sẽ tạo tiếp phần bên phải nút định thiết kế đó. Đầu tiên nhấp chọn công cụ Rectangular Marquee Tool. Sau đó kéo rê để vẽ một vùng chọn quanh vùng được tô trắng. Kéo rê chuột để chọn vùng Bây giờ nhấn giữ tổ hợp phím Alt + Ctrl + Shift (nếu bạn dùng máy Macintosh nhấn Option + Command + Shift) và kéo rê sang phải để tạo một bản sao phía bên trái của nút. Bản sao xuất hiện Sau đó gọi lệnh Edit > Transform > Flip Horizontal nhằm lật vùng vừa chọn theo phương thẳng đứng. BIÊN SOẠN : KỸ SƯ PHẠM QUANG HUY 890 ĐIỆN BIÊN PHỦ QUẬN 1O THÀNH PHỐ HỒ CHÍ MINH stklacviet@hcm.vnn.vn TEL : 088334168-0903728344 TỰ HỌC PHOTOSHOP 6.0 BẰNG HÌNH ẢNH SƯU TẦM THÔNG TIN KỸ THUẬT MỚI BÀI TẬP : TẠO NÚT CHO TRANG WEB Khi đó hình của chúng ta thiết kế trông như hình bên. Sau khi chúng ta chọn lệnh như trên, thì giữa hai phần của nút sẽ có kẽ hở, vì vậy chúng ta phải tô màu cho kẽ hở đó. Bạn hãy sử dụng công cụ Rectangle Marquee Tool và chọn khoảng trống chưa được tô trắng ở giữa (hoặc kẽ hở). BIÊN SOẠN : KỸ SƯ PHẠM QUANG HUY 890 ĐIỆN BIÊN PHỦ QUẬN 1O THÀNH PHỐ HỒ CHÍ MINH stklacviet@hcm.vnn.vn TEL : 088334168-0903728344 TỰ HỌC PHOTOSHOP 6.0 BẰNG HÌNH ẢNH SƯU TẦM THÔNG TIN KỸ THUẬT MỚI BÀI TẬP : TẠO NÚT CHO TRANG WEB Sau đó tiến hành tô đầy nó với 100% màu trắng bằng cách gọi lệnh Edit > Fill và chọn màu như hướng dẫn ở trên. Sau đó bỏ chọn vùng chọn : Ctrl + D ( Mac : Command + D). Để bỏ hai đường kẻ trên và dưới xác định chiều cao cho nút vừa tạo, bạn hãy chọn lệnh View > Clear Guiders. Bây giờ bạn hãy gọi lệnh Filter > Blur > Gaussian Blur , hộp thoại Gaussian Blur xuất hiện, Trong mục Radius nhập vào 4 và nhấp chuột vào nút OK. BIÊN SOẠN : KỸ SƯ PHẠM QUANG HUY 890 ĐIỆN BIÊN PHỦ QUẬN 1O THÀNH PHỐ HỒ CHÍ MINH stklacviet@hcm.vnn.vn TEL : 088334168-0903728344 TỰ HỌC PHOTOSHOP 6.0 BẰNG HÌNH ẢNH SƯU TẦM THÔNG TIN KỸ THUẬT MỚI BÀI TẬP : TẠO NÚT CHO TRANG WEB Bộ lọc này có hiệu ứng làm cho nút nhoè và mờ đi đồng thời làm giảm độ nhọn các góc cạnh của nút . Bây giờ chúng ta phải làm trơn mịn bên ngoài các cạnh và loại bỏ sự khuếch tán mờ, bạn hãy gọi lệnh Image > Adjust > Levels. Hộp thoại Levels xuất hiện, bạn kéo rê các mũi tên giới hạn ở hai đầu vào giữa giống như được trình bày trong hình dưới. Điều chỉnh cho đến khi vùng trắng của hình đó được làm trơn mịn với các cạnh khi bạn kéo rê các mũi tên bạn hãy theo dõi sự thay đổi trên nút cho đến khi vừa ý thì ngưng lại. (Tham khảo giá trị Input Levels trong hình dưới là 118, 0.69, 142). BIÊN SOẠN : KỸ SƯ PHẠM QUANG HUY 890 ĐIỆN BIÊN PHỦ QUẬN 1O THÀNH PHỐ HỒ CHÍ MINH stklacviet@hcm.vnn.vn TEL : 088334168-0903728344 TỰ HỌC PHOTOSHOP 6.0 BẰNG HÌNH ẢNH SƯU TẦM THÔNG TIN KỸ THUẬT MỚI BÀI TẬP : TẠO NÚT CHO TRANG WEB Sau khi chọn xong nhấp chuột vào nút OK. Quay trở lại pallette Layers. Nhấp chọn Layer Background, sau đó tạo một Layer mới, chọn biểu tượng Create a new layer bên dưới pallette Layers. BIÊN SOẠN : KỸ SƯ PHẠM QUANG HUY 890 ĐIỆN BIÊN PHỦ QUẬN 1O THÀNH PHỐ HỒ CHÍ MINH stklacviet@hcm.vnn.vn TEL : 088334168-0903728344 TỰ HỌC PHOTOSHOP 6.0 BẰNG HÌNH ẢNH SƯU TẦM THÔNG TIN KỸ THUẬT MỚI BÀI TẬP : TẠO NÚT CHO TRANG WEB Gọi lệnh Select > Load Selection. Hộp thoại Load Selection xuất hiện. Trong hộp Channel chọn Alpha 1. BIÊN SOẠN : KỸ SƯ PHẠM QUANG HUY 890 ĐIỆN BIÊN PHỦ QUẬN 1O THÀNH PHỐ HỒ CHÍ MINH stklacviet@hcm.vnn.vn TEL : 088334168-0903728344 TỰ HỌC PHOTOSHOP 6.0 BẰNG HÌNH ẢNH SƯU TẦM THÔNG TIN KỸ THUẬT MỚI BÀI TẬP : TẠO NÚT CHO TRANG WEB Chọn công cụ Gradient Tool, nhấp đúp công cụ này để hiển thị palette Linear Gradient Options. Trong hộp Gradient của Palette Linear Gradient Options, chọn hình mũi tên hướng xuống. Một hộp màu mở ra, chọn hình tam giác bên phải hộp màu này và chọn New Gradient. Hộp thoại Gradient Name xuất hiện, chấp nhận tên Foreground to Background trong khung Name sau đó nhấp OK. Hãy đảm bảo màu trắng là Foreground và màu đen là Background.. Nhấn giữ phím Shift và tô đầy vùng chọn bắt đầu từ dưới và kéo rê lên trên trong vùng chọn. Vùng chọn sẽ được tô màu như hình dưới đây. BIÊN SOẠN : KỸ SƯ PHẠM QUANG HUY 890 ĐIỆN BIÊN PHỦ QUẬN 1O THÀNH PHỐ HỒ CHÍ MINH stklacviet@hcm.vnn.vn TEL : 088334168-0903728344 TỰ HỌC PHOTOSHOP 6.0 BẰNG HÌNH ẢNH SƯU TẦM THÔNG TIN KỸ THUẬT MỚI BÀI TẬP : TẠO NÚT CHO TRANG WEB Bây giờ bạn tiếp tục tạo một Layer mới, khác như hướng dẫn ở trên. Gọi lệnh Select > Modify > Contract. Hộp thoại Contract Selection xuất hiện. Nhập số 2 vào hộp Contract By sau đó nhấp chuột chọn nút OK. Đóng hộp thoại Contract Selection. Bây giờ bạn nhấp vào hộp màu tiền cảnh để chọn một màu tiền cảnh. Ở đây các bạn chọn màu nâu trong hộp màu Color Picker (các bạn có thể chọn màu khác tùy thích). Màu nâu các bạn sử dụng sử dụng ở đây có các tham số : R : 64, G : 64, B : 64 nếu bạn chọn màu RGB hoặc với màu Hex# 404040. BIÊN SOẠN : KỸ SƯ PHẠM QUANG HUY 890 ĐIỆN BIÊN PHỦ QUẬN 1O THÀNH PHỐ HỒ CHÍ MINH stklacviet@hcm.vnn.vn TEL : 088334168-0903728344 TỰ HỌC PHOTOSHOP 6.0 BẰNG HÌNH ẢNH SƯU TẦM THÔNG TIN KỸ THUẬT MỚI BÀI TẬP : TẠO NÚT CHO TRANG WEB Chọn xong nhấp chuột vào nút OK. trong hộp Color Picker. Sau đó gọi lệnh Edit > Stroke, hộp thoại Stroke xuất hiện, bạn thiết lập các mục chọn như sau: Đối với mục Width nhập 1 Trong vùng Location nhấp chọn Outside. Chọn xong nhấp chuột vào nút OK. BIÊN SOẠN : KỸ SƯ PHẠM QUANG HUY 890 ĐIỆN BIÊN PHỦ QUẬN 1O THÀNH PHỐ HỒ CHÍ MINH stklacviet@hcm.vnn.vn TEL : 088334168-0903728344 TỰ HỌC PHOTOSHOP 6.0 BẰNG HÌNH ẢNH SƯU TẦM THÔNG TIN KỸ THUẬT MỚI BÀI TẬP : TẠO NÚT CHO TRANG WEB Bạn hãy tạo thêm một layer mới. Chọn màu xanh cho màu tiền cảnh (R : 0, G : 0, B : 255) hoặc Hex# (0000FF) Chọn màu đen cho hậu cảnh. BIÊN SOẠN : KỸ SƯ PHẠM QUANG HUY 890 ĐIỆN BIÊN PHỦ QUẬN 1O THÀNH PHỐ HỒ CHÍ MINH stklacviet@hcm.vnn.vn TEL : 088334168-0903728344 TỰ HỌC PHOTOSHOP 6.0 BẰNG HÌNH ẢNH SƯU TẦM THÔNG TIN KỸ THUẬT MỚI BÀI TẬP : TẠO NÚT CHO TRANG WEB Nhấp chọn công cụ Gradient Tool và tô vùng chọn bắt đầu từ trên sau đó kéo rê xuống dưới. Chọn Soft Light từ menu xổ xuống bên trên trong Pallet Layer. Bây giờ để tạo vệt sáng trên nút đó. Hãy tạo một layer mới. Nhấp đúp công cụ Airbrush Tool để đưa ra các tùy chọn Airbrush. Trong Pallette Airbrush, đối với hộp Pressure nhập 80 hoặc nhấp vào mũi tên bên phải hộp để hiển thị thanh điều chỉnh và rê mũi tên để điều chỉnh. BIÊN SOẠN : KỸ SƯ PHẠM QUANG HUY 890 ĐIỆN BIÊN PHỦ QUẬN 1O THÀNH PHỐ HỒ CHÍ MINH stklacviet@hcm.vnn.vn TEL : 088334168-0903728344 TỰ HỌC PHOTOSHOP 6.0 BẰNG HÌNH ẢNH SƯU TẦM THÔNG TIN KỸ THUẬT MỚI BÀI TẬP : TẠO NÚT CHO TRANG WEB Sử dụng màu tiền cảnh là màu trắng và chọn một cọ vẽ mềm với đường kính pixel là 17 trong Pallet Brushes (công cụ thứ 4 hàng thứ hai tính từ trái sang ). Hoặc để định bán kính của cọ vẽ bạn có thể nhấp vào biểu tượng Brush trong Pallet Brushes để hiển thị hộp thoại Brushes Opions và bạn nhấp vào tam giác trên thanh trượt Diameter để điều chỉnh bán kính cọ vẽ bạn đã chọn. Bắt đầu vẽ từ góc trên bên trái của nút và vẽ xuống cho đến cuối vùng làm mờ. Làm cả hai bên tương tự như nhau. Nếu vệt sáng quá dài nó sẽ làm xấu đi hiệu ứng đó, cách này phải mất một vài lần làm thử để làm được nó đúng như ý muốn, BIÊN SOẠN : KỸ SƯ PHẠM QUANG HUY 890 ĐIỆN BIÊN PHỦ QUẬN 1O THÀNH PHỐ HỒ CHÍ MINH stklacviet@hcm.vnn.vn TEL : 088334168-0903728344 TỰ HỌC PHOTOSHOP 6.0 BẰNG HÌNH ẢNH SƯU TẦM THÔNG TIN KỸ THUẬT MỚI BÀI TẬP : TẠO NÚT CHO TRANG WEB Chọn lệnh phục hồi (Undo) để vẽ lại nếu kết quả thực hiện chưa được đẹp như ý muốn. Sau đó bỏ chọn vùng được chọn bằng cách nhấp Ctrl + D hay gọi lệnh Select > Deselect từ thanh menu. Bây giờ bạn hãy ghi nhãn cho nút đó bằng cách sử dụng công cụ Type Tool, sử dụng màu trắng làm màu tiền cảnh. Bạn chọn công cụ Type Tool. Trong hộp Font chọn font cho chữ và trong hộp Size bạn nhập kích thước cho chữ hoặc nhấp nút hình tam giác, chọn kích thước cho chữ. Nhấp chuột trên nút điểm nháy xuất hiện, gõ vào dòng chữ “TRANG CHỦ” như hình sau : BIÊN SOẠN : KỸ SƯ PHẠM QUANG HUY 890 ĐIỆN BIÊN PHỦ QUẬN 1O THÀNH PHỐ HỒ CHÍ MINH stklacviet@hcm.vnn.vn TEL : 088334168-0903728344 TỰ HỌC PHOTOSHOP 6.0 BẰNG HÌNH ẢNH SƯU TẦM THÔNG TIN KỸ THUẬT MỚI BÀI TẬP : TẠO NÚT CHO TRANG WEB Bây giờ thì chữ đã xuất hiện trên hình, nhưng có thể nó sẽ nằm ở vị trí không như mong muốn. Để di chuyển chữ đến vị trí thích hợp, bạn hãy nhấp chọn công cụ Move Tool, sau đó đưa chuột vào dòng chữ trong hình để di chuyển nó đến vị trí thích hợp trên nút. Để tạo cho dòng chữ trên nút giống như nằm bên trong nút đó dưới một lớp vỏ bọc bằng Plastic, bạn hãy nhấp chọn Overlay từ menu chế độ của Pallet Layer (hãy đảm bảo là Layer TRANG CHỦ có chữ T bên trái đang được chọn). Nút dùng trong trang Web đã được tạo xong nhưng nếu bạn muốn tạo một chân đế cho nó và thêm vào một số chi tiết khác, tôi sẽ hướng dẫn cho bạn cách làm với các bước tiếp theo sau đây. Tải vùng chọn kênh Alpha1 vào ảnh bằng cách chọn lệnh Select > Load Selection. Trong hộp thoại Load Selection bạn chọn kênh Alpha1 từ trình đơn hộp Channel bật ra. Vùng chọn kênh Alpha 1 sẽ được tải lên ảnh. BIÊN SOẠN : KỸ SƯ PHẠM QUANG HUY 890 ĐIỆN BIÊN PHỦ QUẬN 1O THÀNH PHỐ HỒ CHÍ MINH stklacviet@hcm.vnn.vn TEL : 088334168-0903728344 TỰ HỌC PHOTOSHOP 6.0 BẰNG HÌNH ẢNH SƯU TẦM THÔNG TIN KỸ THUẬT MỚI BÀI TẬP : TẠO NÚT CHO TRANG WEB Trong palette bạn nhấp chọn Layer 1. Và chọn lệnh Select > Modify > Expand. Hộp thoại Expand Selection xuất hiện. BIÊN SOẠN : KỸ SƯ PHẠM QUANG HUY 890 ĐIỆN BIÊN PHỦ QUẬN 1O THÀNH PHỐ HỒ CHÍ MINH stklacviet@hcm.vnn.vn TEL : 088334168-0903728344 TỰ HỌC PHOTOSHOP 6.0 BẰNG HÌNH ẢNH SƯU TẦM THÔNG TIN KỸ THUẬT MỚI BÀI TẬP : TẠO NÚT CHO TRANG WEB Bạn nhập số 2 vào hộp Expand By và nhấp OK để mở rộng vùng chọn trên ảnh. Chọn công cụ Gradient Tool trên hộp công cụ hoặc nhấn phím G trên bàn phím để chọn công cụ này. Nhấn phím D sau đó nhấn tiếp phím X trên bàn phím để chỉ định màu trắng cho hộp màu Foreground và màu đen cho hộp màu Background. BIÊN SOẠN : KỸ SƯ PHẠM QUANG HUY 890 ĐIỆN BIÊN PHỦ QUẬN 1O THÀNH PHỐ HỒ CHÍ MINH stklacviet@hcm.vnn.vn TEL : 088334168-0903728344 TỰ HỌC PHOTOSHOP 6.0 BẰNG HÌNH ẢNH SƯU TẦM THÔNG TIN KỸ THUẬT MỚI BÀI TẬP : TẠO NÚT CHO TRANG WEB Nhấn phím Shift và kéo rê từ dưới lên trên vùng chọn để tô màu cho vùng chọn. Nhấp chọn layer Background trong palette Layers và nhấp nút Create a new layer bên dưới palette để tạo một layer mới. Một layer mới được tạo ra và nằm phía trên layer Background. Nhấp phảichuột vào layer mới vừa tạo để hiển thị menu, chọn Layer Properties. Trong hộp Name của hộp thoại Layer Properties bạn đặt tên cho layer này là Button BC. Sau đó nhấp OK để đóng hộp thoại. Chọn công cụ Rectangular Marquee Tool và tạo một vùng chọn hình chữ nhật nằm ngang bao quanh nút trên ảnh như hình minh họa để tạo chân đế cho nút. BIÊN SOẠN : KỸ SƯ PHẠM QUANG HUY 890 ĐIỆN BIÊN PHỦ QUẬN 1O THÀNH PHỐ HỒ CHÍ MINH stklacviet@hcm.vnn.vn TEL : 088334168-0903728344 TỰ HỌC PHOTOSHOP 6.0 BẰNG HÌNH ẢNH SƯU TẦM THÔNG TIN KỸ THUẬT MỚI BÀI TẬP : TẠO NÚT CHO TRANG WEB Bạn dựa vào thanh thước trên ảnh để tạo vùng chọn có khoảng cách đều nhau giữa các cạnh. Tiếp theo bạn sẽ chọn vào kiểu màu biến thiên. Đầu tiên nhấp công cụ Gradient Tool để hiển thị palette Linear Gradient Options. Nhấp nút Linear Gradient trên palette này. Kéo rê từ dưới lên trên vùng chọn để tô màu cho vùng chọn với kiểu biến thiên Pipe, tạo chân đế cho nút sau đó chọn lệnh Select > Deselect nhấn Ctrl + D để khử vùng chọn. Tiếp theo bạn hãy đảm bảo layer Button BC vẫn được chọn trong palette Layers và chọn lệnh Filter > Texture > Grain. Hộp thoại Grain xuất hiện. Trong hộp thoại Grain bạn thiết lập giá trị cho các mục như sau : Intensity : 14 Contrast : 19 Grain Type : Enlarge. Chọn xong nhấp OK để áp dụng hiệu ứng. BIÊN SOẠN : KỸ SƯ PHẠM QUANG HUY 890 ĐIỆN BIÊN PHỦ QUẬN 1O THÀNH PHỐ HỒ CHÍ MINH stklacviet@hcm.vnn.vn TEL : 088334168-0903728344 TỰ HỌC PHOTOSHOP 6.0 BẰNG HÌNH ẢNH SƯU TẦM THÔNG TIN KỸ THUẬT MỚI BÀI TẬP : TẠO NÚT CHO TRANG WEB Hiệu ứng này sẽ làm cho chân đế của nút trông giống như một thanh thép hoặc một thanh kim loại. Bây giờ chúng ta sẽ rút ngắn chân đế nút bằng cách chọn các phần cuối của chân đế và xoá chúng đi. Nhấp chọn công cụ Rectangular Marquee Tool trên hộp công cụ và vẽ một vùng chọn bao quanh phần chân đế muốn xoá. Xong nhấn phím Delete trên bàn phím để xoá phần chân đế trong vùng chọn. Bạn làm tương tự đối với phần còn lại của chân đế, phải chú ý sao cho hai phần bên của chân đế bằng nhau. Sau đó nhấn Ctrl + D để khử vùng chọn. Tiếp theo tôi sẽ trình bày cách để thêm một đường rãnh trên chân đế. Điều này sẽ tạo cho chân đế có một nét đặc sắc hơn. BIÊN SOẠN : KỸ SƯ PHẠM QUANG HUY 890 ĐIỆN BIÊN PHỦ QUẬN 1O THÀNH PHỐ HỒ CHÍ MINH stklacviet@hcm.vnn.vn TEL : 088334168-0903728344 TỰ HỌC PHOTOSHOP 6.0 BẰNG HÌNH ẢNH SƯU TẦM THÔNG TIN KỸ THUẬT MỚI BÀI TẬP : TẠO NÚT CHO TRANG WEB Với công cụ Retangular Marquee Tool, tạo một hình chữ nhật nằm ngang vào vùng bên dưới của thanh thép (chân đế) như hình mẫu. Sau đó chọn lệnh Edit > Transform > Flip Vertical. Chọn lệnh Select > Deselect hoặc nhấn Ctrl + D để bỏ chọn. BIÊN SOẠN : KỸ SƯ PHẠM QUANG HUY 890 ĐIỆN BIÊN PHỦ QUẬN 1O THÀNH PHỐ HỒ CHÍ MINH stklacviet@hcm.vnn.vn TEL : 088334168-0903728344 TỰ HỌC PHOTOSHOP 6.0 BẰNG HÌNH ẢNH SƯU TẦM THÔNG TIN KỸ THUẬT MỚI BÀI TẬP : TẠO NÚT CHO TRANG WEB 20. Tiếp theo ta sẽ tạo một số chốt nhỏ. Chúng ta sẽ làm điều này theo các điểm ảnh vì vậy bạn phải phóng lớn thanh thép lên. Chọn công cụ Zoom Tool và vẽ một vùng quanh phần bên trái phía dưới thanh thép như hình sau. Chọn layer Button BC trên palette Layers và nhấp nút Create New Layer để tạo một layer mới. Chọn công cụ Pencil Tool trên hộp công cụ. Nhấn phím D, sau đó nhấn tiếp phím X trên bàn phím để chỉ định màu trắng cho hộp màu tiền cảnh. BIÊN SOẠN : KỸ SƯ PHẠM QUANG HUY 890 ĐIỆN BIÊN PHỦ QUẬN 1O THÀNH PHỐ HỒ CHÍ MINH stklacviet@hcm.vnn.vn TEL : 088334168-0903728344 TỰ HỌC PHOTOSHOP 6.0 BẰNG HÌNH ẢNH SƯU TẦM THÔNG TIN KỸ THUẬT MỚI BÀI TẬP : TẠO NÚT CHO TRANG WEB Trong palette Brushes bạn chọn cọ vẽ 1 pixel ở cột thứ nhất hàng trên cùng. Nhấp 3 lần để vẽ một hình giống hình dạng chữ L, tổng cộng sẽ là 3 pixel như hình mẫu. Bây giờ làm tương tự bước trên nhưng sử dụng màu đen và tạo hình dạng chữ L nằm phía dưới chữ L màu trắng. BIÊN SOẠN : KỸ SƯ PHẠM QUANG HUY 890 ĐIỆN BIÊN PHỦ QUẬN 1O THÀNH PHỐ HỒ CHÍ MINH stklacviet@hcm.vnn.vn TEL : 088334168-0903728344 TỰ HỌC PHOTOSHOP 6.0 BẰNG HÌNH ẢNH SƯU TẦM THÔNG TIN KỸ THUẬT MỚI BÀI TẬP : TẠO NÚT CHO TRANG WEB Sau đó chọn chế độ Soft Light từ trình đơn bật ra ở góc trên bên trái trong palette Layers. Chế độ này sẽ hòa trộn chốt đó với thanh thép. Bây giờ tôi sẽ hướng dẫn cho bạn một cách sao chép nhanh chóng các chốt. Dùng công cụ Rectangular Marquee Tool vẽ một vùng chọn quanh hai chốt trắng đen trên thanh thép, sau đó nhấn tổ hợp phím Alt + Ctrl + Shift (Mac : Option + Command + Shift) và kéo rê xuống dưới để tạo một bản sao của chốt đó bên dưới đường rãnh và thả chuột ra. Chọn công cụ Zoom Tool và nhấn phím Alt nhấp vào nút trên ảnh để thu nhỏ nút lại cho vừa với khung ảnh. BIÊN SOẠN : KỸ SƯ PHẠM QUANG HUY 890 ĐIỆN BIÊN PHỦ QUẬN 1O THÀNH PHỐ HỒ CHÍ MINH stklacviet@hcm.vnn.vn TEL : 088334168-0903728344 TỰ HỌC PHOTOSHOP 6.0 BẰNG HÌNH ẢNH SƯU TẦM THÔNG TIN KỸ THUẬT MỚI BÀI TẬP : TẠO NÚT CHO TRANG WEB Bây giờ dùng công cụ Rectangular Marquee Tool và tạo một vùng chọn quanh cả hai chốt trên thanh thép. Sau đó nhấn giữ tổ hợp phím Alt + Ctrl + Shift và kéo rê chúng sang phải qua phía đối diện trên thanh thép để tạo hai chốt nữa bên phải thanh thép. Sau đó nhấn Ctrl + D để khử chọn. Chọn layer Button BC trên palette Layers và chọn lệnh Layer > New Adjustment Layer > Hue/Saturation. BIÊN SOẠN : KỸ SƯ PHẠM QUANG HUY 890 ĐIỆN BIÊN PHỦ QUẬN 1O THÀNH PHỐ HỒ CHÍ MINH stklacviet@hcm.vnn.vn TEL : 088334168-0903728344 TỰ HỌC PHOTOSHOP 6.0 BẰNG HÌNH ẢNH SƯU TẦM THÔNG TIN KỸ THUẬT MỚI BÀI TẬP : TẠO NÚT CHO TRANG WEB Hộp thoại New Adjustment Layer xuất hiện, sau đó đánh dấu chọn mục Group with Previous Layer bên dưới hộp thoại. Xong Nhấp OK. Hộp thoại Hue/Saturation sẽ xuất hiện tiếp sau đó. Bạn hãy đánh dấu chọn mục Colorize, sau đó di chuyển thanh trượt Hue phía trên hộp thoại cho đến khi bạn thấy một màu bạn thích cho chân đế nút. Chọn xong nhấp OK để áp dụng màu bạn chọn cho thanh thép (chân đế) nút. Layer Hue/Saturation sẽ nằm ngay phía trên layer Button BC. Bạn có thể nhấp đúp vào layer này hiển thị lại hộp thoại Hue/Saturation và bạn có thể điều chỉnh các giá trị thiết đặt cho các thanh trượt Hue, Saturation, Lightness. BIÊN SOẠN : KỸ SƯ PHẠM QUANG HUY 890 ĐIỆN BIÊN PHỦ QUẬN 1O THÀNH PHỐ HỒ CHÍ MINH stklacviet@hcm.vnn.vn TEL : 088334168-0903728344 TỰ HỌC PHOTOSHOP 6.0 BẰNG HÌNH ẢNH SƯU TẦM THÔNG TIN KỸ THUẬT MỚI BÀI TẬP : TẠO NÚT CHO TRANG WEB BIÊN SOẠN : KỸ SƯ PHẠM QUANG HUY 890 ĐIỆN BIÊN PHỦ QUẬN 1O THÀNH PHỐ HỒ CHÍ MINH stklacviet@hcm.vnn.vn TEL : 088334168-0903728344 TỰ HỌC PHOTOSHOP 6.0 BẰNG HÌNH ẢNH SƯU TẦM THÔNG TIN KỸ THUẬT MỚI BÀI TẬP : TẠO NÚT CHO TRANG WEB Dưới đây là một giao diện tôi đã thực hiện bằng cách nối các ảnh bạn đã tạo trong các bài tập của phần này. Giao diện này sẽ rất lớn nếu đưa vào trang Web. Vì vậy bạn phải tạo chúng với kích thước nhỏ hơn kích thước được hướng dẫn trong các bài tập để đặt chúng trên Web. BIÊN SOẠN : KỸ SƯ PHẠM QUANG HUY 890 ĐIỆN BIÊN PHỦ QUẬN 1O THÀNH PHỐ HỒ CHÍ MINH stklacviet@hcm.vnn.vn TEL : 088334168-0903728344