Bài giảng Lập trình web bài 4: Làm việc với công cụ vẽ và văn bản

Chia sẻ: Lê Bảo Ngân | Ngày: | Loại File: PDF | Số trang:27

0
62
lượt xem
15
download

Bài giảng Lập trình web bài 4: Làm việc với công cụ vẽ và văn bản

Mô tả tài liệu
  Download Vui lòng tải xuống để xem tài liệu đầy đủ

Bài giảng lập trình Web là bộ bài giảng gồm 7 bài do FPT Polytechnic biên soạn để phục vụ cho việc dạy học môn lập trình web. Bài 4 của bộ bài giảng trình bày về vấn đề làm việc với công cụ vẽ và văn bản. Nội dung chính của bài này đề cập đến vấn đề làm việc với frame, keyframe và timeline. Bên cạnh đó bài giảng còn đề cập đến các kỹ thuật tạo chuyển động như Motion TweenShape tween hay huyển độngTween cổ điển. Phần tiếp theo đề cập đến việc chỉnh sửa chuyển động với bảng Motion TweenMotion Guide layer. Và cuối cùng là phần hướng dẫn về tùy chỉnh hoạt cảnh với Onion Skin.

Chủ đề:
Lưu

Nội dung Text: Bài giảng Lập trình web bài 4: Làm việc với công cụ vẽ và văn bản

  1. BÀI 4 LÀM VIỆC VỚI CÔNG CỤ VẼ VÀ VĂN BẢN
  2. NHẮC LẠI BÀI TRƯỚC Sử dụng thanh Appearance, Color guide, Swatches Sử dụng công cụ Live Paint Bucket, đổ màu cho vật thể và đường viền vật thể Khởi tạo, làm việc với gradient Khởi tạo và cập nhật pattern Hệ màu pantone Slide 4 - Làm việc với công cụ vẽ và văn bản 2
  3. MỤC TIÊU BÀI HỌC Làm việc với các công cụ vẽ: Pen, Line Segment, Arc, Pencil, Smooth, Path Eraser Kỹ thuật đồ (vẽ) lại hình ảnh (tracing image) Làm việc với văn bản và các thanh chỉnh sửa văn bản Slide 4 - Làm việc với công cụ vẽ và văn bản 3
  4. CÔNG CỤ VẼ
  5. CÔNG CỤ PEN NHÓM CÔNG CỤ PEN DIỄN GIẢI Chỉ xuất hiện khi bạn đang trong bước tạo đường vẽ Cho biết công cụ Pen sẽ tạo đường line mới Cho biết có thể sử dụng công cụ Pen để chuyển đổi điểm neo mà công cụ vừa đi qua Cho biết công cụ Pen sẽ chọn một path và kéo dài từ điểm neo cuối cùng vừa đi qua Nối đường path Kết thúc đường path Gỡ bỏ điểm neo Thêm điểm neo Slide 4 - Làm việc với công cụ vẽ và văn bản 5
  6. CÔNG CỤ PEN Vẽ đường thẳng: Xác định điểm neo, rê chuột Giữ Shift để vẽ đường thẳng Slide 4 - Làm việc với công cụ vẽ và văn bản 6
  7. CÔNG CỤ PEN Vẽ đường cong: Xác định điểm neo Rê chuột vẽ Ở điểm cuối, giữ chuột kéo thay đổi Slide 4 - Làm việc với công cụ vẽ và văn bản 7
  8. CÔNG CỤ PEN Thanh điều hướng - Thanh điều hướng kiểm soát góc và độ dài của đường cong - Một điểm neo có thể không có, hoặc có một, hai điều hướng, phụ thuộc vào tính chất của điểm - Đóng vai trò như một bản đồ xác định hướng cho đường vẽ - Thành phần: A: Điểm neo B: Điểm định hướng C: Đường điều hướng D: Phân đoạn đường Slide 4 - Làm việc với công cụ vẽ và văn bản 8
  9. CÔNG CỤ LINE SEGMENT VÀ ARC Công cụ line segment : Vẽ đường thẳng Slide 4 - Làm việc với công cụ vẽ và văn bản 9
  10. CÔNG CỤ LINE SEGMENT VÀ ARC Công cụ Arc : vẽ đường cong Chọn phím F để thay đổi hướng cong khi vẽ bằng công cụ Arc Slide 4 - Làm việc với công cụ vẽ và văn bản 10
  11. CÔNG CỤ PENCIL, SMOOTH VÀ PATH ERASER Lựa chọn công cụ Pencil trên thanh công cụ (N) Vẽ tự do Tự tạo ra nhiều điểm neo Chỉnh sửa được các điểm neo bằng công cụ Convert Anchord Point Tool (Shift + C) Slide 4 - Làm việc với công cụ vẽ và văn bản 11
  12. CÔNG CỤ PENCIL, SMOOTH VÀ PATH ERASER Giữ chuột trên công cụ Pencil để chọn công cụ Smooth làm mượt đường vẽ Slide 4 - Làm việc với công cụ vẽ và văn bản 12
  13. CÔNG CỤ PENCIL, SMOOTH VÀ PATH ERASER Giữ chuột trên công cụ Pencil để chọn công cụ Path Eraser xóa đường vẽ Slide 4 - Làm việc với công cụ vẽ và văn bản 13
  14. KỸ THUẬT ĐỒ HÌNH
  15. KỸ THUẬT ĐỒ HÌNH Vẽ lại hình ảnh theo mẫu hoặc theo sơ đồ có sẵn Thực hiện khi không có file gốc (dạng vector) Sử dụng các công cụ vẽ: Pen Rectangle Pencil … Slide 4 - Làm việc với công cụ vẽ và văn bản 15
  16. KỸ THUẬT ĐỒ HÌNH Tác dụng: Tư duy sáng tạo trong thiết kế Nâng cao kỹ thuật vẽ Linh hoạt trong cách sử dụng công cụ vẽ Bố cục Màu sắc Slide 4 - Làm việc với công cụ vẽ và văn bản 16
  17. KỸ THUẬT ĐỒ HÌNH Slide 4 - Làm việc với công cụ vẽ và văn bản 17
  18. LÀM VIỆC VỚI CÔNG CỤ VĂN BẢN
  19. LÀM VIỆC VỚI CÔNG CỤ TEXT Chọn công cụ Text trên thanh công cụ, hoặc sử dụng phím T Slide 4 - Làm việc với công cụ vẽ và văn bản 19
  20. LÀM VIỆC VỚI CÔNG CỤ TEXT Sử dụng tùy chọn Character Slide 4 - Làm việc với công cụ vẽ và văn bản 20

CÓ THỂ BẠN MUỐN DOWNLOAD

Đồng bộ tài khoản