Data Visualization with After Effects | Harshit Srivastava | Skillshare
Search

Playback Speed


1.0x


  • 0.5x
  • 0.75x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 1.75x
  • 2x

Data Visualization with After Effects

teacher avatar Harshit Srivastava, Developer on IBM Cloud, Bluemix

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Lessons in This Class

    • 1.

      Introduction

      0:44

    • 2.

      Pie Chart

      5:52

    • 3.

      Track matte

      2:15

    • 4.

      Adding transformations

      4:04

    • 5.

      Smart obj 1- Separating layers in Illustrator

      3:25

    • 6.

      Smart obj 2- Creating animation in After Effects

      2:34

    • 7.

      Bar Chart

      6:51

    • 8.

      Line Chart

      7:47

    • 9.

      Adding a cool background

      4:50

    • 10.

      Tree Count

      6:28

    • 11.

      Human Count

      7:59

  • --
  • Beginner level
  • Intermediate level
  • Advanced level
  • All levels

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.

147

Students

1

Project

About This Class

In this course, you will be learning about Data Visualization and Infographic Animations in After Effects from scratch. You will be learning various visualization animation techniques you can implement to build an attractive presentation or advertisement video. There are various drag and drop tools available in the market, but when you need full control over all effects with professional look and feel, you could use Adobe After Effects. In this course you will be learning various charts and other infographic animations in Adobe After Effects.

What is Data Visualization?

Data visualization is the graphical representation of data. It involves producing images or visuals that communicate relationships among the represented data to viewers, and empower the storytelling capability of the creator.

What you will be learning in this course?

With the skills learned in this course, you could create powerful Explainer and visual Animation videos or compositions, that can be used in various Visual Effects and Motion Graphics projects. You can present your idea easily and effectively to your target audience. You will be learning about creating various charts and graphs. You will also learn masking an image to the graph using track matte. After that you will learn shape fill infographics and rotating sphere background. In this course you will be learning the following animation techniques-

  • Pie Chart

  • Track Matte

  • Adding Transformations

  • Using Smart Objects

  • Bar Chart

  • Line Chart

  • Adding cool background

  • Shape Infographics

Meet Your Teacher

Teacher Profile Image

Harshit Srivastava

Developer on IBM Cloud, Bluemix

Teacher

I am Self-Taught developer who had worked on various platforms using varied languages, and involved in various Projects both Open Source and Proprietary.

I have developed Web and Android Applications, chrome Extension, worked on various frameworks, fixed bugs for some projects, and explored numerous others. I think education and learning should be free and open, not be bound with restrictions like attending classes or going to college, People from all age groups, gender, faith, race, nations, etc must get equal privilege. When entire world would act this way like being a single FAMILY, we would truly realise VALUE of Knowledge and Human Life.

See full profile

Level: All Levels

Class Ratings

Expectations Met?
    Exceeded!
  • 0%
  • Yes
  • 0%
  • Somewhat
  • 0%
  • Not really
  • 0%

Why Join Skillshare?

Take award-winning Skillshare Original Classes

Each class has short lessons, hands-on projects

Your membership supports Skillshare teachers

Learn From Anywhere

Take classes on the go with the Skillshare app. Stream or download to watch on the plane, the subway, or wherever you learn best.

Transcripts

1. Introduction: Hi there. Welcome to this course on Data Visualization with After Effects. My name is Hershey and I'm an instructor. And here in this course you will be learning about pie chart using a smart object from Excel to After Effects. You will be learning how to create visual edition with bar charts and line chart with a cool background like rotating earth. Pragmatic, simple transformations. And you will learn is storytelling using infographics and text animations. And these techniques will add more meaning to your data and it will present your idea comfortably. You start learning right now. See you in the class. 2. Pie Chart: Hi, welcome back, friend. Here in this practical exercise, you will be learning about pie chart animation with After Effects. So let us draw a ring first. It will be a circle. Ring is a circle with don't have any fill and it has a thick stroke. So have the proper configuration here. Make the infile null and a stroke with a proper width and choose any color we have taken this white color. So now next step is to rename this ring. Because the Shape Layer one would be very weak. Let us make it white ring. So in that case we could refer it very easily. Now, we want to add one warring debt will show our data. That is animated data. So let's choose any color, say, change this to green. So we have this green progress on the white background. Just rename this ring to green ring or proper referencing because we will be using expressions that will require referencing. So now we'll just add a trim part is go to add, add TRIMP. Ok. This is trim pot. It will allow us to animate this thing. So just go to and make it the rope. Initially. We have gone to 2.5th key frame it. And after a 1 second, also, just add one more key frame and make it a 100%. So in this case, it will start from 0 and become a 100%. So let's make it visible. We have invisible how k, So it is working. So a progress bar is moving very fast. So let's delete 2.5th. So it is nice. So this is our prime animation. So this will be the background ring. When it is done. At that point of time, we want our second ring to start. Just press bracket, open Becker bracket, where you want your trie multistart. Similarly add our trim part to this ring as well. Perform the same operation, make it 0 initially, the end timer, and after 1.5 sick and just make it a 100%. So in this case, this ring will overlap to previous one. Ok? But here we want our progress bar to start at any in-between value. We don't want it to be. And exactly a 100%, we want it to show some fraction, say 80%. So we can just go to the key frame here for the second ring and make it 80%. You can make any person taste 304050 and it is creat value anything you want, 3921 and anything. So this progress will stop at this point. So now let us add a number which will reflect the current value of the progress bar, the green color. So let's make it a little lighter shade of green so it will match. You can choose any color, place it in the center, move the anchor point to the center of this digit. And then now let's animate it. We need to add an expression to the digit number text. So just expand it and move to the stopwatch icon in the text. Here we have the source text. Just click All and left-click the stopwatch. And this will open the expression tab. And here we want to write some expression in order to perform computation. So here we want our progress bar to reflect just right math dot around it. This will be a function and this.com dot layer and provide the name of the ring. So here we have the green ring. This provide the name and green ring. And after AD the content. And in the braces add a dream path. One supreme path will be the function that will be taken care of here. And dot n. So this will, the end parameter of green path will be taken into consideration. So the number, value of the number will reflect through the circle. You can check it back here. The trim parts one is written. You can rename it is not a problem. So just to check it out. So here the number is reflecting the ring value. You can press the spacebar to preview your animation and when it is running properly, you can proceed with an existing server. Animation is running as expected. And now we can add one more texts. So just before the percentage counter, we can write the percentage text. So just write per cent and make it a small size to fit in the ring. And beautiful epic. Similarly, we can add the same progress bar and expression to other charts. Line chart by chart, and different infographic contain. In the similar manner. We are going to learn more in the coming exercises. Killed him, keep learning and keep moving ahead. 3. Track matte: Hi, welcome back, friend. In the previous exercise, you have learned about pie chart animation like this. And here in this practical exercise we will taking it to the next level. We can add images. Say here we have two images. One of desert and going up grassland. Just import them one by one. So here first import the desert one because we want our desert to we background. So just resize it. By simple mouses crawl or you can zoom in, zoom out. Just open this track might option from lower side or left side. And just select this track mud Option, Alpha Matt to the white ring. So here we want to add an image to the outer ring. So this is a desert and just do the same thing for the percentage counter. Place. Next image. Replace it because we want a green grass to appear on the background. So this is called masking actually. And we are applying it using the track man. So it looks very clean and nice. So this percentage could be shown the percentage of grassland and desert land in the world. So similarly, you can present your idea. When you can't just use a simple color, you can add images to your data. You can take in this stroke to have more contrast to the image. And here, you can choose to increase the width of either of the circle or you can increase the width of the rings. So here it looks very QC will try to add your own images to tell a story. Because data visualization is not just about data. It's about how you present your data. Keep learning, keep moving ahead. We're going to learn more and becoming exercises. 4. Adding transformations: Hi, welcome back. In the previous exercise, we have added mass to our pie chart animation. And here in this practical exercise, we're going to perform some key transformations like rotation and opacity. Select star. So first select all the layers and right-click pre decompose because we want them to, we better managed. When you have the recomposition, you can apply any transformations together on a single layer that will reflect on all the layers. It will be easier to handle all the layers. Precomputation also helps in big projects. Then you have a lot of content and your timeline is very limited. So let's keyframe, they scale. So just put a timeline, initially, make it 0. And after some time, say 1.5 sticky. And it will appear like it is growing from 0% is 200%. So here we are. We are interested to show two different percentages. The background, Sandler growing 200%. And next the counter offer grassland to 80% solidous. Just reduce the size after some time. Say here, after. Second. When it is 100%, make it 80%. So your data would be conveyed through two mediums, three mediums actually, the pie chart, the percentage counter, and the growing pie chart. So here we have keyframe. They scale. With respect to time. You can replay them again and again to check. Then apply rotation, make it 3D. Because when it is 3D you got better control in x, y, and z direction. Let's check with the y-direction. So just put any point, say initially, I had half as again, put a keyframe to y and zed rotation, z rotation. And when it is 100% a scaled, then you can apply some transformation, say, rotated towards the right-hand side a little bit. So it will look like it is tinting as well as growing. Similarly, you can rotate it on its axis as well. So let's check it out. So it looks good. You can add more effects. Just try to add one more key frame at a t percent and try to rotate it in the reverse direction. But be careful because sometimes when we try to apply it to contrasting effect very quickly, it won't look very cool. So here it is, rotating very fast. We are interested to change its speed. It won't be rotating that much faster. So here's just keyframe it. And the rotation would be little bit change, not very significant. Just keyframe and change it a little bit. Not very much. Just move it like getting into center front-facing view. And it will be a little bit here, we'll just have a look. Replay it again. So it looks cool. When you have a background. It will be a good a storytelling medium. So you've got data, you got to represent it using mask and images. And you can apply key transformations. Just imagine what you can build based on these three features. Try building a row solution. You will learning more in the coming exercises. Till then keep learning and keep moving ahead. 5. Smart obj 1- Separating layers in Illustrator: Hi, welcome back, friend here. And this practical exercise you're going to learn about Excel is smart art. And how you can use the predefined built-in smart objects from Excel to aftereffects. So in this, this is first part. And here we are just creating a SmartArt. Let's create a pyramid. Here we have a pyramid with three levels. The top level, the average, and a much lower level. Say her the, these are the three different levels. We can add text, we can add the colors. You can take any of the Smart Object. B, the flowchart, process hierarchy, anything. And we will be importing it to Excel. So let's change the color right from the Excel folder text and make it small or big, whatever you feel like. So let's make them big. A lighter shade of each and every color, say orange, yellow, and green. We are taking the lighter shade. And we are scaling this. And then the next step is to select the entire Smart object. You can select the entire Smart Object, resize it properly, and just copy it. Just do Control C and paste it in Illustrator, Adobe Illustrator. And here we can say the layers of each object that we want to animate. So here we can estimate these three things. You can't directly just import Excel chart in After Effects, you have to use this. So here, as you can see when you go to the layer option, you've got a lot of different layers, data and groups that are there. So you have to categorize them. Just put three different layers and we are rearranging them. You don't need to be very perfect in Illustrator. This is a simple thing. Using this method, you can do a lot of visualization with very easy. So here we have three different layers. And this textbook is missing. You can search it and put it right at right place. And when you are done, you have to save this Illustrator. And we will be importing it in After Effects in three different components. In the similar manner, you can also import other is smart object from Excel to illustrator. And you have to rearrange its component into multiple layers. The layers, or you would be interested to perform various operations or transformations using After Effects. In the next part, we're going to learn about how you can import these separate layers of Illustrator file into the aftereffects and perform operation. So stay tuned, keep learning, keep moving ahead. 6. Smart obj 2- Creating animation in After Effects: Hi, welcome back friend. Here in this practical exercise, we are going to just import the illustrator is smart object from Excel. So just silica Illustrator file you want to import. Be careful about the settings. If it is not correctly done. You won't get the layers. You want to select the Illustrator file and below, if default setting has been selected, it won't work. You have to select the composition, retain layer size. Now just put it on the top of a layer and it works as a pre composition. So you have to double-click and you have different layers. Just move the anchor point to the lower center because they want to apply a scaling effect in all three layers. So here are the three layers are retained perfectly well. So just put them according to their sequence. We want the lower part to appear first at around 2.5th. Use the selection tool. Put the timeline of each layers over an interval of 1 second. You can choose any of her time. 1 second would be perfect for me. Here, just go to escape. Uncheck this chain option, and click the stopwatch and make it 0, initially, the Y-axis. And after seeking this make the YX is 200%. So here you've got an effect, a clean effect of this pyramid, rolling up from the ground to the top. Similarly, just copy those seem epic, same keyframes and paste it on the higher layers. You would get the same thing. You're going to apply. Easing. If it looks good, you can go for it. Don't look good. You can have a general expression. Here, just apply the same effects on the second layer and the top layer. So here we got a clean animation of flowchart. It doesn't take a lot of time to animate. You can use already. Preexisting is smart art from Excel and directly imported on aftereffects and create an amazing animation. Keep learning, keep moving ahead. 7. Bar Chart: Hi there. In this practical exercise, we're going to learn about bar chart, any mission in After Effects. So let's start. Here we have a background color. And if you want to create a new, just right-click new solid and just change the color. Here we will take a lighter shade of blue background. Press OK, here we have a new background. Just delete the previous one. We don't need it anymore. Then we need to draw the axis, use the pen tool and draw a straight line. Tried to draw a straight line. If you don't grow, just feel free to press controls the, say it will roll back to the previous version. So here we have the x and y coordinates. Make the fill empty, are transparent and make the stroke available fixed. A stroke color and size of your choice. Make it a bit thinner. So it will be a perfect excess. So here we have an axis of width 12 is stroke size 12. And now we can draw our bar charts. So for Barbara, you will be using a square or rectangle shapes. So here this is Shape Layer. If you want, you can rename. Otherwise, just continue with drawing a bar chart is draw square here. You can zoom in or zoom out. At your convenience. Here we have, we don't want any stroke to be there. We just want a fill color to a darker shade of blue. It will be okay, or you can change the color according to your choice. You have your own color choice here. You're going to decide your color or design. You can add some image to the background. Whatever we say header, we have a darker shade of blue. And now use the selection tool and just replicate this square-shaped multiple times. Because we want a bar chart with similar with over a proper interval is rename it bar one. And just control c and control the copy and paste it here. And just here we can use the position and relocate it. In the x coordinate. We don't want to change the y-coordinate, just the x coordinate. Similarly, we have different bars and we can create 345. And the number of bar charts you want. Say her, let me take four by charts. Just reposition them on a proper interval. And it will do fine. Just move to the first bar chart. Select and press B to change the position and zoom it a bit. Let's make it 2.5th. We want our first bar to appear. Select all lover. And you can trace the opening bracket to start their timing. Please them accordingly over an interval of, once again, I'm placing them apart. So the first chart will appear at 2.5th, second will appear at after 1 second, third will after 1 second of second, and so on. So here we have the position. So now we want to change the anchor point and move it to the lower center of this shape. Similarly, do this for all the charts. Obviously moved a timer. So in that case it will be visible to you. So now let's put the anchor point on the remaining shares to the lower center. Because we want our animation to start from the x axis. We want our bar charts to grow from the 0 value of the Y. On the x axis. You can key frame the position, but it won't work. We went to keyframe the size. So just press S by selecting any of the shape. Or you can just move to the details. And here you have the scale. You have to uncheck this chain option because we don't want to change the value of x and y. We just want to change the value of y because we want to freeze the x-axis here. So just make it 0 in there starting and at the end, make it a 100% for the first chart. So it looks like it is growing. Let's apply the similar effect on the second bar. Move they scale to uncheck the chain option. If the chain option is enabled, the value of x and y will be relatively changed. We don't want to change both. So we are disabling this. So here, let us make it 200% because we want our second bar chart to appear bigger than first one. So let's replay it. So k, This will be the animation. It looks cool. Then let's animate the third bar. Do the same thing, select a scale, uncheck the chain. Would the first keyframe make it 0? And the second key frame over an interval of 16. And make it 350. Because we want our third bar chart to appear bigger than the first second 1. Similarly for the fourth one, do the same thing. Go to scale and change the value, initial value to 0 and final value, the keyframe to save 600. Don't worry, it will happen if the chain option will be selected. You have to deselect the chain option and apply the effect once again. So uncheck it and put the keyframe initially, make it 0, the y axis, and put the second keyframe and make it 600. In this case, it will grow bigger than the previous three 1s. So this is our animation. It looks cool. Try to build this on your own. We're going to learn more in the coming videos till then, keep learning and keep moving ahead. 8. Line Chart: Hi, welcome back, friend her. In this practical exercise, you're learning how you can create a line chart visualization with After Effects. So let's start and just create a new solid for the background. Let me choose a lighter shade of green or blue, green. You can take any color of your choice. I will be creating this monochromatic line chart. So I'll use green color, this same shade for older objectives. Next, draw an axis using the pen tool. On the top side you got Pen tool. And just create a linear access over the x and y axes. Make the Fill Transparent because we don't want any field and change the color of a stroke. And why didn't it? Because we want to take a stroke that is clearly visible, but it should not be very much take take any darker shade of the same color. You got this color. Now it's time to add the main line chart. Or line chart will be growing the 0 side of the x axis. We will be using the same pen tool. Take any other color shade, which was of color is completely yours. You can also add some background image like masking. We have done. Just draw it in the way you want your graph to appear. I don't use any calculated parameters here. You can add a line agreed, or any value. That would be easy just adding a text. That's not a problem. So just change the color to make it clearly visible. Use any color. And here we have drawn the points. It has ups and downs. And at those points we will be adding a circular points. So here we have, so we want this graph to grow from the left side. So just select this graph in the color we will be adding a trim pot. Trim path allows you to create an effect where your animation grows from the initial point to the final point. We have applied the trim part to the circular ring. And here we will be applying the same thing to the line chart. Just rename it to line path and just expand it and add cream path. In the dream path, go to the end option. Yes, play a use the proper timing. E framed is initially make it 0, then keyframe, say ha per second and over L interval of say 2 second. Put another keyframe and make it a 100%. So let's replay. So it looks a graph is going. So this is an animation. It could be used for any business presentation or anywhere you like. So just add some points. And Adam, meaning you have to zoom in, zoom in very much. Because we want to place the points at a time that the app is growing because we don't want them to appear beforehand. So make the stroke transparent. And here we are interested in. So selective will of the same color shape, or you can choose any different color is selected. And use the Selection tool to move this point anywhere on the screen. Just place it on the proper location, make it a bit darker. So here it is. This is our point. It should not be very much big or very small. You have to select the proper timing. And after you have done the sizing with it, you can just copy this thing and place it on either point. So we have to just put it at the proper timing and just press the open bracket from the keyboard. So at this point, it will start. Otherwise, you can also use the mouse to move it. So here, this point will appear. Just after the line has reached that point. Then copy it and paste a replica. And do the same thing. Open bracket, because we want our second to a start at that keyframe. When the line has reached at that point. You have to place all the points in the similar manner. Because our line is growing from the left side of the axis to the right side, all points must appear on a proper timing. This is the critical thing. If you're a line any machine is too fast. It would be difficult if your line any mission is low. You can arrange it. If you're finding it difficult, you can just do the one thing. You can apply dream part over the line or along interval and then apply the points. This way you will be easily applying all the points. And after you have done with this, recompose it, and increase the speed of entire composition. Accordingly. There are various more methods to do this. Don't be confused. Just practice with expediency. We'll learn everything. So now just add more points to the curve. And when you have done with this, you can replay. To check your animation is working fine or not. Let's place more points in the right direction. And Control-C, Control-V. And the opening bracket, square bracket. From the keyboard. You can use a lot of shortcuts with the workflow. But don't try to remember all the shortcuts at the starting point. You will be confused. So less replayed line chart. If looking very cool, the point will appear at the time the line has reached a particular coordinate. You can add mathmatical values to the coordinates. But it's your choice. Because when you want to convey an idea, the accuracy is not critical on all the projects. It depends from project to project. If you're waiting on scientific project, accuracy could be the key thing. In that case, you can be accurate. You have to do more work with the illustrator. And no problem. You can add a background. Here. I have added a Esquire background or the lighter shade. Just place it to the lower side because it follows a similar pattern. Aftereffects follows. The layer data is placed on the top side, will be visible. From the top. It looks pool. You can add your own selection. You can pace images, a mosque, and mold things. We are going to learn more in the coming sizes. Till then, keep learning and keep moving ahead. 9. Adding a cool background: Hi, welcome back, friend. In the previous exercise, you learn how to create a line chart animation. And here we're going to add some cool background suggested import and the line chart after-effects file. And in image file. Here I created this awkward Earth-like content from elif data and we will be making it all. Just cross-check the effect can preset option is there or not. And search is fear. We're reapplying Cc is fear effect to this Earth. So CCA sphere will make it look round and you've got a lot of cool options too. Don't be afraid. Just take it one by one. When we have a 2.5th timer and just expand everything, say radius light. And everything just seems a light because the light will be changing in the direction of the sun. You can say it is not revolving here. The sun is rotating, you can say, and then you have the light intensity. You want to make it a bit dark or light, so their distance from sun. Similarly, you can rotate our very own art using the y rotation. So just remember this thing and you can add more things. You can check each and every effect there. You can change the color of light. White light is good for us. Or you can change the light height at which the light is getting the direction of light. Because you want your sunrise to appear from top-left or bottom or anywhere. You can select everything. You've got a lot of flexibility and control here. So we'll be animating rotating earth. Will rotating arson. Passage of time annually putting or line chart just above this out to depict the global rise of temperature. There will be a children's global warming explanation. So just keyframe this y rotation. And after some time and just add some rotation and just play it. So here our Sun is rotating and the earth is rotating. The passage of D. You can sink them, add them together. But for the purpose of animation, I wear a damp over a interval. Just go to the line chart animation, import this aftereffect file, and uncheck all these background layers. Just the, just a line chart we want and place it overdose. So this is how our animation would look like. But we want our animation restart after some time. You can place them at desired place using the open square bracket. Then this morning has been seen on earth. And then graph will represent. Just give a proper time for your users to visualize the content. Here, the sunrise has been done. Taking place on earth is rotating and the global temperature rise can be seen from 1970 to 2020. What an interval of ten years. Similarly, you can add more content. So when you have done with this animation, you can just export it using them Media Encoder. When you export using media encoder, you got a lot of control. You can choose the format, the encoding channel, and everything. So I want a.mp4 format to be there. So I will be using 264 and renamed the file and just play the press the play button. And you've got your exporting option to start. When you try to export using the render queue of the after effects, it will convert to the default AVI format. And when you want MP4 or other format, you can just clearly thing when you have a good GPU on your computer, it will do that, put operation very quickly. Otherwise it will take a little time. 10. Tree Count: Hi, welcome back friend here. And this practical exercise, you will be learning about creating infographics, shift film, animation in After Effects. So here we're using a three vector. I have created this tree vector and just replicate it. We want to have the shapes. Animation had the two layers go to transformations and to the second animation. Second-degree make the obesity too. And 50% because this will be the background and we want our background to be 50%. So next, just put a rectangle shape just above the trees. And just do the track mat. Here we have the alpha matte. You can select from W. Just add to the top layer of the tree that is a 100% opaque to the whole family. So drop it down using the position two. So this way, when we add a position to our shape, it will reflect the darker shade of the tree to appear like it is growing. So it is growing 200% from 0 to a 100%. When you want to show any varied percentage, you can also display that. Just make the make it pre decomposition using the right-click recompose. Because it will be easy when we need a lot of tree. So it is better to recompose and reuse the composition again and again. So now just resize and place it at the proper location. Here. In this exercise, I want five, please, to be there. So we're making it smaller at a solid to the background. And now put your decomposition on top of her background. And just copy this precomputation. Because we want total 53. And three compositions would be the other two will be the simple Illustrator file. So here the effect will be reflected on all these three trees. Illustrator file, the main tree vector, and make it to the similar size. As decomposition. We can adjust the size using the bounding box and placed them on the proper distance. Then just copy the same Illustrator file again. And we need to change the opacity of these two trees to 50% because it will show the total number of trees. Say, we have five trees representing a 100% of trees. So each tree has 20% of weightage. So when we want to show or visualization of say, 60%. So three trees must be dark, converted to darker using the shape fill effect that we used. And two trees must remain highlighted. So just add takes two the meaning. You can add a simple text. It's multiplayer. Just don't use the same sentence. Just put multiple. Here you can select the color from the Character panel. And please your takes on the proper location off the screen. Then add more text with differentiates. Here we used a complimentary team, the green and red. If you're from a design background, you better understand declaratory. So here we got 60% crease replanted. After deforestation. This will be the text here. This presentation could be related to global warming and climate change. You could use your own ideas, trees. You can replace it with human characters. You can replace with computers, technology, devices, and anything you want to present. Data does not only required to be presented using graph, only. You can add text. You can add different shapes and objects. In. Here we add more text. As you can see, we use three texts layers with differentiate. So in this case, we will rearrange them on proper timing. You can add a lot of transformations, will be doing some basic transformations only. So don't worry. Just move using the selection tool on the proper place here or just add one more text. After deforestation, only 60% raise our replanted. After default stations. You can make your capital letter is small, or first letter large, or any formatting you use. You can change your text format, font. You can increase the size, decrease the size. You can add a spacing and much more things you can do. Just make it a bit darker, black, or you can choose a darker shade of grey. It's on you. So here, just place the text at the proper distance. After the add CRI animation that the shape will have been completed. We want our text to appear in sequence. So only 60% would appear first, then the tree planted, and after deforestation, the last sentence. So it will be readable to our audience. Let's play it. So here are three trees are really only 60% reuse or replanted. So this is very fast. You can slow it down at your proper desired timing. Or you can add more transformations like pollution, rotation, opacity, or any building preset. It's on you. So you can present your idea where you usually use shape infographics to add more meaning to your data. Keep learning, keep moving ahead. 11. Human Count: Hello, welcome back friend. Here in this practical exercise, learning shaped film infographics on humans. In the previous exercise, we have learned the shape prelim for graphics. And this will be a recap for you and performing more operations. So stay tuned and say here we have a human vector, similar S3, and just recompose this vector. And in the Brigham physician, when you go and just copy the same vector again, we will be making the second vector more transparent, say 50% opaque. And the first vector we will be adding an alpha matte mosque, just please, a square shape on this first human vector. Go to track might option at l format to the shape. And now we will be adding some keyframes and basic transformation. The zoom in the timeline go to 2.5th and just go to the shape transformation, expanded further keyframe that position initially and put it downwards. So we weren't or shape of the human counter to appear like it as appearing from below to the top. And then put another keyframe over an interval, say 1 second, and completely covered a human. And here when we play it, it will appeared. At this safe pill is appearing. The human is growing and it is being counted. So it is counting a 100% human when we fill it completely. But when we feel it partially, it will be counted as Hartford 50%. This make it a small in size, put it at the appropriate place. This is pre-cum positions. So all effects would be saved here. So then just copy this pre composition and place it on the screen. Here we want a five human vectors to appear on the screen. We want to show 50%. So too will be completely filled. 1.52 will be remained empty. How transparent? But here when we copy it, the third human is also completely shown. So we just need to create a new vector here, put the human, rescale it, and decompose it. So we can decompose this human again, apply the same transformation. But this time, we'll it partially say here we have the second human make it 50% opaque and put a square, a rectangle shape here. This will remark, we don't want a mosque, we want to track match, subtract Matt. We need to select outside. And here we put a rectangular shape just above the human. Go to track Matt, choose Alpha met the second layer. And here we want to just move the position. So go to 2.5th. And this time we'll it partially beluga shoulders. So initially it must we put below the food, and after a second, it must be moved to just above the stomach, just around the chest. So here it is. Here it will be partially filled. Just rescale it to match the size of their human vectors and put it downwards. So this way, you can represent a counter. So when you want to represent a data where account percentage of humans is shown, you can use a shapefile of humans that is very attractive when you want to represent P is you can use the three vectors when you want to represent other informations like number of devices, mobile phones, or adapting, you can use this similar shaped krill. Didn't note, don't need to be very artistic. Just simple. Shape will work. Here we have imported a different Illustrator files to represent a transparent human. So here we will change the opacity of this human to 50% and just copy the same Illustrator file over and over again for two times because we want five humans here. So just copy it and change the opacity to the remaining vectors to 50%. So just expand it, go to transit transformation and move to opacity. Here the shortcut for opacity. You can also press P after selecting a field and you got the opacity, make it 50% to pay. When you use these things again and again, you will be better sound with the shortcuts and the things. Just put our text here. We want to add some text because when you add text, it will add meaning to your visualization. So we are just resize it, rescale, and change the color of the text you want. Use the Selection tool to move out of the text. And then again, use the text tool to create a new text layer. More than 50% humans live in Asia. We wanted to convey this idea. So the shape fill will represent the data. That takes will add more meaning to the data. And when you add the voice, it will be very clear, quadrupled to understand. After watching this exercise, try to build your own after-the-fact composition representing the infographic data. Try to implement a shift will the text animations and other chart animations that you learned in this class. So when you give it a try, you can learn more with your experience. These are the few building blocks that you learned in this class. And try to apply these things in real life. The best way of learning is by doing. So when you create these compositions, different effects and animations, you will learn After Effects and visualization very clearly. So tried building your own solutions. And if you have any doubt, feel free to ask. I would be more than happy to support you. Here we change the color of these texts. I've used this complementary color scheme of orange and blue. You can choose any of the coloring scheme you want. You can change the background. You can also add some images to the background. Or you can add crack math in the same manner, like having an image to the human vectors. You can add VCs or any other images. You can add a graph and mold thinks. We can reposition these texts based on a time. But you can also apply various transformations. When you are done, just export this file. Keep learning, keep moving ahead.