Tối ưu hóa hìnhảnh xuất bản trên trang web

Một phần của tài liệu Giáo trình đồ hoạ ứng dụng (nghề kỹ thuật lắp ráp và sửa chữa máy tính) trình độ cao đẳng nghề (Trang 129 - 175)

Lệnh File > Save for Web cho phép lưu hình ảnh dưới dạng thức GIF.

Photoshop cung cấp nhiều phiên bản của hình ảnh với các tối ưu hình ảnh để cho phép ta chọ phiên bản phù hợp.

BÀI TẬP KẾT THÚC CHƯƠNG BÀI 2.1: Ghép hình theo mẫu

Mẫu ban đầu Mẫu đã hoàn thành

Thông qua bài thực hành này sẽ: Tạo được tập tin mới

Sử dụng công cụ cơ bản để tạo vùng chọn

Sử dụng một số lệnh tạo và hiệu chỉnh vùng chọn Chất liệu bài tập là tập tin Bai2.1.JPG

BÀI 2.2: Vẽ tô màu theo mẫu

Thông qua bài thực hành này sẽ biết cách: Sử dụng cọ vẽ theo nhiều dạng thức

Tạo mẫu cọ, thay đổi các thông số liên quan Sử dụng từng công cụ vẽ và tô màu

Sử dụng công cụ Pen để tạo cùng chọn Sử dụng công cụ tạo chữ

BÀI 2.3: Ghép hình ảnh sau:

Mẫu ban đầu Mẫu đã hoàn thành BÀI 2.4: Tạo bóng đổ cho hình

Hình ban đầu Hình đã đổ bóng Thông qua bài thực hành này chúng ta sẽ:

Hiểu biết về lớp, cách sử dụng bằng điều khiển layers và thực hiện các thao tác xử lý tổ chức lớp.

Biết cách lấy mẫu màu, tô màu, tẩy xóa màu trên lớp Biết cách biến dạng hình ảnh trên lớp

Biết cách sử dụng hiệu ứng lớp

Chất liệu bài gồm 2 tập tin Xekeo.JPG và Thienu.JPG được ghép vào và công việc của chúng ta là thêm bóng cho cô gái cho phù hợp với khung cảnh hình nền.

BÀI 2.5: Phù hợp màu

ảnh cô gái ảnh chàng trai chàng trai lồng hình cô gái BÀI 2.6: Cân chỉnh màu

Ảnh ban đầu ảnh đã hoàn chỉnh. BÀI 2.7: Đổi màu mắt

Ảnh ban đầu Ảnh đã hoàn thiện BÀI 2.8: Tạo và chỉnh sửa văn bản

Thông qua bài này sẽ bết cách: Tạo, sửa và định dạng văn bản

Ảnh ban đầu Ảnh hoàn thiện BÀI 2.9: Chuyển ảnh chụp thành tranh vẽ

BÀI 3: PHẦN MỀM THIẾT KẾ BẢN VẼ KỸ THUẬT Mã bài: MĐ35 – 04.

- Trình bày được chức năng và ứng dụng của Visio

- Sử dụng thành thạo Visio thiết kế bản vẽ kỹ thuật hệ thống mạng

- Sử dụng được các thao tác, chức năng để tạo các bản vẽ kỹ thuật đồ họa - Rèn luyện tính tỉ mỉ, chính xác trong thiết kế bản vẽ kỹ thuật.

NỘI DUNG CHÍNH:

1. Phần mềm MS Office Visio (Visio)

Mục tiêu.

- Trình bày được chức năng và ứng dụng của Visio

1.1. Giới thiệu Visio

Visio là một chương trình vẽ sơ đồ thông minh, được tích hợp vào bộ chương trình Microsoft Office từ phiên bản 2003. MS Visio cho phép bạn thể hiện bản vẽ một cách trực quan. Hơn nữa, nó còn cung cấp nhiều đặc tính khiến cho sơ đồ của bạn ý nghĩa hơn, linh động hơn và phù hợp hơn với nhu cầu của bạn. Ngoài ra, bạn có thể sao chép bản vẽ của mình qua các phần mềm khác .

(ví dụ : MS. Word, MS. Excel,…) .

Có nhiều phiên bản của Visio khác nhau tùy theo nhu cầu. Trong quá trình thực hành, ta sẽ làm việc với một trong 2 phiên bản sau:

 Microsoft Visio 2000 Enterprise Edition.  Microsoft Office Visio 2003 .

 Microsoft Office Visio 2010 .

Trong phiên bản này, bạn có thể tạo các sơ đồ liên quan đến công việc như là:

 Biểu đồ dòng (flowcharts),

 Sơ đồ tổ chức (organization charts),  Và lịch trình dự án (project scheduling).

Ngoài ra, phiên bản này còn cho phép bạn tạo các sơ đồ mang tính kỹ thuật, chẳng hạn tạo các bản vẽ xây dựng, thiết kế nhà, sơ đồ mạng, sơ đồ phần mềm, sơ đồ trang web, sơ đồ máy móc, và các sơ đồ kỹ thuật khác.

Sơ đồ tổ chức, có trong cả 3 phiên bản, là một dạng sơ đồ thường được sử dụng trong công việc kinh doanh. Với sơ đồ tổ chức vẽ bằng Visio, bạn còn có thể gắn kết dữ liệu vào các hình trong sơ đồ. Dữ liệu cho hình được gọi là custom properties. Đối với sơ đồ tổ chức, bạn có thể chọn một khung nhân viên, gắn nó với các thông tin quan trọng như : địa điểm, số điện thoại, phòng ban,… và các dữ liệu này trở thành 1 phần của biểu đồ.

Một lý do khác để tạo ra các sơ đồ tổ chức trong Visio là bạn có thể tạo chúng tự động bằng cách sử dụng thông tin từ một nguồn dữ liệu nào đó. Chẳng hạn, bạn có thể đặt một sơ đồ tổ chức trong 1 CSDL, một bảng tính Excel, hay thậm chí là hệ thống thư điện tử của công ty bạn. Chỉ cần sau vài cú nhấp chuột, biểu đồ đã có sẵn cho bạn mà không cần phải nhập gì cả.

Tóm lại sau khi học song phần mềm này mọi sinh viên đều có thể tự

thiết kế đường mạng của riêng mình tuỳ thuộc theo sự sáng tạocủa mình, ngoài ra còn có thể sử dụng phần mêm này làm một số công việc phục vụ cho học tập cũng như việc làm ....mà như chúng tôi vđã liệt kê ở trên đây.

1.2. Ứng dụng Visio vào thiết kế bản vẽ hệ thống mạng

Để tạo một sơ đồ mạng máy tính cần liệt kê những đối tượng sẽ hiển thị trên sơ đồ.Một sơ đồ mạng máy tính thường gồm các đối tượng:

 PC  Router  Moderm  Firewall  Printer  Switch  Server

Chọn mẫu chủ đề Network ,để vẽ sơ đồ mạng cần nhiều mô hình khác nhau ,vì thế bạn nên chọn chủ đề con là Detailed Network Diagram với thư viện mô hình đa dạng

Hình 3.1 : Chọn Detail Network Diagram

Đưa những mô hình lên bản vẽ,bạn cần sắp xếp lại cho đúng vị trí .Mở tính năng Dynamic Grid để hỗ trợ bạn trong việc sắp xếp

Hình3.2 : Đưa những mô hình cần hiển thị lên bản vẽ. Kết nối các mô hình,sử dụng công cụ kết nối Connector.

Với những đường kết nối trên,người xem sẽ chưa biết được đường kết nối nào đại diện cho kiểu dây cáp mạng nào,vì thế bạn cần định dạng lại để phân biệt .Với mô hình trên có ba loại cáp:

- 2Mbit DSL Line - 8Mbit DSL Line - 100Mbit LAN

Click vào đường kết nối và nhấn tổ hợp phím Shift + F3

Hình3.4 : định dạng đường kết nối.

Hình 3.6 : sơ đồ mạng máy tính

Có rất nhiều loại sơ đồ mạng máy tính ,trên đây là sơ đồ mạng máy tính đơn giản .Chúng ta sử dụng MS Visio 2010 để tạo một sơ đồ mạng máy tính .

2. Sử dụng Viso

Mục tiêu.

- Sử dụng thành thạo Visio thiết kế bản vẽ kỹ thuật hệ thống mạng

2.1. Bản vẽ Visio

Để mở chương trình Microsoft Office Visio 2010 vào Start/ All Programs/ Microsoft Office/ Microsoft Office Visio 2010

Hình 3.7 :mở chương trình MS Visio 2010 Giao diện đầu tiên của MS Visio 2010

Hình 3.8 : Giao diện đầu tiên MS Visio 2010

Tại khung Choose a Template gồm 3 phần : Recently Used

Template,Template Categories và Other Ways to Get Started.

Recently Used Template : mục này bao gồm những mẫu sử dụng gần đây nhất.

Hình 3.9 : Những mẫu sử dụng gần đây nhất.

2.1.1.Tạo một bản vẽ mới

Mặc định khi mở MS Visio 2010 đã có sẵn một bản vẽ.Để tạo thêm một bản vẽ mới click chuột vào tab Insert,tại mục Pages,chọn Blank Page (tạo một bản vẽ trắng)

Hình 3.10: Tạo một bản vẽ mới

Một cách khác để tạo một bản vẽ mới bằng cách click chuột phải vào tên bản vẽ trước đó và chọn Insert.

Hình 3.11: Tạo một bản vẽ mới

Cách thứ ba để tạo một bản vẽ mới bằng cách click chuột vào biểu tượng Insert Page gần tên bản vẽ gần nhất.

Hình 3.12: Tạo một bản vẽ mới

Với việc tạo mới một bản vẽ thì khung cửa shape sẽ hiển thị còn nếu bạn chỉ tạo nền của bản vẽ thì khung cửa sổ Shapes sẽ không hiển thị,bạn phải thêm vào bằng cách vào More Shapes và chọn các stencil cần thêm vào.

Hình 3.13: Tạo một bản vẽ mới

Với mỗi bản vẽ riêng biệt đều có một tên khác nhau,để giúp người sử dụng có thể phân biệt dễ dàng .Tên mặc định của bạn vẽ trong MS Visio 2010 là Page -1

Hình 3.14: Tên mặc định bản vẽ

Để thay đổi tên mặc định này thành tên bản vẽ mà người sử dụng muốn đặt,click chuột phải vào tên bản vẽ ở thanh tác vụ phía dưới và chọn Rename.

Hình 3.15: Thay đổi tên bản vẽ

Sau đó nhập tên bản vẽ cần đặt vào và nhấn phím Enter để hoàn tất việc thay đổi

Hình 3.16: Nhập tên bản vẽ

Một cách khác nhanh hơn trong việc đổi tên bản vẽ ,bạn có thể click double chuột vào tên bản vẽ,sau đó nhập tên bản vẽ cần đặt vào và nhấn phím

Enter.

Để thực hiện việc xóa bản vẽ,click chuột phải vào tên bản vẽ ở thanh tác vụ phía dưới và chọn Delete.

Hình 3.17: Xóa bản vẽ

1.2. Dạng hình

1.3. Hiệu chỉnh và định dạng

Chọn nhiều hình : Chọn công cụ Pointer rồi vẽ hình chữ nhật bao quanh các hình cần chọn. Hoặc có thể nhấp chọn hình thứ 1, sau đó, giữ phím Ctrl và nhấp chọn các hình còn lại.

Dời chỗ : Muốn dời chỗ 1 hình hay 1 nhóm hình đã chọn, để chuột giữa hình (nhóm hình), sao cho hiện ra dấu , rồi dùng thao tác nắm kéo để dời hình (nhóm hình) sang vị trí khác.

Sao chép : Thực hiện tương tự thao tác dời chỗ, nhưng nhấn giữ phím Ctrl trong lúc nắm kéo.

Phóng to, thu nhỏ : Chọn hình (nhóm hình), để chuột tại cạnh, hoặc góc của hình, sao cho hiện ra dấu hoặc hoặc , rồi dùng thao tác nắm kéo để phóng to hoặc thu nhỏ hình (nhóm hình).

Xóa hình : Chọn hình cần xóa, nhấn phím Delete trên bàn phím

Xoay hình tự do : chọn hình cần xoay, nhấp vào chấm tròn màu xanh phía trên hình, giữ và kéo chuột để xoay hình. Có thể dời tâm của hình đến vị trí khác, khi đó hình sẽ quay theo vị trí tâm mới.

Xoay hình 90o : chọn hình cần xoay, nhấp phải vào hình, chọn Shape - > Rotate Left (xoay trái) hoặc Rotate Right (xoay phải).

Lật hình : chọn hình cần lật, nhấp phải vào hình, chọn Shape -> chọn Flip Vertical (lật dọc) hoặc Flip Horizontal (lật ngang).

1.4. Kết nối dạng hình

2.4.1. Những điểm nổi bật của công cụ kết nối Connector trong MS Visio 2010

Trong một sơ đồ,để thể hiện được mối quan hệ của các mô hình,chúng thường được kết nối với nhau bằng những đường mũi tên.Ví dụ,trong một doanh nghiệp,các nhân viên được kết nối với nhau để thể hiện mối quan hệ trong phòng ban,và các phòng ban kết nối với nhau trong một công ti.Đối với sơ đồ mạng máy tính,các máy tính kết nối với hub,switch.

Những điểm nổi bật :

- Kết nối dễ dàng với thao tác đơn giản.

- Các đường kết nối đa dạng ( gồm 3 đường kết nối : thẳng,gấp khúc,cong)

- Chức năng tự động kết nối AutoConnect. - Giữ nguyên kết nối khi di chuyển mô hình.

- Tự động kết nối với mô hình thứ ba khi chèn vào đường kết nối giữa hai mô hình

2.4.2.Thực hiên một kết nối đơn giản.

Trước tiên,bạn tạo 2 mô hình cần kết nối vào bản vẽ của bạn.

Hình 3.19: chuẩn bị kết nối 2 mô hình.

Tại thẻ Home,trên thanh Ribbon,nhấn chọn biểu tượng Connector.

Hình 3.20 : công cụ Connector

Trỏ chuột vào mô hình ở điểm bắt đầu kết nối.Tại đây bạn sẽ thấy trên mô hình xuât hiện nhiều điểm đánh dấu (x) ,đây là điểm bắt đầu kết nối trên mô hình này

Hình 3.21: các điểm kết nối trên mô hình

Tại hình trên, với hình 7 cạnh có 7 điểm kết nối xung quanh và 1 điểm kết nối tại tâm.Đối với hình 4 cạnh có 4 điểm kết nối xung quanh và 1 điểm kết nối tại tâm

Hình 3.22 : các điểm kết nối trên mô hình

Quay trở lại với hình 7 cạnh,khi bạn trỏ chuột vào một điểm kết nối sẽ hiện lên màu đỏ,lúc này bạn dùng chuột và kéo công cụ Connector qua mô hình bên kia,và điểm kết thúc kết nối tùy theo bạn chọn.Và như vậy bạn đã kết nối được 2 mô hình với nhau

Hình 3.23: kết nối 2 mô hình với nhau.

Trong Visio,cấu trúc của một connector gồm có 2 thành phần Begin point và End point:

-Begin point : điểm bắt đầu kết nối.Khi bạn kéo chuột từ bên nào qua thì bên đó sẽ là điểm bắt đầu kết nối.

-Endpoint : điểm kết thúc kết nối.Điểm này luôn có mũi tên.

Hình 3.24 : hai kết nối trái ngược nhau.

2.4.3. Định dạng các đường kêt nối

Mặc định trong MS Visio 2010 ,đường kết nối là đường gấp khúc,bạn có thể dễ dàng định dạng đường kết nối này thằng đường thẳng hoặc đường cong bằng cách click chuột phải vào đường kết nối và chọn kiểu.

- Right-Angle Connector : kiểu đường kết nối gấp khúc.

- Straight Connector : kiểu đường kết nối thẳng.

- Curved Connector : kiểu đường kết nối cong.

2.4.4. Chức năng tự đông kết nối AutoConnect

Chức năng kết nối trong MS Visio 2010 không chỉ dừng lại ở mức độ kết nối đơn giản,MS Visio 2010 cung cấp cho bạn công cụ tự động kết nối

AutoConnect.

Để mở chức năng tự động kết nối AutoConnect ,mở qua thẻ View,tại mục Visual

Aids đánh dấu chọn vào dòng AutoConnect

Hình 3.26: mở chức năng AutoConnect

Trở lại với những mô hình.Khi đã kích hoạt chức năng AutoConnect.Bạn click chuột vào mô hình,rê chuột đến mũi tên sẽ tự động hiển thị bảng các mô hình.

Hình 3.27: chức năng AutoConnect

Click chọn mô hình cần kết nối.

Một kiểu tự động kết nối khác thể hiện ở MS Visio 2010 là tự động kết nối với mô hình nằm gần mô hình bắt đầu điểm kết nối.

Hình 3.28: tự động kết nối với mô hình nằm gần .

2.4.5.Nhóm trong kết nối.

Như đã giới thiệu những điểm nổi bật trong kết nối ở MS Visio 2010.Khi có một mô hình khác chèn vào đường kết nối giữa hai mô hình,đường kết nối sẽ tự động tách ra và kết nối ba mô hình .

Hình 3.29: tự động tách kết nối. Khi di chuyển thì các kết nối vẫn giữ nguyên.

Hình 3.30: các kết nối vẫn được giữ nguyên.

Lí do khiến kết nối bị tách ra là bạn chưa thiết lập nhóm cho kết nối này dẫn đến nó bị tách ra khi có một mô hình khác chèn vào đường kết nối.Nói cách khác thiết lập nhóm đối tượng để nó không phụ thuộc vào đối tượng khác. Để thiết lập nhóm cho kết nối,trước khi đưa mô hình vào chèn trên đường kết nối,click chuột phải vào đường kết nối và chọn Group.

Hình 3.31: thiết lập Group cho đường kết nối.

Sau khi đã thiết lập nhóm cho đường kết nối,kiểm tra bằng cách đưa mô hình chèn trên đường kết nối .

Hình 3.32: Kết nối không bị tách.

1.5. Sử dụng và hiệu chỉnh văn bản

Hầu hết các sơ đồ bao gồm những mô hình và được chèn chữ trên mô hình.Bạn có thể chèn chữ vào mô hình rất dễ dàng với MS Visio 2010.

Trước khi chènn chữ vào mô hình ,bạn có thể tùy chỉnh các chế độ,định dạng cho chữ. Nhấn chuột phải vào mô hình,chọn Format/ Text.

Hình 3.33 : định dạng chữ trong mô hình.

hình,gồm các mục:

Hinh 3.34 : Định dạng font chữ - Font : font chữ cho đoạn văn bản.

- Style : kiểu dáng chữ ( in nghiêng,tô đậm,bình thường…) - Size : kích thước chữ.

- Case : định dạng chữ hoa ,chữ thường.(All Caps : định dạng chữ hoa cho tất cả các chữ trong văn bản ;Initial Caps : định dạng chữ hoa ở chữ cái đầu tiên trong văn bản ;Small Caps : định dạng chữ hoa cho tất cả các chữ cái trong văn bản nhưng ở kích thước nhỏ.)

Position : vị trí của chữ.(Normal : vị trí các chữ cái mặc định,không thay đổi ;

Superscript: các chữ cái nằm về phần phía trên của mô hình ; Subscript: các chữ cái nằm về phần phía dưới của mô hình.)

Underline : chế độ gạch dưới.(Single: một gạch dưới các chữ cái trong văn bản ; Double: hai gạch dưới các chữ cái trong văn bản.)

Strikethrough : gạch ngang ở giữa thân chữ.(Single: một gạch ngang giữa

Một phần của tài liệu Giáo trình đồ hoạ ứng dụng (nghề kỹ thuật lắp ráp và sửa chữa máy tính) trình độ cao đẳng nghề (Trang 129 - 175)

Tải bản đầy đủ (PDF)

(175 trang)