Social Icons

Thứ Năm, 5 tháng 11, 2015

Cách tạo ảnh động bằng Photoshop

        Thực ra có rất nhiều cách để tạo hình động, ví dụ như sử dụng phần mềm cắt clip hoặc phần mềm tạo flash có thể giúp tạo ảnh động dễ dàng. Nhưng trong những tài liệu học thiết kế đồ hoa Photoshop luôn dễ dàng giúp chúng ta có thể có những bức ảnh động đơn giản nhất tùy vào thời gian đầu tư và trình độ của mỗi người.
Bài viết dưới đây mình sẽ hướng dẫn các bạn tạo một bức ảnh động theo ý muốn. Hãy chú ý và làm theo nhé.
Ở đây, mình sử dụng trình duyệt CS3, các bạn có thể sử dụng CS2 hoặc CS đều được
Bước 1: Sau khi khởi động phần mềm xong, tôi vào file/New tạo ra 1 file mới cho mình
Trên bảng ta đặt các thuộc tính cho ảnh
- Name: Tên file
- Width: chiều rộng
- Height: chiều cao
- Resolution: độ phân giải của ảnh ( thông thường sẽ được tính bằng số hạt trên Inch  hoặc trên 1 pixel)
- Background content: Màu trắng
Ở bài này mình lấy chiều rộng x chiều cao x độ phân giải là 200x350x72 pixel (hình 1)


Hình 1.
Bước 2: Mở hình mà mình muốn tạo lên sử  dụng Open hoặc Ctl O, ở đây mình sẽ làm việc với 3 hình ảnh sẽ được lặp đi lặp lại nhiều lần, Mình sẽ mở 3 hình ảnh theo ý mình, rồi lần lượt cầm chuột kéo tấm hình cửa sổ làm việc của mình (kéo file vừa mở vào file mình tạo mới lúc đầu).
Lưu ý: Khi kép tấm hình vào file làm việc của mình, tấm hình thường sẽ có kích cỡ lớn hơn kích cơ làm việc của mình rất nhiều vì thế bạn nên nhấn phím Ctrl + T hoặc Edit/Free transform để có hình 2 như sau:

Hình 2.
Sau đó bạn đè phím Shift và rê chuột vào góc tấm hình để cho tấm hình nhỏ bớt lại, cứ như vậy ta sẽ có 3 tấm hình trên cửa sổ làm việc của mình. Bạn nhớ bấm phím F7 hoặc vào Window/ Layers để mở của sổ Layers lên làm việc.
Bước 3: Nhấn phím C hoặc vào Tools (công cụ làm việc bên trái) chọn Crop Tools) như hình 3

Hình 3.
Đưa chuột ra file làm việc, rê chuột kéo lên tấm hình, trên hình ta sẽ được 1 hình như hình 4. Sau đó bạn nhấn phím Enter để cắt hết những vùng hình ta đã chọn. Nhấn phím V để trở về chuột làm việc như ban đầu hoặc lên Tool chọn mũi tên bên trái màn hình.

Hình 4.
Bước 4: Tạo cho file chuyển động trên 3 tấm hình
Vào Window chọn Animation, lúc này trình duyệt của bạn sẽ mở ra cửa sổ Animation hình 5, cho bạn thao thác và kiểm soát được file của bạn chạy như thế nào.

Hình 5.
Tiếp theo bạn vào Layer, bạn thấy biểu tượng hình con mắt. Bạn tắt đi 2 con mắt ở Layer dưới như hình 6:

Hình 6.
Sau đó bạn chọn Layer trên, bạn quay trở về  Animation chọn Duplicates Selected Frames như hình 7.

Hình 7.

Ở đây mình chọn 3 Frames, còn bạn chọn bao nhiêu tùy ý. Sau đó, mình chọn Frames thứ 3, rồi về Layer chọn Opacity để 50% cho mờ hình đi. Cứ như thế mình vào chọn Frames thứ 2 trên Animation vào Layer cho Opacity là 70% cho mờ đi tiếp.
Bạn muốn điều khiển tốc độ chạy của file gif chỉ cần click chuột trái vào hình trên chọn Animation và rê chuột lên chọn thời gian chạy, nếu muốn mặc đinh thời gian gian chạy theo ý mình thì chọn Other như hình 8: 

Hình 8.
Bây giờ bạn chỉ cần bấm nút Play trên Animation bạn có thể xem hình của bạn chạy như thế nào rồi.
Tiếp đến bạn vào Duplicates Selected Frames lên một hình, bạn chọn đối tượng trên hình, bạn vào Layer bật hình thứ 2 lên và tắt hình cũ đi, bạn cũng tạo ra 1 đoạn Frames chạy như thế.
Và cuối cùng bạn vào File/ Seve Foweb & Device chọn file Gif như hình 9 là ok.

Hình 9.
Và cuối cùng ta có được thành quả như sau:

Hình 10.
Hãy gửi cho bạn bè cùng tham khảo, công nghệ là sẻ chia :)
Đối với file Gif chữ chuyển động cũng gần tương tự như trên. Chúc các bạn thành công.

Có thể bạn quan tâm:









Không có nhận xét nào:

Đăng nhận xét

 

Sample text

Sample Text

Sample Text

 
Blogger Templates