Với một số thực hành và sự kiên nhẫn, bạn có thể học cách tạo ảnh động trong Photoshop và biến tác phẩm của mình thành ảnh GIF^(GIF) để chia sẻ trực tuyến. Các công cụ hoạt hình của Photoshop^(Photoshop) thường không được biết đến nhiều nhưng chúng rất đáng để học hỏi. Chúng tôi sẽ hướng dẫn bạn qua từng bước cần thiết để học cách tạo hoạt ảnh trong Photoshop .

Giống như hầu hết các công cụ tạo hoạt ảnh, bạn sẽ cần tạo từng khung hình dưới dạng các hình ảnh riêng biệt, vì vậy bạn sẽ cần dành một chút thời gian để tạo từng khung hình theo cách thủ công, đặc biệt nếu bạn định tạo một hoạt ảnh phức tạp.

Bắt đầu bằng cách tạo khung hoạt hình của bạn trong Photoshop^{(Start By Making Your Animation Frames In Photoshop)}

Để bắt đầu, bạn cần lưu một hình ảnh riêng biệt cho từng khung hình mà bạn định sử dụng. Bạn muốn tạo hoạt ảnh phức tạp đến mức nào tùy thuộc vào bạn, nhưng đối với thử nghiệm này, chúng tôi sẽ tạo một biểu trưng hoạt ảnh đơn giản.

Mẹo để học cách tạo hoạt ảnh trong Photoshop là tạo các chuyển động nhỏ và lưu một bức ảnh mới mỗi khi bạn thực hiện một chuyển động. Mỗi chuyển động phải có cùng trọng lượng với nó. Ví dụ: nếu bạn muốn một dòng văn bản trượt trên màn hình, mỗi khung hình phải làm cho văn bản di chuyển cùng một số pixel để hoạt ảnh trông mượt mà.

Nếu bạn không chắc làm thế nào bạn có thể đi từ điểm A đến điểm B trong hoạt ảnh của mình, hãy bắt đầu với khung kết thúc trước, sau đó tạo khung đầu tiên. Cuối cùng, điền vào các khung ở giữa.

Khi bạn lưu từng hình ảnh, hãy đặt tên chúng bằng số để bạn không bị nhầm lẫn với vị trí của chúng.

Cách tạo hoạt ảnh cho một chuỗi hình ảnh trong Photoshop^{(How To Animate a Sequence Of Images In Photoshop)}

Khi bạn đã có hình ảnh từng khung hình, đã đến lúc chuyển chúng thành ảnh động. Đảm^(Make) bảo làm theo các bước dưới đây một cách cẩn thận.

1. Nhấp vào Tệp^(File) , nhấp vào Tập lệnh^(Scripts) , sau đó nhấp vào Tải tệp vào ngăn xếp ..^{( Load Files Into Stack..)}
2. Nhấp vào Duyệt qua…^{(Browse… )} và chọn tất cả các khung cho hoạt ảnh của bạn.
3. Nhấp vào OK và đợi hình ảnh tải vào các lớp riêng biệt.
4. Nhấp vào Cửa sổ^(Window) và sau đó nhấp vào Dòng thời gian^(Timeline) để mở cửa sổ hoạt ảnh.
5. Nhấp vào mũi tên thả xuống^{(dropdown arrow)} trong bảng dòng thời gian và chọn Tạo hoạt ảnh khung^{(Create Frame Animation)} .
6. Nhấp vào Tạo hoạt ảnh khung^{(Create Frame Animation)} . 

Bây giờ bạn sẽ có một lớp trong dòng thời gian của mình. Bước tiếp theo là chuyển mỗi lớp của bạn thành một khung mới. Làm theo các bước dưới đây.

1. Nhấp vào Chọn^{( Select )} ở trên cùng và sau đó nhấp vào Tất cả các lớp.^{(All Layers.)}
2. Nhấp vào biểu tượng menu ba ngăn xếp^{( three stack menu icon)} ở phía bên trái của bảng dòng thời gian.
3. Trong menu xuất hiện, nhấp vào Tạo lớp mới cho mỗi khung mới^{(Create New Layer for Each New Frame)} .
4. Nhấp vào biểu tượng menu ba ngăn xếp^{( three stack menu icon)} và bây giờ nhấp vào Tạo khung từ các lớp^{(Make Frames From Layers)} .

Bây giờ bạn sẽ có tất cả các hình ảnh của mình được tải vào các khung riêng biệt. Nhiệm vụ tiếp theo là chọn thời gian cho mỗi khung hình sẽ chơi trong bao lâu. Có thể mất một số thử nghiệm để có được tốc độ phù hợp, nhưng bạn có thể chọn thời gian khung hình cho từng khung hình riêng lẻ bằng cách nhấp vào mũi tên dưới mỗi khung hình^{(the arrow under each frame )} bên cạnh văn bản 0 giây^{( 0 sec)} .

Bạn có thể thử nghiệm với các thời điểm khác nhau, nhưng tốt nhất nên bắt đầu bằng cách chọn cùng một thời điểm với mỗi khung hình. Nếu một hoạt ảnh chứa các cảnh hoặc các giai đoạn hoạt ảnh khác nhau, bạn có thể muốn điều chỉnh thời gian cho từng giai đoạn / cảnh đó riêng lẻ.

Bất cứ lúc nào bạn có thể nhấp vào nút phát để xem hoạt ảnh. Có một số điều khiển khác trên cửa sổ dòng thời gian, chúng tôi đã giải thích từ trái sang phải bên dưới.

Chuyển đổi dòng thời gian^{(Timeline Switch)}

Chuyển đổi dòng thời gian giữa dòng thời gian từng khung hình và dòng thời gian phim truyền thống.

Số tiền phát lại^{(Playback Amount)}

Thay đổi^(Change) xem hoạt ảnh phát mãi mãi hay trong một số vòng lặp nhất định trước khi dừng. Điều này sẽ ảnh hưởng đến kết quả cuối cùng khi nó được lưu dưới dạng GIF^(GIF) . Bạn có thể thay đổi lại cài đặt này trước khi xuất hoạt ảnh sau đó.

Trình đơn thả xuống phát lại^{(Playback Dropdown)} 

Mũi tên thả xuống mà bạn thấy trên các điều khiển dòng thời gian là một phương pháp khác để truy cập lượng phát lại.

Điều khiển phát lại^{(Playback Controls)}

Phát^(Play) , tạm dừng, dừng và chuyển hoạt ảnh đến cuối hoặc đầu với bốn điều khiển phát lại có sẵn.

Tween

Sử dụng tính năng Tween để tạo các khung hình “ở giữa” nhằm làm cho hoạt ảnh của bạn trông mượt mà hơn. Tính năng Tween sẽ được giải thích chi tiết hơn bên dưới.

Khung trùng lặp^{(Duplicate Frame)}

Nút này sẽ sao chép bất kỳ khung nào đang được chọn và sẽ đặt nó trong dòng thời gian sau khung hình gốc.

Xóa khung^{(Delete Frame)}

Tùy chọn này sẽ xóa bất kỳ khung nào đã chọn.

Cách xuất ảnh động Photoshop của bạn^{(How To Export Your Photoshop Animation)}

Khi bạn hài lòng với hoạt ảnh Photoshop của mình , bạn có thể xuất nó bằng cách làm theo các bước bên dưới.

1. Nhấp vào Mới^(New) .
2. Nhấp vào Xuất^(Export) và sau đó nhấp vào Lưu cho Web (Kế thừa)…^{(Save for Web (Legacy)…)}
3. Nếu bạn có hoạt ảnh với màu sắc chi tiết, hãy chọn GIF 128 Dithering^{(GIF 128 Dithered )} trong menu thả xuống đặt trước.
4. Nếu bạn có ảnh động với các màu khối đơn giản, hãy chọn GIF 128 No Dither .
5. Đảm^(Make) bảo rằng bạn đã đặt tùy chọn ưa thích của mình trong Tùy chọn vòng lặp^{(Looping Options)} ở dưới cùng. 
6. Cuối cùng, nhấp vào Lưu…^(Save…) và chọn nơi lưu ảnh GIF^(GIF) của bạn trên PC.

Cách tạo hoạt ảnh mượt mà trong Photoshop^{(How To Make An Animation Smooth In Photoshop)}

Trừ khi bạn có kinh nghiệm trong việc tạo hoạt ảnh từng khung hình, kết quả cuối cùng có thể trông hơi lộn xộn. Rất may, bạn có thể sử dụng tính năng Tween để tự động điền vào các khoảng trống trong hoạt ảnh của mình để làm cho mọi thứ trông mượt mà hơn.

Để thực hiện việc này, hãy giữ phím shift , nhấp vào hai khung riêng lẻ trong cửa sổ dòng thời gian và nhấp vào biểu tượng Tween^{(Tween icon)} . Tiếp theo, nhấp để chọn cài đặt Tween sẽ sử dụng vị trí, độ mờ^{(position, opacity)} hoặc hiệu ứng^(effects) . Đối với hầu hết các hoạt ảnh dựa trên chuyển động, bạn sẽ muốn sử dụng vị trí^(position) . 

Đảm bảo rằng Tất cả các lớp^{(All Layers)} được chọn và sau đó nhấp vào OK . Lặp lại quá trình này cho mỗi khung được ghép nối. Ví dụ: khung 1 và 2, sau đó khung 3 và 4, v.v.

Tóm lược^(Summary)

Chúng tôi hy vọng rằng hướng dẫn của chúng tôi về cách tạo hoạt ảnh trong Photoshop đã giúp ích cho bạn. Nếu bạn cần thêm bất kỳ sự trợ giúp nào, đừng ngại để lại bình luận bên dưới.

How To Animate An Image In Photoshop

With some practice and patience, you сan learn how to animate in Photoѕhop and tυrn your work into a GIF to share online. Photoshop’s animation tools are often unknown but they’re well worth learning. We will be taking you through each step necessary to learn how to animate in Photoshop.

Like most animation tools, you’ll need to create each frame as separate images, so you’ll need to set aside some time to create each frame manually, especially if you plan to make a complicated animation.

Start By Making Your Animation Frames In Photoshop

To begin with, you’ll need to save a separate image for each of the frames you plan to use. It’s up to you how complex you want to make your animation, but for this test we’ll be creating a simple animated logo.

The trick for learning how to animate in Photoshop is to make small movements and save a new photo each time you make a movement. Each movement should have the same weight to it. For example, if you want a line of text to slide across the screen, each frame should make the text move the same number of pixels so the animation looks smooth.

If you’re not sure how you can get from point A to B in your animation, start with the end frame first, then create the first frame. Finally, fill in the frames in between.

As you save each image, name them numerically so that you don’t get confused with their position.

How To Animate a Sequence Of Images In Photoshop

Once you have your frame-by-frame images it’s time to turn them into an animation. Make sure to follow the steps below carefully.

1. Click File, Click Scripts, then click Load Files Into Stack..
2. Click Browse… and select all of your frames for your animation.
3. Click OK and wait for the images to load into seperate layers.
4. Click Window and then Timeline to open the animation window.
5. Click the dropdown arrow in the timeline panel and select Create Frame Animation.
6. Click Create Frame Animation. 

You will now have a layer in your timeline. The next step is to turn each of your layers into a new frame. Follow the steps below.

1. Click Select at the top and then click All Layers.
2. Click the three stack menu icon on the left side of the timeline panel.
3. In the menu that appears, click Create New Layer for Each New Frame.
4. Click the three stack menu icon and now click Make Frames From Layers.

You will now have all of your images loaded into separate frames. The next task is to choose a time for how long each frame will play. It may take some testing to get the right speed, but you can choose the frame time for each individual frame by clicking the arrow under each frame next to the 0 sec text.

You can experiment with different times, but it’s best to start by choosing the same time with each frame. If an animation contains different scenes or phases of animation, you may want to adjust the timings for each of those phases/scenes individually.

At any time you can click the play button to view the animation. There are a number of other controls on the timeline window too, which we have explained from left to right below.

Timeline Switch

Switch the timeline between a frame-by-frame timeline and a traditional movie timeline.

Playback Amount

Change whether the animation plays forever or for a certain number of loops before stopping. This will impact the end result once it is saved as a GIF. You can change this setting again before you export the animation later.

Playback Dropdown 

The dropdown arrow you see on the timeline controls is another method for accessing the playback amount.

Playback Controls

Play, pause, stop, and jump the animation to the end or the beginning with the four available playback controls.

Tween

Use the Tween feature to generate “in-between” frames to make your animation look smoother. The Tween feature will be explained in more detail below.

Duplicate Frame

This button will duplicate any currently selected frame and will place it in the timeline after the original.

Delete Frame

This option will delete any selected frame.

How To Export Your Photoshop Animation

Once you’re happy with your Photoshop animation, you can export it by following the steps below.

1. Click New.
2. Click Export and then click Save for Web (Legacy)…
3. If you have an animation with detailed colors, select GIF 128 Dithered under the preset dropdown.
4. If you have an animation with simple block colors, choose GIF 128 No Dither.
5. Make sure you have your preferred option set in the Looping Options at the bottom. 
6. Finally, click Save… and choose a place to save your GIF on your PC.

How To Make An Animation Smooth In Photoshop

Unless you’re experienced at making frame by frame animation, the end result may look a little jolty. Thankfully you can use the Tween feature to fill in the gaps automatically in your animation to make things look smoother.

To do this, hold the shift key, click two individual frames in the timeline window, and click the Tween icon. Next, click to choose whether the Tween setting will use position, opacity, or effects. For most movement-based animations, you’ll want to use position. 

Make sure All Layers are selected and then click OK. Repeat this process for each paired frame. For example frame 1 and 2, then frame 3 and 4, and so on.

Summary

We hope that our guide on how to animate in Photoshop has helped. If you need any more help, feel free to leave a comment below.

Related posts

• Cách xóa hoặc thay thế nền trong Photoshop

• Cách làm trắng răng trong Photoshop

• Cách pha trộn trong Photoshop

• Cách tạo lông và làm mờ trong Photoshop

• Cách cắt bỏ một đối tượng trong một hình ảnh trong Photoshop CC

• Cách tắt khóa Windows

• Xóa ngay nền khỏi hình ảnh bằng AI

• Tạo ứng dụng Gmail dành cho máy tính để bàn với 3 ứng dụng email này

• Cách phác thảo văn bản trong Photoshop

• Cách khôi phục cài đặt gốc cho Xbox One hoặc Xbox Series X

• 6 Cài đặt Máy ảnh Tốt nhất cho Ảnh Mặt trăng

• Cách cắt trong Photoshop

• Cách thêm nhạc vào Google Trang trình bày

• Cách khôi phục tài khoản Facebook bị tấn công

• 8 trong số các ý tưởng công nghệ tốt nhất để đối phó với sự cô lập bản thân

• Cách thay thế màu trong Photoshop

• Đánh giá sách - Hướng dẫn cách sử dụng Windows 8

• Cách tạo nhóm trong Microsoft Teams

• Cách thay đổi kích thước, kết hợp và hợp nhất các lớp trong Photoshop

• Cách đo khoảng cách trong Photoshop