BÀI GIẢNG THIẾT KẾ ĐỒ HỌA CƠ BẢN NỘI DUNG MÔN HỌC CHƯƠNG I: Giới thiệu về đồ họa máy tính CHƯƠNG II: Đồ họa vector CHƯƠNG III: Đồ họa bitmap • Tài liệu môn thiết kế đồ họa cơ bản • Photoshop CS classroom in Abook • How to do everything Adobe Illustrator CS4
THIẾT KẾ ĐỒ HỌA CƠ BẢN !"#$%!&'(%)*+,%!&*(-% .% NỘI DUNG MÔN HỌC CHƯƠNG I: Giới thiệu về đồ họa máy tính CHƯƠNG II: Đồ họa vector CHƯƠNG III: Đồ họa bitmap /% TIÊU CHÍ ĐÁNG GIÁ SINH VIÊN CỦA MÔN HỌC 0% Hình thức kiểm tra Tỷ lệ đánh giá Đặc điểm đánh giá - Tham gia học tập trên lớp (đi học đầy đủ, tích cực thảo luận) 10 % Cá nhân - Các bài tập và thảo luận trên lớp 10% Cá nhân - Kiểm tra giữa kỳ: Bài tập lớn 20% Cá nhân - Kiểm tra cuối kỳ: Bài tập lớn 60% Cá nhân HỌC LIỆU MÔN HỌC • Tài liệu môn thiết kế đồ họa cơ bản • Photoshop CS classroom in Abook • How to do everything Adobe Illustrator CS4 1% GIỚI THIỆU ĐỒ HỌA MÁY TÍNH Khái niệm đồ họa máy tính: “ Đồ họa máy tính là tất cả những gì liên quan đến việc sử dụng máy tính để phát sinh ra hình ảnh. Các vấn đề liên quan tới công việc này bao gồm : tạo, lưu trữ, thao tác trên các mô hình (các mô tả hình học của đối tượng) và các ảnh. ”% 2% ỨNG DỤNG CỦA ĐỒ HỌA MÁY TÍNH • 34%5&6%5"785%98%% • :7;*%<7=(%5">(-%?(% • @7AB%<C,%DE%FEB%5GB% • @7HB%?8I%-7JH%KAL%M("%DE%(-NO7%<P(-% Q% ĐỘ PHÂN GIẢI ẢNH LÀ GÌ? Độ phân giải là số điểm ảnh hoặc pixels tạo nên hình ảnh. Được tính bằng đơn vị dpi hoặc dots/ inch. Chỉ số dpi của ảnh cao, đồng nghĩa cho ra hình ảnh chất lượng cao và dung lượng file cũng lớn. R% ĐỘ PHÂN GIẢI CỦA ẢNH VÀ KÍCH THƯỚC ẢNH S% ĐỘ PHÂN GIẢI CỦA ẢNH VÀ KÍCH THƯỚC ẢNH T% MỘT SỐ LOẠI ĐỊNH DẠNG PHỔ BIẾN .U% [...]... BIẾN 11 P T IT CHƯƠNG II: Đồ họa Vector 12 T P Hinh Vector trong đồ hoạ: -‐ Là dạng được vẽ theo thuật toán học và không lệ thuộc vào độ phân giải của mẫu vẽ -‐ Vẫn giữ nguyên tính chất về đường nét và mầu sắc khi in ra ở tất cả các tỉ lệ IT Đồ họa vector T P Môi trường làm việc của IIlustrator chia làm 5 khu vực làm việc chính A thanh menu B thanh công cụ (tool box) C Bảng điều khiển (Control... Bảng điều khiển (Control palette) D Khung hiển thị bản vẽ (art board) E Bảng Palettes và Dialog boxes (Hộp thoại) F.Thanh trạng thái: IT LÀM QUEN VỚI GIAO DIỆN ILLUSTRATOR LÀM QUEN VỚI GIAO DIỆN ILLUSTRATOR P T IT Bảng control palette Thanh trạng thái LÀM QUEN VỚI GIAO DIỆN ILLUSTRATOR T P 1.File: bao gồm các tùy chỉnh mở,lưu,in ấn 1 bản vẽ 2.Edit: gồm các lệnh chỉnh sửa chung... làm việc với đối tượng chọn 4.Type :gồm các lệnh làm việc với đồ họa chữ (type) 5.Select :gồm các lệnh xử lí vùng chọn đối tượng 6.Effect :bộ hiệu ứng có sẵn trong illustratos để áp dụng lên đối tượng vẽ,có khả năng tùy chỉnh cao 7.View :các tùy chỉnh quan sát bản vẽ 8.Window :ẩn hiện cửa sổ,các thanh công cụ làm việc 9.Help... HÌNH HỌC CƠ BẢN (PATH AND SHAPE) T Công cụ này dùng để vẽ hình chữ nhật Trong khi vẽ Nhấn giữ phím Alt để vẽ hình chữ nhật xuất phát từ tâm • Nhấn giữ shift để vẽ hình vuông • Nhấn giữ thanh khoảng trắng (spacebar) để di chuyển hình chữ nhật để một vị P • trí mới • Nhấn phím ~ để vẽ ra nhiều hình chữ nhật cùng một lúc • Để vẽ hình chữ nhật một cách chính xác, ta bấm (Click) chuột vào trang bản vẽ... để tăng giảm bán kính bo tròn • Nhấn phím ~ để vẽ ra nhiều hình chữ nhật bo tròn cùng một lúc để vẽ hình chữ nhật bo tròn một cách chính xác, ta bấm (click) chuột vào trang bản vẽ T Công cụ Ellipse (L) IT CÁC DẠNG HÌNH HỌC CƠ BẢN (PATH AND SHAPE) P Công cụ này dùng để vẽ hình ê-líp Trong khi đang vẽ: • Nhấn giữ phím Alt để vẽ hình ê-líp xuất phát từ tâm • Nhấn giữ phím Shift để vẽ hình tròn • ... hình ê-líp đến một vị trí mới • Nhấn phím ~ để vẽ ra nhiều hình chữ nhật bo tròn cùng một lúc để vẽ hình chữ nhật bo tròn một cách chính xác, ta bấm (click) chuột vào trang bản vẽ T Công cụ Polygon IT CÁC DẠNG HÌNH HỌC CƠ BẢN (PATH AND SHAPE) Công cụ này dùng để vẽ hình đa giác đều Trong khi đang vẽ: P • Nhấn giữ phím Shift để cạnh đáy của đa giác nằm ngang • Nhấn giữ thanh khoảng trắng (spacebar)... màu E Nhóm công cụ biến đổi đối tượng F Nhóm công cụ sử dụng và biến đổi các biểu tượng có sẵn(symbol) G ? H Nhóm công cụ chia cắt bản vẽ I Nhóm công cụ di chuyển và zoom bản vẽ IT Thanh công cụ (Toolbox) LÀM QUEN VỚI GIAO DIỆN ILLUSTRATOR A Toolbox C Hiển thị công cụ ẩn (Tear off pale„e with hidden tools) P (Hidden... vị P • trí mới • Nhấn phím ~ để vẽ ra nhiều hình chữ nhật cùng một lúc • Để vẽ hình chữ nhật một cách chính xác, ta bấm (Click) chuột vào trang bản vẽ Công cụ Rounded Rectangle IT CÁC DẠNG HÌNH HỌC CƠ BẢN (PATH AND SHAPE) T Công cụ này dùng để vẽ hình chữ nhật bo tròn góc Trong khi đang vẽ • Nhấn giữ phím Alt để vẽ hình chữ nhật xuất phát từ tâm P • Nhấn giữ phím Shift để vẽ hình vuông bo tròn góc... (spacebar) để di chuyển đa giác đến một vị trí mới • Nhấn giữ phím mũi tên lên / mũi tên xuống để tăng giảm số đỉnh của ngôi sao • Nhấn phím ~ để vẽ ra nhiều đa giác cùng một lúc IT CÁC DẠNG HÌNH HỌC CƠ BẢN (PATH AND SHAPE) Công cụ này dùng để tạo ra các đốm sáng bao gồm: 1 tâm (center), 1 quầng sáng (halo), các tia T (rays) và các vòng (rings) Sử dụng công cụ này để tạo ra hiệu ứnng lens flare như... nhập giá trị màu cho đối tượng: nhấp đôi biểu tượng trên thanh Toolbox T Hệ màu HSB -‐ Do Mnh trực quan của sự vật, hệ màu HSB thể hiện Mnh chất cơ bản của màu sắc -‐ Hue xác định tên của màu, VD: red (đỏ), orange (cam), or green (lá) -‐ Thể hiện dưới dạng bánh xe màu: Wheel between 0° and 360° -‐ Satura?on . Kiểm tra cuối kỳ: Bài tập lớn 60 % Cá nhân HỌC LIỆU MÔN HỌC • Tài liệu môn thiết kế đồ họa cơ bản • Photoshop CS classroom in Abook • How to do everything Adobe Illustrator CS4 1% GIỚI. .$W7XYZ%%[HB%-K%,A,%5PL%,"]("% K^_XN*_7(%`(%.%[a(%Db% /$c<75Z%-K%,A,%Xd("%,"]("%efH%,"*(-% ("N%,g5%<A(_,BIL%.%đối%5N6(-%D$$D% 0$h[iY,5%Z-K%,A,%Xd("%XEK%D7d,%Dj7%F+7% 5N6(-%,"k(% 1$!LIY%Z-K%,A,%Xd("%XEK%D7d,%Dj7%F\% "kH%,"J%l5LIYm% 2$#YXY,5%Z-K%,A,%Xd("%nf%Xo%DP(-%,"k(% F+7%5N6(-% Q$cpY,5%Z[q%"7d*%r(-%,s%et(%5&B(-% 7XX*e5&H5Be%F;%AI%<C(-%Xu(%F+7%5N6(-% Db_,s%9"a%(v(-%5PL%,"]("%,HB% R$w7Yx%Z,A,%5PL%,"]("%y*H(%eA5%[a(%Db% S$z7(<Bx%Z{(%"7d(%,fH%e|_,A,%5"H("% ,>(-%,C%XEK%D7d,% T$3YXI%ZK^%,fH%e|%5& ;6% -7}I%5&B(-% 7XX*e5&H5B&% % LÀM QUEN VỚI GIAO DIỆN ILLUSTRATOR Thanh công cụ (Toolbox) ,$%~"sK%,>(-%,C%,"k(% F+7%5N6(-% -$%~"sK%,>(-%,C%Db%F+7% 5N6(-% .$%~"sK%,>(-%,C%XEK% D7d,%Dj7%,"J%l5LIYm% /$%~"sK%,>(-%,C%5> %KE* % 0$%~"sK%,>(-%,C%[78(%F|7% F+7%5N6(-% 1$%~"sK%,>(-%,C%ef%<C(-% DE%[78(%F|7%,A,%[7;*% 5N6(-%,s%et(leLK[BXm% 2$%•% 3$%~"sK%,>(-%,C%,"7H%,g5% [a(%Db% %4$%~"sK%,>(-%,C%<7% ,"*L;(%DE%€BBK%[a(%Db% % LÀM. ,$%~"sK%,>(-%,C%,"k(% F+7%5N6(-% -$%~"sK%,>(-%,C%Db%F+7% 5N6(-% .$%~"sK%,>(-%,C%XEK% D7d,%Dj7%,"J%l5LIYm% /$%~"sK%,>(-%,C%5> %KE* % 0$%~"sK%,>(-%,C%[78(%F|7% F+7%5N6(-% 1$%~"sK%,>(-%,C%ef%<C(-% DE%[78(%F|7%,A,%[7;*% 5N6(-%,s%et(leLK[BXm% 2$%•% 3$%~"sK%,>(-%,C%,"7H%,g5% [a(%Db% %4$%~"sK%,>(-%,C%<7% ,"*L;(%DE%€BBK%[a(%Db% % LÀM