tài liệu môn học photoshop

1 | h t t p : / / v i e t q u i z . v n – V I E T Q U I Z . v n TÀI LIỆU HƯỚNG DẪN HỌC TẬP ĐỒ HỌA ỨNG DỤNG PHOTOSHOP Tài liệu Photoshop 1 MỤC LỤC HƯỚNG DẪN PHẦN LÝ THUYẾT 6 BÀI 1: TỔNG QUAN VỀ PHOTOSHOP CS 6 I. Cài đặt chương trình Photoshop 6 I.1. Độ phân giải màn hình 6 I.2. Ảnh vectơ 6 I.3. Cấu hình cho Photoshop 7 I.4. Thanh tiêu đề 7 I.5. Thanh Menu Bar 7 I.6. Thanh Option (Menu Window Option) 8 I.7. Thanh công cụ Toolbox 8 II. Chế độ xem ảnh 9 III. Chế độ cuộn hình ảnh 9 IV. Làm việc với cửa sổ Palette 9 V. Quản lý File 10 V.1. Tạo mới một tập tin 10 V.2. Lưu tập tin 11 V.3. Mở tập tin 12 V.4. Đóng tập tin 12 VI. Tổng quan ảnh trong trang Web 12 VI.1. Kiểu tập tin ảnh: 12 VI.2. Thiết kế thành công ảnh cho trang web 13 VI.3. Kích thước một số ảnh 13 BÀI 2: KHÁI NIỆM VỀ VÙNG CHỌN 14 I. Công cụ tạo vùng chọn 14 I.1. Bộ công cụ Marquee 14 Tài liệu Photoshop 2 I.2. Bộ công cụ Lasso 16 I.3. Magic Wand 16 I.4. Crop 17 I.5. Công cụ Move 17 II. Lệnh tạo viền cho vùng chọn 18 III. Một số lệnh liên quan với vùng chọn (Menu select) 18 IV. Bảng biến đổi đối tượng 20 BÀI 3: LAYERS ( Lớp ) 22 I. Các chế độ hòa trộn lớp (Blending Mode) 24 I.2. Các phương pháp chọn Layer 25 I.3. Sắp xếp thứ tự trên dưới của các Layer 25 I.4. Layer Properties 25 I.5. Canh hàng giữa các Layers 26 I.6. Phân phối đều khoảng cách giữa các Layers (Distribute): 26 I.7. Các trường hợp phát sinh Layers 27 I.8. Các chức năng của menu Palete Layer 27 II. Layer mask (mặt nạ lớp) 27 BÀI 4: MÀU SẮC – HIỆU CHỈNH MÀU 30 I. Các lệnh liên quan để hiệu chỉnh 30 I.1. Lệnh Levels 30 I.2. Lệnh Auto Level 30 I.3. Lệnh Auto Contrast 30 I.4. Lệnh Curves 30 I.5. Lệnh Brightness\ Contras 31 I.6. Lệnh Color Balance 31 I.7. Lệnh Hue\Saturatio 32 Tài liệu Photoshop 3 I.8. Auto color: 33 I.9. Lệnh Desaturate 33 I.10. Lệnh Replace Color 33 I.11. Lệnh Selective Color 34 I.12. Lệnh Channel Mixer 34 I.13. Gradient Map: 35 I.14. Lệnh Invert 35 I.15. Lệnh Equalize 36 I.16. Lệnh Variations 36 II. Các phương pháp tô màu 37 II.1. Làm việc với Bảng Color palette 37 II.2. Chọn lựa màu foreground, Background 37 II.3. Các công cụ tô màu 38 II.4. Tô màu theo mẫu tô Pattern 41 BÀI 5: LÀM VIỆC VỚI CÔNG CỤ PEN – HIỆU CHỈNH PATH 43 I. Công cụ vẽ Path 43 I.1. Khái niệm về Path 43 I.2. Công cụ Pen: 43 I.3. Làm việc với Path Palette 48 BÀI 6: NHÓM CÔNG CỤ CHỈNH SỬA HÌNH ẢNH – CỌ VẼ BRUSH 51 I. Nhóm công cụ chỉnh sửa hình ảnh 51 I.1. Clone Stamp ( ) 51 I.2. Healing Brush ( ): 51 I.3. Patch ( ): 52 Tài liệu Photoshop 4 I.4. Blur ( ) 52 I.5. Sharpen ( ) 53 I.6. Smudge ( ) 53 I.7. Dodge ( ) 53 I.8. Burn ( ): 54 I.9. Sponge ( ) 54 II. Hộp thoại cọ (Brush) 54 II.1. Các dạng cọ mặc định 55 II.2. Thư viện lưu trữ các cọ vẽ 55 II.3. Tự tạo nét cọ mới: 55 II.4. Các lệnh trong Menu Brush Palette 56 III. Nhóm cọ Brush 58 III.1. Brush ( ) 58 III.2. Pencil ( ) 58 III.3. Eraser 58 III.4. History : 59 III.5. Art History 60 BÀI 7: TEXT – WRAPED TEXT – PALETTE CHARACTER AND PARAGRAPH 61 I. Text (văn bản) 61 I.1. Horizontal Type Tool: 61 I.2. Vertical Type Tool: 61 I.3. Horizontal Type Mask Tool: 63 Tài liệu Photoshop 5 I.4. Vertical Type Mask Tool: 63 II. CÁC LOẠI CHỮ UỐN CONG 63 II.1. Uốn cong chữ 63 II.2. Các tùy chọn trong hộp thoại 64 II.3. Gỡ bỏ Uốn chữ 64 II.4. Layer style 64 II.5. Tạo bộ nút bằng Layerstyles 73 BÀI 8: FILTER – BỘ LỌC 76 I. HIỆU ỨNG ĐẶC BIỆT (FILTER) 76 I.1. NHÓM BLUR 76 I.2. NHÓM DISTORT 78 I.3. NHÓM TEXTURE 83 I.4. NHÓM RENDER 85 Tài liệu Photoshop 6 HƯỚNG DẪN PHẦN LÝ THUYẾT Bài 1 TỔNG QUAN VỀ PHOTOSHOP CS Adobe Photoshop CS là một chương trình xử lý ảnh cực mạnh, các công cụ chỉnh sửa của nó đã trở thành chuyên nghiệp giúp cho các nhà thiết kế web tạo những ứng dụng cho web. Đồng hành với Adobe photoshop CS là chương trình Adobe ImageReady cung cấp các công cụ cho web như: tối ưu và xem ảnh trước, xử lý hàng loạt ảnh đồng thời bằng cách drag - thả từ bảng Action, tạo các file GIF hoạt hình. Photoshop và ImageReady kết hợp với nhau sẽ tạo ra môi trường hoàn hảo cho việc thiết kế đồ họa cho Web. I. Cài đặt chương trình Photoshop Muốn cài đặt chương trình Photoshop cần mua đĩa CD chứa chương trình Photoshop theo các bước sau: Start\ Run chọn ổ đĩa CD E:\Setup.exe (Photoshop)  OK (có những đĩa CD có Auto Run thì không cần thao tác này). Xem thông báo cài đặt về đường dẫn, số Serial Number. Sau khi cài đặt xong, chương trình được lưu trong máy. Khởi động chương trình: Start -> Programs -> Adobe Photoshop CS (hoặc double-click vào biểu tượng Photoshop CS trên màn hình). I.1. Độ phân giải màn hình Đó là số lượng điểm ảnh hiển thị trong một đơn vị chiều dài của màn hình, thường được tính bằng dotperinch (dpi). Độ phân giải màn hình phụ thuộc vào kích thước màn hình và số pixel phân bố trên màn hình. Độ phân giải tiêu biểu của một màn hình PC là 96 dpi, còn màn hình Max OS là 72 dpi. Photoshop chuyển đổi trực tiếp số pixel của tập tin ảnh ra số pixel trên màn hình, do đó khi tập ảnh có độ phân giải cao hơn độ phân giải của màn hình thì số pixel của tập ảnh lớn hơn số pixel của màn hình, cho nên màn hình sẽ hiển thị tập ảnh đó lớn hơn kích thước của nó. Ví dụ: Khi hiển thị tập ảnh 1x1 inch có độ phân giải là 144 ppi trên màn hình 72 dpi thì nó sẽ xuất hiện trên màn hình với kích cỡ là 2x2 inch. Bởi vì màn hình chỉ có thể hiển thị 72dpi trong chiều dài một inch nên nó phải sử dụng đúng hai inch để hiển thị 144 dpi. I.2. Ảnh vectơ Tài liệu Photoshop 7 Các ảnh đồ họa vector được tạo ra bởi các nét thẳng và các nét cong điều chỉnh bằng các vector (toán học). Các vector diễn tả hình ảnh bằng hình học, khi di chuyển phóng to thu nhỏ hoặc thay đổi màu sắc không làm mất đi nét vẽ trong hình ảnh. Các tập ảnh đồ họa vector thì không phụ thuộc độ phân giải nghĩa là chúng có thể chỉnh sửa kích cỡ khi hiển thị màn hình. Các ảnh vector được dùng để thiết kế các đường nét sinh động được in ra và hiển thị ở độ phân giải bất kỳ và không bị hư hao về đường nét, đó là sự chọn lựa tốt nhất cho việc thiết kế ký tự. I.3. Cấu hình cho Photoshop Photoshop cần cấu hình máy tính đủ mạnh để xử lý những hình ảnh ở độ phân giải cao. Cấu hình tối thiểu:  CPU: Pentium III  RAM: 256 MB  Card màn hình: 24 bit  Màn hình: 15 - 21 inch  Ổ đĩa cứng: 40GB  Ổ đĩa CD – ROM Giao diện photoshop I.4. Thanh tiêu đề Là thanh thứ nhất chứa tên chương trình (Application Name Adobe Photoshop)  Cực tiểu (Minimize): thu màn hình nhỏ lại trong biểu tượng Adobe Photoshop  Cực đại (Maximize)  Đóng chương trình (Close) I.5. Thanh Menu Bar Tài liệu Photoshop 8 Thanh trình đơn (Menu bar) chứa các trình đơn dropdown (sổ xuống) là thanh thứ hai trên màn hình chứa các trình đơn trong Photoshop. I.6. Thanh Option (Menu Window Option) Là thanh thứ ba luôn luôn thay đổi lệnh mỗi khi thay đổi việc chọn công cụ. Thanh này chứa những lệnh hỗ trợ cho công cụ làm việc. Ví dụ: Khi chọn công cụ Rectangular Marquee thì trên thanh này xuất hiện Option Rectangular Marquee. I.7. Thanh công cụ Toolbox Là thanh chứa các công cụ trong Photoshop, xuất hiện ở bên trái màn hình. Một số công cụ trong hộp này có các tùy chọn xuất hiện trên thanh Options. Những công cụ này giúp bạn tạo vùng chọn, nhập văn bản, tô vẽ, hiệu chỉnh, di chuyển chú thích và xem hình ảnh. Số còn lại cho phép thay đổi màu tiền cảnh (foreground), màu nền (Background) và sự chuyển đổi qua lại giữa chương trình Photoshop và ImageReady là một chương trình hỗ trợ cho việc thiết kế ảnh động. Để chọn công cụ trong Photoshop ta có thể nhấp chọn trực tiếp công cụ đó trên thanh công cụ hoặc có thể chọn bằng phím tắt của công cụ đó trên bàn phím. Để hiển thị tên và phím tắt của bất kỳ công cụ nào ta chỉ cần đặt trỏ chuột lên trên công cụ đó cho đến khi tên phím tắt đó hiển thị. Một số công cụ trong thanh công cụ hiển thị hình tam giác nhỏ ở góc phải bên dưới để báo cho biết nó có chứa thêm vài công cụ ẩn. Để chọn các công cụ ẩn này có các cách sau: Tài liệu Photoshop 9  Nhấn giữ trỏ chuột vào công cụ có chứa công cụ ẩn kéo rê chuột tới công cụ cần chọn và thả chuột. Nhấn giữ Alt và nhấp vào công cụ cần chọn trong thanh công cụ. Mỗi lần nhấp công cụ theo trong chuỗi công cụ ẩn sẽ được chọn.  Nhấn giữ Shift đồng thời nhấn phím tắt của công cụ đó và lặp lại cho đến khi công cụ bạn muốn chọn. II. Chế độ xem ảnh Photoshop cho phép bạn xem hình ảnh từ 0,15% đến 1.600% Sử dụng phím tắt:  Để phóng to: Ctrl + (phím +)  Để thu nhỏ: Ctrl + (phím -)  Nhấn Ctrl + Alt + (phím +) hoặc (phím -) để phóng to thu nhỏ cả hình ảnh và cửa sổ chứa hình ảnh đó.  Nhấn Ctrl + Alt + (phím số 0) để đưa hình ảnh về tỉ lệ 100%. Sử dụng công cụ zoom: Để xác định chính xác phần hình ảnh mà muốn phóng to hoặc thu nhỏ: Chọn công cụ Zoom (+) sau đó đặt trỏ công cụ lên trên phần hình ảnh đó và nhấp chuột. Hoặc Ctrl + SpaceBar và drag mouse để phóng to một khu vực. Sử dụng menu lệnh: Nhấp chọn Menu Window > Navigator. Bấm kéo thanh trượt qua trái, phải hoặc nhập thông số cụ thể trong ô giá trị. III. Chế độ cuộn hình ảnh Để cuộn xem hình ảnh mà kích thước hình ảnh lớn hơn cửa sổ hiển thị nó: dùng công cụ Hand (H). Khi đang kích hoạt bất kỳ công cụ nào mà muốn trở về công cụ Hand: ta nhấn phím H hoặc thanh Space bar trên bàn phím. IV. Làm việc với cửa sổ Palette Hiển thị các Palette: Menu Window\ tên Palette Giấu các Palette: Menu Window \tên Palette Để mở hoặc giấu các thanh Palette và công cụ: Nhấn phím Tab [...]... tượng được chọn Tài liệu Photoshop 20 Skew: Kéo xiên đối tượng được chọn Distort: Biến dạng đối tượng được chọn Perspective: Biến dạng đối tượng được chọn theo phối cảnh   Rotate 900CW: Xoay đối tượng được chọn theo góc 900 cùng chiều kim đồng hồ  Rotate 900CCW: Xoay đối tượng được chọn theo góc 900 ngược chiều kim đồng hồ  Flip Horizontal: Lật đối tượng theo chiều ngang  Tài liệu Photoshop Rotate... được, kích thước tập tin nhỏ…và còn có thể là ảnh động GIF Nhưng số màu tối đa 256 màu Tài liệu Photoshop 12 Dạng thức JPEG (Joint Photographic Experts Group): Là ảnh chụp cao cấp với số màu lên đến 16 triệu màu Tập tin JPG (dạng thức JPEG) thường có số bytes lớn so tập tin dạng.GIF Nhưng tập tin JPG có khả năng tự nén dữ liệu, bạn có quyền ấn định mức độ nén và kiểm soát mức độ trung thực của ảnh Dạng... 140 pixel - Cao: 19, 22, 25 pixel Kích thước các thành phần trang web: Tài liệu Photoshop 13  Icon: Nút chức năng 30 pixel, 50 pixel, 64 pixel  Picture: Tùy thuộc vào chủ đề, minh họa, có kích cở riêng  Mẫu nền: 50 pixel x 50 pixel  Bờ lề: 1024 pixel x 30 pixel Bài 2 KHÁI NIỆM VỀ VÙNG CHỌN Khi tiến hành hiệu chỉnh hình ảnh trên Photoshop bước khởi đầu thường phải tạo vùng chọn cho hình ảnh, có vùng... Chọn File > Save lưu tập tin đầu tiên (hoặc save as với một phần mở rộng khác, một nơi khác) Xác định đường dẫn để lưu giữ tập tin   File name: đặt tên tập tin  Format: chọn đuôi file photoshop *.PSD  Tài liệu Photoshop Save in: chọn ổ đĩa trong vùng nhãn xuất hiện nhiều thư mục bên dưới Chọn nút Save 11 Ta nên lưu thường xuyên trong suốt quá trình làm việc để tránh tình trạng hỏng tập tin khi... phím shift trên bàn phím trong khi thao tác dùng để chọn một vùng chọn hình tròn, hình vuông  Kết hợp giữ phím Alt trong khi thao tác để tạo vùng chọn từ tâm Kết quả: một khung viền chọn nhấp nháy Tài liệu Photoshop 14 Mọi thao tác xử lý lúc này chỉ có tác dụng bên trong khung viền đó Thuộc tính công cụ: Ngoài ra, ta còn có thể cộng thêm vùng chọn bằng phím Shift và trừ bớt vùng chọn bằng phím Alt trong... H =25 px) I.1.2 Single row marquee: Tạo vùng chọn một dòng ngang bằng một pixel Điều kiện: Feather = 0 I.1.3 Single column marquee: Tạo vùng chọn một cột dọc bằng một pixel Điều kiện: Feather = 0 Tài liệu Photoshop 15 I.2 Bộ công cụ Lasso I.2.1 Lasso: Lasso: Là công cụ chọn vùng tự do Thao tác thực hiện:  Chọn công cụ Lasso  Kích và kéo rê chuột sao cho đường viền chọn chạy theo chu vi của một đối...  Edge Contrast: độ nét của biên màu, khi biên màu bị nhoè thì mới tăng Contrast Thuộc tính (Options): I.3 Magic Wand Magic Wand: Là công cụ chọn vùng theo vùng màu tương đồng Thao tác thực hiện: Tài liệu Photoshop 16  Chọn công cụ Magic Wand  Kích vào một màu trên hình ảnh, một vùng màu tương ứng được chọn Độ rộng của vùng chọn tùy thuộc vào giá trị Tolerance trên thanh Options  Tolerance: Dung... tượng  Di chuyển vùng chọn  Sao chép vùng chọn (Alt + Drag chuột)  Auto Select Layer: Tự chọn Layer  Show Bounding Box: Hiển thị tám nốt xung quanh đối tượng, ta có thể xoay, co giãn,… Thuộc tính: Tài liệu Photoshop 17  Nhóm Align : Dùng để gióng hàng các Layer được liên kết (link) với nhau  Nhóm Distribute được liên kết với nhau : Dùng để phân phối đều các đối tượng II Lệnh tạo viền cho vùng chọn... trong  Outside: tạo viền bên ngoài  Center: tạo viền trọng tâm (Kể từ biên vùng chọn)  Opacity: độ mờ của đường viền  Mode: Chế độ hòa trộn III.Một số lệnh liên quan với vùng chọn (Menu select) Tài liệu Photoshop 18  Lệnh Select All (Ctrl + A): Tạo vùng chọn bao kín toàn bộ hình ảnh  Lệnh Deselect (Ctrl + D): Hủy vùng chọn Nếu chưa hài lòng với thao tác, ta có thể hủy bỏ vùng chọn bằng lệnh trên... Selection: Phóng to thu nhỏ, xoay,… vùng chọn Giữ shift bấm vào bốn góc hộp vuông vùng chọn sẽ đều hơn (Hoặc ta có thể kích phải mouse vào bên trong vùng chọn để chọn chế độ Transform Selection)  Tài liệu Photoshop Lệnh Grow: Nới rộng vùng chọn có vùng màu gần nhất (chọn màu cục bộ) Lệnh Save Selection: Lưu vùng chọn, vùng chọn được lưu sẽ hiển thị trong kênh Alpha và đặt tên cho vùng chọn đó 19  . TÀI LIỆU HƯỚNG DẪN HỌC TẬP ĐỒ HỌA ỨNG DỤNG PHOTOSHOP Tài liệu Photoshop 1 MỤC LỤC HƯỚNG DẪN PHẦN LÝ THUYẾT 6 BÀI 1: TỔNG QUAN VỀ PHOTOSHOP CS 6 I. Cài đặt chương trình Photoshop. NHÓM TEXTURE 83 I.4. NHÓM RENDER 85 Tài liệu Photoshop 6 HƯỚNG DẪN PHẦN LÝ THUYẾT Bài 1 TỔNG QUAN VỀ PHOTOSHOP CS Adobe Photoshop CS là một chương trình xử lý ảnh cực mạnh,. Ảnh vectơ Tài liệu Photoshop 7 Các ảnh đồ họa vector được tạo ra bởi các nét thẳng và các nét cong điều chỉnh bằng các vector (toán học) . Các vector diễn tả hình ảnh bằng hình học, khi di