Bài giảng Thiết kế đa truyền thông với Adobe Flash CS6: Học phần C

Bài giảng Thiết kế đa truyền thông với Adobe Flash CS6: Học phần C trình bày Sử dụng Symbol và bảng Library. Nội dung học phần này gồm: Tìm hiểu symbol và thể hiện, tìm hiểu bảng Library, tạo symbol, thêm thể hiện lên Stage, chỉnh sửa thể hiện, chỉnh sửa symbol, tổ chức bảng Library, tìm hiểu symbol và thể hiện (Instance) symbol. Mời các bạn cùng tham khảo.

Trang 3

Tim hiéu Symbol va thé hién (Instance)

= Ban sao cua déi tudng ma ban cdo * La ban sao cua Symbol

thể sử dụng nhiều lần mà vẫn giữ » Thể hiên được tao ra

kích thước file ở mức tối thiểu bằng cách kéo Symbol từ

= Co thể chuyển đổi đối tượng có bảng Library lên Stage

sản thành symbol hoặc tạo mới » Được quản lý và lưu trữ

Trang 4

Tim hiéu Symbol va thé hién (Instance)

e Quan sát một Symbol và thể hiện của chính

Trang 5

Tim hiéu Symbol va thé hién (Instance)

e SU dung hdp thoai Convert to Symbol dé tao ra symbol Nhan dé chon Advanced > " kiéu symbol

BANG C-1: Cac biéu tugng symbol

Trang 7

đa đỡ tung TP iy, EEE gs a a 8800/0001 £ độ 1 2/0000 F77777 oe ed Wey _ mg & e Phan tach van ban (break apart text) eng re a & Chia một từ thành các ký tự ri

e Phân tách ký tự (break apart charater)

Trang 9

& “it, ø S01 oye 71 z ii „ 04 Z 7 gai F77777 oe ed Wey _ mg & td ` me Ld oafoooood Ld <i} _ O on = UO — A ,C ‘Ss ef, c= © ‹qœ —- (J © O) <= CC <C) -(6 J << eS + — TG TT ` © O OQ ne Sẽ củi WY CC VU -f“ an: PO QC) we

« Ban co thê truy cập thư viện từ tài liệu đang mở khác

Trang 10

Su dung bang Library

e Quan sat symbol trong bang Library Nhấn để giữ thư viện hiện tại hiển thị `, Nhấn để chọn một thư viện khác F Các kiểu symbol khác nhau Name shark_mc shark_swimming_mc “5 sharkcam_bt [Sa] shark-clipart_gr [fa] shark-greatwhite_gr [Ss] shark-hammerhead_gr Thu muc

Button New Folder (Tao thu muc mdi)

Button New Symbol (Tao symbol mdi)

Trang 12

Tìm hiểu dấu gạch nối và gạch dưới trong tên symbol

“ri

e Flash hiểu dấu gạch nối là một khoảng trắng phân tách các từ, sắp xếp theo từ đầu tiên

e Flash hiểu dấu gạch dưới là một phần của từ, sắp xếp theo toàn bộ chuỗi tên

e Nếu sử dụng dấu gạch dưới hoặc dấu gạch

nối một cách thống nhất thì danh sách sẽ hiển

thị theo thứ tự chữ cái

e Nếu thay đổi cách sử dụng dấu gạch dưới hoặc dấu gạch nối khi đặt tên thì sẽ không hiển thị thứ tự vì Flash sắp xếp dấu gạch dưới trước

O Z

Trang 13

Tìm hiểu dấu gạch nối và gạch dưới trong tên symbol

® So sánh đặt tên symbol sử dụng dấu gạch nối và gạch dưới Sử dụng thống nhất dẫu gạch dưới # | AS Linkage sài Shark_clipart_gr [4] shark_greatwhite_gr [4] shark_hammerhead_gr shark_mc (f4] shark_sand-tiger_gr shark_swimming_mc 5 sharkcam_bt al 3 @ 3 [+] I _ | AS Linkage EA shark_hammerhead_or oT shark_mc shark_swimming_mc Sử dụng không thống “5 sharkcam_bt (P| shark-clipart_gr [Pa] shark-greatwhite_gr [4] shark-sand-tiger_gr FIERR:N IEN| [

Trang 14

Tìm hiểu điểm biến đổi và điểm đăng ký e Điểm biến đổi

“- Định hướng đối tượng mỗi khi biến đổi hoặc chuyển động

e Điểm đăng ký

= Diém mac dinh; vi tri doi tượng được định vị trên Stage

Trang 15

Tìm hiểu điểm biến đổi và điểm đăng ký

e Diểm biến đối (transformation)

“- Định hướng đối tượng mỗi khi biến đổi hoặc chuyển động

e Điểm đăng ký (registration points)

= Diém mac dinh; vi tri doi tượng được định vị trên Stage

Trang 16

Tao symbol

Co nhiéu cach tao symbol

e Chuyển đổi từ đối tượng có sẵn (cách phổ biến nhất)

e Tạo một symbol mới

e Thêm một symbol thiết lập sẵn (chủ yếu là button và

am thanh) tu Common Libraries

HÌNH C-7: Hop thoai Convert to Symbol

= File Edit View Insert Modify Text Commands Control Debug Window Help Ess

Men Motlty *—]F cress mot <a > Đa & Scene 1 er ie 100%)

Convert to Symbol

Type: | MovieClip |v] Registration: ggỏ Cancel

Trang 17

Tao symbol

Quan sat symbol mdi trong bang Library

GreenWinds_ symbols_FL-C.fla | *

Kéo cạnh dưới cùng của cửa số xem trước để tăng kích

Trang 18

Tao symbol Quan sát thuộc tính của thể hiện = File Edit View lượt Modify Text Commends Contel Debug Window Help Essentids + | | L=LB|.> 4am lợi — KẾ) Scene i Instance of; Golphin_gr | Sump | © *2 POSITIOM AND SE X: 2105 Ye 260,06 tu „ Các thuộc tính free của thể hiện ee = £

sg tinh nang Color Effect

Trang 19

Thém thé hién lén Stage

e Kéo hình ảnh đại diện xem trước hoặc tên của symbol trên

bảng Library lên Stage

Trang 20

Thém thé hién lén Stage e Vị trí của thể hiện waveFoam_gr GreenWnds symhois FL-Cfta* x = Scene 1 ~ ' ed Fe — L2 4⁄1 cÀ Ũ 30 35 430212211 40 t1 Cí (0420 4 S0 55 À ots §0 65 espe pes 7 Le f J | dolphins | Hop van ban Selection Y Thể hiện của symbol waveFoam_ gr

Button Registration point

Trang 22

Tao hoa tiét tu symbol thong qua công cụ Deco e Công cụ Deco chứa hơn mười hai hiệu ứng vẽ được thiết

lập sẵn

e Bạn có thể vẽ hầu hết các kiểu họa tiết hoặc hiệu ứng từ đơn giản tới phức tạp, sử dụng màu đổ, cọ vẽ, và hiệu ứng hoạt hình của công cụ Deco

Trang 23

2m 7 ñ giữ @ Y tb HP Tạ ee lãi lv Will, pe og bể tui wage gu pm tp tp 0

tune en eee đt ?iigiiim ñ

EDD eum een

ad

We

Có nhiều cách để chỉnh sửa thể hiện:

°=- Sử dụng bảng Properties va bang Transform

s Lựa chọn các tủy chọn cho công cụ Free Transform

Thay đổi màu sắc của thể hiện bằng cách áp dụng hiệu

ứng trén bang Properties

Với mỗi thể hiện có thể có màu sắc riêng; thiết lập trong

phần Color Effect (độ sáng (brightness), sắc thái (tint), độ

trong suốt (transparency) và các tùy chọn nâng cao khác

Trang 24

Chinh sua thé hién

e Chon mot mau

Nhan dé chon kiéu

Mau mau Tint thể hiên màu

Trang 25

Chinh sua thé hién

e Định vị lại và biến đổi thể hiện

Trang 26

Vấn đề thiết kế

e Tìm hiểu về hệ màu RGB

= Là mô hình màu mặc định cho các màn hình máy tính,

điện thoại

e Hệ màu cộng (additive primary color)

= 3 mau co ban Do, xanh la, xanh dương

= Két hop nhting mau co ban nay dé tạo ra màu sắc khác

HINH C-16: Cac mau cong co ban

Mau den la khong co

mau sac

Màu trắng là sự kết hợp của cả ba màu

Trang 27

"Les om Nà llài ag ey Gauri © \ Hdàà àiài 4 nà | ae Y e Có nhiều cách để chỉnh sửa: e Sử dụng menu Edit cung cấp ba cách chỉnh sửa & Kích Cd

Library để mở và chỉnh sửa thể hiện

e Chinh sửa Symboil tự động ảnh thưởng lên các

Trang 28

Chinh sua Symbol

e Các lệnh chỉnh sửa symbol

Edit Symbols, Menu Edit Chỉnh sửa symbol ngay trong cửa số Document hiện hành;

Edit Selected các thành phần khác trên Stage không được hiển thị

Edit Nhấn chuột phải (Win) hoặc [control]+ nhấn Chỉnh sửa symbol

chuột (Mac)

Editin Place = Menu Edit hoac nhấn chuột phải (Win) hoặc Chỉnh sửa symbol ngay trong cửa sổ Document hiện hành;

Trang 29

Chinh sua Symbol

e Chỉnh sửa symbol ngay tại chỗ

~ File Edit View Insert Modify Text Commands Control Debug Window Hep Essentials ~ LÔ

Menu it“ OS eee nes £ 4 100% —

r Button Back i

Tén symbol trong thanh ~~ |

điều hướng cho biết bạn

đang chỉnh sửa symbol

Trang 30

Chinh sua Symbol

Trang 31

Tổ chức bang Library e Tổ chức thông qua việc tao cac folder e Sắp xếp các thành phần theo thứ tự tăng dần hoặc giảm dần HÌNH C-20: Quan sat cac cột trong bang Library Properties | Library | GreenWinds_symbols_FL-C.fla

thành phần theo thứ tự e—— Name + | AS Linkage | Use Count | Date Modified | Type

Trang 34

Tom tat bai hoc