Tài liệu Đồ họa ứng dụng là một bộ sưu tập các khái niệm và kỹ thuật về thiết kế đồ họa cho các ứng dụng di động và máy tính. Tài liệu này cung cấp cho người đọc kiến thức về cách thiết kế giao diện ứng dụng, tạo ra các hình ảnh và biểu tượng chất lượng cao, tăng tính tương tác của ứng dụng và nhiều kỹ thuật thiết kế khác.
Contents 3.7 Công cụ Crop Tool 3.7.2 Perspective Crop Tool (Công cụ cắt phối cảnh) 33 3.7.3 Slice Tool 44 3.7.4 Slice Select Tool 54 Options of Slice Select tool 59 3.8 Tạo vùng chọn chế độ Quick Mask 65 3.9 Hiệu chỉnh vùng chọn chế độ Refine Edge 69 3.9.1 Refine Edge gì? 69 3.9.2 Khi nên sử dụng công cụ Refine Edge? 70 3.9.3 Các công cụ Refine Edge 70 3.9.4 Cách sử dụng công cụ Refine Edge Photoshop 70 3.10 Những phím tắt thường dùng Photoshop 78 3.10.1 Những phím tắt thường dùng Photoshop 78 3.10.2 Tồn phím tắt Photoshop 79 3.10.3 [Infographic] Tổng hợp phím tắt PhotoShop 82 10.3.4 Các thay đổi phím tắt photoshop 84 3.7 Công cụ Crop Tool Tác dụng Crop Tool Để cắt hình ảnh Photoshop theo kích thước mong muốn để bố cục lại file phù hợp với nhu cầu sử dụng Chọn công cụ Crop Tool Cách 1: Sử dụng Crop Tool tìm thấy cơng cụ Tool Cách 2: Sử dụng phím tắt C bàn phím Đường viền cắt (cropping border) Ngay sau bạn chọn Crop Tool, Photoshop đặt đường viền cắt xung quanh hình ảnh Và bạn sử dụng Crop Tool hình ảnh trước đó, đường viền ban đầu đặt thành kích thước trước Trong Thanh tùy chọn (Options Bar), thấy hình ảnh cuối bạn cắt thành x 10: Photoshop tự động lưu lại cài đặt thơng số trước (nếu có) Và tài liệu này, đường viền cắt xén xuất tỷ lệ khung hình x 10 Chúng ta xem xét tất điều cách chi tiết hơn: Cài đặt lại thông số Crop Tool Đầu tiên, đưa thông số cài đặt mặc định ban đầu Trong công cụ Options Bar, click chuột phải (Win) / Click nút control (Mac) biểu tượng tượng Crop tool hình mơ tả bên Và chọn Reset Tool menu: Điều đặt lại tỷ lệ khung hình thành Ratio để trống hộp Chiều rộng Chiều cao: Đặt lại đường viền (border) Nhưng lưu ý việc đặt lại Crop Tool khơng đặt lại đường viền cắt, đặt thành kích thước x 10 trước đó: Để đặt lại đường viền, chọn công cụ khác từ công cụ (bất kỳ công cụ được) sau chọn lại Crop Tool Giờ đây, đường viền cắt xén bao quanh toàn hình ảnh: Điều chỉnh kích thước đường viền cắt (crop border) Nếu bạn nhìn xung quanh đường viền, bạn thấy chốt cắt Có cùng, cùng, bên trái bên phải, góc: Nhấp kéo chốt để định hình lại đường viền cắt thành kích thước bạn cần Khu vực bên đường viền bạn giữ lại khu vực mờ bên đường viền bị cắt đi: Cách định vị lại hình ảnh bên đường viền cắt Bạn nhấp kéo vào bên đường viền để định vị lại hình ảnh Khi bạn kéo, đường viền cắt giữ nguyên hình ảnh di chuyển xung quanh bên nó: Hủy bỏ crop Để hủy việc cắt mà khơng áp dụng nó, nhấp vào nút Hủy Thanh Tùy chọn Bạn hủy để xem xét cách khác để làm việc: Vẽ đường viền tự cắt Thay sử dụng đường viền cắt ban đầu mà Photoshop đặt xung quanh hình ảnh, bạn nhấp vào đâu bên hình ảnh kéo đường viền riêng mình: Sau đó, kéo chốt điều khiển để thay đổi kích thước nhấp kéo vào bên đường viền để định vị lại hình ảnh: Cách đặt lại đường viền cắt Để đặt lại đường viền mà khơng hủy hồn tồn việc cắt, nhấp vào nút Reset Options Bar: Cách khóa tỷ lệ co đường viền crop Với cơng cụ Refine Edge Brush Tool chọn, vẽ xung quanh cạnh mà muốn Photoshop tinh chỉnh Tuy nhiên, trước bắt đầu, bạn thay đổi kích thước cọ vẽ Có trình đơn thả xuống kích thước Brush trình đơn cho phép bạn nhanh chóng tăng giảm kích thước Brush Sau đó, Brush qua khu vực Photoshop trích xuất pixel tương phản cho vùng chọn bạn nhanh nhiều so với công cụ thủ công Như bạn thấy, vùng chọn khơng hồn hảo Nhưng nhanh nhiều so với phương pháp thủ cơng (Hình 7) Hình Bước 4: Tinh chỉnh vùng chọn Khi tạo xong vùng chọn với công cụ Refine Edge, lúc thực vài điều chỉnh để cải thiện vùng chọn Tùy chọn phải thử Decontaminate Colors Trong tab Properties, bạn cuộn chuột xuống thấy hộp kiểm Decontaminate Colors Tích vào kiểm tra kết Bạn thấy khác biệt hình (Hình 8) Hình Bên hộp này, bạn tìm thấy menu Output To Khi đó, bạn gửi vùng chọn đến Layer mask Mask cách chọn Layer Mask để thêm vào mặt nạ bạn nhấn Ok để kết thúc Nếu chưa ưng ý, bạn sử dụng Brush để dọn dẹp vùng chọn mà bạn không hài lịng Khi bạn chọn khu vực muốn, bạn bắt đầu thực điều chỉnh cho Và kết cuối (Hình 9) Hình Hy vọng rằng, với kiến thức bổ ích cơng cụ Refine Edge Photoshop mà chia sẻ giúp ích nhiều cho bạn sống cơng việc 3.10 Những phím tắt thường dùng Photoshop 3.10.1 Những phím tắt thường dùng Photoshop Thao tác với hình làm việc CTRL + 0: Đưa hình làm việc bạn kích thước với kích thước hiển thị hình máy tính ALT + lăn chuột: Hỗ trợ phóng to thu nhỏ hình làm việc Thực tương tự phím tắt Ctrl + – Ctrl + + bạn Space (phím cách) + giữ chuột trái, di chuyển: Hỗ trợ di chuyển hình làm việc đến vị trí mà bạn muốn Nó tương tự sử dụng công cụ Hand tooL (H) Thao tác với Layer CTRL + J: Phím tắt nhân đơi Layer PS Đây phím tắt hay dùng nên bạn ý nha CTRL + SHIFT+ J: Hỗ trợ cắt phần hình ảnh Layer khỏi Layer gốc, đồng thời tạo Layer mới, chứa phần chọn ATL + Giữ chuột trái di chuyển: Khi bạn chọn Layer bạn sử dụng tổ hợp phím chuột bạn có đối tượng 3.10.2 Tồn phím tắt Photoshop Các phím tắt hỗ trợ thao tác với FILE văn PHÍM TẮT NHANH SỬ DỤNG CHUỘT TÁC DỤNG CTRL + N New Hỗ trợ tạo File CTRL + O Open Mở File có sẵn máy tính CTRL + ALT + O Open As Mở file từ Adobe Bridge CTRL + P Print In ảnh CTRL + ALT + S Save a Copy Lưu thêm copy CTRL + W Close Đóng File CTRL + S Save Lưu File CTRL + SHIFT + S Save As Lưu File với dạng khác Các lệnh SELECT bạn cần nắm SỬ DỤNG PHÍM TẮT CTRL + A CTRL + F SỬ DỤNG CHUỘT All Last Filter TÍNH NĂNG TƯƠNG ỨNG Chọn tất cả, bơi đen tất Lặp lại Filter cuối CTRL + D CTRL + ALT + D CTRL + SHIFT + D CTRL + SHIFT + I CTRL + SHIFT + F Deselect Feather Reselect Inverse Fade Bỏ vùng chọn Mờ biên vùng chọn Chọn lại vùng chọn Nghịch đảo vùng chọn Chỉnh Opacity Brush Thao tác với LAYER SỬ DỤNG PHÍM TẮT CTRL + SHIFT + N CTRL + G CTRL + SHIFT + G CTRL + J CTRL + SHIFT + J CTRL + SHIFT + ] CTRL + SHIFT + [ CTRL + ] CTRL + [ CTRL + E CTRL + SHIFT + E SỬ DỤNG CHUỘT New > Layer Group with Previous CTRL + SHIFT + G New > Layer Via Copy New > Layer Via Cut Arrange > Bring to Front Arrange > Send to Back Arrange > Birng to Forward Arrange > Send Backward Merge Down Merge Visible TÍNH NĂNG TƯƠNG ỨNG Tạo Layer Tạo nhóm Layer Bỏ nhóm Layer Nhân đơi Layer Cắt Layer Chuyển Layer lên Chuyển Layer xuống Chuyển Layer lên Chuyển Layer xuống Ghép Layer chọn Ghép tất Layer Các phím tắt với nhóm IMAGE SỬ DỤNG PHÍM TẮT CTRL + M CTRL + B CTRL + U CTRL + L CTRL + I CTRL + SHIFT + L CTRL + ALT + SHIFT + L CTRL + SHIFT + U SỬ DỤNG CHUỘT Ajust > Curves Ajust > Color Blance Ajust > Hue/Saturation Ajust > Levels Ajust > Invert Ajust > Auto Levels Ajust > Auto Contrast Ajust > Desaturate TÍNH NĂNG TƯƠNG ỨNG Bảng Curves Bảng Color Blance Bảng Hue/Saturation Ajust > Levels Bảng Invert Tự động chỉnh Levels Tự động chỉnh Contrast Bảng Desaturate Sử dụng phím tắt với nhóm lệnh EDIT SỬ DỤNG PHÍM TẮT [ ] CTRL + X CTRL + C CTRL + SHIFT + C CTRL + Z CTRL + ALT + Z CTRL + V CTRL + SHIFT + CTRL + V SỬ DỤNG CHUỘT Zoom + Brush Zoom - Brush Cut Copy Copy Merged Undo Undo More Paste Paste Into TÍNH NĂNG TƯƠNG ỨNG Phóng to nét bút Thu nhỏ nét bút Cắt Copy (Sao chép) Copy Merged Trở lại bước vừa làm Trở lại nhiều bước Paste Paste chồng lên CTRL + T CTRL + SHIFT + T Free Transform Transform > Again Xoay hình / Chỉnh ti lệ Làm lại bước Free Transform Sử dụng phím tắt với VIEW SỬ DỤNG PHÍM TẮT CTRL + Y CTRL + SHIFT + Y CTRL + CTRL + R CTRL + ; CTRL + “ CTRL + + CTRL + CTRL + SHIFT + H CTRL + SHIFT + ; CTRL + ALT + ; CTRL + SHIFT + ‘ SỬ DỤNG CHUỘT Preview>CMYK Gamut Warning Fit on Screen Show Rulers Hide Guides Show Grid Zoom In Zoom Out Hide Path Snap To Guides Lock Guides Snap To Grid TÍNH NĂNG TƯƠNG ỨNG Xem màu CMYK Xem gam màu ngồi hệ CMYK Xem hình tràn hình Hiện thước Ẩn Guides Hiện lưới Phóng to Thu nhỏ Ẩn đường Path Nhẩy Guides Khoá Guides Nhẩy lưới Nhóm phím tắt cơng cụ chỉnh sửa (Toolbar) SỬ DỤNG PHÍM TẮT A B C D E G H I J L M O P S T U V X SỬ DỤNG CHUỘT Path Selection Brush Crop Defaul Background Color Eraser Paint Bucket Smudge Tool Hand Eyedroppe Healing Brush Lasso Marquee Burn Pen Clone Stamp Horizontal Type Round Retange Move Swich Foreground & Background color TÍNH NĂNG TƯƠNG ỨNG Chọn đường Path Vector Nét bút Cắt hình Quay màu ban đầu Tẩy Đổ màu/Đổ màu chuyển Mô tả tường miết tay Hand Tool Chấm màu Thước kẻ Chấm sửa chỗ chưa hoàn chỉnh Tạo vùng chọn tự Tạo vùng chọn Làm tối ảnh Tạo đường path vector Lấy mẫu từ ảnh Viết chữ Vẽ hình Di chuyển Đổi màu bảng màu Y Z W & History Brush Zoom Magic Wand Gọi lại thơng số cũ ảnh Phóng to / thu nhỏ hình ảnh Tạo vùng chọn theo màu Đổi màu bảng mà Tác dụng phím tắt từ F1 đến F9 PHÍM TẮT (F1 > F9) F1 F2 F3 F4 F5 F6 F7 F8 F9 TÍNH NĂNG TƯƠNG ỨNG Xem hướng dẫn từ nhà phát hành Cut Copy (Sao chép) Paste (Dán) Mở Pallete Brush Mở Pallete màu Mở Pallete Layer Mở Pallete Info Mở Pallete Action 3.10.3 [Infographic] Tổng hợp phím tắt PhotoShop 10.3.4 Các thay đổi phím tắt photoshop Bước 1: Truy cập bảng điều khiển phím tắt C1: Truy cập Edit => Keyboard Shortcuts C2: Phím tắt: Alt + Shift + Ctrl + K Bước 2: Lựa chọn nhóm muốn thay đổi Cửa sổ “Keyboard Shortcuts and Menus” Tại đây, chọn phím tắt mà bạn muốn thay đổi Nhấp vào menu thả xuống “Shortcuts For” chọn mục cụ thể Các mục có sẵn bao gồm: Application Menus: Đây cụm phím tắt menu, bao gồm tùy chọn File, Edit, Image, v.v Panel Menus: Tùy chọn cho phép bạn thay đổi phím tắt tương ứng với bảng khác bảng Action, Properties, v.v Tools: Đây phím tắt liên quan đến cơng cụ chỉnh sửa hiển thị bên trái cửa sổ Photoshop, bao gồm Rectangular Marquee Tool, Crop Tool, v.v Taskspaces: Mục cho phép bạn thay đổi phím tắt Select and Mask, Content-Aware Fill Neural Filters Bước 3: Thực thao tác thay đổi Hãy lấy ví dụ với “Application Menus” Bấm vào mục menu “Shortcuts For” Tiếp theo, chọn menu có chức bạn muốn thay đổi phím tắt Trên cửa sổ phần “Application Menu”, nhấp vào menu để mở rộng chức Trong menu mở rộng, nhấp vào chức mà bạn muốn thay đổi phím tắt Bây giờ, nhấn phím tắt mà bạn muốn gán cho chức chọn Các phím bạn nhấn xuất hộp “Shortcut” bên cạnh chức chọn Nếu Photoshop sử dụng phím tắt bạn chọn cho tính khác (phím tắt bị trùng), có thông báo lỗi hiển thị cuối cửa sổ Nếu muốn, bạn bỏ qua thơng báo lỗi Photoshop, xóa phím tắt bị trùng khỏi chức có, gán cho chức mà bạn chọn Để thực việc này, nhấp vào “Accept” bên phải cửa sổ Nhấp vào “Accept” Photoshop không hiển thị thông báo lỗi Khi cửa sổ phím tắt, bạn thực tác vụ khác xóa phím tắt, cách chọn phím tắt danh sách, sau nhấp vào “Delete Shortcut” Cuối cùng, nhấp vào “OK” để lưu thay đổi thiết lập