Giáo trình đồ họa ứng dụng (nghề kỹ thuật sửa chữa, lắp ráp máy tính trình độ trung cấp)

1 SCMT-TC-MĐ23-ĐHUD 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 nguyên 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 GIỚI THIỆU Ngày công nghệ thông tin phát triển mạnh mẽ kéo theo phát triển ngành nghề khác Các công ty, doanh nghiệp lĩnh vực kinh doanh ngày nhiều, có cạnh tranh gay gắt Mỗi cơng ty cần xây dựng hướng hình ảnh riêng cho nhằm khơng bị trùng lắp với đối thủ cạnh tranh Xây dựng logo hay biển quảng cáo cho trọng Có nhiều phần mềm thực công việc thiết kế logo, biển hiệu phổ biến giới công cụ Corel Graphic Suite với cơng cụ Corel Draw, Corel PhotoPaint, Corel Capture… Corel Draw sử dụng thông dụng Tập giáo trình hướng dẫn kiến thức đồ họa Vectơ, đồ họa Raster, thao tác Corel, ngồi giáo trình trình bày công việc thiết kế vẽ kỹ thuật công cụ MicroSoft Office Visio, nhằm mục đích trang bị cho nguời học có kỹ thiết kế yêu cầu mà lĩnh vực ngành theo học Trong q trình biên soạn khơng thể tránh khỏi sai sót, mong bạn thơng cảm mong nhận ý kiến đóng góp từ bạn để hồn thiện giáo trình sau này! Cần Thơ, ngày… tháng năm 2018 Tham gia biên soạn Chủ biên Lê Hoàng Phúc Nguyễn Phát Minh MỤC LỤC LỜI GIỚI THIỆU BÀI MỞ ĐẦU: NHỮNG VẤN ĐỀ CĂN BẢN Giới thiệu chung Giới thiệu đồ họa Vector Giới thiệu đồ họa Raster Một số thuật ngữ BÀI 1: CĂN BẢN VỀ ĐỒ HỌA VECTOR 11 NỘI DUNG CHÍNH 11 Căn đồ họa vector 11 1.1 Khái niệm: 11 1.2 Đặc điểm: 12 1.3 Cài đặt CorelDRAW 12 Làm việc với công cụ đồ hoạ vector 14 Mục tiêu: 14 2.1 Sử dụng giao diện CorelDRAW 14 2.2 Những thao tác 21 2.3 Công cụ hỗ trợ đo đạc vẽ 27 2.4 Xem mà hình 29 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 44 Làm việc với văn 44 Mục tiêu 44 - Sử dụng thành thạo công cụ Text để thực ứng dụng Tạo hình với cơng cụ text 44 3.1 Tìm hiểu thuộc tính chữ 45 3.2 Liên kết văn với đối tượng 47 Màu vùng tô màu 48 Mục tiêu 48 - Tô màu đối tượng khép kín, Tơ màu chuyển, dùng Mẫu pattern,Tô màu viền đối tượng Chuyển đổi, thêm tạo mẫu màu 48 4.1 Tô màu cho đối tượng 48 4.2 Đường, đường bao chổi vẽ 51 Một số hiệu ứng đồ họa Vector 61 Mục tiêu 61 - Thực hiệu ứng blend, contour, enveloper 61 5.1 Hiệu ứng Drop Shadow 61 5.2 Hiệu ứng transparency 63 5.3 Hiệu ứng Blend Contour 64 5.4 Hiệu ứng Envelope Distortion 68 5.5 Xét hình ảnh PowerClip 69 In ấn đồ họa Vector 70 6.1 In vẽ 70 6.2 Định dạng Layout trước in 71 6.3 Xem trước in(Print Preview) 71 6.4 In với máy in ảo Post Script 71 6.5 Kết xuất vẽ sang định dạng khác 72 BÀI TẬP KẾT THÚC CHƯƠNG 74 BÀI 2: CĂN BẢN VỀ ĐỒ HỌA RASTER 82 Căn đồ họa Raster 82 Mục tiêu 82 - Hiểu rõ thành phần giao diện đồ họa Raster (phần mềm ứng dụng Photoshop) 82 1.1 Khái niệm 82 1.2 Đặc điểm 82 1.3 Khởi Động 83 1.4 Thoát khỏi chương trình 83 1.5 Các tính trình đơn 84 Làm việc với công cụ đồ họa Raster 85 - Sử dụng công cụ phần mềm ứng dụng Photoshop để chỉnh sửa xử lý đối tượng 85 2.1 Tạo tập tin ảnh 85 2.2 Các nút lệnh trê công cụ 88 Làm việc với lớp kênh 106 Mục tiêu 106 3.1 Gới thiệu lớp(Layer) 106 3.2 Các thao tác lớp 111 3.3 Tạo hiệu ứng cho lớp 115 3.4 Kênh màu hiệu chỉnh kênh màu 117 Màu cách hiệu chỉnh 122 4.1 Không gian màu chế độ làm việc hình ảnh 122 4.2 Chuyển đổi từ chế độ RGB sang chế độ màu khác 125 4.3 Các bảng hiệu chỉnh màu 128 Chuyển hình ảnh cho ứng dụng khác 136 5.1 Các dạng thức tệp tin 136 5.2 Lưu ảnh sang định dạng khác 137 5.3 Tối ưu hóa hình ảnh xuất trang web 138 BÀI TẬP KẾT THÚC CHƯƠNG 139 BÀI 3: PHẦN MỀM THIẾT KẾ BẢN VẼ KỸ THUẬT 143 Phần mềm MS Office Visio (Visio) 143 1.1 Giới thiệu Visio 143 1.2 Ứng dụng Visio vào thiết kế vẽ hệ thống mạng 144 Sử dụng Viso 147 2.1 Bản vẽ Visio 148 1.2 Dạng hình 152 1.3 Hiệu chỉnh định dạng 152 1.4 Kết nối dạng hình 152 156 1.5 Sử dụng hiệu chỉnh văn 160 Strikethrough : gạch ngang thân chữ.(Single: gạch ngang thân chữ văn ; Double: hai gạch ngang thân chữ văn ) 162 Hình 3.35 :định dạng kí tự 163 2.6 Sử dụng lớp (Layer) 167 2.7 In ấn vẽ 167 Thiết kế vẽ kỹ thuật với Visio 167 3.1 Phân loại dạng vẽ 167 3.2 Xây dựng vẽ dựa vẽ chuẩn Visio 171 3.3 Bản vẽ CAD Visio 171 BÀI TẬP KẾT THÚC CHƯƠNG 183 TÀI LIỆU THAM KHẢO 186 MƠ ĐUN: ĐỒ HỌA ỨNG DỤNG Mã mơ đun: MĐ 23 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 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 để 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: Thời gian Mã Tên mô đun Tổng số Lý thuyết Thực hành Kiểm tra MĐ23 - 01 Bài Mở Đầu : Những vấn đề 16 12 MĐ23 – 02 Bài : Căn đồ họa Vector 46 34 MĐ23 – 03 Bài : Căn đồ họa Raster 44 32 MĐ23 - 04 Bài : Phần mềm thiết kế vẽ kỹ thuật 44 10 32 Cộng 150 30 110 10 BÀI MỞ ĐẦU: NHỮNG VẤN ĐỀ CĂN BẢN Mã bài: MĐ 23 – 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) - Đặ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ữ 10 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 PHIGS (Programmers Hierarchical Interactive Graphics Standard): xác định phương pháp chuẩn cho mơ hình thời gian thực lập trình hướng đối tượng PHIGS Functional Description, ANSI X3.144 - 1985.+ Functional Description, 1988, 1992 OPENGL thư viện đồ họa hãng Silicon Graphics, xây dựng theo chuẩn hệ đồ họa năm 1993 DIRECTX thư viện đồ hoạ hãng Microsoft, Direct X/Direct3D 1997 172 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 - 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 173 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 174 Hình 3.50: cửa sổ thiết lập vẽ Page Setup 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ẽ: 175 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 Pre-defined 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 176 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ẽ 177 Hình 3.54 : thiết lập kiểu trang - 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ẽ 178 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 179 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 180 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 181 Hình 3.58 : chỉnh kiểu nằm ngang đứng 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 để hoà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 182 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 183 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 184 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 185 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 186 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