hướng dẫn cách tạo ra menu lạ

DEMO DIGITAL ART PHẦN II Sau một thời gian dài sau khi ra mắt phần I , nhưng việc xử lý không đem lại hiệu quả cao , nay tôi ra mắt các bạn phần II , với phần thứ 2 này tôi tin rằng các bạn sẽ làm được một bức ảnh với phong cách của china , phần này tập trung đầy đủ các yếu tố cần thiết , tuy nhiên cũng như phần I nó không thể hưỡng dẫn chi tiết từng li từng tí cho các bạn được , vì tutorial về thể loại retouch và painting rất khó viết chi tiết vì mỗi bức hình đẹp hay xấu đều phải phụ thuộc vào năng khiếu Draw của từng người , và

M enu la

1 Tạo 1 file có thông số như hình 1

12

_

Hình 1

2 Chọn công cụ Oval Tool, bỏ màu viền, nhấp vào tam giác nhó ở màu tô

để làm hiện ra bảng màu rồi chọn màu như hình 2

#000300

□ 3

/ p

□ a

1 r Layer 1 / • • nl

7 ỳ

^ Ơ

view

o ^

Colors

âr ♦ • ‘õ % [■: 1 12.0 fps o te <

I III I

■■■ ,;■■■ ■■■■

.-■■■ ■■■■ ■■■■

Ị I B I 9 ' I l f l f i :!■■■

! lis ilii Ills

_! I B 9 !■■■ i l l s §§■■ !■■■ ■■■

_£■■■ ■■■■ ■■■■

< 1 V

(Ü

^ □ stroke hntm g

Hình 2

Scale: Normal V Miter

3 Vẽ một hình tròn (nhấn thêm phím Shift khi vẽ) trên khung làm việc rồi nhấp chuột phải vào nó và chọn Convert to Symbol

Timelne é Scene 1

Cut

Copy Paste

Select AI Deseỉect AI

Free Transform

Distort Envdope

<

Smooth Straighten

► Actions

* Properties Fitters Parameters

Distrbute to Layers

Ị CustD

Miter:

<^J Shape

Convert to Symbol

w 30-5 X: 120 0

*

Hình 3

4 Trong hộp thoại hiện ra chọn Movie Clip Nhấp đúp vào Movie Clip mới tạo đế vào bên trong nó Nhấp chuột phải vào Frame 20 và chọn

Insert KeyFrame

E ^ S l H l T s c e n e 1 3 Syirbd 1 Ể 4 » 100

< !

♦ « á % K 1

r-vfjon i

Insert Frame

< Convert to Keyframes Ctear Keyframe Convert to Blank Keyframes

Cut Frames Copy Frames Paste Frames Oear Frames Select A) Frames

Hình 4

5 Tại Frame 20 này chỉnh màu của hình tròn thành đỏ như hình 5

t *

□

/ p

ồ A

o □

✓ ✓

é

ÍJ □ 1 5 10 15 i Ịl 25 30 35

M l * ' ! ' - J W M M 1 a ínl [ S

V.

a * 0 0 % to 20 12.0 fps 1.6s <

Hình 5

6 Nhấp vảo dòng chữ Scene 1 để quay ra khung làm việc chính

U ntịtled-Ị2*E ^

Ị S c n e 1 3 S y m b l 1

a » âtr15 1 0 1 5 t 2 5

Hình 6

7 Nhấp chọn hình tròn trên khung làm việc và nhấn Ctrl-C để Copy nó vào clipboard, để dành cho các bước sau này.

8 Nhấp chuột phải vào Frame 5 và chọn Insert KeyFrame

15 20 25 30 35

Create Motion Tween Insert Frame Rem ove Fram es

In sert Keyfram e

In sert Blank Keyfram e Clear Keyfram e

Co nvert to Keyfram es

Co nvert to Blank Keyfram es

C ut Fram es Copy Fram es Paste Fram es

Hình Ĩ

9 Nhấp chuột phải vào Frame 20 và chọn Insert KeyFrame

Y M acrom ed ia Flash Profess lonal 8 * [m enu ]

He Edt View Insert!Ì Modriy )Text Commands Corwrot Wndow Hefc

Tools

□

/

û

o

✓

*

?

p

A

□

ỳ

<s>

^ Ơ

Vew

0 0,

Colors

S /

«

«agi

cptions

n

Utfrtted-12"

Tlmeine

r Ury«f 1

ỡ í i ũ

» ùrhrrK

Convert to Symbol

Break Apart

F8 ctri+e

ñ 4¡.

0 fps 1.6s <

Free Transform Distort Envelope State Rotate and Skew Scale and Rotate Ctrl+Alt+S Rotate 90° cw cvt+Shtft+9 Rotate 90° ccw Cữl+Shift+ 7

ñ p Verteá

ReBórizsríQT

Remove Transform Ctrf+Shift+Z

Hình 8

10 Nhấp chuột vào hình Iròn trên khung làm việc đê chọn nó Chọn Modify > Transform > Flip Vertical

Y M acrom ed ia Flash Profess lonal 8 * [m enu ]

He Edt View Insert!Ì Modriy )Text Commands Corwrot Wndow Hefc

Tools

□

/

û

o

✓

*

?

p

A

□

ỳ

<s>

^ Ơ

Vew

0 0,

Colors

S /

«

«agi

cptions

n

Utfrtted-12"

Tlmeine

r Ury«f 1

ỡ í i ũ

» ùrhrrK

Convert to Symbol

Break Apart

F8 ctri+e

Í 4¡.

0 fps 1.6s <

Free Transform Distort Envelope State Rotate and Skew Scale and Rotate Ctrl+Alt+S Rotate 90° cw cvt+Shtft+9 Rotate 90° ccw Cữl+Shift+ 7

ñ p Verteá

ReBórizsríQT

Remove Transfeim Ctrf+Shift+Z

Hình 9

11 Nhấp chuột phải vào giữa Frame 5 và Frame 20 rồi chọn Create Motion Tween

Timeline Ể3 Scene 1

« * f l □ 1 0 1 15 20 25 30 35 4C

Ơ A Ũ

Create Motion Tween Insert Frame Rem ove Fram es Insert Keyfram e Insert Blank Keyfram e Clear Keyfram e Convert to Keyfram es Convert to Blank Keyfram es

C ut Fram es Copy Fram es Paste Fram es Clear Fram es Select All Fram es

Hình 10

12 Nhấp chuột phải vào Frame 21 và chọn Insert KeyFrame, sau đó nhấn Ctrl-V để dán hình tròn mà ta đã đế dành trên clipboard ở Bước 7

- ^1 fcreate Motion Tween

Insert Frame

^Rgm ove-rram efr^^'^

insert Keyname

1

InsSrtretonk Keyframe Clear Keyframe Convert to Keyframes Convert to Blank Keyframes Cut Frames

Copy Frames Paste Frames Clear Frames Select AJI Frames

Hình 11

13 Thực hiện tương tự cho Frame 22, 23 Chọn Window > Align và chọn

2 mục như hình 12 đề có được 4 hình tròn cách đều nhau và thẳng hàng

- & X

£ 4 j 1 0 0 % V

45 50 55 60 lã

11 o 0 «1 [•: ;23 12.

o 0 fps 1.0» <

o e ỉ

► Color

▼ A*gn fir lnfo & Tr*insform

Ãi^EESKSBStSIIH

<3 n» Oo Un To

staoe:

m > 0» da tt

Ma*tWẾe; Spare:

IS on B =£ dL

Sitems

'C Symbol 1 MơvtỉClp c

5 ! T * « n 1 ũraptK c

£ Ị TV*een 2 GrsebK.

®Ị T w « n 4 Graprtc

Hình 12

14 Khóa lớp hiện có lại, tạo một lớp mới, chọn công cụ Oval Tool, bỏ mảu viền, chọn màu tô là đỏ rồi vẽ một hình tròn phù kín hình tròn màu xanh ở lớp bên dưới

Hình 13

15 Nhấp chuột phải vào nó và chọn Convert to Symbol

□ 0 5 10 15 20 25 30 35 40 45

l/w ti- '& i y m □

G) Layer 1 • ¡3 □ 0«>

► Actions

Properties Filters Parameters

Shap8

I f Cut Copy Paste Select All Deselect All Free Transform

D stort Envelope Smooth

Straighten

& ■!

Hinh 14

Dstrlbute to Layers

TTmeiPietftecte-16 Trong hôp thoai hiên ra chon Button Nhâp dup vào hinh trôn màu do

dê vào bên trong no Dung chuôt rê châm trôn a vi tri Up qua vi tri Hit

_ Scene 1 ú» Sym bol 2

Untitled-12*

Layer 1

Đ A € 3 § f j %| Rbl *h| k Ị | 4 12.0 fps 0.3s m

Hình 15

17 Nhấp chuột vào dòng chừ Scene 1 đê quay ra khung làm việc chính, nếu thao tác đúng thì bạn sẽ được kết quả như hình 16

J Layer 1 ♦ ä B Ỉ

1 ■

Hình 16

18 Nhấp vào Button vừa mới tạo, chọn Window > Actions để mở bảng Actions-Button (bạn lưu ý là phải đúng Actions - Button nhé!) rồi nhập vào các dòng lệnh sau:

{

gotoAndPlay(5);

}

on(release)

{

getURL("http://www.quantrimang.com");

ĩ

Actions - Button

: ActionScrpt 1.0 a 2.0

*J Global F u ic to is

* j Global Properties

Operators

Statements

* } ActionScrpt 2.0 Classes

* } Compiler Directives

3 Constants

il Types

'»J Deprecated

[ j j Data Components

'* } Components

Screens

l l j Index

5 v e r )

1 o n t r ç j

2 (

3 / g o t o A n d P l a y ( 5 ) ;

>

o n [ r e l e a s e )

«

g e t URL ( " h t t p : //WWW q u a n t r i i n a n g com*

8 ‘

Hình 17

19 Khóa lớp hiện có lại, thêm một lớp mới, chọn Window > Actions để

mở bảng Actions-Frame ra rồi nhập vào dòng lệnh sau:

stopO;

□ g 5 10 15 20 25 30 35 41

'v T A ctio n s - Fram e /

HP Global Functions

Global Properties

£U Operators

§1 Statements

ActionScript 2.0 Classes

(HI Compiler Directives

(U Constants

V I Tvnfis

1 s t o p 0 ; \

Hình 18

20 Nhấp chuột phải vào Frame 23 của lớp này và chọn Insert KeyFrame rồi mở bảng Actions-Frame ra, nhập vào dòng lệnh stopO;

Tìmelne Ể 3Scene X á.

« ã □ 1 5 10 15 20^1J 2 ^ \ 30 35 40 45 5)

Remove Frames

Õ » ■ '0 % (•: 23 1;

• Ỉ i

«

lnsermank Reyframe Clear Keyframe Convert to Keyframes Convert to Blank Keyframes Cut Frames

ccpy Frames Paste Frames dear Frames Select All Frames

R everse Frames

Hình 19

21 Khóa lớp này lại, mờ khóa lớp thứ nhất, nhấp chuột vào Frame 23, chọn công cụ Text Tool và nhập vào các dòng chữ home, news, relax, help cho từng hình tròn

â * o q % [■: 23 12.0 fps 1.8s <

► Actions

Properties Filters Parameters

Is

& t-Static Text

Text Tool

A Times New Roman

\Y 0 V A ? Normal

Hình 20

1 5 V )a I m *

v for readability

22 Thực hiện tương tụ Bước 14 đến Bước 18 để có các nút nhấn cho các mục news, relax, help (trong phần code nhập vào bạn chỉ cần dùng on(release) vời các đường link do bạn tùy chọn)

23 Nhấn Enter + Ctrl để kiểm tra kết quả.