New
Loading...
Ngày nhà giáo VN 20/11 lại sắp đến, và các bạn cần có những vector thật đẹp để thiết kế và in ấn những poster, băng rôn, banner hay thiệp chúc mừng thật ý nghĩa. Đừng lo, sau đây là danh sách những vector thật đẹp và ý nghĩa để bạn tha hồ sáng tác, đặc biệt là tải hoàn toàn miễn phí nhé:

Vector, psd đẹp chủ đề ngày nhà giáo VN - 20/11
Download
Download
Download
Download
Download
Download
Download
Download
Download
Download
Download
Download
Download


Xem thêm:
-Banner, background, poster vector, psd... chủ đề ngày nhà giáo Việt Nam 20-11 [ Tải miễn phí ]
- 10 bộ lịch 2016 vector tuyệt đẹp ( Free Download )
- Vector Hoa Đào, Hoa Mai tết chất lượng cao
- Vector tết - PSD hoa mai tuyệt đẹp, download miễn phí
- Vector ngày Quốc Tế Phụ Nữ (mùng 8 tháng 3) download miễn phí
- Vector chủ đề ngày quốc tế lao động 1/5
- Tổng hợp hơn 30 kiểu trống đồng Việt Nam định dạng vector

Hiện nay HTML5 đã trở nên phổ biến và được hỗ trợ ở mọi trình duyệt vì vậy việc thay thế định dạng quảng cáo Flash bằng HTML5 là cần thiết và trở thành xu hướng bắt buộc.
Về cơ bản HTML5 chạy nhẹ, hỗ trợ trên cả thiết bị mobile hay các hệ điều hành khác nhau kể cả iOS mà không cần bất kì trình player nào như Flash.

Hướng dẫn làm banner quảng cáo HTML5

Để làm banner quảng cáo HTML5 hay chuyển đổi các banner Flash thành HTML5 rất đơn giản, các bạn chỉ cần làm theo các bước sau đây:

1 Làm mới một banner HTML5:

Để làm banner HTML5 dễ dàng nhất bạn nên cài đặt và sử dụng phần mền Adobe Flash CC, sau khi cài đặt bạn mở ứng dụng lên chọn New -> HTML Canvas

- Làm banner bình thường như làm với banner Flash, lưu ý là hiện tại Flash CC chưa hỗ trợ một số hiệu ứng Flash cho HTML5 như Style: Tint, Advanced hay một số hiệu ứng Filter nên khi xuất ra file chạy sẽ không thấy được.



- Xuất file HTML5 bằng cách nhấn Enter hoặc vào Publich để setting chi tiết ( Bạn có thể đọc thêm bài viết Hướng dẫn cách convert swf sang HTML5 dễ dàng bằng Adobe Flash CC để biết thêm)

- Đặt code redirect link khi người dùng click banner:
 Sau khi xuất ra file HTML5, bạn sẽ nhận được file .html và .js, bạn mở file HTML lên trên editor và thêm đoạn code sau vào cuối function handleComplete
stage.addEventListener('click', btnRediect);
function btnRediect(){
 location.href = "http://www.obinb.com";
}
Bạn chỉnh link redirect theo ý bạn nhé :) Sau đó lưu lại và kiểm tra kết quả trên trình duyệt.

Download file banner cơ bản trong bài viết này tại đây

Lưu ý: Khi gắn banner HTML5 bạn có thể gắn trực tiếp trong qua thẻ Canvas trong html hoặc sử dụng một iframe để load vào vị trí mình muốn.

2 Chuyển đổi một banner Flash có sẵn sang HTML5:
Rất đơn giản, bạn mở file gốc của banner Flash định dạng FLA rồi làm theo các bước trong bài viết Hướng dẫn cách convert swf sang HTML5 dễ dàng bằng Adobe Flash CC là được.
Đến bước gắn link bạn làm như ở trong bài viết này nhé.

Chúc các bạn thành công!

Xem thêm:
- Tổng hợp những hiệu ứng ánh sáng flash để làm banner hoặc intro
- Một số hiệu ứng ánh sáng chói trong Flash để làm banner, intro...
- Hướng dẫn làm hiệu ứng tuyết rơi bằng Action Script 3 trong Flash
- Tạo bộ đếm giờ (Countdown Timer) bằng Action Script 2 trong Flash
- Tổng hợp những Tag (Thẻ) mới trong HTML5
- Cấu trúc chuẩn của một trang HTML5
Hiện nay đã có nhiều công cụ giúp chúng ta dễ dàng chuyển đổi từ một file flash swf sang HTML5 để thực hiện những công việc khác nhau như làm game, banner quảng cáo hay nội dung web... Sau khi convert từ flash sang html5, file chạy nhẹ hơn rất nhiều mà vẫn giữ được chất lượng hình ảnh cũng như hiệu ứng tương đương.

Hướng dẫn cách convert swf sang HTML5 dễ dàng bằng Adobe Flash CC

Sau đây là cách chuyển đổi một file flash swf sang html5 nhanh nhất đó là dùng chính phần mềm Adobe Flash, nếu là bản Adobe flash CS6 thì các bạn cài thêm plugin Toolkit for CreateJS, trên Adobe Flash CC thì đã có sẵn.
Trong bài viết này mình xin hướng dẫn trên Adobe Flash CC:

Mở Adobe Flash Professional CC lên:

Chọn Open để mở file swf của bạn, sau khi mở, bạn chọn Commands -> Convert To Other Document Format như hình bên dưới:


 Cửa sổ popup hiện lên, tại Convert your document to bạn chọn HTML5 Canvas, tại Save As bạn browse tới vị trí lưu file .FLA Flash HTML5 Cavas, bạn có thể giữ nguyên đường dẫn vì phần mềm đã đặt tên khác cho file FLA:


 Sau khi convert từ file FLA Flash sang FLA HTML5 Canvas thì chúng ta sẽ xuất file HTML5:

Tại tab đang mở file FLA HTML5 Canvas bạn chọn: Property -> Publish Setting... như trong hình:


Tại cửa sổ Publish Setting bạn check hoặc không check những option sau:
+ Loop timeline: Check nếu bạn muốn file flash lập lại sau khi kết thúc timeline và ngược lại
+ Overwrite HTML: Check nếu bạn muốn ghi đè lên file html có sẵn và ngược lại (chỉ khi bạn đã từng publish rồi)
+ Export all bitmaps as Spritesheets: Nếu check thì tất cả các hình ảnh bitmap trong flash sẽ xuất ra thành 1 file chung dung lượng khá nặng, bạn nên bỏ check để xuất ra theo từng file riêng.
+ Các option còn lại bạn không cần để ý, sau đó nhấn Publich để xuất file.


 Lưu ý là hành động Ctrl + Enter cũng là Publich nhưng sẽ xuất file theo Setting mặc định.
Vậy là xong, bây giờ bạn ra ngoài folder chứa file html vừa xuất và mở nó lên trên trình duyệt để kiểm tra nhé, bây giờ file swf đã là html5:


Rất dễ dàng phải không các bạn? Chúc các bạn thành công!


Xem thêm:
- Hướng dẫn làm banner quảng cáo HTML5
- Tổng hợp những hiệu ứng ánh sáng flash để làm banner hoặc intro
- Một số hiệu ứng ánh sáng chói trong Flash để làm banner, intro...
- Hướng dẫn làm hiệu ứng tuyết rơi bằng Action Script 3 trong Flash
- Tạo bộ đếm giờ (Countdown Timer) bằng Action Script 2 trong Flash
- Chèn nhạc từ bên ngoài vào file flash bằng ActionScript 3
- Load hình hoặc movie từ bên ngoài vào một file Flash với Action Script 2
Hôm nay blog xin chia sẻ đến các bạn bộ sưu tập logo vector tuyệt đẹp chủ đề Ăn uống - Ẩm thực - Thực phẩm với định dạng vector chất lượng cao. Đặc biệt là download hoàn toàn miễn phí!

Link download ở dưới mỗi hình ảnh demo, các bạn có thể chọn cho mình logo phù hợp nhất.

Logo vector chủ đề Ăn uống - Ẩm thực - Thực phẩm [ Download miễn phí ]
Download

Download

Download

Download

Download

Download

Download

Download

Download

Download

Download

Download

Download

Download

Download

Download

Download

Download

Download

Download

Download

Download

Download

Với hàng trăm logo vector trên đây, chúc các bạn tìm được những logo ưng ý nhất!

Xem thêm:
- Logo vector ngành giáo dục đào tạo ( Education Logo ) - Free download  
- Bộ sưu tập hàng trăm logo vector tuyệt đẹp download miễn phí
- Một số mẫu logo vector đẹp download miễn phí
- Vector, icon chủ đề giáo dục, trường học [ Tải xuống miễn phí ]
- Bộ sưu tập background, poster, banner, thiệp, icon vector chủ đề Halloween tuyệt đẹp
- Vector chủ đề ngày quốc tế lao động 1/5
- Tổng hợp hơn 30 kiểu trống đồng Việt Nam định dạng vector