(NB) Giáo trình Đồ hoạ ứng dụng với mục tiêu chính là Sử dụng các phần mềm đồ họa để vẽ, thiết kế các mạch điện tử, cấu tạo các thiết bị phần cứng điện tử máy tính. Thiết kế và xây dựng được các bản vẽ kỹ thuật, các sơ đồ hệ thống mạng máy tính.
1 BỘ LAO ĐỘNG -THƯƠNG BINH VÀ XÃ HỘI TỔNG CỤC DẠY NGHỀ - - : GIÁO TRÌNH ĐỒ HỌA ỨNG DỤNG NGHỀ: KỸ THUẬT LẮP RÁP & SỬA CHỮA MÁY TÍNH TRÌNH ĐỘ: CAO ĐẲNG (Ban hành theo Quyết định số: 120/QĐ-TCDN ngày 25 tháng 02 năm 2013 Tổng cục trưởng Tổng cục dạy nghề) TUYÊN BỐ BẢN QUYỀN: Tài liệu thuộc loại sách giáo trình nên nguồn thơng tin phép dùng ngun trích dùng cho mục đích đào tạo tham khảo Mọi mục đích khác mang tính lệch lạc sử dụng với mục đích kinh doanh thiếu lành mạnh bị nghiêm cấm LỜI NÓI ĐẦU Hiện đồ hoạ ứng dụng chương trình thơng dụng nhất, góp phần quan trọng làm cho giao tiếp người máy tính trở nên thân thiện Thật vậy, giao diện kiểu văn (text) thay hoàn toàn giao diện đồ hoạ, với công nghệ đa phương tiện (multimedia) đưa ngành Công Nghệ Thông Tin sang phiên Cuốn tài liệu giảng dạy này, muốn mang lại cho bạn đọc sở lý thuyết , kỹ thực hành đồ hoạ ứng dụng từ đơn giản thuật toán vẽ đường thẳng, đường tròn, đa giác, ký tự Tiếp đến kỹ thuật xén tỉa, phép biến đổi đồ hoạ Chúng ta làm quen với giới màu sắc thông qua hệ màu: RGB, CMYK, HSV Phức tạp phép chiếu, phương pháp xây dựng đường cong mặt cong cho đối tượng Tài liệu gồm bốn bài, giúp bạn có nhìn tổng quan đồ họa ứng dụng, định hướng tương lai cho lĩnh vực Các tiếp theo, vấn đề từ đơn giản đến phức tạp Cuối có phần tập cho kiểm tra lại kiến thức vừa đọc Bố cục rõ ràng, hình ảnh phong phú, đa dạng Dù cho bạn chưa biết đồ hoạ ứng d ụng hay bạn nhiều năm làm việc lĩnh vực này, bạn nhận thấy sách tham khảo đầy đủ thông tin hữu ích có tính chất thực tiễn cao Trong trình biên soạn cố gắng khơng tránh khỏi sai sót, mong nhận đóng góp chân thành từ quý bạn đọc Xin chân thành cám ơn Các nội dung trình bày giáo trình bao gồm bốn giới thiệu Bài mở đầu: Những vấn đề Bài 1: Căn đồ họa Vector Bài 2: Căn đồ họa Raster Bài 3: Phần mềm thiết kế vẽ kỹ thuật Hà Nội, 2013 Tham gia biên soạn Khoa Công Nghệ Thông Tin Trường Cao Đẳng Nghề Kỹ Thuật Công Nghệ Địa Chỉ: Tổ 59 Thị trấn Đông Anh – Hà Nội Tel: 04 38821300 Chủ biên: Nguyễn Kim Dung Mọi góp ý liên hệ: Phùng Sỹ Tiến – Trưởng Khoa Công Nghệ Thông Tin Mobible: 0983393834 Email: tienphungktcn@gmail.com – tienphungktcn@yahoo.com MỤC LỤC BÀI MỞ ĐẦU: NHỮNG VẤN ĐỀ CĂN BẢN 1.Giới thiệu chung 2.Giới thiệu đồ họa Vector 3.Giới thiệu đồ họa Raster 4.Một số thuật ngữ 10 BÀI 1: CĂN BẢN VỀ ĐỒ HỌA VECTOR 12 1.Căn đồ họa vector 12 1.1.Khái niệm: 12 1.2.Đặc điểm: 13 1.3.Cài đặt CorelDRAW 13 2.Làm việc với công cụ đồ hoạ vector 15 2.1.Sử dụng giao diện CorelDRAW 15 2.2.Những thao tác 22 2.3.Công cụ hỗ trợ đo đạc vẽ 27 2.4.Xem mà hình 30 2.5.Thao tác đối tượng 32 2.6.Công cụ tạo hình 38 2.7.Kết hợp hình đơn giản 41 2.8.Quản lý xếp đối tượng 43 3.Làm việc với văn 44 3.1.Tìm hiểu thuộc tính chữ 44 3.2.Liên kết văn với đối tượng 46 4.Màu vùng tô màu 47 4.1.Tô màu cho đối tượng 47 4.2.Đường, đường bao chổi vẽ 50 5.Một số hiệu ứng đồ họa Vector 59 5.1.Hiệu ứng Drop Shadow 59 5.2 Hiệu ứng transparency 61 5.3 Hiệu ứng Blend Contour 63 5.4.Hiệu ứng Envelope Distortion 66 5.5.Xét hình ảnh PowerClip 67 6.In ấn đồ họa Vector 68 6.1.In vẽ 68 6.2.Định dạng Layout trước in 68 6.3.Xem trước in(Print Preview) 69 6.4.In với máy in ảo Post Script 69 6.5.Kết xuất vẽ sang định dạng khác 70 BÀI TẬP KẾT THÚC CHƯƠNG 71 BÀI 2: CĂN BẢN VỀ ĐỒ HỌA RASTER 79 1.Căn đồ họa Raster 79 1.1.Khái niệm 79 1.2.Đặc điểm 79 1.3.Khởi Động 80 1.4.Thoát khỏi chương trình 80 1.5.Các tính trình đơn 80 2.Làm việc với công cụ đồ họa Raster 82 2.1.Tạo tập tin ảnh 82 2.2.Các nút lệnh trê công cụ 84 3.Làm việc với lớp kênh 101 3.1.Gới thiệu lớp(Layer) 101 3.2.Các thao tác lớp 105 3.3.Tạo hiệu ứng cho lớp 108 3.4.Kênh màu hiệu chỉnh kênh màu 110 4.Màu cách hiệu chỉnh 114 4.1.Không gian màu chế độ làm việc hình ảnh 114 4.2.Chuyển đổi từ chế độ RGB sang chế độ màu khác 117 4.3.Các bảng hiệu chỉnh màu 120 5.Chuyển hình ảnh cho ứng dụng khác 127 5.1.Các dạng thức tệp tin 127 5.2 Lưu ảnh sang định dạng khác 128 5.3 Tối ưu hóa hình ảnh xuất trang web 129 BÀI TẬP KẾT THÚC CHƯƠNG 130 BÀI 3: PHẦN MỀM THIẾT KẾ BẢN VẼ KỸ THUẬT 134 1.Phần mềm MS Office Visio (Visio) 134 1.1.Giới thiệu Visio 134 1.2.Ứng dụng Visio vào thiết kế vẽ hệ thống mạng 135 2.Sử dụng Viso 138 2.1.Bản vẽ Visio 138 2.2.Dạng hình 142 2.3.Hiệu chỉnh định dạng 142 2.4.Kết nối dạng hình 143 2.5.Sử dụng hiệu chỉnh văn 150 2.6.Sử dụng lớp (Layer) 157 2.7.In ấn vẽ 157 3.Thiết kế vẽ kỹ thuật với Visio 157 3.1.Phân loại dạng vẽ 157 3.2.Xây dựng vẽ dựa vẽ chuẩn Visio 160 3.3.Bản vẽ CAD Visio 160 BÀI TẬP KẾT THÚC CHƯƠNG 172 TÀI LIỆU THAM KHẢO 175 MÔ ĐUN: ĐỒ HỌA ỨNG DỤNG Mã mơ đun: MĐ 35 Vị trí, ý nghĩa, vai trị mơ đun: - Vị trí: + Mơ đun bố trí sau sinh viên học xong môn học/mô đun: Tin học, Tin học văn phịng - Tính chất: + Là mơ đun chun mơn nghề, mô đun thuộc môn học, mô đun đào tạo nghề tự chọn - Ý nghĩa vai trò mô đun: + Là mô đun quan trọng nghề Sửa chữa, lắp ráp máy tính Mục tiêu mô đun: - Sử dụng phần mềm đồ họa để vẽ, thiết kế mạch điện tử, cấu tạo thiết bị phần cứng điện tử máy tính - Thiết kế xây dựng vẽ kỹ thuật, sơ đồ hệ thống mạng máy tính - Rèn luyện tính cẩn thận, tỉ mỉ thao tác - Tính sáng tạo việc trình bày vấn đề hình ảnh Nội dung mơ đun: Mã MĐ35 - 01 MĐ35 – 02 MĐ35 – 03 MĐ35 - 04 Thời gian Tên mô đun Tổng Lý Thực số thuyết hành Bài Mở Đầu : Những vấn đề 16 12 Bài : Căn đồ họa 46 34 Vector Bài : Căn đồ họa Raster 44 32 Bài : Phần mềm thiết kế 44 10 32 vẽ kỹ thuật Cộng 150 30 110 Kiểm tra 4 10 BÀI MỞ ĐẦU: NHỮNG VẤN ĐỀ CĂN BẢN Mã bài: MĐ 35 – 01 Giới thiệu chung Definition (ISO): Phương pháp công nghệ chuyển đổi liệu từ thiết bị đồ họa sang máy tính Computer Graphics phương tiện đa mạnh mẽ giao tiếp người máy tính Computer Graphics (Kỹ thuật đồ hoạ máy tính) lĩnh vực Cơng nghệ thơng tin mà nghiên cứu, xây dựng tập hợp cơng cụ (mơ hình lý thuyết phần mềm) khác để: kiến tạo, xây dựng, lưu trữ, xử lý Các mơ hình (model) hình ảnh (image) đối tượng Các mơ hình (model) hình ảnh kết thu từ lĩnh vực khác nhiều ngành khoa học (vật lý, toán học, thiên văn học…) Computer graphics xử lý tất vấn đề tạo ảnh nhờ máy tính Giới thiệu đồ họa Vector Mục tiêu: - Biết khái quát đồ họa vector Trong lĩnh vực đồ họa có hai loại ảnh Ảnh đồ họa Vector ảnh đồ họa Raster Ảnh đồ họa Vector tạo từ chương trình như: CorelDRAW, Adobe Isllustrator, Autodesk AutoCAD… Ảnh đồ họa Raster tạo từ chương trình như: PaintBrush, Corel Photo Paint, Adobe Photoshop… Đặc điểm bật ảnh Vector là: Ảnh cấu tạo từ đối tượng hình học như: Điểm, đoạn thẳng, đường tròn cung tròn Bằng phép biến đổi hình học thơng dụng tạo nên hình ảnh hay vẽ phức tạp Các đối tượng hình học ảnh quản lý theo chương trình tốn học kích thước tập tin ảnh hưởng nhỏ Hình ảnh tạo trương trình CorelDRAW khơng phụ thuộc vào độ phân giải tập tin độ phân giả hình Nghĩa co giãn hình ảnh mà khơng bể ảnh Khả xoay thay đổi kích thước hình ảnh mà khơng làm móp méo ưu điểm bật đồ hoạ vector - Một khuyết điểm đồ hoạ vector phức tạp dung lượng tập tin lớn thời gian lên hình lâu nhiêu Một khuyết điểm khơng thể chất lượng hình ảnh trung thực (they cannot display photorealistic quality) - Mơ hình hình học (geometrical model) cho mơ hình hình ảnh đối tượng - Xác định thuộc tính mơ hình hình học -Q trình tơ trát (rendering) để hiển thị điểm mơ hình, hình ảnh thực đối - Có thể định nghĩa đồ hoạ vector: Đồ hoạ vector = geometrical model + rendering - Khơng thay đổi thuộc tính điểm trực tiếp - Xử lý với thành phần hình học sở thực q trình tơ trát hiển thị lại - Quan sát hình ảnh mơ hình hình ảnh vật nhiều góc độ khác cách thay đổi điểm nhìn góc nhìn Ví dụ hình ảnh đồ hoạ Vector: Hình: ví dụ hình ảnh đồ hoạ Vector Giới thiệu đồ họa Raster Mục tiêu: - Biết khái quát đồ họa Raster Đồ hoạ Raster gọi đồ hoạ mảnh Một Raster miêu tả hình ảnh dàn điểm chấm gọi pixel Đồ hoạ Raster phụ thuộc vào độ phân giải tạo tập tin có dung lượng lớn Thay đổi kích thước hình ảnh đơn giản làm cho pixel to lớn hay nhỏ Và xuất vấn đề chất lượng hình ảnh chương trình phải thêm bớt pixel cho với kích cỡ chọn Khi tăng kích thước hình ảnh Raster đặc biệt pixel (được vẽ ô vuông bàn cờ) trở nên to Lúc cạnh xuất tương phản màu sắc, pixel trơng khơng đẹp mắt, góc cạnh cưa Các mơ hình, hình ảnh đối tượng hiển thị thông qua pixel (từng mẫu rời rạc) 10 - Đặc điểm: Có thể thay đổi thuộc tính + Xố pixel mơ hình hình ảnh đối tượng + Các mơ hình hình ảnh hiển thị lưới điểm (grid) pixel rời rạc, + Từng pixel có vị trí xác định, hiển thị với giá trị rời rạc (số nguyên) thông số hiển thị (màu sắc độ sáng) + Tập hợp tất pixel grid cho mơ hình, hình ảnh đối tượng mà muốn hiển thị Raster Phương pháp để tạo pixel - Phương pháp dùng phần mềm để vẽ trực tiếp pixel - Dựa lý thuyết mô (lý thuyết Fractal, v.v) để xây dựng nên hình ảnh mơ vật - Phương pháp rời rạc hố (số hố) hình ảnh thực đối tượng - Có thể sửa đổi (image editing) xử lý (image processing) mảng pixel thu theo phương pháp khác để thu hình ảnh đặc trưng đối tượng Một số thuật ngữ Mục tiêu: - Biết thuật ngữ ngành thiết kế đồ họa Mục tiêu phần mềm đồ hoạ chuẩn tính tương thích Khi cơng cụ thiết kế với hàm đồ hoạ chuẩn, phần mềm di chuyển cách dễ dàng từ hệ phần cứng sang hệ phần cứng khác dùng nhiều cài đặt ứng dụng khác GKS (Graphics Kernel System): chuẩn xác định hàm đồ hoạ chuẩn, thiết kế tập hợp công cụ đồ hoạ hai chiều ba chiều GKS Functional Description, ANSI X3.124 - 1985.GKS - 3D Functional Description, ISO Doc #8805:1988 CGI (Computer Graphics Interface System): hệ chuẩn cho phương pháp giao tiếp với thiết bị ngoại vi CGM (Computer Graphics Metafile): xác định chuẩn cho việc lưu trữ chuyển đổi hình ảnh VRML (Virtual Reality Modeling Language): ngôn ngữ thực ảo, hướng phát triển công nghệ hiển thị đề xuất hãng Silicon Graphics, sau chuẩn hóa chuẩn cơng nghiệp 161 Hình 3.46: đưa sơ đồ AutoCAD vào vẽ Chọn tập tin AutoCAD cần đưa vào Hình 3.47: chọn tập tin AutoCAD cần đưa vào Sau bạn chọn tập tin AutoCad cần đưa vào chọn Open chương trình MS Visio 2010 hiển thị cửa sổ CAD Drawing Properties Tại thẻ General gồm thiết lập: - Pre-defind scale : thiết lập kiểu dàn trang có sẵn - Custom scale :tùy chỉnh thông số - CAD drawing units : đơn vị đo lường 162 - CAD drawing protection : chế độ bảo vệ cho vẽ CAD Tại thẻ Layer để bạn thiết lập màu sắc mơ hình vẽ CAD,click chuột vào giá trị muốn thay đổi màu sắc độ dày đường kẻ bạn chọn mơ hình click vào nút để thay đổi bên phải : Set Visibility,Set Color….,Set Line Weight Hình 3.48 : thay đổi giá trị thẻ Layer Chọn OK để hồn tất thiết lập 163 Hình 3.49: tập tin AutoCAD vẽ MS Visio 2010 3.3.2 Thiết lập thông số vẽ Với vẽ,bạn cần thiết lập thông số cho vẽ.Để hiển thị cửa sổ thiết lập vẽ Page Setup bạn nhấn tổ hợp phím Shift+F5 Hình 3.50: cửa sổ thiết lập vẽ Page Setup 164 Tại thẻ Print Setup thiết lập để in vẽ,gồm mục : - Printer paper : chọn khổ giấy cho vẽ - Portrait : khổ giấy in dạng đứng - Landscape : khổ giấy in dạng nằm - Adjust : điều chỉnh số phần trang giấy - Fit to : tùy chỉnh số phần trang giấy Khi bạn click chọn Setup cửa sổ Print Setup.Tại bạn điều chỉnh thông số lề trang giống với điều chỉnh thơng số lề MS Word 2007 Hình 3.51 : thiết lập in trang chứa vẽ Tại thẻ Page Size cho phép bạn thiết lập kích thước vẽ: 165 Hình 3.52: thiết lập kích thước cho vẽ - Let Visio expand the page as needed : mở rộng cần thiết - Pre-defined size : định dạng đơn vị kích thước chọn khổ giấy - Custom size : tùy chỉnh kích thước theo đơn vị chọn mục Predefined size - Page orientation : lựa chọn nằm ngang (Lanscape) đứng(Portrait) cho trang Tại thẻ Draing Scale cho phép bạn thiết lập tỉ lệ cho vẽ so với khổ giấy in 166 Hình 3.53: thiết lập tỉ lệ - No scale : tỉ lệ 1:1 - Pre-defined scale : định dạng tỉ lệ theo chuẩn tỉ lệ - Custom scale : tùy chỉnh thông số định dạng - Page size : kích thước trang Tại thẻ Page Properties cho phép bạn thiết lập kiểu vẽ Hình 3.54 : thiết lập kiểu trang 167 - Type : chọn kiểu vẽ ( Foreground) kiểu vẽ (Background) - Name : đặt tên cho vẽ - Measurement units : đơn vị đo lường Tại thẻ Layout and Routing cho phép bạn thiết lập kiểu bố trí mơ hình vẽ Hình 3.55 : kiểu bố trí mơ hình - Style : kiểu cấu trúc mơ hình - Direction : vị trí vị trí - Separate : kiểu ngăn cách - Overlap : kiểu chồng lên - Appearance : kiểu kết nối thẳng (Straight) cong ( Curved) - Add line jumps to : thêm đường kẻ vào - Line jump style : kiểu đường kẻ nhảy chuyển tiếp - Vertical size : giá trị chiều dọc - Horizontal size : giá trị chiều ngang Bạn chỉnh khoảng cách cách click chọn Spacing Tại thẻ Shadows cho phép bạn chỉnh độ bóng 168 Hình 3.56 : chỉnh độ bóng - Style : chỉnh kiểu bóng Size & position : chỉnh giá trị vị trí hướng tọa độ X (X Offset) tọa độ Y (Y Offset) - Magnification : độ phóng đại Bạn chọn nhanh kiểu khổ giấy cách click vào biểu tượng Size Ribbon 169 Hình 3.57: chọn kiểu khổ giấy Để chỉnh nhanh kiểu nằm ngang đứng vẽ click vào biểu tượng Orientation Ribbon Hình 3.58 : chỉnh kiểu nằm ngang đứng 170 3.3.3 Phóng to thu nhỏ Trong q trình làm việc,sẽ có lúc bạn cần phải phóng to thu nhỏ vẽ ,Để tùy chỉnh kích thước vẽ phóng to thu nhỏ ,click vào thẻ View ,tại mục Zoom chọn Zoom Hình 3.59 : tùy chỉnh kích thước xem Chọn giá trị chọn OK để hồn tất Bạn phóng to thu nhỏ cơng cụ Zoom tác vụ MS Visio 2010 Hình 3.60: công cụ Zoom MS Visio 2010 cho phép bạn mở cửa sổ cho công cụ Pan & Zoom cách click vào biểu tượng tác vụ phía 171 Hình 3.61: mở cửa sổ phóng to,thu nhỏ Cửa sổ phóng to ,thu nhỏ Pan & Zoom hiển thị bên phải Hình 3.62 : cửa sổ Pan & Zoom hiển thị bên phải 172 BÀI TẬP KẾT THÚC CHƯƠNG BÀI 3.1: Vẽ mạch điện điều khiển động Visio có nhiều cơng cụ hỗ trợ bạn công việc thiết kế mạch điều khiển động Bài tập 3.1 hướng dẫn bạn vẽ mạch điện điều khiển động cơ: tắt từ điểm mở từ hai điểm BÀI 3.2: Thiết kế sơ đồ quy trình sản xuất Bài tập hướng dẫn thực thiết kế quy trình sản xuất sản phẩm cơng nghiệp Loại sơ đồ dùng để thể quy trình Cross – Functional Flowchart Cross – Functional Flowchart loại sơ đồ biểu diễn cho quy trình hay luồng xử lý thông tin 173 BÀI 3.3: Vẽ sơ đồ ghép kênh hệ thống Bài tập hướng dẫn bạn thực hành vẽ sơ đồ ghép kênh hệ thống truyền liệu mơ hình BÀI 3.4 :Vẽ sơ đồ modem NETWORK Bài tập hướng dẫn vẽ sơ đồ hình BÀI 3.4: Vẽ mơ hình kết nối hệ thống mạng Chương trình cho phép người sử dụng thiết kế nhiều vẽ cho nhiều ngành khác điện, xây dựng, hóa học…v.v cách nhanh Bài tập 3.4 hướng bạn vẽ sơ đồ mạng hệ thống mạng 174 BÀI 3.5: Vẽ mơ hình tổ chức cơng ty Bài tập hướng dẫn thực vẽ mơ hình tổ chức cơng ty Các mơ hình có nhiều dạng khác nhau, vậy, tùy vào nhu cầu kết cấu tổ chức mà có kiểu lựa chọn thiết kế khác Trước thực thiết kế cần xác định chủ thể hay cá thể đối tượng để quy định kết nối biểu tượng dùng để thiết kế cho xác 175 TÀI LIỆU THAM KHẢO - Th.s Trịnh Thị Vân Anh Giáo trình kỹ thuật đồ họa NXB Thông tin truyền thông 12/2010 - Nguyễn Đức Cường, Hồng Đức Hải Đồ họa vi tính NXB Giáo Dục 11/2002 - Nguyễn Thị Minh Hằng, TrầnVăn Tài Giáo trình Photoshop NXB ĐHQG TP Hồ Chí Minh 03/2008 - Nguyễn Thị Phương Lan Giáo trình Corel Draw NXB ĐHQG TP Hồ Chí Minh 03/2008 - Phùng Thị Nguyệt - Phạm Quang Huy (Năm 2007), Bài tập thực hành Photoshop 7.0 & Photoshop Cs nâng cao, Nhà XB Giao Thông Vận Tải - Nguyễn Anh Dũng, (Năm 2007), Adobe Photoshop & ImageReady 7.0 (Tập 2),Nhà XB Lao động xã hội ... cấu tạo thiết bị phần cứng điện tử máy tính - Thiết kế xây dựng vẽ kỹ thuật, sơ đồ hệ thống mạng máy tính - Rèn luyện tính cẩn thận, tỉ mỉ thao tác - Tính sáng tạo việc trình bày vấn đề hình ảnh... chuyên môn nghề, mô đun thuộc môn học, mô đun đào tạo nghề tự chọn - Ý nghĩa vai trị mơ đun: + Là mô đun quan trọng nghề Sửa chữa, lắp ráp máy tính Mục tiêu mơ đun: - Sử dụng phần mềm đồ họa để... diện đồ họa Vector (phần mềm ứng dụng Corel Draw) - Hiểu trình bày thuật ngữ đồ họa Vector - Sử dụng công cụ phần mềm ứng dụng Corel Draw để vẽ tạo hình đối tượng - Sử dụng công cụ công cụ Freehand