Gốc > Những vấn đề về CNTT > Bài viết về Flash >
Viền sáng chạy qua ảnh
Trong bài này tôi sẽ giới thiệu với các bạn cách làm hiệu ứng như hình dưới đây, cùng với mặt lạ lớp(Mask), nó là một hiệu ứng rất mềm mại, bạn có thể áp dụng làm trang chủ, banner và làm rất nhiều các mục đích khác nhau tùy theo áp dụng của bạn.
Bước 01 :
- Chúng ta mở chương trình Flash ra và tạo một Movie mới thiết lập kích thước cho movie mới là 400 x 360 , Frame rate ta chọn từ 20-30 fps. Số frame của chúng ta càng cao thì chuyển động càng mềm mại : (Hình 01)
Hình 01
- Tao 2 layer ở bảng Timeline. Một cho ảnh nền (BG IMG) và một cho hiệu ứng(EFFECT): (Hình 02)
Hình 02
- Bây giờ chúng ta chọn layer EFFECT và thiết lập mặt nạ(Mask), bằng cách lựa chọn công cụ Line tool(N)trên bảng công cụ, sử dụng độ lớn của bút là 1 pixel(thiết lập dưới bảng Properties) và bắt đầu vẽ dọc theo hình ảnh bằng các đường vẽ, sau khi vẽ xong ta sẽ được như hình dưới đây : (Hình 03)
Hình 03
Bước 02 :
+ Cẩn thận không nên vẽ quá nhiều đường lines vào trong ảnh. Để chọn tất cả các đường lines vừa vẽ bằng cách click vào frame thứ nhất trên bảng Timeline như hình dưới đây : (Hình 04)
Hình 04
- Sau đó ta nhấn phím F8 bảng Convert to Symbol sẽ xuất hiện như hình dưới đây và và ta chọn Movie clipđặt tên là maskeffect: (Hình 05)
Hình 05
- Sau đó ta chọn công cụ Selection Tool(V) và nhấp kép vào các đường lines nó sẽ đưa ta đến chế độ biên tập symbol. Bây giờ bạn đã có tất cả các đường line ở trên Layer 1, Bạn thay tên Layer 1 thành "Mask" bằng cách nhấp đúp và tên Layer 1.
- Lựa chọn lại tất cả các đường line bằng cách nhấp vào layer Mask sau đó vào ta chọn trên menu Modify > Shape > Convert Lines to Fills. Bây giờ ta tạm thời khóa layer Mask lại chúng ta sẽ quay lại sau.
Bước 03 :
- Chúng ta thêm mới một symbol dạng Graphic(CTRL + F8) và ta đặt tên cho nó là "chrome" và sau đó ta chọn công cụ Rectangle Tool(R) và vẽ một đoạn như hình dưới đây chọn chế độ fill Linear (chú ý để được hình vẽ như trên bảng COLOR MIXER bạn nhấp vào trái chuột vào các vị trí thích hợp để sinh ra các ô vuông trên bảng chọn lần lượt 2 đầu ngoài cùng bên trái và bên phải rùi chọn chế độ Alpha 0%): (Hình 06 & 07)
Hình 06
Hình 07
- Quay chở lại với maskeffect trên bảng Timeline bằng cách chọn scence 1 và nhấp kép vào đường line nó sẽ đưa ta vào phần biên tập của maskeffect sau đó ta thêm một layer mới đặt tên là "chrome" sau đó kéo đối tượng chrome từ library(F11) vào layer mới vừa tạo : (Hình 08)
Hình 08
- Ta chọn đối tượng chrome vừa thêm vào sau đó ở frame 1 trên bảng Timeline nhấp phải chuột rùi chọnCreate Motion Tween: (Hình 09)
Hình 09
- Và chọn ví trí frame 25 hoặc 30 rùi nhấn phím F6 nó sẽ như hình sau : (Hình 10)
Hình 10
- Sau đó kéo đối tượng chrome từ trái sang phải ngoài cùng của ảnh : (Hình 11)
Hình 11
- Bây giờ chúng ta chúng ta nhấp phải chuột vào layer mask rùi chọn Mask : (Hình 12)
Hình 12
- Để kiểm tra công việc mà chúng ta vừa làm bằng cách gõ (CTRL + Enter) và xem thành quả chúng ta vừa tạo được
Đỗ Thanh Dương @ 20:31 13/09/2011
Số lượt xem: 422
Bước 01 :
- Chúng ta mở chương trình Flash ra và tạo một Movie mới thiết lập kích thước cho movie mới là 400 x 360 , Frame rate ta chọn từ 20-30 fps. Số frame của chúng ta càng cao thì chuyển động càng mềm mại : (Hình 01)
Hình 01
- Tao 2 layer ở bảng Timeline. Một cho ảnh nền (BG IMG) và một cho hiệu ứng(EFFECT): (Hình 02)
Hình 02
- Bây giờ chúng ta chọn layer EFFECT và thiết lập mặt nạ(Mask), bằng cách lựa chọn công cụ Line tool(N)trên bảng công cụ, sử dụng độ lớn của bút là 1 pixel(thiết lập dưới bảng Properties) và bắt đầu vẽ dọc theo hình ảnh bằng các đường vẽ, sau khi vẽ xong ta sẽ được như hình dưới đây : (Hình 03)
 |
Click this bar to view the full image. |
Hình 03
Bước 02 :
+ Cẩn thận không nên vẽ quá nhiều đường lines vào trong ảnh. Để chọn tất cả các đường lines vừa vẽ bằng cách click vào frame thứ nhất trên bảng Timeline như hình dưới đây : (Hình 04)
Hình 04
- Sau đó ta nhấn phím F8 bảng Convert to Symbol sẽ xuất hiện như hình dưới đây và và ta chọn Movie clipđặt tên là maskeffect: (Hình 05)
|
Click this bar to view the full image. |
Hình 05
- Sau đó ta chọn công cụ Selection Tool(V) và nhấp kép vào các đường lines nó sẽ đưa ta đến chế độ biên tập symbol. Bây giờ bạn đã có tất cả các đường line ở trên Layer 1, Bạn thay tên Layer 1 thành "Mask" bằng cách nhấp đúp và tên Layer 1.
- Lựa chọn lại tất cả các đường line bằng cách nhấp vào layer Mask sau đó vào ta chọn trên menu Modify > Shape > Convert Lines to Fills. Bây giờ ta tạm thời khóa layer Mask lại chúng ta sẽ quay lại sau.
Bước 03 :
- Chúng ta thêm mới một symbol dạng Graphic(CTRL + F8) và ta đặt tên cho nó là "chrome" và sau đó ta chọn công cụ Rectangle Tool(R) và vẽ một đoạn như hình dưới đây chọn chế độ fill Linear (chú ý để được hình vẽ như trên bảng COLOR MIXER bạn nhấp vào trái chuột vào các vị trí thích hợp để sinh ra các ô vuông trên bảng chọn lần lượt 2 đầu ngoài cùng bên trái và bên phải rùi chọn chế độ Alpha 0%): (Hình 06 & 07)
Hình 06
Hình 07
- Quay chở lại với maskeffect trên bảng Timeline bằng cách chọn scence 1 và nhấp kép vào đường line nó sẽ đưa ta vào phần biên tập của maskeffect sau đó ta thêm một layer mới đặt tên là "chrome" sau đó kéo đối tượng chrome từ library(F11) vào layer mới vừa tạo : (Hình 08)
|
Click this bar to view the full image. |
Hình 08
- Ta chọn đối tượng chrome vừa thêm vào sau đó ở frame 1 trên bảng Timeline nhấp phải chuột rùi chọnCreate Motion Tween: (Hình 09)
Hình 09
- Và chọn ví trí frame 25 hoặc 30 rùi nhấn phím F6 nó sẽ như hình sau : (Hình 10)
Hình 10
- Sau đó kéo đối tượng chrome từ trái sang phải ngoài cùng của ảnh : (Hình 11)
|
Click this bar to view the full image. |
Hình 11
- Bây giờ chúng ta chúng ta nhấp phải chuột vào layer mask rùi chọn Mask : (Hình 12)
Hình 12
- Để kiểm tra công việc mà chúng ta vừa làm bằng cách gõ (CTRL + Enter) và xem thành quả chúng ta vừa tạo được
(Nguồn: thuvien-it)
Đỗ Thanh Dương @ 20:31 13/09/2011
Số lượt xem: 422
Số lượt thích:
0 người
- Hướng dẫn tạo file flash chia sẻ những ứng dụng,phần mềm,doawn load trên blog ! (04/08/11)
- Thiết kế banner flash với Aleo Flash Intro Banner Maker (18/03/11)
- Hiệu ứng ánh sáng chạy trong text (28/02/11)
- Tạo đồng hồ đếm ngược thời gian định trước trong Flash (24/02/11)
- Hiệu ứng hình ảnh sử dụng kích chuột trong Macromedia Flash (19/12/10)
Ý kiến trao đổi