Tạo hình ảnh động trong photoshop (PS) - đơn giản

Wednesday, November 21, 2012

- Ở bài viết này ITViet360 hướng dẫn các bạn tạo hình ảnh động đơn giản trong photoshop. Đáp ứng một số yêu cầu của các bạn đã gửi tới ITViet360.
Để bắt đầu thực hành, máy tính các bạn đã có sẵn Photoshop (ps) bản nào cũng được. Nếu các bạn chưa có thì có thể tải version PS cs3 TẠI ĐÂY - Đây là phiên bản không cần cài đặt - nhẹ + dễ sử dụng.

Tạo hình ảnh động trong PS

Bắt đầu với tạo ảnh động trong Photoshop
Bước 1: Tạo File hoặc mở File ảnh có sẵn trong máy tính.
- Tạo File: File -> New (Ctrl + N)
- Mở File: File -> Open (Ctrl + o)
Bước 2: (Sẽ chia làm 2 bước nhỏ để các bạn lựa chọn cách làm nhé)
Tạo ảnh động dạng chữ
Chọn công cụ Horizontal Type Tool (T) để viết chữ.

Công cụ Horizontal Type Tool

Sau đó các bạn viết chữ các bạn muốn. Ví dụ ở đây, mình tạo 2 layer chữ. Các bạn có thể tạo nhiều Layer khác nhau. Ở đây mình trình bày đơn giản nhất để các bạn dễ hiểu.

Cách làm ảnh động PS

Các bạn chú ý nhìn hình ảnh có 3 layer. 2 dạng chữ + 1 dạng hình nền (background)

Tiếp theo vào Window -> Animation để cho ảnh chạy chữ + lưu dạng động. Khi chọn xong các bạn thấy khung như hình bên dưới.

Animation - Tạo hình ảnh động trong PS

Giả thích theo thứ tự khung từ 1-2:

Khung 1: Giữ cả 3 Layer (nhìn hình số 3), thời gian chạy là 0.5 sec

Khung 2: Bỏ Layer text "Góc kiến thức công nghệ & đời sống", thời gian chạy 0,1 sec

Ở dưới có chế độ thêm khung, xóa khung, cho chạy xem trước...

Bước 3: Lưu hình ảnh\

- Ở bước này đơn giản nhưng cực kỳ quan trọng, vì nếu bạn lưu ảnh dưới dạng không đúng thì khi lên nền Web nó sẽ không chạy động. Để lưu ảnh động các bạn chọn

+ File -> Save for Web & device...

Xuất hiện 1 khung lựa chọn để các bạn lưu. Ở hộp thoại này các bạn lưu ý 2 lựa chọn:

Preset: [Unnamed]

và chọn lưu ảnh dưới dạng GIF
------------------------------------------------
Xong rồi. Kết quả

Tạo hình ảnh động trong PS

---------------------------------------------------
Mở rộng
Tạo ảnh động dạng nhiều ảnh thay đổi nhau
Bắt đầu bước 2: Chúng ta mở thêm những hình ảnh mà muốn cho chạy ảnh động. (thêm lần lượt nhé)
File -> Open
Sau đó vào Window -> Arrange -> Titlecally (vào chế độ này để xem những hình ta đang mở)
Tiếp theo chọn công cụ Move Tool (công cụ đầu tiên ở thanh bên trái). Nếu nhìn không thấy thì xem BÀI VIẾT NÀY để kéo ảnh 1 vào ảnh 2
Thêm những hình các bạn muốn nhé. Xong thì lưu lại theo bước 3.
Ví dụ mình làm hình mở rộng

Tạo hình ảnh động trong PS

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