Bài giảng Lập trình web bài 1: Làm quen với Adobe Illustrator CS4 & không gian làm việc

BÀI 1 LÀM QUEN VỚI ADOBE ILLUSTRATOR CS4 & KHÔNG GIAN LÀM VIỆC

MỤC TIÊU BÀI HỌC

Làm quen với không gian làm việc trên Illustrator Làm quen với không gian làm việc trên Illustrator Làm việc với: Làm việc với: Graphic Graphic Symbol Symbol Text Text

3D trong Illustrartor 3D trong Illustrartor Sử dụng các công cụ và các panel liên quan: Sử dụng các công cụ và các panel liên quan:

Rectangle, Symbol Sprayer, Symbol Screener, Type Rectangle, Symbol Sprayer, Symbol Screener, Type Graphic Style Panel Graphic Style Panel Symbol Panel Symbol Panel Appearance Panel Appearance Panel

Slide 1 - Bước đầu làm quen với Adobe Illustrator CS4 2

ADOBE ILLUSTRATOR CS4 VÀ KHÔNG GIAN LÀM VIỆC

ADOBE ILLUSTRATOR CS4

Adobe Illustrator là một phần mềm vẽ minh họa rất Adobe Illustrator là một phần mềm vẽ minh họa rất phổ biến và được áp dụng trong công nghệ thiết kế phổ biến và được áp dụng trong công nghệ thiết kế quảng cáo, tạo mẫu và thiết kế hình ảnh cho Web… quảng cáo, tạo mẫu và thiết kế hình ảnh cho Web… Phối hợp cực kỳ linh hoạt với hàng loạt các sản Phối hợp cực kỳ linh hoạt với hàng loạt các sản phẩm khác của Adobe phẩm khác của Adobe

Slide 1 - Bước đầu làm quen với Adobe Illustrator CS4 4

ADOBE ILLUSTRATOR CS4

Thiết kế quảng cáo, in ấn, nhận dạng thương hiệu

Slide 1 - Bước đầu làm quen với Adobe Illustrator CS4 5

ADOBE ILLUSTRATOR CS4

Slide 1 - Bước đầu làm quen với Adobe Illustrator CS4 6

KHÔNG GIAN LÀM VIỆC

Slide 1 - Bước đầu làm quen với Adobe Illustrator CS4 7

TÙY BIẾN KHÔNG GIAN LÀM VIỆC

Slide 1 - Bước đầu làm quen với Adobe Illustrator CS4 8

KHÔNG GIAN LÀM VIỆC

Automation Automation Essentials Essentials Like FreeHand Like FreeHand Like InDesign Like InDesign Like Photoshop Like Photoshop Painting Painting Printing and Proofing Printing and Proofing Typography Typography Web Web Tự tùy biến được không gian làm việc Tự tùy biến được không gian làm việc

Slide 1 - Bước đầu làm quen với Adobe Illustrator CS4 9

KHÔNG GIAN LÀM VIỆC

Cửa sổ làm việc Cửa sổ làm việc

Artboard: cửa sổ vẽ, làm việc chính Artboard: cửa sổ vẽ, làm việc chính Scratch Area: vùng nháp, vùng trắng bên ngoài bảng vẽ, các Scratch Area: vùng nháp, vùng trắng bên ngoài bảng vẽ, các phần tử nằm trong vùng này không được in ra phần tử nằm trong vùng này không được in ra Imageable and Non-imageable Areas: vùng có thể vẽ hình và Imageable and Non-imageable Areas: vùng có thể vẽ hình và vùng không thể vẽ hình. Được phác họa bởi các nét đứt vùng không thể vẽ hình. Được phác họa bởi các nét đứt

Thay đổi chế độ xem Thay đổi chế độ xem Sử dụng phím tắt: F Sử dụng phím tắt: F

Slide 1 - Bước đầu làm quen với Adobe Illustrator CS4 10

CHẾ ĐỘ XEM OUTLINE

Chế độ xem Outline: chế độ xem vật thể dưới dạng phác họa (chỉ gồm các đường nét)

Slide 1 - Bước đầu làm quen với Adobe Illustrator CS4 11

THANH CÔNG CỤ

Slide 1 - Bước đầu làm quen với Adobe Illustrator CS4 12

GRAPHIC & SYMBOL

Chúng ta sẽ làm demo tạo một sản phẩm nhỏ để hình dung về chức năng của Illustrator

GRAPHIC & SYMBOL

Tạo Artwork mới: File > New

Slide 1 - Bước đầu làm quen với Adobe Illustrator CS4 14

GRAPHIC & SYMBOL

Tạo hình khối Tạo hình khối

Chọn công cụ Rectangle trên thanh công cụ Chọn công cụ Rectangle trên thanh công cụ Click chuột vào cửa sổ làm việc, xuất hiện hộp thoại Click chuột vào cửa sổ làm việc, xuất hiện hộp thoại Rectangle. Nhập giá trị 5 in cho width, height Rectangle. Nhập giá trị 5 in cho width, height

Slide 1 - Bước đầu làm quen với Adobe Illustrator CS4 15

GRAPHIC & SYMBOL

Thay đổi thuộc tính đối tượng

Trên thanh tùy biến, chọn hộp thoại Fill color swatch

Slide 1 - Bước đầu làm quen với Adobe Illustrator CS4 16

GRAPHIC & SYMBOL

Kết quả:

Slide 1 - Bước đầu làm quen với Adobe Illustrator CS4 17

GRAPHIC & SYMBOL

Tạo hình khối khác: Ellipse Tạo hình khối khác: Ellipse

Nhấn và giữ chuột trên công cụ Rectangle để chọn Nhấn và giữ chuột trên công cụ Rectangle để chọn công cụ Ellipse đang ẩn (phím tắt L) công cụ Ellipse đang ẩn (phím tắt L)

Giữ phím Shift vẽ đường tròn trên cửa sổ làm việc Giữ phím Shift vẽ đường tròn trên cửa sổ làm việc

Slide 1 - Bước đầu làm quen với Adobe Illustrator CS4 18

GRAPHIC & SYMBOL

Biến đổi hình ảnh Biến đổi hình ảnh

Chọn Window > Transform hoặc sử dụng tổ hợp phím Chọn Window > Transform hoặc sử dụng tổ hợp phím Shift + F8 Shift + F8

Slide 1 - Bước đầu làm quen với Adobe Illustrator CS4 19

GRAPHIC & SYMBOL

Thay đổi đường viền Thay đổi đường viền

Trên thanh Doc bên phải chọn nút hoặc chọn Trên thanh Doc bên phải chọn nút hoặc chọn Window > Appearance, cũng có thể dùng tổ hợp Window > Appearance, cũng có thể dùng tổ hợp phím Shift + F6 phím Shift + F6 Thay đổi được: Thay đổi được: • Đường viền • Đường viền • Màu tô • Màu tô

Slide 1 - Bước đầu làm quen với Adobe Illustrator CS4 20

GRAPHIC & SYMBOL

Nhân bản thuộc tính Nhân bản thuộc tính

Trên panel Appearance click vào nút Duplicate Trên panel Appearance click vào nút Duplicate hoặc kéo thả item Stroke hoặc kéo thả item Stroke

Slide 1 - Bước đầu làm quen với Adobe Illustrator CS4 21

GRAPHIC & SYMBOL

Thêm hiệu ứng offset path

Chọn item Stroke thứ 2. Trên thanh Menu chọn Effect > Path > Offset Path

Slide 1 - Bước đầu làm quen với Adobe Illustrator CS4 22

GRAPHIC & SYMBOL

Thay đổi màu và kích thước của stroke thứ 2

Đổ màu cho stroke thứ 2, đồng thời thay đổi kích cỡ stroke thành 4pt

Slide 1 - Bước đầu làm quen với Adobe Illustrator CS4 23

GRAPHIC & SYMBOL

Kết quả

Slide 1 - Bước đầu làm quen với Adobe Illustrator CS4 24

GRAPHIC & SYMBOL

Chỉnh đường viền khác: Chỉnh đường viền khác:

Chọn item Stroke trên cùng Chọn item Stroke trên cùng Effect > Path > Offset Path, thay đổi giá trị Offset Effect > Path > Offset Path, thay đổi giá trị Offset thành .15 thành .15 Thay đổi màu và kích cỡ stroke trên cùng Thay đổi màu và kích cỡ stroke trên cùng

Slide 1 - Bước đầu làm quen với Adobe Illustrator CS4 25

GRAPHIC & SYMBOL

Chuyển graphic thành dạng symbol (biểu tượng) Chuyển graphic thành dạng symbol (biểu tượng)

Chọn Window > Symbol hoặc ấn nút trên thanh Chọn Window > Symbol hoặc ấn nút trên thanh Doc Doc Xuất hiện hộp thoại Symbol Options Xuất hiện hộp thoại Symbol Options

Slide 1 - Bước đầu làm quen với Adobe Illustrator CS4 26

GRAPHIC & SYMBOL

Làm việc với symbol bằng những công cụ Làm việc với symbol bằng những công cụ Symbolism Symbolism

Sử dụng công cụ Symbol Sprayer trên thanh công Sử dụng công cụ Symbol Sprayer trên thanh công cụ cụ

Làm mờ symbol đã fill, sử dụng công cụ Symbol Làm mờ symbol đã fill, sử dụng công cụ Symbol Screener Screener

Slide 1 - Bước đầu làm quen với Adobe Illustrator CS4 27

GRAPHIC STYLE

GRAPHIC STYLE

Lưu giữ graphic style thành dạng mẫu để áp dụng Lưu giữ graphic style thành dạng mẫu để áp dụng cho nhiều dự án cho nhiều dự án

Trên panel Graphic Style, giữ Alt nhấn nút New Trên panel Graphic Style, giữ Alt nhấn nút New Graphic Style Graphic Style

Slide 1 - Bước đầu làm quen với Adobe Illustrator CS4 29

GRAPHIC STYLE

Slide 1 - Bước đầu làm quen với Adobe Illustrator CS4 30

GRAPHIC STYLE

Tạo một đoạn text

Giữ Alt nhấn nút Create New Layer trên panel Layer

Slide 1 - Bước đầu làm quen với Adobe Illustrator CS4 31

GRAPHIC STYLE

Áp dụng style cho text

Chọn công cụ Type trên thanh công cụ, nhập một đoạn text Áp dụng style cho đoạn văn bản thông qua panel Graphic Style

Slide 1 - Bước đầu làm quen với Adobe Illustrator CS4 32

GRAPHIC STYLE

Áp dụng hiệu ứng bóp méo chữ cho đoạn text vừa nhập:

Effect > Warp > Flag

Slide 1 - Bước đầu làm quen với Adobe Illustrator CS4 33

3D TRONG ILLUSTRATOR

3D TRONG ILLUSTRATOR

Chọn công cụ Rectangle Chọn công cụ Rectangle Click vào cửa sổ làm việc Click vào cửa sổ làm việc

Thay đổi các giá trị width, height thành 5 in Thay đổi các giá trị width, height thành 5 in

Slide 1 - Bước đầu làm quen với Adobe Illustrator CS4 35

3D TRONG ILLUSTRATOR

Trên thanh tùy biến, chọn hộp thoại Fill color swatch, chọn màu đỏ trong hệ màu CMYK

Slide 1 - Bước đầu làm quen với Adobe Illustrator CS4 36

3D TRONG ILLUSTRATOR

Trên thanh Menu chọn Effect > 3D > Extrude and bevel

Slide 1 - Bước đầu làm quen với Adobe Illustrator CS4 37

3D TRONG ILLUSTRATOR

Chọn nút Map Art

Slide 1 - Bước đầu làm quen với Adobe Illustrator CS4 38

3D TRONG ILLUSTRATOR

Kết quả:

Slide 1 - Bước đầu làm quen với Adobe Illustrator CS4 39

TỔNG KẾT

Có thể tùy biến thay đổi không gian làm việc cho Có thể tùy biến thay đổi không gian làm việc cho tiện dụng nhất khi làm việc với Illustrator. tiện dụng nhất khi làm việc với Illustrator. Tất cả những vật thể được vẽ trong Illustrator được Tất cả những vật thể được vẽ trong Illustrator được gọi chung là graphic. gọi chung là graphic. Với graphic chúng ta có thể tạo ra được những Với graphic chúng ta có thể tạo ra được những symbol, style để áp dụng cho những dự án phù hợp. symbol, style để áp dụng cho những dự án phù hợp. Với Illustrator CS4 có thể tạo ra được vật thể 3D. Với Illustrator CS4 có thể tạo ra được vật thể 3D. Áp dụng được những graphic style cho tất cả các Áp dụng được những graphic style cho tất cả các cạnh của vật thể 3D. cạnh của vật thể 3D.

Slide 1 - Bước đầu làm quen với Adobe Illustrator CS4 40