Hệ điều hành - Chương 5: Kỹ thuật tạo ảnh động bằng công cụ Easy Gif - Nguyễn Thị Uyên

Chương 5 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 1 Trường Đại học Vinh Khoa Công nghệ Thông tin ----------o0o------------ NỘI DUNG A. A. A. A. 5.2 5.4 5.1 Khái niệm tệp hình ảnh Các định dạng tệp hình ảnh phổ biến 5.3 Chèn các đối tượng vào văn bản Một số kiến thức nâng cao 2 08/08/2014 3 5.1. Khái niệm tệp hình ảnh  Tệp hình ảnh : là một tập hợp thông tin về hình ảnh được đặt tên, và được lưu trữ trong bộ nhớ máy tính.  Các thông tin về tệp ảnh là các định dạng khác nhau của ả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 4 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 5.2.1 Định dạng tệp JPG Tệp JPG hay còn gọi là các tập tin JPGE được ra đời năm 1992, là một định dạng tập tin phổ biến cho các tệp ảnh kỹ thuật số là đồ họa kỹ thuật số. Định dạng JPG được lưu với thuật toán nén. Vì vậy chất lượng hình ảnh sẽ bị giảm đi và kích thước tập tin cũng được giảm đáng kể. 08/08/2014 6 Ưu điểm của JPG (JPGE) Độ sâu màu từ 24bit đến 16 triệu màu.  JPGE là chuẩn hình ảnh thông dụng nhất cho hầu hết các máy ảnh số hiện nay. Thích hợp để tạo ra các tệp ảnh có dung lượng nhỏ. Thích hợp với những hình ảnh có hươn 256 màu.  JPGE tương thích với mọi trình duyệt web hiện nay. Sử dụng tốt nhất, hiệu quả nhất 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. 7 5.2.2 Định dạng tệp PNG  PNG là viết tắt của từ (Portable Network Graphics) được phát triển vào năm 1996, là một định dạng tập tin đồ họa raster, hỗ trợ nén dữ liệu không bị suy giảm.  Định dạng PNG được tạo ra như một cải tiến , thay thế cho Graphics Interchange Format (GIF), là định dạng ảnh nén không bị suy giảm chất lượng, được sử dụng rất nhiều trên internet.  Trong định dạng PNG có 2 định dạng PNG khác nhau đó là PNG-8 và PNG-24. 08/08/2014 8 Ưu điểm của JPG (JPGE) Độ sâu màu từ 24bit đến 16 triệu màu.  JPGE là chuẩn hình ảnh thông dụng nhất cho hầu hết các máy ảnh số hiện nay. Thích hợp để tạo ra các tệp ảnh có dung lượng nhỏ. Thích hợp với những hình ảnh có hươn 256 màu.  JPGE tương thích với mọi trình duyệt web hiện nay. Sử dụng tốt nhất, hiệu quả nhất 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 9  Ưu điểm của PNG:  Hình ảnh nền không bị cạnh răng cưa.  Nén theo chuẩn LossLess, có nghĩa là hình ảnh sau khi bị nén vẫn giữ nguyên được chất lượng.  Độ trong suốt có thể được thiết lập giữa mờ đục và hoàn toàn trong suốt, cho chúng ta một cài nhìn mờ ảo.  Định dạng PNG có thể được đặt lên trên bất kỳ hình ảnh nào và vẫn giữ cho nó hiện lên trên được.  Định dạng PNG sử dụng tốt trên web/blog, những mảng màu phẳng, thiết kế Logo, hình ảnh có nền trong suốt hoặc bán trong duốt.  Thích hợp với hình ảnh đơn giản như văn bản. 10 5.2.3 Định dạng tệp GIF GIF được phát triển từ năm 1987, thường được dùng cho hình ảnh trên web và sprite trong các 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 khi nén.  GIF lưu dữ liệu bằng cách sử dụng màu indexed , có nghĩa là mỗi hình ảnh có thể bao gồm 256 màu. 08/08/2014 11  Ưu điểm của PNG:  Hình ảnh nền không bị cạnh răng cưa.  Nén theo chuẩn LossLess, có nghĩa là hình ảnh sau khi bị nén vẫn giữ nguyên được chất lượng.  Độ trong suốt có thể được thiết lập giữa mờ đục và hoàn toàn trong suốt, cho chúng ta một cài nhìn mờ ảo.  Định dạng PNG có thể được đặt lên trên bất kỳ hình ảnh nào và vẫn giữ cho nó hiện lên trên được.  Định dạng PNG sử dụng tốt trên web/blog, những mảng màu phẳng, thiết kế Logo, hình ảnh có nền trong suốt hoặc bán trong duốt.  Thích hợp với hình ảnh đơn giản như văn bản. 08/08/2014 12  Ưu điểm của hình ảnh GIF  GIF hỗ trợ ít màu nên các tập tin thường có dung lượng nhỏ hơn JPGE rất nhiều.  Hình ảnh được nén theo chuẩn Lossless nên không bị mất dữ liệu khi nén.  GIF sống động với hình ảnh động: GIF rất đơn giản, dễ tương thích, tự động được nhận biết trên hầu hết các trình duyệt web.  GIF hoạt động bằng cách tạo ra một loạt các khung hình GIF sau đó gộp lại tạo nên hình chuyên động được.  GIF sử dụng tốt nhất cho: hình ảnh đơn giản như những bản vẽ chỉ có nét, bảng màu sắc và những minh họa đơn giản.  Những hình động, hình ảnh web không có quá nhiều màu sắc, những icon nhỏ. 13 5.2.4 Định dạng tệp BMP Định dạng này được phát triển vào năm 1994, là một dạng file ảnh đồ họa dạng lưới (raster) được sử dụng để lưu trữ hình ảnh kỹ thuật số bitmap. BMP là định dạng ảnh độc lập với các thiết bị hiển thị ví dụ như Graphics adapter, đặc biệt trên Microsoft Windows và hệ điều hành OS/2. 08/08/2014 14 Đặc điểm của định dạng BMP File BMP không hỗ trợ tốt cho việc nén hình ảnh. Dễ dạng được tạo ra từ những dữ liệu pixel được lưu trong bộ nhớ máy tính. File Bitmap dễ dàng được dịch ra thành định dạng điểm cho các thiết bị đầu ra như màn hình CRT và máy in. File BMP sử dụng tốt nhất cho: Hình ảnh được mang đi in ấn, hình ảnh đang được chỉnh sửa và cần phải có các layer, nếu như bạn cần giữ lại các layer và các kênh alpha trong suốt. 15 5.3.1. Giới thiệu và cài đặt phần mềm Easy GIF 5.3 Kỹ thuật tạo ảnh động bằng Easy GIF IF 08/08/2014 16 Một số ưu điểm nổi bật: Dễ dàng tạo ảnh động: Dễ dàng tạo các banner, nút bấm, phim hoạt hình và ảnh động với phần mềm Easy GIF Animator này. 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 hoặc vẽ một hình ảnh mới. Chuyển đổi video sang web:Tạo các tập tin ảnh GIF từ đoạn video clip. Tối ưu hóa và nén: Sản xuất ra các tập tin ảnh GIF động được tối ưu hóa và 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, sao chép và trích xuất một hoặc nhiều tập tin cùng một lúc Lưu ảnh dưới dạng flash hoặc video: lưu hình ảnh động của bạn dưới dạng tập tin SWF Flash hoặc AVI. 08/08/2014 17 Hướng dẫn cài đặt Easy Gif Download về phiên bản mới nhất của phần mềm: Download Easy GIF Animator tại trang web: Bước 1: Click lựa chọn ngôn ngữ sau đó chọn Ok, với Easy GIF Animator thì 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 08/08/2014 18 Hướng dẫn cài đặt Easy Gif Download về phiên bản mới nhất của phần mềm: Download Easy GIF Animator tại trang web: Bước 1: Click lựa chọn ngôn ngữ sau đó chọn Ok, với Easy GIF Animator thì 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 08/08/2014 19 Hướng dẫn cài đặt Easy Gif Bước 4: Mặc định chương trình sẽ được cài đặt trên ổ C của bạn, nếu bạn muốn thay đổi có thể click nút Browse, sau đó click Next Bước 5: Sau khi cài xong bạn click Finish để kết thúc. 08/08/2014 20 5.3.2. Các thao tác với tệp  Thao tác tạo mới tệp: Easy gif/ Create New Animation 08/08/2014 21 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 08/08/2014 22 5.3.2. Các thao tác với tệp  Thao tác lưu tệp ảnh động:: 08/08/2014 23 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 2 : Click Add và 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 3 : 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 và thiết lập hiệu ứng cho chữ :  Bước 4 : Click Save để Save lại dạng ảnh động. 08/08/2014 24 5.3.4. Thiết lập và chỉnh sửa ảnh động  Effect Options, dùng để cấu hình lựa chọn thông số cho các hiệu ứng cho ảnh động.  Effect Smoothness/Length, chỉnh sao cho chuyển động của hiệu ứng mượt mà hơn, tránh hiện tượng ảnh động bị giật  Preview ở bên trái sẽ giúp xem trước chuyển động. Sau khi thiết lập xong bạn nhấn OK. 08/08/2014 25 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 trong hộp thoại Specify custom size)  Tô màu nền trong hộp thoại Banner Background 08/08/2014 26 Tạo nút lệnh động  Vào cửa sổ Welcome, ở mục Easy Wizard  Chọn chức năng Create Animated Button  Chọn khối hình cho nút lệnh vào chức năng 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 năng Enter Caption 08/08/2014 27  Tạo ảnh động từ các hình tự vẽ  File, chọn New (hoặc nhấn Ctrl + N) để tạo mới.  Insert Blank Frame ( hoặc nút lệnh trên thanh công cụ)  Position and Size, mục Width và Height, nhập vào giá trị bất kỳ, sau đó nhấn OK.  Chọn nút lệnh trên thanh công cụ  Chọn Duplicate Frame (hoặc nhấn F5) để xuất hiện Frame 2.  Chọn Frame 2, tô màu cho nút lệnh  Nhấn Play để xem hình 08/08/2014 28 5.3.5. Duyệt và thực thi ảnh động trên trình duyệt Web 08/08/2014 29 08/08/2014 30