Bài 13: Điều Chỉnh Thời Gian Trễ Và Tạo Chữ Động | Chuyên đề học tập Tin học 11 (Định hướng tin học ứng dụng) | Chuyên Đề 3: Thực Hành Sử Dụng Phần Mềm Chỉnh Sửa Ảnh - Lớp 11 - Kết Nối Tri Thức Với Cuộc Sống

Chuyên đề học tập Tin học 11 - Bài 13: Điều Chỉnh Thời Gian Trễ Và Tạo Chữ Động - Thay đổi tốc độ hiển thị ảnh động và tạo hiệu ứng chữ chạy bằng cách đặt từng phần chữ trên các lớp riêng lẻ.


(Trang 59)

SAU BÀI HỌC NÀY EM SẼ:

  • Thay đổi được tốc độ hiển thị ảnh động hợp lí.
  • Tạo được hiệu ứng chữ chạy.

Khi tạo ra một ảnh động từ nhiều hình ảnh khác nhau, em muốn một khung hình nào đó dừng lâu hơn. Em sẽ thực hiện việc đó như thế nào?

1. THAY ĐỔI TỐC ĐỘ HIỂN THỊ ẢNH

Hoạt động 1

Thời gian trễ giữa các khung hình

Trong ảnh động Dong_ho_cat.gif mà em đã tạo ở Nhiệm vụ 1 Bài 12, em làm thế nào để đồng hồ mô phỏng thời gian 10 giây?

hinh-anh-bai-13-dieu-chinh-thoi-gian-tre-va-tao-chu-dong-13813-0

Khi xuất các tệp ảnh động, thời gian trễ giữa các khung hình được thiết lập mặc định là 100 ms (Hình 13.1). Em có thể tăng giảm thời gian xuất hiện của các khung hình trong ảnh động bằng cách nháy chuột vào mũi tên lên xuống trong ô này. 

hinh-anh-bai-13-dieu-chinh-thoi-gian-tre-va-tao-chu-dong-13813-1

Hình 13.1. Thay đổi thời gian xuất hiện cho từng khung ảnh riêng lẻ

Tốc độ khung hình được đề xuất cho ảnh động GIF là từ 10-30 khung hình trong mỗi giây (tốc độ tiêu chuẩn là 15-24 khung/giây). Tức là mỗi khung hình chỉ nên xuất hiện trong khoảng từ 35 ms đến 100 ms. Có hai phương pháp được sử dụng để thay đổi tốc độ hiển thị của ảnh động.

(Trang 60)

Phương pháp thứ nhất: Thực hiện thay đổi thời gian hiển thị cho từng khung hình riêng lẻ trong ảnh. Em thực hiện mở tệp GIF dưới dạng lớp, trên hộp thoại Layers, nháy chuột từng lớp và nhập thời gian hiển thị mong muốn (Hình 13.1), sau đó xuất lại ảnh.

Phương pháp thứ hai: Thay đổi tốc độ giống nhau cho tất cả các khung hình trong ảnh.

Em thực hiện mở tập GIF dưới dạng lớp, chọn File → Export as đề xuất lại tệp ảnh động, chọn định dạng .gif, đặt tên tệp và chọn Export.Trong hộp thoại định dạng hiện ra, chọn ô As animation. Thông thường, khi xuất các tệp ảnh động, thời gian trễ giữa các khung hình được thiết lập mặc định là 100 ms (Hình 13.2). Nháy chọn mũi tên lên xuống trong ô này để tăng giảm thời gian xuất hiện giống nhau cho tất cả các khung hình trong ảnh động.

hinh-anh-bai-13-dieu-chinh-thoi-gian-tre-va-tao-chu-dong-13813-2

Hình 13.2. Thay đổi thời gian xuất hiện cho tất cả các khung hình

Ta có thể điều chỉnh tốc độ hiển thị của ảnh động GIF một cách hợp lí theo hai phương pháp: thay đổi thời gian hiển thị cho từng khung hình riêng lẻ hoặc thay đổi cho tất cả các khung hình trong ảnh động.

hinh-anh-bai-13-dieu-chinh-thoi-gian-tre-va-tao-chu-dong-13813-3

Tốc độ hiển thị chuẩn của ảnh GIF là khoảng nào?

2. TẠO HIỆU ỨNG CHỮ ĐỘNG

Hoạt động 2

Tạo hiệu ứng với chữ trong ảnh

Để tạo ảnh động chữ Happy Birthday xuất hiện từng kí tự trên chiếc bánh sinh nhật như Hình 13.3, em làm như thế nào?

hinh-anh-bai-13-dieu-chinh-thoi-gian-tre-va-tao-chu-dong-13813-4

Hình 13.3. Bánh sinh nhật

(Trang 61)

hinh-anh-bai-13-dieu-chinh-thoi-gian-tre-va-tao-chu-dong-13813-5

Em có thể thêm chữ văn bản vào khung ảnh bằng công cụ A trong hộp công cụ. Để tạo hiệu ứng chữ chạy vào ảnh, em cần tách dòng chữ thành các phần nhỏ, mỗi phần sẽ được hiển thị theo một lớp. Tùy theo ý tưởng của mình em có thể sắp xếp các lớp chữ ở vị trí thích hợp.

Chữ có thể để trên lớp riêng với ảnh hoặc đưa vào cùng lớp với ảnh. Khi em sử dụng công cụ Text, mặc định chữ sẽ ở một lớp riêng với chế độ trong suốt (Transparency).

Ví dụ: Để có dòng chữ Happy Birthday xuất hiện từng chữ trên chiếc bánh sinh nhật em phải đặt mỗi chữ trên một lớp riêng và sắp xếp vào vị trí thích hợp trên khung hình. Khi xuất tệp dưới dạng ảnh động, các chữ này sẽ tạo nên hiệu ứng cho ảnh thêm sinh động.

Em có thể thực hiện thao tác sao chép lớp tại hộp thoại Layers để thực hiện việc nhân bản chữ (Hình 13.4). Rồi di chuyển bằng cách chọn công cụ Move trên hộp công cụ.

hinh-anh-bai-13-dieu-chinh-thoi-gian-tre-va-tao-chu-dong-13813-6

Hình 13.4. Sao chép lớp

Nút sao chép lớp

Sau khi đã điều chỉnh vị trí của văn bản phù hợp trên các lớp và độ trong suốt của từng lớp, chọn công cụ Filters → Animation → Playback để xem trước và điều chỉnh tốc độ hiển thị chữ cho phù hợp, cuối cùng xuất ảnh động tạo ra ở định dạng GIF.

Hiệu ứng chữ được tạo ra bằng cách tách từng phần chữ trên các lớp riêng lẻ và cho hiển thị liên tục nhau.

hinh-anh-bai-13-dieu-chinh-thoi-gian-tre-va-tao-chu-dong-13813-7

Em có thể điều chỉnh vị trí hiển thị phù hợp của văn bản trên các lớp bằng cách nào?

3. THỰC HÀNH

hinh-anh-bai-13-dieu-chinh-thoi-gian-tre-va-tao-chu-dong-13813-8

Nhiệm vụ 1. Em hãy mở tệp Dong_ho_cat.gif, điều chỉnh lại thời gian trễ mỗi khung hình theo phương pháp thứ nhất với các thông số gợi ý như sau:

hinh-anh-bai-13-dieu-chinh-thoi-gian-tre-va-tao-chu-dong-13813-9

Hình 13.5. Điều chỉnh thời gian xuất hiện mỗi khung hình

300 ms

250 ms

200 ms

180 ms

150 ms

100 ms

300 ms

(Trang 62)

Hướng dẫn:

Bước 1: Chọn lệnh File → Open as Layers để mở tệp Dong_ho_cat.gif dưới dạng lớp.

Bước 2: Trong hộp thoại Layers, nháy chuột vào từng lớp ảnh dưới cùng và sửa lại thông số 100 ms thành 300 ms. Làm tương tự với các lớp còn lại.

hinh-anh-bai-13-dieu-chinh-thoi-gian-tre-va-tao-chu-dong-13813-10

Hình 13.6. Sửa thời gian trễ ở khung hình

Bước 3: Chọn lệnh Filters → Animation → Playback và thực hiện thay đổi tốc độ cho tất cả khung hình theo ngưỡng 0.251x để chạy ở tốc độ chậm (Hình 13.2).

Bước 4: Xuất ảnh động ở định dạng GIF với tên đã cho.

hinh-anh-bai-13-dieu-chinh-thoi-gian-tre-va-tao-chu-dong-13813-11

Nhiệm vụ 2. Tạo dòng chữ Chúc mừng năm mới! chạy ngang màn hình nền trắng. Xuất tệp ảnh động với tên Chu_chay.gif

Hướng dẫn:

Bước 1: Chọn lệnh File → New để mở tệp mới. Hộp thoại Create New Image mở ra, điều chỉnh kích thước ảnh 600 px × 150 px.

Bước 2: Chọn công cụ hinh-anh-bai-13-dieu-chinh-thoi-gian-tre-va-tao-chu-dong-13813-12 trong hộp công cụ và nhập vào dòng chữ Chúc mừng năm mới!. Định dạng lại phông chữ, màu chữ, cỡ chữ như mong muốn.

Bước 3: Trong hộp thoại Layers chọn lớp Background, chọn nút lệnh Duplicate hinh-anh-bai-13-dieu-chinh-thoi-gian-tre-va-tao-chu-dong-13813-13 ở dưới hộp thoại Layers để sao chép thành lớp mới. Làm tương tự sao chép lớp chữ. Sao chép khoảng 10 lớp nền và 10 lớp chữ.

Bước 4: Sắp xếp lại các lớp chữ, cứ một lớp nền rồi một lớp chữ. Chọn lớp chữ, chọn công cụ Move hinh-anh-bai-13-dieu-chinh-thoi-gian-tre-va-tao-chu-dong-13813-14 trên hộp công cụ để di chuyển lớp chữ theo chiều ngang. Lớp chữ phía dưới lùi về bên phải, các lớp trên dần lùi về bên trái. Ví dụ các lớp dưới cùng sẽ tương tự như sau:

hinh-anh-bai-13-dieu-chinh-thoi-gian-tre-va-tao-chu-dong-13813-15

Hình 13.8. Di chuyễn lóp chữ xuất hiện từ phải sang trái

Chúc 

Chúc mừng

Chúc mừng năm

(Trang 63)

Bước 5: Chọn lệnh Filters → Animation → Playback để chạy thử và điều chỉnh vị trí lớp chữ cho hợp lí.

Bước 6: Đưa lớp chữ vào cùng lớp với nền phía dưới bằng cách chọn lớp chữ và chọn lệnh Layer → Merge Down. Đây là cách đưa chữ và ảnh cùng lớp.

Bước 7: Xuất ảnh động ở định dạng GIF với tên Chu_chay.gif.

hinh-anh-bai-13-dieu-chinh-thoi-gian-tre-va-tao-chu-dong-13813-16

LUYỆN TẬP

1. Hãy mở tệp Vong_quay.gif đã lưu ở phần Luyện tập, Bài 12 và điều chỉnh thời gian trễ theo gợi ý sau:

hinh-anh-bai-13-dieu-chinh-thoi-gian-tre-va-tao-chu-dong-13813-17

200 ms

180 ms

160 ms

150 ms

200 ms

180 ms

160 ms

200 ms

2. Hãy tạo dòng chữ Happy Birthday như ở Hoạt động 2.

3. Hãy mở Hoa_dep.gif, điều chỉnh thời gian trễ theo gợi ý và thêm dòng chữ Muôn hoa đua nở chạy ngang màn hình.

hinh-anh-bai-13-dieu-chinh-thoi-gian-tre-va-tao-chu-dong-13813-18

200 ms

300 ms

400 ms

500 ms

hinh-anh-bai-13-dieu-chinh-thoi-gian-tre-va-tao-chu-dong-13813-19

VẬN DỤNG

Em hãy mở tệp ảnh động thiệp chúc mừng năm mới đã tạo ở phần Vận dụng, Bài 12 và thêm dòng chữ Chúc mừng năm mới! xuất hiện từng chữ sau khi bắn pháo hoa.

Tin tức mới


Đánh giá

Bài 13: Điều Chỉnh Thời Gian Trễ Và Tạo Chữ Động | Chuyên đề học tập Tin học 11 (Định hướng tin học ứng dụng) | Chuyên Đề 3: Thực Hành Sử Dụng Phần Mềm Chỉnh Sửa Ảnh - Lớp 11 - Kết Nối Tri Thức Với Cuộc Sống

Tổng số sao của bài viết là: 5 trong 1 đánh giá
Xếp hạng: 5 / 5 sao

Bình Luận

Để Lại Bình Luận Của Bạn

Tin tức mới

Môn Học Lớp 11 - Kết Nối Tri Thức Với Cuộc Sống

Chuyên đề học tập Mĩ thuật 11

Chuyên đề học tập Toán 11

Chuyên đề học tập Ngữ văn 11

Chuyên đề học tập Vật lí 11

Chuyên đề học tập Hóa học 11

Chuyên đề học tập Sinh học 11

Chuyên đề học tập Giáo dục Kinh tế và Pháp luật 11

Chuyên đề học tập Lịch Sử 11

Chuyên đề học tập Địa lí 11

Chuyên đề học tập Âm nhạc 11

Toán tập 1

Chuyên đề học tập Công nghệ 11 (Công nghệ Cơ khí)

Chuyên đề học tập Công nghệ 11 (Công nghệ chăn nuôi)

Chuyên đề học tập Tin học 11 (Định hướng tin học ứng dụng)

Chuyên đề học tập Tin học 11 (Định hướng khoa học máy tính)

Toán tập 2

Vật lí

Hoá Học

Sinh Học

Ngữ Văn Tập 1

Ngữ Văn Tập 2

Lịch sử

Địa Lý

Công Nghệ

Công Nghệ Công Nghệ Cơ Khí

Giáo Dục Quốc Phòng Và An Ninh 11

Giáo dục Kinh Tế và Pháp Luật

GDTC_Cầu Lông

Giáo dục Thể Chất Bóng Chuyền

GDTC Bóng Đá

Âm Nhạc

Hoạt động trải nghiệm hướng nghiệp

GDTC_Bóng Rổ

Mỹ Thuật Điêu Khắc

Mỹ Thuật Đồ Hoạ_Tranh in

Mỹ Thuật Hội Hoạ

Mỹ Thuật Kiến Trúc

Mỹ Thuật Thiết Kế Công Nghiệp

Tin Học

Mỹ Thuật Thiết Kế Đa Phương Tiện

Tin học 11 - Định hướng khoa học máy tính

Mỹ Thuật Thiết Kế Đồ Hoạ

Mỹ Thuật Thiết Kế Sân Khấu Điện Ảnh

Mỹ Thuật Thiết Kế Thời Trang

Mỹ Thuật_Lý Luận Và Lịch Sử Mỹ Thuật

Giải bài tập Toán 11 Tập 1

Giải bài tập Toán 11 Tập 2

Giải bài tập Vật lý 11

Giải bài tập Hóa học 11

Giải bài tập Sinh học 11

Bộ Sách Lớp 11

Giáo Dục Việt Nam

Bộ Sách Giáo Khoa của Nhà Xuất Bản Giáo Dục Việt Nam

Tài liệu học tập

Đây là tài liệu tham khảo hỗ trợ trong quá trình học tập

Global Success & Bộ Giáo Dục - Đào Tạo

Bộ sách Global Success & Bộ Giáo Dục - Đào Tạo là sự kết hợp giữa ngôn ngữ Tiếng Anh theo lối giảng dạy truyền thống và cập nhật những phương thức quốc tế

Cánh Diều

Bộ sách giáo khoa của Nhà xuất bản Cánh Diều

Kết Nối Tri Thức Với Cuộc Sống

Sách giáo khoa của nhà xuất bản Kết Nối Tri Thức Với Cuộc Sống

Sách Kết Nối Tri Thức Với Cuộc Sống

Lớp 1

Sách giáo khoa dành cho lớp 1

Lớp 6

Sách giáo khoa dành cho lớp 6

Lớp 5

Sách giáo khoa dành cho lớp 5

Lớp 4

Sách giáo khoa dành cho lớp 4

Lớp 2

Sách giáo khoa dành cho lớp 2

Lớp 3

Sách giáo khoa dành cho lớp 3

Lớp 7

Sách giáo khoa dành cho lớp 7

Lớp 8

Sách giáo khoa dành cho lớp 8

Lớp 9

Sách giáo khoa dành cho lớp 9

Lớp 10

Sách giáo khoa dành cho lớp 10

Lớp 11

Sách giáo khoa dành cho lớp 11

Lớp 12

Sách giáo khoa dành cho lớp 12

Liên Kết Chia Sẻ

** Đây là liên kết chia sẻ bới cộng đồng người dùng, chúng tôi không chịu trách nhiệm gì về nội dung của các thông tin này. Nếu có liên kết nào không phù hợp xin hãy báo cho admin.