Để chỉnh sửa một frame động đang có, bạn đầu tiên phải chọn frame đó bằng cách nhấp chuột vào biểu tượng của frame trong Animation Palette hoặc tìm đến frame đó bằng cách sử dụng những [r]
(1)Nội dung trang thuộc quyền © Bá tước Monte Cristo - Final Fantasy www.vietphotoshop.com. Những viết trong có thểđược in để dùng với mục đích cá nhân phi thương mại Nếu bạn muốn phát hành lại trang web bạn làm
ơn liên lạc với tơi phải trích dẫn lại nguồn là: Bá tước Monte Cristo - Final Fantasy www.vietphotoshop.com
Để cho nội dung trang web bạn sinh động hơn, bạn dùng ImageReady để tạo hình Gif động từ hình đơn Với kích thước tệp tin nén, hình Gif động hiển thị hầu hết trình duyệt web ImageReady cho phép bạn tạo hình động sáng tạo với công cụ dễ sử dụng tiện lợi
Trong học bạn học điều sau:
• Mở hình gồm nhiều layer để sử dụng làm hình cho hiệu ứng động
• Sử dụng lúc Layer Palette Animation Palette để tạo chuỗi động • Thay đổi frame đơn, nhiều frame tồn frame hình
• Sử dụng lệnh Tween để tạo bước chuyển hình mịn màng với thông số Layer Opacity vị trí
• Xem trước hình động ImageReady trình duyệt web • Lưu lại hình động cách sử dụng Optimize Palette
Tạo hình động ImageReady
(2)frame trước chút tạo ảo giác chuyển động cho mắt frame xem với tốc độ di chuyển nhanh Bạn tạo hình động cách sau:
• Sử dụng nút Duplicate Current Frame Animation Palette để tạo frame, sau sử dụng Layer Palette để xác định hình Frame tương ứng
• Bằng cách sử dụng lệnh Tween để tự tạo chuỗi hình nhiều layer có độ Opacity, vị trí hiệu ứng khác Bằng cách ImageReady giúp bạn tạo "giai đoạn" trình từ lúc đầu đến lúc cuối Những giai đoạn phần tạo ảo giác chuyển động mắt frame tạo cảm giác hình mờ dần rõ dần
• Bằng cách mở hình gồm nhiều layer Photoshop ImageReady để tạo hình động với layer thành Frame
Khi tạo chuỗi hình động, bạn nên chọn thẻ Original cửa sổ hình ảnh hình khơng u cầu ImageReady phải tái tối ưu hố hình bạn chỉnh sửa nội dung frame Một file hình động phải có phần mở rộng bắt buộc GIF Quicktime Bạn tạo hình động có phần mở rộng JPEG PNG
Thông tin thêm làm việc với layer hình động
Làm việc với layer phần quan trọng việc tạo hình động ImageReady Bởi bạn đặt thành phần layer riêng biệt cho phép bạn thay đổi vị trí hình thức thành phần thông qua chuỗi frames
Thay đổi frame riêng định nghĩa "Những thay đổi bạn tạo cho layer tác động đến frame chọn Bởi mặc định, thay đổi bạn tao cho layer sử dụng lệnh Layer Palette tuỳ chọn, bao gồm mức Opacity layer, chế độ hồ trộn, tính ẩn hiện, vị trí layer style gọi chung frame riêng Tuy nhiên bạn áp dụng thay đổi layer cho tất frame hình động cách sử dụng nút có Layer Palette
(3)Bắt đầu
Trong học bạn làm việc với tập hợp hình ảnh thiết kế để xuất trang web công ty nước giải khát
1 Tìm đến thư mục Lesson18 nhấp đúp vào thư mục 18End.html để mở trình duyệt web
Trang web bao gồm vùng có hình động: Chữ "Making Waves", cá voi lên chui xuống biển, cơng thức hố học nước di chuyển vào hình cá heo bơi đồng thời nhả bong bóng phía trước Chữ nút trang web đề "làm cảnh"
2 Khi bạn xem xong, đóng trình duyệt lại để làm việc Photoshop
3 Khởi động Adobe ImageReady bạn không cần dùng Photoshop học Thiết lập môi trường làm việc cho học
Trước bạn bắt đầu với học này, bạn thiết lập vùng làm việc đặc biệt cho công việc liên quan đến hình động Nếu bạn có vùng làm việc phù hợp với công việc bạn, bạn thấy thoải mái tiết kiệm nhiều thời gian
ImageReady có mơi trường làm việc thiết lập sẵn Interactivity Palette Locations, hẳn bạn biết tính bạn học chương trước có liên quan đến ImageReady Bởi giao diện học phạm vi hình động, bạn giảm số lượng Palette mở mặc định ImageReady
1 Chọn File > Open chọn DoLayer Palettehin.psd thư mục Lesson18 (Mọi thứ chuẩn bị cho bạn, bạn không cần phải phóng to mở rộng cửa sổ làm việc này)
2 Chọn Color, Web Content Slice Palette
(4)5 Chọn Window > Workspace > Save Workspace
6.Gõ chữ 18_Animation hộp thoại Save Workspace nhấn OK
Bây bạn nhanh chóng quay lại kích thước ban đầu vị trí Palette lúc cách chọn Window > Workspace >18_Animation
Tạo hình động cách ẩn layer
Có lẽ cách thức đơn giản để tạo hình động bước cho ẩn biểu tượng mắt layer Layer Palette Ví dụ, bạn tạo hình động đổi tượng thay đổi tư cho đối tượng di chuyển lên phía trước quay lại
Hình DoLayer Palettehin.psd bao gồm layer, bạn bỏ giây để xem qua Layer Palette Bạn tiến hành với hiệu ứng động đơn giản với hai layer DoLayer Palettehin
Chuẩn bị Layer Comp
(5)2 Trong Layer Comps Palette, nhấp chuột chọn nút Create New Layer Comp
3 Trong hộp thoại New Layer Comp gõ DoLayer Palettehin sau kiểm tra xem lựa chọn Visibility có chọn khơng trước bạn nhấn OK
Một Layer Comp mới, DoLayer Palettehin 1, xuất Layer Comps Palette
(6)Câu hỏi ôn tập
1 Miêu tả cách đơn giản để tạo hình động?
2 Trong hồn cảnh bạn Tween khơng thể Tween frame? Bạn làm để tối ưu hoá hình đơng?
4 Tối ưu hố hình động bao gồm gì?
5 Frame Disposal gì? phương pháp loại bỏ frame bạn thường hay dùng nhất? Bạn làm cách để chỉnh sửa frame hình động có?
7 Định dạng file bạn dùng cho hình động? Đáp án
1 Một cách đơn giản để tạo hình động bắt đầu với hình có nhiều layer Photoshop Sử dụng nút Duplicate Current Frame Animation Palette để tạo frame mới, sau sử dụng Layer Palette để thay đổi vị trí, mức Opacity hiệu ứng frame chọn Sau đó, tạo frame trung gian nằm hai frame đầu cuối cách sử dụng nút Duplicate Current Frame sử dụng lệnh Tween để làm tự động
2 Bạn hướng dẫn ImageReady Tween frame trung gian nằm hai layer kề Tweening thay đổi mức Opacity Layer vị trí hai frame, thêm layer vào chuỗi frame Bạn Tween hai frame không nằm kề
3 Nhấp vào nút Show Option Optimize Palette, sau chọn File > Save
Optimized để tối ưu hố hình động Chọn Optimized Animation từ menu Animation Palette để tiến hành tối ưu hoá cho hình động cụ thể bao gồm loại bỏ Pixel dư cắt frame dựa
Bounding Box
(7)5 Phương pháp loại bỏ frame định tềi loại bỏ frame chọn trước cho hiển thị frame hình động có suốt Lựa chọn xác định frame chọn xuất xuyên qua vùng suốt frame Nói chung, lựa chọn Automatic phù hợp với hầu hết hình động Tuỳ chọn lựa chọn phương pháp loại bỏ frame dựa có vắng mặt tính suốt frame kế tiếp, loại bỏ frame frame có chứa layer suốt
6 Để chỉnh sửa frame động có, bạn phải chọn frame cách nhấp chuột vào biểu tượng frame Animation Palette tìm đến frame cách sử dụng nút FImageReadyst Frame, Select Previous Frame, Select Next Frame Animation Palette Layer Palette Sau chỉnh sửa layer hình để cập nhật nội dung cho frame chọn Hình động phải lưu lại định dạng Gif QuickTime movie Bạn tạo hình động có định dạng JPEG PNG
© www.vietphotoshop.com - Dịch Bá tước Monte Cristo
và