bÀi 1 lÀm quen vỚi adobe illustrator cs4 & khÔng gian lÀm viỆc - giáo trình fpt

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

Upload: hoc-lap-trinh-web

Post on 12-Jan-2015

3.969 views

Category:

Documents


10 download

DESCRIPTION

Làm quen với không gian làm việc trên Illustrator Làm việc với: Graphic Symbol Text 3D trong Illustrartor Sử dụng các công cụ và các panel liên quan: Rectangle, Symbol Sprayer, Symbol Screener, Type Graphic Style Panel Symbol Panel Appearance Panel Làm quen với không gian làm việc trên Illustrator Làm việc với: Graphic Symbol Text 3D trong Illustrartor Sử dụng các công cụ và các panel liên quan: Rectangle, Symbol Sprayer, Symbol Screener, Type Graphic Style Panel Symbol Panel Appearance Panel

TRANSCRIPT

Page 1: BÀI 1 LÀM QUEN VỚI ADOBE ILLUSTRATOR CS4 & KHÔNG GIAN LÀM VIỆC - Giáo trình FPT

BÀI 1LÀM QUEN VỚI ADOBE ILLUSTRATOR CS4 &

KHÔNG GIAN LÀM VIỆC

Page 2: BÀI 1 LÀM QUEN VỚI ADOBE ILLUSTRATOR CS4 & KHÔNG GIAN LÀM VIỆC - Giáo trình FPT

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

Làm quen với không gian làm việc trên IllustratorLàm việc với:

GraphicSymbolText

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

Rectangle, Symbol Sprayer, Symbol Screener, TypeGraphic Style PanelSymbol PanelAppearance Panel

Làm quen với không gian làm việc trên IllustratorLàm việc với:

GraphicSymbolText

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

Rectangle, Symbol Sprayer, Symbol Screener, TypeGraphic Style PanelSymbol PanelAppearance Panel

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

Page 3: BÀI 1 LÀM QUEN VỚI ADOBE ILLUSTRATOR CS4 & KHÔNG GIAN LÀM VIỆC - Giáo trình FPT

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

Page 4: BÀI 1 LÀM QUEN VỚI ADOBE ILLUSTRATOR CS4 & KHÔNG GIAN LÀM VIỆC - Giáo trình FPT

ADOBE ILLUSTRATOR CS4

Adobe Illustrator là một phần mềm vẽ minh họa rấtphổ 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…Phối hợp cực kỳ linh hoạt với hàng loạt các sảnphẩm khác của Adobe

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

Adobe Illustrator là một phần mềm vẽ minh họa rấtphổ 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…Phối hợp cực kỳ linh hoạt với hàng loạt các sảnphẩm khác của Adobe

Page 5: BÀI 1 LÀM QUEN VỚI ADOBE ILLUSTRATOR CS4 & KHÔNG GIAN LÀM VIỆC - Giáo trình FPT

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

Page 6: BÀI 1 LÀM QUEN VỚI ADOBE ILLUSTRATOR CS4 & KHÔNG GIAN LÀM VIỆC - Giáo trình FPT

ADOBE ILLUSTRATOR CS4

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

Page 7: BÀI 1 LÀM QUEN VỚI ADOBE ILLUSTRATOR CS4 & KHÔNG GIAN LÀM VIỆC - Giáo trình FPT

KHÔNG GIAN LÀM VIỆC

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

Page 8: BÀI 1 LÀM QUEN VỚI ADOBE ILLUSTRATOR CS4 & KHÔNG GIAN LÀM VIỆC - Giáo trình FPT

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

Page 9: BÀI 1 LÀM QUEN VỚI ADOBE ILLUSTRATOR CS4 & KHÔNG GIAN LÀM VIỆC - Giáo trình FPT

KHÔNG GIAN LÀM VIỆC

AutomationEssentialsLike FreeHandLike InDesignLike PhotoshopPaintingPrinting and ProofingTypographyWebTự 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

AutomationEssentialsLike FreeHandLike InDesignLike PhotoshopPaintingPrinting and ProofingTypographyWebTự tùy biến được không gian làm việc

Page 10: BÀI 1 LÀM QUEN VỚI ADOBE ILLUSTRATOR CS4 & KHÔNG GIAN LÀM VIỆC - Giáo trình FPT

KHÔNG GIAN LÀM VIỆC

Cửa sổ làm việcArtboard: cửa sổ vẽ, làm việc chínhScratch Area: vùng nháp, vùng trắng bên ngoài bảng vẽ, cácphần tử nằm trong vùng này không được in raImageable 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

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

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

Cửa sổ làm việcArtboard: cửa sổ vẽ, làm việc chínhScratch Area: vùng nháp, vùng trắng bên ngoài bảng vẽ, cácphần tử nằm trong vùng này không được in raImageable 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

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

Page 11: BÀI 1 LÀM QUEN VỚI ADOBE ILLUSTRATOR CS4 & KHÔNG GIAN LÀM VIỆC - Giáo trình FPT

CHẾ ĐỘ XEM OUTLINE

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

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

Page 12: BÀI 1 LÀM QUEN VỚI ADOBE ILLUSTRATOR CS4 & KHÔNG GIAN LÀM VIỆC - Giáo trình FPT

THANH CÔNG CỤ

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

Page 13: BÀI 1 LÀM QUEN VỚI ADOBE ILLUSTRATOR CS4 & KHÔNG GIAN LÀM VIỆC - Giáo trình FPT

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

Page 14: BÀI 1 LÀM QUEN VỚI ADOBE ILLUSTRATOR CS4 & KHÔNG GIAN LÀM VIỆC - Giáo trình FPT

GRAPHIC & SYMBOL

Tạo Artwork mới: File > New

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

Page 15: BÀI 1 LÀM QUEN VỚI ADOBE ILLUSTRATOR CS4 & KHÔNG GIAN LÀM VIỆC - Giáo trình FPT

GRAPHIC & SYMBOL

Tạo hình khốiChọ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ạiRectangle. Nhập giá trị 5 in cho width, height

Tạo hình khốiChọ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ạiRectangle. Nhập giá trị 5 in cho width, height

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

Page 16: BÀI 1 LÀM QUEN VỚI ADOBE ILLUSTRATOR CS4 & KHÔNG GIAN LÀM VIỆC - Giáo trình FPT

GRAPHIC & SYMBOL

Thay đổi thuộc tính đối tượngTrê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

Page 17: BÀI 1 LÀM QUEN VỚI ADOBE ILLUSTRATOR CS4 & KHÔNG GIAN LÀM VIỆC - Giáo trình FPT

GRAPHIC & SYMBOL

Kết quả:

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

Page 18: BÀI 1 LÀM QUEN VỚI ADOBE ILLUSTRATOR CS4 & KHÔNG GIAN LÀM VIỆC - Giáo trình FPT

GRAPHIC & SYMBOL

Tạo hình khối khác: EllipseNhấn và giữ chuột trên công cụ Rectangle để chọncô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

Tạo hình khối khác: EllipseNhấn và giữ chuột trên công cụ Rectangle để chọncô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

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

Page 19: BÀI 1 LÀM QUEN VỚI ADOBE ILLUSTRATOR CS4 & KHÔNG GIAN LÀM VIỆC - Giáo trình FPT

GRAPHIC & SYMBOL

Biến đổi hình ảnhChọn Window > Transform hoặc sử dụng tổ hợp phímShift + F8

Biến đổi hình ảnhChọn Window > Transform hoặc sử dụng tổ hợp phímShift + F8

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

Page 20: BÀI 1 LÀM QUEN VỚI ADOBE ILLUSTRATOR CS4 & KHÔNG GIAN LÀM VIỆC - Giáo trình FPT

GRAPHIC & SYMBOL

Thay đổi đường viềnTrên thanh Doc bên phải chọn nút hoặc chọnWindow > Appearance, cũng có thể dùng tổ hợpphím Shift + F6Thay đổi được:

• Đường viền• Màu tô

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

Thay đổi đường viềnTrên thanh Doc bên phải chọn nút hoặc chọnWindow > Appearance, cũng có thể dùng tổ hợpphím Shift + F6Thay đổi được:

• Đường viền• Màu tô

Page 21: BÀI 1 LÀM QUEN VỚI ADOBE ILLUSTRATOR CS4 & KHÔNG GIAN LÀM VIỆC - Giáo trình FPT

GRAPHIC & SYMBOL

Nhân bản thuộc tínhTrên panel Appearance click vào nút Duplicatehoặc kéo thả item Stroke

Nhân bản thuộc tínhTrên panel Appearance click vào nút Duplicatehoặc kéo thả item Stroke

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

Page 22: BÀI 1 LÀM QUEN VỚI ADOBE ILLUSTRATOR CS4 & KHÔNG GIAN LÀM VIỆC - Giáo trình FPT

GRAPHIC & SYMBOL

Thêm hiệu ứng offset pathChọ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

Page 23: BÀI 1 LÀM QUEN VỚI ADOBE ILLUSTRATOR CS4 & KHÔNG GIAN LÀM VIỆC - Giáo trình FPT

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

Page 24: BÀI 1 LÀM QUEN VỚI ADOBE ILLUSTRATOR CS4 & KHÔNG GIAN LÀM VIỆC - Giáo trình FPT

GRAPHIC & SYMBOL

Kết quả

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

Page 25: BÀI 1 LÀM QUEN VỚI ADOBE ILLUSTRATOR CS4 & KHÔNG GIAN LÀM VIỆC - Giáo trình FPT

GRAPHIC & SYMBOL

Chỉnh đường viền khác:Chọn item Stroke trên cùngEffect > Path > Offset Path, thay đổi giá trị Offsetthành .15Thay đổi màu và kích cỡ stroke trên cùng

Chỉnh đường viền khác:Chọn item Stroke trên cùngEffect > Path > Offset Path, thay đổi giá trị Offsetthành .15Thay đổ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

Page 26: BÀI 1 LÀM QUEN VỚI ADOBE ILLUSTRATOR CS4 & KHÔNG GIAN LÀM VIỆC - Giáo trình FPT

GRAPHIC & SYMBOL

Chuyển graphic thành dạng symbol (biểu tượng)Chọn Window > Symbol hoặc ấn nút trên thanhDocXuất hiện hộp thoại Symbol Options

Chuyển graphic thành dạng symbol (biểu tượng)Chọn Window > Symbol hoặc ấn nút trên thanhDocXuất hiện hộp thoại Symbol Options

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

Page 27: BÀI 1 LÀM QUEN VỚI ADOBE ILLUSTRATOR CS4 & KHÔNG GIAN LÀM VIỆC - Giáo trình FPT

GRAPHIC & SYMBOL

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

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

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

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

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

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

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

Page 28: BÀI 1 LÀM QUEN VỚI ADOBE ILLUSTRATOR CS4 & KHÔNG GIAN LÀM VIỆC - Giáo trình FPT

GRAPHIC STYLE

Page 29: BÀI 1 LÀM QUEN VỚI ADOBE ILLUSTRATOR CS4 & KHÔNG GIAN LÀM VIỆC - Giáo trình FPT

GRAPHIC STYLE

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

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

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

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

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

Page 30: BÀI 1 LÀM QUEN VỚI ADOBE ILLUSTRATOR CS4 & KHÔNG GIAN LÀM VIỆC - Giáo trình FPT

GRAPHIC STYLE

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

Page 31: BÀI 1 LÀM QUEN VỚI ADOBE ILLUSTRATOR CS4 & KHÔNG GIAN LÀM VIỆC - Giáo trình FPT

GRAPHIC STYLE

Tạo một đoạn textGiữ Alt nhấn nút Create New Layer trên panelLayer

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

Page 32: BÀI 1 LÀM QUEN VỚI ADOBE ILLUSTRATOR CS4 & KHÔNG GIAN LÀM VIỆC - Giáo trình FPT

GRAPHIC STYLE

Áp dụng style cho textChọ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 panelGraphic Style

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

Page 33: BÀI 1 LÀM QUEN VỚI ADOBE ILLUSTRATOR CS4 & KHÔNG GIAN LÀM VIỆC - Giáo trình FPT

GRAPHIC STYLE

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

Effect > Warp > Flag

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

Page 34: BÀI 1 LÀM QUEN VỚI ADOBE ILLUSTRATOR CS4 & KHÔNG GIAN LÀM VIỆC - Giáo trình FPT

3D TRONG ILLUSTRATOR

Page 35: BÀI 1 LÀM QUEN VỚI ADOBE ILLUSTRATOR CS4 & KHÔNG GIAN LÀM VIỆC - Giáo trình FPT

3D TRONG ILLUSTRATOR

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

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

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

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

Page 36: BÀI 1 LÀM QUEN VỚI ADOBE ILLUSTRATOR CS4 & KHÔNG GIAN LÀM VIỆC - Giáo trình FPT

3D TRONG ILLUSTRATOR

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

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

Page 37: BÀI 1 LÀM QUEN VỚI ADOBE ILLUSTRATOR CS4 & KHÔNG GIAN LÀM VIỆC - Giáo trình FPT

3D TRONG ILLUSTRATOR

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

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

Page 38: BÀI 1 LÀM QUEN VỚI ADOBE ILLUSTRATOR CS4 & KHÔNG GIAN LÀM VIỆC - Giáo trình FPT

3D TRONG ILLUSTRATOR

Chọn nút Map Art

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

Page 39: BÀI 1 LÀM QUEN VỚI ADOBE ILLUSTRATOR CS4 & KHÔNG GIAN LÀM VIỆC - Giáo trình FPT

3D TRONG ILLUSTRATOR

Kết quả:

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

Page 40: BÀI 1 LÀM QUEN VỚI ADOBE ILLUSTRATOR CS4 & KHÔNG GIAN LÀM VIỆC - Giáo trình FPT

TỔNG KẾT

Có thể tùy biến thay đổi không gian làm việc chotiệ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 đượcgọi chung là graphic.Với graphic chúng ta có thể tạo ra được nhữngsymbol, 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.Áp dụng được những graphic style cho tất cả cáccạnh của vật thể 3D.

Có thể tùy biến thay đổi không gian làm việc chotiệ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 đượcgọi chung là graphic.Với graphic chúng ta có thể tạo ra được nhữngsymbol, 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.Áp dụng được những graphic style cho tất cả cáccạnh của vật thể 3D.

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