Tips Creating Animated Data Viz with After Effects + Expressions

doquang.thong

New member
[TIẾNG VIỆT]:
** Tạo viz dữ liệu hoạt hình với các hiệu ứng sau + biểu thức **

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 có thể giới hạn.Bằng cách thêm hoạt hình, bạn có thể mang dữ liệu của mình vào cuộc sống và làm cho nó hấp dẫn và đáng nhớ hơn cho khán giả của bạn.

After Effects là một công cụ mạnh mẽ để tạo trực quan hóa dữ liệu hoạt hình.Nó cung cấp một loạt các tính năng mà bạn có thể sử dụng để tạo ra các hình ảnh tuyệt đẹp, bao gồm:

*** Đồ họa vector: ** Sau các hiệu ứng cho phép bạn tạo đồ họa vector, độc lập độ phân giải và có thể được thu nhỏ lên hoặc giảm mà không mất chất lượng.Điều này làm cho chúng lý tưởng để tạo trực quan hóa dữ liệu sẽ được xem trên nhiều thiết bị khác nhau.
*** Các lớp: ** After Effects cho phép bạn tạo nhiều lớp hoạt hình, điều này mang lại cho bạn sự linh hoạt để tạo ra các hình ảnh phức tạp và trực quan thú vị.
*** Biểu thức: ** Biểu thức là các tập lệnh mạnh mẽ mà bạn có thể sử dụng để kiểm soát các thuộc tính của các lớp.Điều này cho phép bạn tạo các hình ảnh động động phản ứng với các thay đổi dữ liệu.

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 bằng cách sử dụng các hiệu ứng và biểu thức sau.Chúng tôi sẽ sử dụng một bộ dữ liệu về giá cổ phiếu lịch sử để tạo biểu đồ dòng hoạt hình theo thời gian.

## 1. Thu thập dữ liệu của bạn

Bước đầu tiên là thu thập dữ liệu của bạn.Bạn có thể sử dụng bất kỳ nguồn dữ liệu nào mà bạn thích, nhưng đối với hướng dẫn này, chúng tôi sẽ sử dụng một bộ dữ liệu về giá cổ phiếu lịch sử từ Yahoo Finance.

Khi bạn có dữ liệu của mình, bạn sẽ cần nhập nó vào sau các hiệu ứng.Bạn có thể làm điều này bằng cách sử dụng tệp ** **> ** Nhập **> ** Tùy chọn menu **.

## 2. Tạo một sáng tác mới

Khi dữ liệu của bạn được nhập, bạn sẽ cần tạo một bố cục mới.Bạn có thể làm điều này bằng cách sử dụng thành phần ** **> ** MỚI **> ** Tùy chọn menu **.

Trong hộp thoại ** Cài đặt bố cục **, đặt ** chiều rộng ** và ** chiều cao ** của bố cục của bạn thành các kích thước mong muốn.Bạn cũng sẽ cần đặt tốc độ khung ** ** thành khung hình mong muốn.

## 3. Tạo một lớp mới

Bây giờ bạn có một bố cục, bạn có thể tạo một lớp mới.Bạn có thể làm điều này bằng cách sử dụng lớp ** **> ** MỚI **> ** Tùy chọn menu rắn **.

Trong hộp thoại ** Cài đặt rắn **, đặt màu ** ** của lớp thành màu đen.

## 4. Nhập dữ liệu của bạn

Bây giờ bạn đã tạo một lớp, bạn có thể nhập dữ liệu của mình.Bạn có thể làm điều này bằng cách sử dụng tệp ** **> ** Nhập **> ** Tùy chọn menu **.

Trong hộp thoại ** Nhập **, chọn tệp CSV chứa dữ liệu của bạn.

Sau khi bạn nhập dữ liệu của mình, bạn sẽ thấy một đối tượng ** null ** mới xuất hiện trong bố cục của bạn.Đối tượng ** null ** này đại diện cho dữ liệu mà bạn đã nhập.

## 5. Tạo biểu đồ dòng

Bây giờ bạn đã nhập dữ liệu của mình, bạn có thể tạo biểu đồ dòng.Bạn có thể làm điều này bằng cách sử dụng các hiệu ứng ** **> ** Tạo **> ** Biểu đồ dòng ** hiệu ứng.

Trong hộp thoại ** Dòng biểu đồ **, đặt nguồn ** ** thành đối tượng ** null ** đại diện cho dữ liệu của bạn.

Bạn cũng có thể sử dụng hộp thoại ** Dòng biểu đồ ** để tùy chỉnh sự xuất hiện của biểu đồ dòng của bạn.

## 6. Thêm biểu thức

Bây giờ bạn đã tạo một biểu đồ dòng, bạn có thể thêm các biểu thức để kiểm soát hình ảnh động.

Để thêm biểu thức, chọn lớp mà bạn muốn làm động và nhấp vào nút ** Biểu thức ** trong bảng thời gian ** **.

Trong trình soạn thảo ** biểu thức **, bạn có thể nhập biểu thức mà bạn muốn sử dụng.Đối với hướng dẫn này, chúng tôi sẽ sử dụng biểu thức sau:

`` `
Thời gian = Hiệu ứng ("TimerEmap", ThisComp.Layer (1)). Thời gian

value = t
`` `

Biểu thức này sẽ sử dụng hiệu ứng ** Timeremap ** để ánh xạ thời gian hiện tại đến giá trị của điểm dữ liệu.

## 7. Xem trước hoạt hình của bạn

Bây giờ bạn đã thêm các biểu thức vào hoạt hình của mình, bạn có thể xem trước bằng cách nhấn phím ** enter **.

Bạn nên

[ENGLISH]:
**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 be limiting. By adding animation, you can bring your data to life and make it more engaging and memorable for your audience.

After Effects is a powerful tool for creating animated data visualizations. It offers a wide range of features that you can use to create stunning visuals, including:

* **Vector graphics:** After Effects allows you to create vector graphics, which are resolution-independent and can be scaled up or down without losing quality. This makes them ideal for creating data visualizations that will be viewed on a variety of devices.
* **Layers:** After Effects allows you to create multiple layers of animation, which gives you the flexibility to create complex and visually interesting visuals.
* **Expressions:** Expressions are powerful scripts that you can use to control the properties of your layers. This allows you to create dynamic animations that respond to data changes.

In this tutorial, we'll show you how to create an animated data visualization using After Effects and expressions. We'll use a dataset of historical stock prices to create a line chart that animates over time.

## 1. Gather your data

The first step is to gather your data. You can use any data source that you like, but for this tutorial, we'll be using a dataset of historical stock prices from Yahoo Finance.

Once you have your data, you'll need to import it into After Effects. You can do this by using the **File** > **Import** > **File** menu option.

## 2. Create a new composition

Once your data is imported, you'll need to create a new composition. You can do this by using the **Composition** > **New** > **Composition** menu option.

In the **Composition Settings** dialog box, set the **Width** and **Height** of your composition to the desired dimensions. You'll also need to set the **Frame Rate** to the desired framerate.

## 3. Create a new layer

Now that you have a composition, you can create a new layer. You can do this by using the **Layer** > **New** > **Solid** menu option.

In the **Solid Settings** dialog box, set the **Color** of your layer to black.

## 4. Import your data

Now that you have a layer created, you can import your data. You can do this by using the **File** > **Import** > **File** menu option.

In the **Import File** dialog box, select the CSV file that contains your data.

After you import your data, you'll see a new **Null** object appear in your composition. This **Null** object represents the data that you imported.

## 5. Create a line chart

Now that you have your data imported, you can create a line chart. You can do this by using the **Effects** > **Generate** > **Line Chart** effect.

In the **Line Chart** effect dialog box, set the **Source** to the **Null** object that represents your data.

You can also use the **Line Chart** effect dialog box to customize the appearance of your line chart.

## 6. Add expressions

Now that you have a line chart created, you can add expressions to control the animation.

To add an expression, select the layer that you want to animate and click on the **Expression** button in the **Timeline** panel.

In the **Expression** editor, you can type in the expression that you want to use. For this tutorial, we'll use the following expression:

```
time = effect("TimeRemap", thisComp.layer(1)).time

value = t
```

This expression will use the **TimeRemap** effect to map the current time to the value of the data point.

## 7. Preview your animation

Now that you've added expressions to your animation, you can preview it by pressing the **Enter** key.

You should
 
Join Telegram ToolsKiemTrieuDoGroup
Back
Top