Bài giảng Chương 5: Kỹ thuật tạo ảnh động bằng công cụ Easy gif cung cấp cho người học các kiến thức: Khái niệm tệp hình ảnh, các định dạng tệp hình ảnh phổ biến, chèn các đối tượng vào văn bản, một số kiến thức nâng cao.
Trường Đại học Vinh Khoa Công nghệ Thông tin o0o Chương KỸ THUẬT TẠO ẢNH ĐỘNG BẰNG CÔNG CỤ EASY GIF Giảng viên : ThS Nguyễn Thị Uyên Email: uyendhv@gmail.com Nghệ an, tháng 06/2016 NỘI DUNG 5.1 A Khái niệm tệp hình ảnh 5.2 A Các định dạng tệp hình ảnh phổ biến 5.3 A Chèn đối tượng vào văn 5.4 A Một số kiến thức nâng cao 08/08/2014 5.1 Khái niệm tệp hình ảnh Tệp hình ảnh : tập hợp thơng tin hình ảnh đặt tên, lưu trữ nhớ máy tính Các thơng tin tệp ảnh định dạng khác ảnh Một số định dạng tệp ảnh thông dụng : Định dạng tệp JPG Định dạng tệp PNG Định dạng tệp GIF Định dạng tệp PMP 5.2 Các định dạng tệp hình ảnh phổ biến Một số định dạng tệp ảnh thông dụng : Định dạng tệp JPG Định dạng tệp PNG Định dạng tệp GIF Định dạng tệp PM 5.2.1 Định dạng tệp JPG Tệp JPG hay gọi tập tin JPGE đời năm 1992, định dạng tập tin phổ biến cho tệp ảnh kỹ thuật số đồ họa kỹ thuật số Định dạng JPG lưu với thuật tốn nén Vì chất lượng hình ảnh bị giảm kích thước tập tin giảm đáng kể Ưu điểm JPG (JPGE) Độ sâu màu từ 24bit đến 16 triệu màu JPGE chuẩn hình ảnh thông dụng cho hầu hết máy ảnh số Thích hợp để tạo tệp ảnh có dung lượng nhỏ Thích hợp với hình ảnh có hươn 256 màu JPGE tương thích với trình duyệt web Sử dụng tốt nhất, hiệu cho ảnh trắng đen, ảnh với màu sắc phức tạp, ảnh tĩnh vật, ảnh đời thường, chân dung 08/08/2014 5.2.2 Định dạng tệp PNG PNG viết tắt từ (Portable Network Graphics) phát triển vào năm 1996, định dạng tập tin đồ họa raster, hỗ trợ nén liệu không bị suy giảm Định dạng PNG tạo cải tiến , thay cho Graphics Interchange Format (GIF), định dạng ảnh nén không bị suy giảm chất lượng, sử dụng nhiều internet Trong định dạng PNG có định dạng PNG khác PNG-8 PNG-24 Ưu điểm JPG (JPGE) Độ sâu màu từ 24bit đến 16 triệu màu JPGE chuẩn hình ảnh thông dụng cho hầu hết máy ảnh số Thích hợp để tạo tệp ảnh có dung lượng nhỏ Thích hợp với hình ảnh có hươn 256 màu JPGE tương thích với trình duyệt web Sử dụng tốt nhất, hiệu cho ảnh trắng đen, ảnh với màu sắc phức tạp, ảnh tĩnh vật, ảnh đời thường, chân dung 08/08/2014 Ưu điểm PNG: Hình ảnh khơng bị cạnh cưa Nén theo chuẩn LossLess, có nghĩa hình ảnh sau bị nén giữ nguyên chất lượng Độ suốt thiết lập mờ đục hoàn toàn suốt, cho cài nhìn mờ ảo Định dạng PNG đặt lên hình ảnh giữ cho lên Định dạng PNG sử dụng tốt web/blog, mảng màu phẳng, thiết kế Logo, hình ảnh có suốt bán duốt Thích hợp với hình ảnh đơn giản văn 08/08/2014 5.2.3 Định dạng tệp GIF GIF phát triển từ năm 1987, thường dùng cho hình ảnh web sprite phần mềm Khác với định dạng JPGE, GIF sử dụng thuật nén Lossless mà không làm giảm chất lượng hình ảnh sau nén GIF lưu liệu cách sử dụng màu indexed , có nghĩa hình ảnh bao gồm 256 màu 10 Một số ưu điểm bật: Dễ dàng tạo ảnh động: Dễ dàng tạo banner, nút bấm, phim hoạt hình ảnh động với phần mềm Easy GIF Animator Tích hợp sẵn trình chỉnh sửa ảnh dễ sử dụng: Dễ dàng chỉnh sửa khung hình vẽ hình ảnh Chuyển đổi video sang web:Tạo tập tin ảnh GIF từ đoạn video clip Tối ưu hóa nén: Sản xuất tập tin ảnh GIF động tối ưu hóa có chất lượng cao Dễ dàng tùy chỉnh khung hình: Thêm, loại bỏ, chỉnh sửa, chạm, chép trích xuất nhiều tập tin lúc Lưu ảnh dạng flash video: lưu hình ảnh động bạn dạng tập tin SWF Flash AVI… 16 08/08/2014 Hướng dẫn cài đặt Easy Gif Download phiên phần mềm: Download Easy GIF Animator trang web: Bước 1: Click lựa chọn ngôn ngữ sau chọn Ok, với Easy GIF Animator chưa có giao diên tiếng Việt nên bạn chọn English để cài Bước 2: Click Next để tiếp tục 17 08/08/2014 Hướng dẫn cài đặt Easy Gif Download phiên phần mềm: Download Easy GIF Animator trang web: Bước 1: Click lựa chọn ngôn ngữ sau chọn Ok, với Easy GIF Animator chưa có giao diên tiếng Việt nên bạn chọn English để cài Bước 2: Click Next để tiếp tục 18 08/08/2014 Hướng dẫn cài đặt Easy Gif Bước 4: Mặc định chương trình cài đặt ổ C bạn, bạn muốn thay đổi click nút Browse, sau click Next Bước 5: Sau cài xong bạn click Finish để kết thúc 19 08/08/2014 5.3.2 Các thao tác với tệp Thao tác tạo tệp: Easy gif/ Create New Animation 20 08/08/2014 5.3.2 Các thao tác với tệp Thao tác tạo thêm tệp ảnh:: Easy gif/ Create New Animation/ Add Image 21 08/08/2014 5.3.2 Các thao tác với tệp Thao tác lưu tệp ảnh động:: 22 08/08/2014 5.3.3 Các bước thiết kế ảnh động Bước 1: Khởi động Easy Gif Click vào Creat New Animation Bước : Click Add chọn hình ảnh Có thể chọn nhiều hình ảnh đồng thời Chọn Click Next để tiếp tục Bước : Chỉnh sửa ảnh Click vào Creat Image Effect để chọn hiệu ứng cho ảnh Click vào nút Creat Text Effect để chèn thiết lập hiệu ứng cho chữ : Bước : Click Save để Save lại dạng ảnh động 23 08/08/2014 5.3.4 Thiết lập chỉnh sửa ảnh động Effect Options, dùng để cấu hình lựa chọn thơng số cho hiệu ứng cho ảnh động Effect Smoothness/Length, chỉnh cho chuyển động hiệu ứng mượt mà hơn, tránh tượng ảnh động bị giật Preview bên trái giúp xem trước chuyển động Sau thiết lập xong bạn nhấn OK 24 08/08/2014 Tạo ảnh động làm bảng quảng cáo Khởi động Easy Gif Animator, Vào Welcome, mục Easy Wizard Chọn Create Animated Banner Cửa sổ Banner Size: 468x60( Có thể tùy chỉnh hộp thoại Specify custom size) Tô màu hộp thoại Banner Background 25 08/08/2014 Tạo nút lệnh động Vào cửa sổ Welcome, mục Easy Wizard Chọn chức Create Animated Button Chọn khối hình cho nút lệnh vào chức Select Shape Chỉnh kích cỡ cho nút lệnh Select Button Size: ( 100x29) Nhập chữ cho nút lệnh vào chức Enter Caption 26 08/08/2014 Tạo ảnh động từ hình tự vẽ File, chọn New (hoặc nhấn Ctrl + N) để tạo Insert Blank Frame ( nút lệnh công cụ) Position and Size, mục Width Height, nhập vào giá trị bất kỳ, sau nhấn OK Chọn nút lệnh công cụ Chọn Duplicate Frame (hoặc nhấn F5) để xuất Frame Chọn Frame 2, tô màu cho nút lệnh Nhấn Play để xem hình 27 08/08/2014 5.3.5 Duyệt thực thi ảnh động trình duyệt Web 28 08/08/2014 29 08/08/2014 30 08/08/2014 ... Kỹ thuật tạo ảnh động Easy GIF 5.3.1 Giới thiệu cài đặt phần mềm Easy GIF IF 15 Một số ưu điểm bật: Dễ dàng tạo ảnh động: Dễ dàng tạo banner, nút bấm, phim hoạt hình ảnh động với phần mềm Easy. .. GIF sống động với hình ảnh động: GIF đơn giản, dễ tương thích, tự động nhận biết hầu hết trình duyệt web GIF hoạt động cách tạo loạt khung hình GIF sau gộp lại tạo nên hình chun động GIF. .. lưu tệp ảnh động: : 22 08/08/2014 5.3.3 Các bước thiết kế ảnh động Bước 1: Khởi động Easy Gif Click vào Creat New Animation Bước : Click Add chọn hình ảnh Có thể chọn nhiều hình ảnh đồng