ngoctrinh337
New member
#dataviz #Animation #Aftereffects #express
Trực quan hóa dữ liệu là một công cụ mạnh mẽ để truyền đạt thông tin phức tạp một cách rõ ràng và súc tích.Nhưng trực quan hóa dữ liệu tĩnh thường có thể nhàm chán và khó hiểu.Đó là nơi hoạt hình xuất hiện. Bằng cách thêm chuyển động vào trực quan hóa dữ liệu của bạn, bạn có thể làm cho chúng hấp dẫn hơn và dễ hiểu hơn.
Trong hướng dẫn này, chúng tôi sẽ chỉ cho bạn cách tạo trực quan hóa dữ liệu hoạt hình với các hiệu ứng và biểu thức sau.Chúng tôi sẽ bắt đầu bằng cách tạo một biểu đồ thanh đơn giản và sau đó chúng tôi sẽ thêm hoạt hình vào các thanh bằng cách sử dụng các biểu thức.Chúng tôi cũng sẽ chỉ cho bạn cách sử dụng KeyFrames để kiểm soát thời gian và thời lượng của hoạt hình.
Đến cuối hướng dẫn này, bạn sẽ có thể tạo các trực quan dữ liệu hoạt hình của riêng mình sẽ giúp bạn truyền đạt dữ liệu của mình hiệu quả hơn.
## Điều kiện tiên quyết
Để làm theo hướng dẫn này, bạn sẽ cần những điều sau:
* Sau hiệu ứng CC hoặc muộn hơn
* Một sự hiểu biết cơ bản về các hiệu ứng sau
* Một tập dữ liệu ở định dạng CSV
## Bắt đầu
1. Mở sau hiệu ứng và tạo một dự án mới.
2. Nhập dữ liệu của bạn được đặt vào After Effects.Bạn có thể làm điều này bằng cách kéo và thả tệp CSV vào bảng dự án.
3. Tạo một bố cục mới và đặt các kích thước để khớp với tập dữ liệu của bạn.
4. Thêm một lớp rắn vào bố cục và lấp đầy nó bằng một màu.
5. Thêm một lớp văn bản và nhập tiêu đề trực quan hóa dữ liệu của bạn.
## Tạo biểu đồ thanh
1. Chọn lớp rắn và chuyển đến lớp ** **> ** MỚI **> ** Hình dạng **> ** Menu hình chữ nhật **.Điều này sẽ tạo ra một hình chữ nhật mới trên lớp.
2. Trong bảng biến đổi ** **, điều chỉnh chiều rộng và chiều cao của hình chữ nhật để phù hợp với kích thước của tập dữ liệu của bạn.
3. Trong thuộc tính ** fill **, chọn màu ** rắn ** và chọn màu cho các thanh.
4. Trong thuộc tính ** Stroke **, đặt kích thước ** ** thành 0.
## Thêm hoạt hình vào các thanh
1. Chọn lớp hình chữ nhật và đi đến menu ** animate **> ** ** ** menu.Điều này sẽ mở bảng biểu thức.
2. Trong bảng biểu thức, nhấp vào nút ** Thêm biểu thức ** và chọn ** tỷ lệ y **.Điều này sẽ tạo ra một biểu thức mới kiểm soát tỷ lệ của hình chữ nhật dọc theo trục y.
3. Trong biểu thức, nhập mã sau:
`` `
value = data.y;
`` `
Mã này sẽ đặt tỷ lệ của hình chữ nhật thành giá trị của cột `y` trong tập dữ liệu.
4. Nhấp vào nút ** play ** để xem trước hình ảnh động.Bạn sẽ thấy các thanh hoạt hình từ dưới cùng của màn hình.
## Kiểm soát hoạt hình
Bạn có thể sử dụng các khung chính để kiểm soát thời gian và thời lượng của hình ảnh động.Để thêm một khung khóa, nhấp vào nút ** Thêm KeyFrame ** trong bảng thời gian.Bạn cũng có thể di chuyển đầu playhead vào một khung cụ thể và nhấp vào nút ** Đặt KeyFrame **.
Để thay đổi giá trị của một biểu thức tại khung chính, hãy nhấp đúp vào biểu thức trong bảng biểu thức.Điều này sẽ mở trình chỉnh sửa biểu thức.Sau đó, bạn có thể thay đổi giá trị của biểu thức và nhấp vào nút ** OK **.
## Xuất hoạt hình của bạn
Khi bạn hoàn thành hoạt hình của mình, bạn có thể xuất nó dưới dạng tệp video.Để làm điều này, hãy truy cập tệp ** **> ** Xuất **> ** Menu video **.Điều này sẽ mở hộp thoại Render Video.
Trong hộp thoại Render Video, chọn định dạng và độ phân giải của tệp video.Bạn cũng có thể chọn xuất video có hoặc không có âm thanh.
Nhấp vào nút ** Render ** để xuất tệp video.
## Phần kết luận
Trong hướng dẫn này, bạn đã học cách tạo trực quan hóa dữ liệu hoạt hình với các hiệu ứng và biểu thức sau.Bạn đã học cách tạo một biểu đồ thanh đơn giản, thêm hoạt hình vào các thanh và kiểm soát thời gian và thời lượng của hình ảnh động.
Bằng cách làm theo hướng dẫn này, bạn sẽ có thể tạo các trực quan dữ liệu hoạt hình của riêng mình sẽ giúp bạn truyền đạt dữ liệu của mình nhiều hơn
=======================================
#dataviz #Animation #Aftereffects #expressions #datascience ## Creating Animated Data Viz with After Effects + Expressions
Data visualization is a powerful tool for communicating complex information in a clear and concise way. But static data visualizations can often be boring and difficult to understand. That's where animation comes in. By adding motion to your data visualizations, you can make them more engaging and easier to understand.
In this tutorial, we'll show you how to create animated data visualizations with After Effects and Expressions. We'll start by creating a simple bar chart, and then we'll add animation to the bars using Expressions. We'll also show you how to use keyframes to control the timing and duration of the animation.
By the end of this tutorial, you'll be able to create your own animated data visualizations that will help you communicate your data more effectively.
## Prerequisites
To follow this tutorial, you'll need the following:
* After Effects CC or later
* A basic understanding of After Effects
* A data set in CSV format
## Getting Started
1. Open After Effects and create a new project.
2. Import your data set into After Effects. You can do this by dragging and dropping the CSV file into the Project panel.
3. Create a new composition and set the dimensions to match your data set.
4. Add a solid layer to the composition and fill it with a color.
5. Add a text layer and type in the title of your data visualization.
## Creating the Bar Chart
1. Select the solid layer and go to the **Layer** > **New** > **Shape** > **Rectangle** menu. This will create a new rectangle shape on the layer.
2. In the **Transform** panel, adjust the width and height of the rectangle to match the dimensions of your data set.
3. In the **Fill** property, select the **Solid** color and choose a color for the bars.
4. In the **Stroke** property, set the **Size** to 0.
## Adding Animation to the Bars
1. Select the rectangle layer and go to the **Animate** > **Expressions** menu. This will open the Expressions panel.
2. In the Expressions panel, click the **Add Expression** button and select **Scale Y**. This will create a new Expression that controls the scale of the rectangle along the Y-axis.
3. In the Expression, type the following code:
```
value = data.y;
```
This code will set the scale of the rectangle to the value of the `y` column in the data set.
4. Click the **Play** button to preview the animation. You should see the bars animate in from the bottom of the screen.
## Controlling the Animation
You can use keyframes to control the timing and duration of the animation. To add a keyframe, click the **Add Keyframe** button in the Timeline panel. You can also move the playhead to a specific frame and click the **Set Keyframe** button.
To change the value of an Expression at a keyframe, double-click the Expression in the Expressions panel. This will open the Expression Editor. You can then change the value of the Expression and click the **OK** button.
## Exporting Your Animation
When you're finished with your animation, you can export it as a video file. To do this, go to the **File** > **Export** > **Render Video** menu. This will open the Render Video dialog box.
In the Render Video dialog box, select the format and resolution of the video file. You can also choose to export the video with or without audio.
Click the **Render** button to export the video file.
## Conclusion
In this tutorial, you learned how to create animated data visualizations with After Effects and Expressions. You learned how to create a simple bar chart, add animation to the bars, and control the timing and duration of the animation.
By following this tutorial, you'll be able to create your own animated data visualizations that will help you communicate your data more
Trực quan hóa dữ liệu là một công cụ mạnh mẽ để truyền đạt thông tin phức tạp một cách rõ ràng và súc tích.Nhưng trực quan hóa dữ liệu tĩnh thường có thể nhàm chán và khó hiểu.Đó là nơi hoạt hình xuất hiện. Bằng cách thêm chuyển động vào trực quan hóa dữ liệu của bạn, bạn có thể làm cho chúng hấp dẫn hơn và dễ hiểu hơn.
Trong hướng dẫn này, chúng tôi sẽ chỉ cho bạn cách tạo trực quan hóa dữ liệu hoạt hình với các hiệu ứng và biểu thức sau.Chúng tôi sẽ bắt đầu bằng cách tạo một biểu đồ thanh đơn giản và sau đó chúng tôi sẽ thêm hoạt hình vào các thanh bằng cách sử dụng các biểu thức.Chúng tôi cũng sẽ chỉ cho bạn cách sử dụng KeyFrames để kiểm soát thời gian và thời lượng của hoạt hình.
Đến cuối hướng dẫn này, bạn sẽ có thể tạo các trực quan dữ liệu hoạt hình của riêng mình sẽ giúp bạn truyền đạt dữ liệu của mình hiệu quả hơn.
## Điều kiện tiên quyết
Để làm theo hướng dẫn này, bạn sẽ cần những điều sau:
* Sau hiệu ứng CC hoặc muộn hơn
* Một sự hiểu biết cơ bản về các hiệu ứng sau
* Một tập dữ liệu ở định dạng CSV
## Bắt đầu
1. Mở sau hiệu ứng và tạo một dự án mới.
2. Nhập dữ liệu của bạn được đặt vào After Effects.Bạn có thể làm điều này bằng cách kéo và thả tệp CSV vào bảng dự án.
3. Tạo một bố cục mới và đặt các kích thước để khớp với tập dữ liệu của bạn.
4. Thêm một lớp rắn vào bố cục và lấp đầy nó bằng một màu.
5. Thêm một lớp văn bản và nhập tiêu đề trực quan hóa dữ liệu của bạn.
## Tạo biểu đồ thanh
1. Chọn lớp rắn và chuyển đến lớp ** **> ** MỚI **> ** Hình dạng **> ** Menu hình chữ nhật **.Điều này sẽ tạo ra một hình chữ nhật mới trên lớp.
2. Trong bảng biến đổi ** **, điều chỉnh chiều rộng và chiều cao của hình chữ nhật để phù hợp với kích thước của tập dữ liệu của bạn.
3. Trong thuộc tính ** fill **, chọn màu ** rắn ** và chọn màu cho các thanh.
4. Trong thuộc tính ** Stroke **, đặt kích thước ** ** thành 0.
## Thêm hoạt hình vào các thanh
1. Chọn lớp hình chữ nhật và đi đến menu ** animate **> ** ** ** menu.Điều này sẽ mở bảng biểu thức.
2. Trong bảng biểu thức, nhấp vào nút ** Thêm biểu thức ** và chọn ** tỷ lệ y **.Điều này sẽ tạo ra một biểu thức mới kiểm soát tỷ lệ của hình chữ nhật dọc theo trục y.
3. Trong biểu thức, nhập mã sau:
`` `
value = data.y;
`` `
Mã này sẽ đặt tỷ lệ của hình chữ nhật thành giá trị của cột `y` trong tập dữ liệu.
4. Nhấp vào nút ** play ** để xem trước hình ảnh động.Bạn sẽ thấy các thanh hoạt hình từ dưới cùng của màn hình.
## Kiểm soát hoạt hình
Bạn có thể sử dụng các khung chính để kiểm soát thời gian và thời lượng của hình ảnh động.Để thêm một khung khóa, nhấp vào nút ** Thêm KeyFrame ** trong bảng thời gian.Bạn cũng có thể di chuyển đầu playhead vào một khung cụ thể và nhấp vào nút ** Đặt KeyFrame **.
Để thay đổi giá trị của một biểu thức tại khung chính, hãy nhấp đúp vào biểu thức trong bảng biểu thức.Điều này sẽ mở trình chỉnh sửa biểu thức.Sau đó, bạn có thể thay đổi giá trị của biểu thức và nhấp vào nút ** OK **.
## Xuất hoạt hình của bạn
Khi bạn hoàn thành hoạt hình của mình, bạn có thể xuất nó dưới dạng tệp video.Để làm điều này, hãy truy cập tệp ** **> ** Xuất **> ** Menu video **.Điều này sẽ mở hộp thoại Render Video.
Trong hộp thoại Render Video, chọn định dạng và độ phân giải của tệp video.Bạn cũng có thể chọn xuất video có hoặc không có âm thanh.
Nhấp vào nút ** Render ** để xuất tệp video.
## Phần kết luận
Trong hướng dẫn này, bạn đã học cách tạo trực quan hóa dữ liệu hoạt hình với các hiệu ứng và biểu thức sau.Bạn đã học cách tạo một biểu đồ thanh đơn giản, thêm hoạt hình vào các thanh và kiểm soát thời gian và thời lượng của hình ảnh động.
Bằng cách làm theo hướng dẫn này, bạn sẽ có thể tạo các trực quan dữ liệu hoạt hình của riêng mình sẽ giúp bạn truyền đạt dữ liệu của mình nhiều hơn
=======================================
#dataviz #Animation #Aftereffects #expressions #datascience ## Creating Animated Data Viz with After Effects + Expressions
Data visualization is a powerful tool for communicating complex information in a clear and concise way. But static data visualizations can often be boring and difficult to understand. That's where animation comes in. By adding motion to your data visualizations, you can make them more engaging and easier to understand.
In this tutorial, we'll show you how to create animated data visualizations with After Effects and Expressions. We'll start by creating a simple bar chart, and then we'll add animation to the bars using Expressions. We'll also show you how to use keyframes to control the timing and duration of the animation.
By the end of this tutorial, you'll be able to create your own animated data visualizations that will help you communicate your data more effectively.
## Prerequisites
To follow this tutorial, you'll need the following:
* After Effects CC or later
* A basic understanding of After Effects
* A data set in CSV format
## Getting Started
1. Open After Effects and create a new project.
2. Import your data set into After Effects. You can do this by dragging and dropping the CSV file into the Project panel.
3. Create a new composition and set the dimensions to match your data set.
4. Add a solid layer to the composition and fill it with a color.
5. Add a text layer and type in the title of your data visualization.
## Creating the Bar Chart
1. Select the solid layer and go to the **Layer** > **New** > **Shape** > **Rectangle** menu. This will create a new rectangle shape on the layer.
2. In the **Transform** panel, adjust the width and height of the rectangle to match the dimensions of your data set.
3. In the **Fill** property, select the **Solid** color and choose a color for the bars.
4. In the **Stroke** property, set the **Size** to 0.
## Adding Animation to the Bars
1. Select the rectangle layer and go to the **Animate** > **Expressions** menu. This will open the Expressions panel.
2. In the Expressions panel, click the **Add Expression** button and select **Scale Y**. This will create a new Expression that controls the scale of the rectangle along the Y-axis.
3. In the Expression, type the following code:
```
value = data.y;
```
This code will set the scale of the rectangle to the value of the `y` column in the data set.
4. Click the **Play** button to preview the animation. You should see the bars animate in from the bottom of the screen.
## Controlling the Animation
You can use keyframes to control the timing and duration of the animation. To add a keyframe, click the **Add Keyframe** button in the Timeline panel. You can also move the playhead to a specific frame and click the **Set Keyframe** button.
To change the value of an Expression at a keyframe, double-click the Expression in the Expressions panel. This will open the Expression Editor. You can then change the value of the Expression and click the **OK** button.
## Exporting Your Animation
When you're finished with your animation, you can export it as a video file. To do this, go to the **File** > **Export** > **Render Video** menu. This will open the Render Video dialog box.
In the Render Video dialog box, select the format and resolution of the video file. You can also choose to export the video with or without audio.
Click the **Render** button to export the video file.
## Conclusion
In this tutorial, you learned how to create animated data visualizations with After Effects and Expressions. You learned how to create a simple bar chart, add animation to the bars, and control the timing and duration of the animation.
By following this tutorial, you'll be able to create your own animated data visualizations that will help you communicate your data more
