Những năm gần đây Thiết kế Đồ họa nói chung và Đồ họa ứng dụng nói riêng ngày càng thể hiện được vị trí và tầm quan trọng của mình trong các lĩnh vực của cuộc sống và là một phần không thể thiếu trong các sự kiện hay đơn giản chỉ là trong cuộc sống hàng ngày. Với mục tiêu giúp cho người học có kiến thức tổng quan không chỉ mang tính lý thuyết mà còn đạm chất thực hành với các bài tập và nội dung kiến thức vừa đủ sẽ giúp cho người học sau khi học xong giáo trình này có thể làm được những công việc liên quan đến thiết kế chỉnh sửa ảnh…Các phần mềm như Photosshop, Lightroom… đã trở thành chương trình vẽ minh họa rất quen thuộc với chúng ta. Nó không chỉ dành cho các nhà thiết kế đồ họa chuyên nghiệp mà nó còn giúp cho những người mới làm quen với các ứng dụng đồ họa trên máy tính. Photoshop được chọn là một phần mềm không thể thiếu trong công việc chỉnh sửa hình ảnh mà chúng ta thường thấy ở bất kì đâu. Qua từng chương của cuốn sách này, các sẽ cùng chúng tôi đi từ những vấn đề đơn giản đến phức tạp để có thể nắm vững và sử dụng thành thạo. Sau khi nghiên cứu xong cuốn sách này, các bạn sẽ có kiến thức về: Sử dụng các công cụ từ cơ bản đến nâng cao trong phần mềm PhotoshopCS5; Thành thạo các công cụ tô vẽ, biên tập, tạo văn bản; Hiệu chỉnh hình ảnh; Thiết kế giao diện website…
-1- Mục lục Chương 1.1 : CÁC THAO TÁC CƠ BẢN CỦA PHOTOSHOP .8 GIỚI THIỆU ADOBE PHOTOSHOP 1.1.1 1.1.2 1.1.3 1.1.4 1.1.5 1.1.6 1.1.7 1.1.8 1.2 1.3 Khái niệm Đặc điểm chương trình Adobe Photoshop Khái niệm ảnh Bitmap Khái niệm phần tử điểm ảnh Pixel .9 Độ phân giải hình .9 Độ phân giải tập tin 10 Yêu cầu phần cứng 10 Phương pháp cài đặt chương trình 10 KHỞI ĐỘNG CHƯƠNG TRÌNH ADOBE PHOTOSHOP 10 GIAO DIỆN CỬA SỔ ADOBE PHOTOSHOP 11 1.3.1 1.3.2 1.4 Giới thiệu giao diện CS5 11 Các thành phần cửa sổ giao diện .11 CÁC THAO TÁC TRÊN TẬP TIN .16 1.4.1 1.4.2 1.4.3 1.4.4 1.4.5 1.4.6 1.4.7 1.4.8 1.5 1.6 Mở tập tin 16 Mở tập tin có thuộc tính biết trước 17 Mở tập tin có sẵn 17 Lưu tập tin lần đầu 18 Lưu tập tin với nội dung cũ 20 Lưu tập tin dự phòng 20 Lưu tập tin theo định dạng Web .20 Duyệt File 21 THOÁT KHỎI CHƯƠNG TRÌNH PHOTOSHOP .21 CÁC THAO TÁC TRÊN CỬA SỔ GIAO DIỆN 21 1.6.1 1.6.2 1.6.3 1.6.4 1.7 Hộp Công cụ 21 Hiện ẩn thành phần cửa sổ giao diện 22 Thao tác màu Background Foreground .23 Các thao tác biến đổi hình ảnh 24 CÁC THAO TÁC TRÊN VÙNG CHỌN 29 1.7.1 1.7.2 1.7.3 1.7.4 1.7.5 1.7.6 1.7.7 1.7.8 1.8 Chú ý 29 Sử dụng nhóm Marquee để tạo vùng trọn 29 Sử dụng nhóm Lasso Tool để tạo vùng chọn 30 Sử dụng Công cụ Magic Wand để tạo vùng trọn 32 Sử dụng Horizontal Type Mask Tool Tạo vùng chọn .33 Thao tác hiệu chỉnh vùng chọn 33 Thao tác chép di chuyển vùng ảnh chọn 37 Biến Đổi Hình Ảnh Bằng Menu Lệnh 38 BÀI TẬP CHƯƠNG 1: 42 Chương 2.1 : CÁC THAO TÁC NÂNG CAO CỦA PHOTOSHOP 51 LAYER - LỚP ĐỐI TƯỢNG .51 2.1.1 2.1.2 2.1.3 2.2 Khái niệm lớp đối tượng 51 Giới thiệu Palettes Layer 52 Các thao tác lớp 52 KÊNH MÀU- CHANNEL 61 2.2.1 2.2.2 2.2.3 2.2.4 Khái niệm Kênh 61 Giới Thiệu Palettes Channel 62 Các Thao Tác Cơ Bản Trên Kênh 62 Các thao tác nâng cao kênh .65 -2- 2.3 CHẾ ĐỘ MASK – MẶT NẠ .67 2.3.1 2.3.2 2.3.3 2.4 Khái niệm chế độ mặt nạ 67 Các thao tác mặt nạ 67 Ví dụ mặt nạ 69 HIỆU ỨNG ĐỊNH SẴN .74 2.4.1 Đặt vấn đề 74 2.4.2 Phương pháp áp dụng hiệu ứng .75 2.4.3 Hiệu ứng Colored Pencil 75 2.4.4 Hiệu ứng Plastic Wrap .75 2.4.5 Hiệu ứng Blur 76 2.4.6 Hiệu ứng Motion Blur 76 2.4.7 Hiệu ứng Radial Blur .76 2.4.8 Hiệu ứng Ripple .76 2.4.9 Hiệu ứng Twirt 77 2.4.10 Hiệu ứng Zigzag .77 2.4.11 Hiệu ứng Add Noise 77 2.4.12 Hiệu ứng Dust & Scratches 77 2.4.13 Hiệu ứng Diffuse 78 2.4.14 Hiệu ứng Emboss .78 2.4.15 Hiệu ứng Wind 78 2.4.16 Hiệu ứng Mosaic Tiles .78 Ví dụ: 79 2.5 BÀI TẬP CHƯƠNG 2: 82 Chương 3.1 KHÁI NIỆM MƠ HÌNH MÀU TRONG PHOTOSHOP 105 3.1.1 3.1.2 3.1.3 Các khái niệm 105 Mơ hình màu 105 Chế Độ Màu 107 3.2 NHĨM Cơng cụLẤY MẪU .108 3.2.1 3.2.2 Công cụ EYEDROPPER TOOL .108 Công cụ COLOR SAMPLER TOOL .109 3.3 CÁC THAO TÁC TÔ MÀU 109 3.3.1 3.3.2 3.3.3 3.3.4 Tô đầy lệnh Fill .109 Vẽ phác lệnh Stroke .110 Tô màu chuyển sắc công cụ Gradient Tool 111 Tô màu công cụ Paint Pucket Tool 112 3.4 CHẾ ĐỘ HÒA TRỘN MÀU 113 3.4.1 3.4.2 3.4.3 Khái niệm .113 Các phương thức hòa trộn màu 113 Chuyển đổi chế độ màu 115 3.5 CƠNG CỤ TƠ VẼ BIÊN TẬP HÌNH ẢNH 116 3.5.1 3.5.2 3.5.3 3.5.4 3.5.5 3.5.6 3.5.7 3.5.8 Giới thiệu hộp thoại cọ Brush 116 Các bước tô vẽ biên tập hình ảnh Brush .117 Công cụ cọ Brush 117 Nhóm Cơng cụ xóa Ảnh 117 Công cụ chép mẫu Clone Stamp 118 Công cụ Patch Tool 118 Công cụ Pen Tool 119 Công cụ Add Anchor Point Tool .119 3.6 MỐI QUAN HỆ GIỮA ĐƯỜNG PATH VÀ VÙNG CHỌN 120 3.6.1 3.6.2 3.6.3 3.6.4 3.6.5 3.7 : Cơng cụTƠ VẼ - BIÊN TẬP – TẠO VĂN BẢN 104 Chuyển Path thành vùng chọn .120 Chuyển Vùng Chọn Thành Path .120 Xóa Path 120 Tạo mẫu Pattern .120 Ví dụ công cụ tô vẽ biên tập 120 TẠO VĂN BẢN TRONG PHOTOSHOP 126 -3- 3.7.1 3.7.2 3.7.3 3.7.4 3.7.5 3.7.6 3.8 Phương Pháp Tạo Văn Bản 126 Chuyển lớp chữ sang lớp ảnh 127 Áp dụng Style định sẵn cho chữ .128 Áp dụng Layer Style cho văn 128 Uốn cong văn 128 Ví dụ tạo văn .129 BÀI TẬP CHƯƠNG 3: 132 Chương 4.1 HIỆU CHỈNH HÌNH ẢNH 152 SỬ DỤNG CƠNG CỤ CHỈNH SỬA HÌNH ẢNH 152 4.1.1 4.1.2 4.1.3 4.1.4 4.1.5 4.1.6 4.1.7 4.1.8 4.1.9 4.2 Chú ý 152 Nhắc Lại Công cụ Sao Chép Mẫu Clone Stamp 153 Công cụ Patch Tool 153 Công cụ Blur 153 Công cụ Sharpen 154 Công cụ Smudge .154 Công cụ Dodge .154 Công cụ Burn 155 Công cụ Sponge .155 SỬ DỤNG LỆNH HIỆU CHỈNH ẢNH ĐEN TRẮNG 155 4.2.1 4.2.2 4.2.3 4.2.4 4.2.5 4.3 Lệnh Level 155 Lệnh Cuves .157 Lệnh Brightness/ Contrast .157 Lệnh Desaturate .158 Ví Dụ: Hiệu chỉnh ảnh đen trắng 158 CÁC LỆNH HIỆU CHỈNH ẢNH MÀU 160 4.3.1 4.3.2 4.3.3 4.3.4 4.4 Lệnh Color Balance .160 Lệnh Hue/ Saturation .161 Lệnh Variations 162 Ví dụ hiệu chỉnh ảnh màu 164 BÀI TẬP CHƯƠNG 4: 168 Chương 5.1 : CÁC CÔNG CỤ PHOTOSHOP NÂNG CAO 184 CAMERA RAW 184 5.1.1 Chức 184 5.1.2 Thao tác thực 187 +) Khởi động hộp thoại Camera raw .187 Khởi động Photoshop, mở hộp thoại Preferences cách vào menu Edit > Preferences > File Handling, hộp thoại hình bên hiển thị 187 5.2 ACTION .208 5.2.1 5.2.2 5.3 Chức 208 Thao tác thực 208 ANIMATION 221 5.3.1 5.3.2 5.4 Chức 221 Thao tác thực 221 BÀI TẬP CHƯƠNG 5: 221 Chương 6.1 : THIẾT KẾ GIAO DIỆN WEBSITE 229 GIỚI THIỆU WEBSITE 229 6.1.1 6.1.2 6.2 Các thành phần Web Pages 229 Mối quan hệ thiết kế đồ họa thiết kế Website 230 QUAN SÁT KÍCH THƯỚC CÁC THÀNH PHẦN 230 6.2.1 6.2.2 6.2.3 6.2.4 Xác định kích thước tổng thể Webpage 230 Xác định kích thước Banner 230 Xác định kích thước Left Menu 231 Xác định kích thước Right Menu 231 -4- 6.2.5 6.3 6.4 Xác định kích thước Vùng Nội Dung .231 6.4.1 6.4.2 THIẾT KẾ GIAO DIỆN WEBSITE 231 KẾT XUẤT HÌNH ẢNH 232 6.5 6.6 Kết xuất hình ảnh thủ cơng 232 Kết xuất hình ảnh tự động 232 TỐI ƯU HĨA HÌNH ẢNH CHO WEBSITE 234 BÀI TẬP CHƯƠNG 5: 234 TÀI LIỆU THAM KHẢO 246 -5- GIỚI THIỆU VỀ MƠ ĐUN/MƠN HỌC Vị trí, ý nghĩa, vai trò mơ đun/mơn học : - Vị trí mơ đun: Mơ đun bố trí sau người học học xong môn học chung môn học sở bắt buộc : - Ý nghĩa mô đun: Giúp cho người học hiểu rõ Khái niệm ảnh bitmap biết cách phân biệt với ảnh vector, hiểu trạng thái thay đổi cho ảnh sau chỉnh sửa - Vai trò mơ đun: Mơ đun đóng vai trò quan trọng, mảng thiết kế đóng vai trò khơng thể thiết cho nghề Thiết kế Đồ họa Mục tiêu mô đun/môn học: Sau học xong mô đun/ môn học này, người học có khả năng: - Mục tiêu 1: Trang bị cho người học kiến thức chung ảnh số, hệ màu máy tính, kỹ thuật biến đổi ảnh thao tác với ảnh số - Mục tiêu 2: Rèn luyện kỹ sử dụng thành thạo phần mềm xử lý ảnh - Mục tiêu 3… Yêu cầu kiểm tra, đánh giá hồn thành mơ đun/mơn học Về kiến thức Được đánh giá qua tập tổng hợp: - Hiểu thao tác với ảnh số - Hiểu thao tác với hệ màu, bảng màu - Biết cách lắp ghép đối tượng - Biết cách chèn đối tượng Về kỹ Đánh giá kỹ thực hành người học: - Thao tác thành thục với phần mềm xử lý ảnh - Thao tác thành thục xử lý thay đổi màu sắc, cắt dán, chèn đối tượng, xác định đối tượng di chuyển đối tượng Về thái độ - Cẩn thận, tự giác học tập - Yêu cầu tính độc lập thực tập -6- YÊU CẦU VỀ VẬT TƯ, THIẾT BỊ Trình độ đào tạo: Cao đẳng nghề Dùng cho lớp học lý thuyết tối đa 35 sinh viên, lớp học thực hành tối đa 18 sinh viên TT Tên thiết bị Máy vi tính Máy chiếu (Projector) Phần mềm - Hệ điều hành - Phần mềm Photoshop - Phần mềm văn phòng Đơn vị Bộ Số lượng 19 Chiếc 01 Yêu cầu sư phạm Sử dụng giảng dạy thực hành 19 Bộ 19 Thực tập thực hành Bộ 01 Trình chiếu giảng -7- Cấu hình thơng dụng thời điểm mua sắm, chạy phần mềm đồ họa tương ứng - Cường độ ánh sáng tối thiểu ≥ 2500 ANSI Lumen; Trình chiếu nội dung lý thuyết, tập mẫu - Kích thước phơng giáo viên chiếu ≥ (1.78m x 1.78m) Điều khiển máy tính, chạy phần mềm ứng dụng Bộ Yêu cầu kỹ thuật thiết bị Hệ điều hành thông dụng vào thời điểm cài đặt, tương thích với phần mềm cần cài đặt Phiên phù hợp với cấu hình máy có tích hợp đầy đủ thư viện Tương thích hệ điều hành tương ứng Chương 1: Các thao tác Photoshop Chương : CÁC THAO TÁC CƠ BẢN CỦA PHOTOSHOP Giới thiệu : Trong chương nhằm cung cấp cho em Sinh viên Khái niệm tính chương trình Adobe Photoshop, cụ thể tìm hiểu vấn đề sau: Mục tiêu: Sau học xong chương người học có khả hiểu: - Khái niệm đặc điểm chương trình Adobe Photoshop - Giới thiệu ảnh Bitmap - Khái niệm phần tử điểm ảnh - Khái niệm độ phân giải tập tin - Khái niệm độ phân giải hình - Cấu hình phần cứng cho chương trình Adobe Photoshop - Phương pháp cài đặt chương trình Adobe Photoshop - Cách khởi động chương trình Adobe Photoshop - Giới thiệu giao diện chương trình Adobe Photoshop - Các thao tác tập tin Adobe Photoshop - Thoát khỏi chương trình Adobe Photoshop - Các thao tác cửa sổ giao diện Adobe Photoshop - Các thao tác vùng chọn - Các thao tác biến đổi vùng chọn - Các thao tác biến đổi vùng ảnh chọn -8- Chương 1: Các thao tác Photoshop Nội dung chính: 1.1 GIỚI THIỆU ADOBE PHOTOSHOP 1.1.1 Khái niệm Adobe Photoshop chương trình đồ họa ứng dụng chuyên nghiệp dùng để xử lí ảnh Bitmap Đây phiên phát triển từ phiên Adobe Photoshop trước Chương trình Adobe Photoshop chạy hệ điều hành Win 2k, Windows 7, hai họ máy PC Macintosh 1.1.2 Đặc điểm chương trình Adobe Photoshop Adobe Photoshop chương trình ứng dụng đặc sắc với nhiều tính độc đáo Bằng kỹ thuật lắp ghép chỉnh sữa hình ảnh, tạo sản phẩm ứng dụng hấp dẫn phong phú Những ứng dụng tiêu biểu Adobe Photoshop là: - Lắp ghép hình ảnh - Tạo ảnh nghệ thuật - Thiết kế mẫu: Poster, Prochure, Catologue - Hỗ trợ thiết kế web: Thiết kế Layout, Chuẩn bị hình ảnh - Phục hồi hình ảnh cũ - Tạo chữ nghệ thuật - Hiệu chỉnh ảnh màu - Chuyển đổi ảnh đen trắng sang màu 1.1.3 Khái niệm ảnh Bitmap Ảnh Bitmap tập hợp điểm ảnh tạo nên hình ảnh quan sát Số điểm ảnh nhiều hình ảnh rõ nét Các hình ảnh Bitmap có tính phụ thuộc vào độ phân giải Nghĩa độ phân giải caothì hình ảnh sắc nét Mỗi hình ảnh Bitmap xác định chứa số lượng điểm ảnh xác định 1.1.4 Khái niệm phần tử điểm ảnh Pixel Điểm ảnh hay phần tử điểm ảnh gọi Pixel - Picture Element Mỗi Pixel có tọa độ màu sắc xác định ảnh Thơng thường Pixel có dạng hình vng người ta khơng quan tâm đến kích thước Pixel -9- Chương 6: Thiết kế giao diện website Bài Tập 5.3: Thiết kế giao diện Website -237- Chương 6: Thiết kế giao diện website Bài Tập 5.4: Thiết kế giao diện Website -238- Chương 6: Thiết kế giao diện website Bài Tập 5.5: Thiết kế giao diện Website -239- Chương 6: Thiết kế giao diện website Bài Tập 5.6: Thiết kế giao diện Website -240- Chương 6: Thiết kế giao diện website Bài Tập 5.7: Thiết kế giao diện Website -241- Chương 6: Thiết kế giao diện website Bài Tập 5.8: Thiết kế giao diện Website -242- Chương 6: Thiết kế giao diện website Bài Tập 5.9: Thiết kế giao diện Website -243- Chương 6: Thiết kế giao diện website Bài Tập 5.10: Thiết kế giao diện Website -244- Chương 6: Thiết kế giao diện website Bài Tập 5.11: Kết CorelDRAW Photoshop để thiết kế Layout: +) Layout 2: Bài Tập 5.7: Thiết kế giao diện Website -245- Chương 6: Thiết kế giao diện website -246- Chương 6: Thiết kế giao diện website Bài Tập 5.8: Thiết kế giao diện Website -247- Chương 6: Thiết kế giao diện website Bài Tập 5.9: Thiết kế giao diện Website -248- Chương 6: Thiết kế giao diện website Bài Tập 5.10: Thiết kế giao diện Website -249- Chương 6: Thiết kế giao diện website Bài Tập 5.11: Kết CorelDRAW Photoshop để thiết kế Layout: +) Layout 2: -250- Chương 6: Thiết kế giao diện website TÀI LIỆU THAM KHẢO Tài liệu Tiếng Việt (Sách) Châu Nguyễn Quốc Tâm “Adobe Photoshop CS4”, NXB Thanh Niên, 2009 Ngọc Lê, Thành Vinh “Tạo hiệu ứng độc đáo Photoshop CS3”, NXB Văn hóa thơng tin, 2008 Ngọc Lê, Thành Vinh “Tự học sử dụng Adobe Photoshop CS3”, NXB Văn hóa thơng tin, 2007 -251- ... Chuẩn bị hình ảnh - Phục hồi hình ảnh cũ - Tạo chữ nghệ thuật - Hiệu chỉnh ảnh màu - Chuyển đổi ảnh đen trắng sang màu 1.1.3 Khái niệm ảnh Bitmap Ảnh Bitmap tập hợp điểm ảnh tạo nên hình ảnh quan... sát Số điểm ảnh nhiều hình ảnh rõ nét Các hình ảnh Bitmap có tính phụ thuộc vào độ phân giải Nghĩa độ phân giải caothì hình ảnh sắc nét Mỗi hình ảnh Bitmap xác định chứa số lượng điểm ảnh xác định... .129 BÀI TẬP CHƯƠNG 3: 132 Chương 4.1 HIỆU CHỈNH HÌNH ẢNH 152 SỬ DỤNG CƠNG CỤ CHỈNH SỬA HÌNH ẢNH 152 4.1.1 4.1.2 4.1.3 4.1.4 4.1.5 4.1.6 4.1.7 4.1.8 4.1.9