giáo trình đồ họa ứng dụng

Tr−êng §¹i häc S− ph¹m Kü thuËt H−ng Yªn Khoa C«ng NghÖ Th«ng Tin § § å å H H ä ä A A ø ø N N G G D D ô ô N N G G P P h h ¹ ¹ m m Q Q u u è è c c H H ï ï n n g g – – 2006 – – đ đ ồ ồ h h ọ ọ a a ứ ứ n n g g d d ụ ụ n n g g Trang 2 MụC TIÊU CủA môn học Nêu đợc các khái niệm cơ bản về xử lý ảnh. Sử dụng đợc các tính năng cơ bản của Photoshop 7.0 và Viso. Vận dụng đợc các tính năng đồ họa của Photoshop 7.0 trong xử lý ảnh, vận dụng đợc các tính năng thiết kế của Viso trong thiết kế kỹ thuật. Rèn luyện tính cẩn thận, chính xác và thẩm mỹ trong công tác xử lý ảnh. đ đ ồ ồ h h ọ ọ a a ứ ứ n n g g d d ụ ụ n n g g Quochungvnu@yahoo.com Trang 3 MụC LụC MụC TIÊU CủA môn học 2 MụC LụC 3 Phần I 7 Xử Lý ảNH VớI PHOTOSHOP 7.0 7 Chơng 1 7 Mở đầu về xử lý ảnh và Photoshop 7.0 7 1. Giới thiệu chung 7 1.1. ảnh số và xử lý ảnh trên máy tính 7 1.2. Phần mềm xử lý ảnh Photoshop 7.0 7 2. Tạo, mở, xem và lu ảnh 13 2.1. Tạo ảnh mới 13 2.2. Mở hình ảnh 14 2.3. Lu hình ảnh 15 3. Hình ảnh và tập tin hình ảnh 17 3.1. Dạng thức tập tin hình ảnh 17 3.2. Kích cỡ và độ phân giải hình ảnh 17 3.3. Xem hình ảnh 18 3.4. Trở về trạng thái bất kỳ của hình ảnh 21 Chơng 2 23 Vùng chọn và lớp 23 1. Vùng chọn 23 1.1. Khái quát vùng chọn 23 1.2. Tạo vùng chọn 23 1.3. Hiệu chỉnh vùng chọn 28 1.4. Sử dụng Extract để tách ảnh ra khỏi nền 35 2. Lớp (Layer) 37 2.1. Khái quát lớp 37 2.2. Tạo lớp 37 2.3. Làm việc với lớp 38 Chơng 3 48 Xử lý màu sắc trong Photoshop 7.0 48 3. Quản lý màu 48 3.1. Mô hình và chế độ màu 48 3.2. Chuyển đổi giữa các chế độ màu 50 4. Điều chỉnh màu và tông màu 50 4.1. Một số công cụ hay dùng 50 4.2. Các công cụ khác 56 Chơng 4 60 Vẽ và hiệu chỉnh path, hiệu chỉnh ảnh 60 1. Vẽ và hiệu chỉnh path 60 1.1. Khái quát 60 1.2. Pen options 60 đ đ ồ ồ h h ọ ọ a a ứ ứ n n g g d d ụ ụ n n g g Trang 4 1.3. Sử dụng các công cụ Pen 61 1.4. Hiệu chỉnh Path 63 1.5. Tô màu cho Path 63 2. Tô vẽ 64 2.1. Chọn màu mặt và màu nền 64 2.2. Công cụ tô vẽ và tẩy xóa 64 3. Biến ảnh và chấm sửa ảnh 65 3.1. Thay đổi kích thớc 65 3.2. Quay và lật toàn hình 65 3.3. Xén hình ảnh 66 3.4. Sửa ảnh bằng bản sao hình ảnh 67 3.5. Sử dụng Liquify 69 Chơng 5 70 Làm việc với chữ, bộ lọc tạo hiệu ứng đặc biệt 70 1. Làm việc với chữ 70 1.1. Tạo chữ 70 1.2. Làm việc với lớp chữ (Chỉnh kích thớc, uốn cong, tạo hiệu ứng Style)70 2. áp dụng bộ lọc tạo hiệu ứng đặc biệt 71 2.1. Khái quát bộ lọc 71 2.2. Nhóm bộ lọc Artistic 73 2.3. Nhóm bộ lọc Blur 80 2.4. Nhóm bộ lọc Brush Stroke 81 2.5. Nhóm bộ lọc Distort 83 2.6. Nhóm bộ lọc Noise 86 2.7. Nhóm bộ lọc Pixelate 88 2.8. Nhóm bộ lọc Render 89 2.9. Nhóm bộ lọc Sharpen 91 2.10. Nhóm bộ lọc Sketch 92 2.11. Nhóm bộ lọc Stylize 95 2.12. Nhóm bộ lọc Texture 97 2.13. Nhóm bộ lọc Video 98 2.14. Nhóm bộ lọc Other 98 2.15. Nhóm bộ lọc Digimarc 98 2.16. Nhóm bộ lọc Lighting Effects 98 Chơng 6 99 Một số chơng trình Photoshop Plugins 99 1. Tổng quan về các chơng trình Photoshop Plugins 99 1.1. Khái quát chung 99 1.2. Cài đặt Photoshop Plugins 99 2. Sử dụng một số chơng trình Photoshop Plugins 99 2.1. KPT 3 99 2.2. Eye Candy 3.0 101 Phần II 102 THIếT Kế VớI MICROSOFT VISO 102 Chơng 7 102 Công cụ thiết kế Microsoft Viso 102 1. Tổng quan về Microsoft Viso 102 1.1. Giới thiệu công cụ thiết kế Microsoft Viso 102 1.2. Khởi động và ra khỏi Microsoft Viso 102 đ đ ồ ồ h h ọ ọ a a ứ ứ n n g g d d ụ ụ n n g g Quochungvnu@yahoo.com Trang 5 1.3. Màn hình giao diện Microsoft Viso 103 1.4. Hệ thống Toolbar trong Microsoft Viso 103 2. Thao tác với tệp tin trong Microsoft Viso 103 2.1. Tạo bản thiết kế mới 103 2.2. Mở bản thiết kế đã có trên đĩa 104 2.3. Mở các bản thiết kế mẫu (Sample) 104 2.4. Lu các thiết kế lên đĩa 104 3. Làm việc với các trang bản vẽ 104 3.1. Thêm một trang mới 104 3.2. Đổi tên trang 105 3.3. Sắp xếp lại các trang 106 3.4. Xóa một trang 106 3.5. Thay đổi kích thớc một trang 107 3.6. Thay đổi chế độ hiển thị các trang 107 3.7. Tạo Header và Footer cho trang 107 4. Thiết lập hoặc gỡ bỏ các tiện ích 108 4.1. Bật / tắt chế độ bắt dính điểm 108 4.2. Bật / tắt chế độ hiển thị lới 108 4.3. Bật / tắt chế độ hiển thị thớc đo 109 5. Thao tác với các mẫu thiết kế có sẵn 109 5.1. Lựa chọn các mẫu thiết kế có sẵn 109 5.2. Tạo mới các mẫu không có trong danh sách 110 6. Thao tác với các đối tợng vẽ 110 6.1. Đa đối tợng vào trong bản vẽ 111 6.2. Thiết lập, gỡ bỏ các ràng buộc với đối tợng vẽ 111 6.3. Hiệu chỉnh kích thớc, hình dáng các đối tợng 111 6.4. Chọn kiểu viền, màu viền, màu nền cho đối tợng vẽ 112 6.5. Viết chữ vào trong đối tợng vẽ 112 6.6. Thay đổi chiều của đối tợng vẽ 113 7. Một số phép toán trên các đối tợng vẽ giao nhau 113 7.1. Phép hợp (Union) 113 7.2. Phép kết hợp (Combine) 113 7.3. Tách từng phần các đối tợng (Fragment) 114 7.4. Lấy phần chung giữa các đối tợng (Intersect) 114 7.5. Phân cắt các đối tợng (Subtract) 114 7.6. Kết nối các đối tợng (Join) 114 7.7. Cắt tỉa các đối tợng (Trim) 115 7.8. Offset 115 8. In ấn trong Microsoft Viso 115 8.1. Thiết lập trang in 115 8.2. Xem trớc khi in 116 8.3. Thực hiện in bản thiết kế 117 Bài thực hành tổng hợp 118 Phụ lục A 184 Tài liệu tham khảo 184 Phụ lục B 187 Các phím gõ tắt trong Photoshop 7.0 187 Nhóm lệnh xem hình 187 đ đ ồ ồ h h ọ ọ a a ứ ứ n n g g d d ụ ụ n n g g Trang 6 Nhóm lệnh lựa chọn và di chuyển 187 Nhóm lệnh vẽ 188 Nhóm lệnh chỉnh sửa 189 Nhóm lệnh với path 190 đ đ ồ ồ h h ọ ọ a a ứ ứ n n g g d d ụ ụ n n g g Quochungvnu@yahoo.com Trang 7 Phần I Xử Lý ảNH VớI PHOTOSHOP 7.0 Chơng 1 Mở đầu về xử lý ảnh và Photoshop 7.0 1. Giới thiệu chung 1.1. ảnh số và xử lý ảnh trên máy tính Hình ảnh truyền thống đợc tạo ra bằng cách sử dụng bút vẽ để vẽ lên các chất liệu, dùng máy ảnh cơ để chụp hay dùng máy ảnh kỹ thuật số. Ngày nay khi công nghệ thông tin phát triển và đợc ứng dụng rộng ri trong khoa học kỹ thuật cũng nh trong đời sống thì hình ảnh cũng chuyển sang một kỷ nguyên mới đầy hứa hẹn đó là ảnh số. ảnh số là hình ảnh đợc lu trữ và xử lý dới dạng các tín hiệu số (0 và 1). ảnh số đợc sử dụng rộng ri trong công nghệ thông tin: chèn ảnh vào văn bản, trang web, trong giao diện chơng trình ứng dụng trong chụp ảnh kỹ thuật số, ảnh nghệ thuật, thiết kế quảng cáo Xử lý ảnh trên máy tính là việc sử dụng phần mềm xử lý ảnh để tạo hình, tạo ảnh, sửa chữa, chỉnh sửa ảnh. 1.2. Phần mềm xử lý ảnh Photoshop 7.0 Photoshop là một phần mềm xử lý ảnh 2 chiều rất mạnh của hng Adobe với những tính năng u việt về chỉnh sửa và tạo mẫu, nó là phần mềm dẫn đầu trong lĩnh vực xử lý ảnh Bitmap 2 chiều. Môi trờng làm việc của Adobe Photoshop bao gồm những Menu lệnh ở phần trên của màn hình, rất nhiều công cụ và các Palette để chỉnh sửa và thêm các thành tố khác cho tấm hình. Bạn cũng có thể thêm lệnh và bộ lọc vào Menu bằng cách cài đặt một phần mềm bên ngoài đợc gọi là các Plugin. Photoshop làm việc với ảnh Bitmap kỹ thuật số (là dạng hình có màu liên tiếp đ đợc chuyển thành một loạt những ô vuông nhỏ đợc gọi là đơn vị Pixel). Trong đ đ ồ ồ h h ọ ọ a a ứ ứ n n g g d d ụ ụ n n g g Trang 8 Photoshop, bạn cũng có thể làm việc với hình đồ hoạ Vector. Đồ hoạ Vector là dạng hình đợc vẽ bởi các đờng mềm mại và vẫn giữ đợc độ sắc nét khi phóng to hoặc thu nhỏ. Bạn có thể tạo ra hình ảnh từ Photoshop hoặc nhập hình ảnh vào từ một chơng trình khác hoặc từ các nguồn nh: Hình từ máy ảnh kỹ thuật số. Hình đợc lu lại từ các đĩa CD. Hình đợc scan (quét). Hình đợc chụp từ video. Những hình đợc vẽ từ các phần mềm khác Màn hình giao diện chính của PhotoShop 7.0 đ đ ồ ồ h h ọ ọ a a ứ ứ n n g g d d ụ ụ n n g g Quochungvnu@yahoo.com Trang 9 1.2.1. Hộp công cụ Hộp công cụ và các nhóm công cụ Hộp công cụ bao gồm Selection Tool, Painting, những công cụ chỉnh sửa, nền trớc nền sau, và những chế độ hiển thị. Để chọn một công cụ, bạn nhấp chuột vào công cụ đó ở hộp công cụ, hoặc có thể dùng phím tắt trên bàn phím. Ví dụ: muốn mở công cụ Marquee Tool bạn chọn công cụ đó trên hộp công cụ hoặc nhấn phím tắt [M]. Nếu muốn chuyển sang công cụ Zoom Tool bạn nhấn phím [Z] hoặc có thể chọn công cụ Zoom Tool đ đ ồ ồ h h ọ ọ a a ứ ứ n n g g d d ụ ụ n n g g Trang 10 trên hộp công cụ. Để biết các lệnh gõ tắt của một công cụ ta di chuột lên trên nó và chờ cho đến khi một dòng chữ nhỏ (Tool tip) xuất hiện, khi đó ta sẽ biết tên và phím gõ tắt của công cụ tơng ứng (xem hình minh họa). Tên và phím tắt của công cụ Những công cụ có hình tam giác ở góc dới bên phải của nó chứng tỏ có công cụ khác ẩn dới công cụ này. Để chọn các công cụ ẩn đó hy nhấn chuột phải vào công cụ có hình tam giác, khi đó một popup menu trải ra và bạn có thể chọn công cụ mong muốn. Hoặc có thể nhấn giữ phím [Alt] đồng thời nhấn chuột trái lên công cụ và chọn. Hoặc có thể nhấn [Shift]+phím tắt cho đến khi có đợc công cụ mong muốn (chỉ áp dụng đợc với các công cụ có phím gõ tắt). Sử dụng các công cụ ẩn trong nhóm 1.2.2. Thanh công cụ tùy biến Hầu hết các công cụ đều có những tuỳ biến đợc hiển thị trên thanh tuỳ biến (Option Bar). Bạn có thể di chuyển thanh tuỳ biến tới bất cứ chỗ nào trong môi trờng làm việc. Thanh tuỳ biến công cụ của Photoshop bao gồm một Palette Well để chứa các palette mà không phải đóng hẳn chúng lại (Palette Well chỉ hiển thị khi mà môi trờng làm việc của bạn đạt từ 800x600 Pixel trở lên). [...]... Trang 13 đồ họa ứng dụng Tạo ảnh mới 2.2 Mở hình ảnh Để mở một tệp hình ảnh đ có bạn l m nh sau: V o File Trang 14 Open Chọn ảnh muốn mở Ok đồ họa ứng dụng Mở ảnh 2.2.1 Sử dụng File Browser để mở hình ảnh Nhấp v o nút File Browser trên thanh tuỳ biến công cụ File Browser mở ra v hiển thị một loạt các Palette, menu, nút v các cửa sổ Chú ý: Bạn có thể mở File Browser bằng cách chọn File Browse Sử dụng. .. đề theo những cách sau: Xem mục lục Tìm với từ khoá Sử dụng trang index Trang 12 đồ họa ứng dụng Có thể nhảy từ topic n y sang topic khác sử dụng những đờng liên kết có cùng nội dung Chọn Help Photoshop Help (Hoặc nhấn phím [F1]) Trình duyệt web mặc định của bạn sẽ mở ra Những chủ đề sẽ xuất hiện ở khung bên trái của cửa sổ trình duyệt Sử dụng trợ giúp của Photoshop 2 Tạo, mở, xem v lu ảnh 2.1 Tạo... thời cho lần sau sử dụng: Chọn Select Save selection để mở hộp thoại lu vùng chọn (lu ý: phải có vùng lựa chọn thì Save selection mới hiện lên để ta chọn) Quochungvnu@yahoo.com Trang 33 đồ họa ứng dụng Lu vùng chọn 1.3.10.Sử dụng vùng chọn đã lu trớc đó Lúc trớc ta vừa lu vùng chọn, bây giờ ta có thể sử dụng vùng chọn đ lu đó bằngcách: Chọn Select Load selection để mở hộp thoại sử dụng vùng chọn đ lu... quan sát ảnh sau: Sử dụng Magetic Lasso để tách đối tợng ra khỏi nền Để khắc phục tình trạng những vân xung quanh viền nh ở trên chúng ta v o Layer Mattting Defringe v thiết lập giá trị khoảng 1-3px ta sẽ đợc: Kết quả sau khi sử dụng Defringe (3px) 1.4 Sử dụng Extract để tách ảnh ra khỏi nền Quochungvnu@yahoo.com Trang 35 đồ họa ứng dụng Để tách ảnh ra khỏi nền chúng ta có thể sử dụng các công cụ tạo... v thay thế v o đó l bớc vừa mới thực hiện Trong hình minh họa dới đây, bớc thực hiện gần đây nhất đó l Layer Via Copy Sử dụng History Quochungvnu@yahoo.com Trang 21 đồ họa ứng dụng 3.4.2 Snapshot Bảng History tự động ghi lại các bớc bạn đ thực hiện nhng đôi khi bạn muốn ghi lại trạng thái của ảnh tại một số bớc nhất định, lúc đó bạn có thể sử dụng công cụ Snapshot Snapshop sẽ tạo ra cho bạn những cơ... tạo Snapshop bạn chỉ cần nhấn chọn họa dới đây Tạo Snapshot Trang 22 trong bảng History nh hình minh đồ họa ứng dụng Chơng 2 Vùng chọn v lớp 1 Vùng chọn 1.1 Khái quát vùng chọn Trong Photoshop bạn có thể tạo một vùng lựa chọn dựa trên kích thớc, hình dạng v m u sắc bằng cách sử dụng bốn loại công cụ cơ bản: Marquee , Magic Wand v Pen Tool , Lasso Bạn cũng có thể sử dụng Magic Eraser để tạo vùng lựa... chuột để ho n tất việc tạo vùng chọn Quochungvnu@yahoo.com Trang 23 đồ họa ứng dụng Sử dụng Rectangular Marquee L m tơng tự với Elliptical marquee Với Single row v Single column marquee bạn chỉ cần Click v o nơi muốn tạo vùng chọn Nếu không nhìn thấy vùng chọn h y phóng to lên (zoom in) để thực hiện Một số tùy biến cần lu ý khi sử dụng công cụ tạo vùng chọn hình học: Option bar của Rectangular Marquee... [Delete] để xóa những đoạn vừa tạo Khi đó ta sẽ tạo ra một đờng thẳng từ con trỏ tới trớc đoạn vừa xóa Nhấn giữ [Alt] để tạm thời chuyển sang Polygonsal Lasso Quochungvnu@yahoo.com Trang 25 đồ họa ứng dụng Sử dụng Lasso Sử dụng Polygonsal Lasso: Chọn Polygonsal Lasso (nó có thể bị ẩn bên dới Lasso) Nhấn chuột chọn điểm bắt đầu, click điểm tiếp theo để tạo đờng thẳng Nếu đặt chuột trùng với điểm đầu tiên... thì cũng không có gì phải lo lắng, h y v o Edit Undo để thử lại Sử dụng Magic Wand Quochungvnu@yahoo.com Trang 27 đồ họa ứng dụng Thiết lập thông số cho công cụ Magic Wand: Ngo i những thông số nh các công cụ tạo vùng chọn khác, Magic Wand còn có thêm các thông số: Option bar của Magic Wand Tolenrance Dùng để điều chỉnh những điểm tơng đồng về m u trong vùng lựa chọn khi bạn nhấp chuột v o một m u trên... trắng 2.3.2 Sử dụng hộp thoại Save For Web Hộp thoại Save For Web trong Photoshop cho bạn thấy những tấm ảnh đặt bên cạnh nhau nhng khác nhau do việc sử dụng những thiết lập tối u hoá khác nhau Bạn có thể so sánh các phiên bản khi l m việc, chỉnh các thiết lập tối u v tìm xem những khác biệt cho đến khi bạn có đợc sự kết hợp khả dĩ giữa kích thớc v chất lợng của ảnh Trang 16 đồ họa ứng dụng Save for . niệm cơ bản về xử lý ảnh. Sử dụng đợc các tính năng cơ bản của Photoshop 7.0 và Viso. Vận dụng đợc các tính năng đồ họa của Photoshop 7.0 trong xử lý ảnh, vận dụng đợc các tính năng thiết. rõ toàn bố cục của bức tranh. 1.2.5. Sử dụng Photoshop Help Để có đầy đủ thông tin về cách sử dụng Palette, công cụ và các tính nắng khác của ứng dụng, bạn nên xem phần Photoshop Help. Adobe. tin hình ảnh 3.1. Dạng thức tập tin hình ảnh Các dạng tập tin đồ họa khác nhau biến đổi tùy theo cách chúng biểu thị thông tin đồ họa (dới dạng pixel hay vector), cách nén tập tin hình ảnh và