n this exercise, you’re going to begin building a countdown timer. You’ll rely heavily on the techniques you’ve learned thus far in the course. The animation below shows what we’ll be building in this module.
Countdown Timer, Part 1 of 2. Preview of the final animation.
In this full exercise, you’ll be expected to do all the same things you did in the mini-exercise, plus:
You’ll notice that some of the steps are worded more concisely than they were in the mini-exercise. If you forget how to accomplish a task, refer back to the mini-exercise and/or the Lesson Content in this module.
Follow the steps below to create this animation. The submission instructions are at the end.
Create a new project file by going to File > New > New Project.
Create a new comp by going to Composition > New Composition. Make sure your settings mimic the image below. Then, click OK.
Composition Settings for Module 02 Full Exercise.
Lock the layer.
Go to View > Show Rulers.
With the rulers visible, zoom in on the center of the scene.
From the left ruler, drag a guide to 640 pixels. (That’s half the width of the comp.)
From the top ruler, drag down a guide to 360 pixels. (That’s half the height of the comp.)
With your guides in place, go to View > Lock Guides.
The rulers work basically the same way they do in Photoshop, Illustrator, and InDesign.
NOW, GO TO FILE > SAVE AS > SAVE AS.
Save your assignment as an AEP file.
Select the Pen Tool.
Set the Fill to None. Set the Stroke to white and 14px.
Click one time in the center of the comp where the guides intersect. (You may need to zoom in to do this.)
Hold Shift and click one time well beyond the top of the scene. (You may need to zoom out to do this.)
Creating a white line.
AFTER EACH STEP, GO TO FILE > SAVE.
With the white line Shape Layer still active, select the Selection Tool. (This will prevent us from accidentally drawing more points.)
Right-click on the Shape Layer and rename it rotating_line.
Open Contents > Shape 1 > Stroke 1 > Line Cap and select Round Cap.
With the rotating_line layer selected, open the Transform layer properties and select Anchor Point. This will make the anchor point appear in the scene.
Zoom into the center of the scene. Select the Pan Behind Tool and move the anchor point to the bottom middle of the layer, which should also be where the guides intersect.
When finished, select the Selection Tool. (This will prevent us from accidentally shifting the anchor point.)
With the rotating_line layer active, set the Current Time Indicator at 0:00f (zero seconds), and click the stopwatch for Rotation. This will create a keyframe at 0:00f.
Move the Current Time Indicator to 0:29f (29 frames). Set Rotation to 1x+0.0.
Then, move the Current Time Indicator to 1:00f (1 second), and click the diamond to the left of Rotation to create a duplicate keyframe.
Repeat this process by setting the following keyframes:
Time = 1:29f / Rotation = 2x+0.0
Time = 2:00f / Click the diamond
Time = 2:29f / Rotation = 3x+0.0
Time = 3:00f / Click the diamond
Time = 3:29f / Rotation = 4x+0.0
Time = 4:00f / Click the diamond
Time = 4:29f / Rotation = 5x+0.0
Duplicate the rotating_line layer.
Rename the duplicate layer upright_line.
Reorder it directly below the rotating_line layer.
Set the Current Time Indicator to 0:00f (zero frames).
In the upright_line layer, click the stopwatch by Rotation to delete its keyframes.
As you scrub through the animation, you should now see one layer static and one layer animated.
Go to Edit > Deselect All . This step is extremely important! If you skip this, you might find yourself drawing another shape inside a Shape Layer unintentionally.
Select the Ellipse Tool.
Position the cursor where the guides intersect.
Hold Control + Shift and draw a circle outward from the center.
Select the Selection Tool. (This is so we don’t accidentally draw unwanted circles.)
Rename the Shape Layer to dashed_ring.
If you’re not able to draw outward from the center, don’t sweat it. Just manually position the circle so that it’s centered on the guides.
White circle, drawn from the center of the scene outward.
With the dashed_ring layer active, open Contents > Ellipse 1 > Stroke 1.
Set the Stroke Width to 40.
Click the plus sign next to Dashes. Set Dash to 20.
Adding dashes to the dashed_ring layer.
With the dashed_ring layer active, add Trim Paths.
Reveal the properties of Trim Paths 1. With the Current Time Indicator at 0:00f (zero seconds), let End at 0.
Now, position the Current Time Indicator at 0:29f (29 frames). Set End at 100.
Then, at 1:00f exactly, set End to 0.
Set the following keyframes:
Time = 1:29f / End = 100
Time = 2:00f / End = 0
Time = 2:29f / End = 100
Time = 3:00f / End = 0
Time = 3:29f / End = 100
Time = 4:00f / End = 0
Time = 4:29f / End = 100
After adding these keyframes, your animation should look like this.
Countdown Timer: White lines animation.
This step is where things really start to come to life.
Duplicate the dashed_ring layer.
Rename it to red_ring.
Reorder the red_ring layer by stacking it immediately above the blue background layer, and immediately below the upright_line layer.
Change its layer swatch to Red.
Set the Current Time Indicator to 0:10f.
Change the red_ring layer’s stroke color to red.
“Remove the dashes by clicking the minus sign ( – ) next to the word Dashes. This is accessible by going to Contents > Ellipse 1 > Stroke 1 > Dashes.”
Resize the red_ring layer so that it’s larger than the scene.
Change its Stroke Width so that it fills the right side of the scene, but doesn’t spill out through the middle. Depending on the size of your circle, it may be around 425.
The image below shows what you should be seeing. As you scrub through the animation, you’ll notice that the red_ring and rotating_line layers are synced up perfectly.
Drag the red circle off the bottom of the scene.
With the red_ring layer still active, go to the Trim Paths 1 keyframes.
At 1:00f, right-click on the keyframe and choose Select Following Keyframes.
Then, go to Edit > Clear (or hit Delete). When you do this, you should have only the two keyframes remaining: 0:00f and 0:29f.
Grab the right edge of the red_ring layer duration and shorten it to 2:00f. In other words, make it two seconds long.
Now, we can lather, rinse, repeat to create the rest of the colored rings.
Check on Motion Blur for all layers except upright_line and the blue solid layer.
Turn on the Motion Blur Switch at the top of the Timeline Panel.
Part 1 of your Countdown Timer is now complete. Remember to save your work one last time with File > Save.
Make sure you remember where you’ve saved this project file, because you’re going to use it in Module 06.
Submit your completed assignment by following the directions linked below. Please check the Course Calendar for specific due dates.
Save your assignment as an AEP file. Then, zip the AEP file. Submit the zip .
The name of the file should be your first initial and last name, followed by an underscore and the name of the assignment. An example is shown below:
Are you busy and do not have time to handle your assignment? Are you scared that your paper will not make the grade? Do you have responsibilities that may hinder you from turning in your assignment on time? Are you tired and can barely handle your assignment? Are your grades inconsistent?
Whichever your reason is, it is valid! You can get professional academic help from our service at affordable rates. We have a team of professional academic writers who can handle all your assignments.
Students barely have time to read. We got you! Have your literature essay or book review written without having the hassle of reading the book. You can get your literature paper custom-written for you by our literature specialists.
Do you struggle with finance? No need to torture yourself if finance is not your cup of tea. You can order your finance paper from our academic writing service and get 100% original work from competent finance experts.
While psychology may be an interesting subject, you may lack sufficient time to handle your assignments. Don’t despair; by using our academic writing service, you can be assured of perfect grades. Moreover, your grades will be consistent.
Engineering is quite a demanding subject. Students face a lot of pressure and barely have enough time to do what they love to do. Our academic writing service got you covered! Our engineering specialists follow the paper instructions and ensure timely delivery of the paper.
In the nursing course, you may have difficulties with literature reviews, annotated bibliographies, critical essays, and other assignments. Our nursing assignment writers will offer you professional nursing paper help at low prices.
Truth be told, sociology papers can be quite exhausting. Our academic writing service relieves you of fatigue, pressure, and stress. You can relax and have peace of mind as our academic writers handle your sociology assignment.
We take pride in having some of the best business writers in the industry. Our business writers have a lot of experience in the field. They are reliable, and you can be assured of a high-grade paper. They are able to handle business papers of any subject, length, deadline, and difficulty!
We boast of having some of the most experienced statistics experts in the industry. Our statistics experts have diverse skills, expertise, and knowledge to handle any kind of assignment. They have access to all kinds of software to get your assignment done.
Writing a law essay may prove to be an insurmountable obstacle, especially when you need to know the peculiarities of the legislative framework. Take advantage of our top-notch law specialists and get superb grades and 100% satisfaction.
We have highlighted some of the most popular subjects we handle above. Those are just a tip of the iceberg. We deal in all academic disciplines since our writers are as diverse. They have been drawn from across all disciplines, and orders are assigned to those writers believed to be the best in the field. In a nutshell, there is no task we cannot handle; all you need to do is place your order with us. As long as your instructions are clear, just trust we shall deliver irrespective of the discipline.
Our essay writers are graduates with bachelor's, masters, Ph.D., and doctorate degrees in various subjects. The minimum requirement to be an essay writer with our essay writing service is to have a college degree. All our academic writers have a minimum of two years of academic writing. We have a stringent recruitment process to ensure that we get only the most competent essay writers in the industry. We also ensure that the writers are handsomely compensated for their value. The majority of our writers are native English speakers. As such, the fluency of language and grammar is impeccable.
There is a very low likelihood that you won’t like the paper.
Not at all. All papers are written from scratch. There is no way your tutor or instructor will realize that you did not write the paper yourself. In fact, we recommend using our assignment help services for consistent results.
We check all papers for plagiarism before we submit them. We use powerful plagiarism checking software such as SafeAssign, LopesWrite, and Turnitin. We also upload the plagiarism report so that you can review it. We understand that plagiarism is academic suicide. We would not take the risk of submitting plagiarized work and jeopardize your academic journey. Furthermore, we do not sell or use prewritten papers, and each paper is written from scratch.
You determine when you get the paper by setting the deadline when placing the order. All papers are delivered within the deadline. We are well aware that we operate in a time-sensitive industry. As such, we have laid out strategies to ensure that the client receives the paper on time and they never miss the deadline. We understand that papers that are submitted late have some points deducted. We do not want you to miss any points due to late submission. We work on beating deadlines by huge margins in order to ensure that you have ample time to review the paper before you submit it.
We have a privacy and confidentiality policy that guides our work. We NEVER share any customer information with third parties. Noone will ever know that you used our assignment help services. It’s only between you and us. We are bound by our policies to protect the customer’s identity and information. All your information, such as your names, phone number, email, order information, and so on, are protected. We have robust security systems that ensure that your data is protected. Hacking our systems is close to impossible, and it has never happened.
You fill all the paper instructions in the order form. Make sure you include all the helpful materials so that our academic writers can deliver the perfect paper. It will also help to eliminate unnecessary revisions.
Proceed to pay for the paper so that it can be assigned to one of our expert academic writers. The paper subject is matched with the writer’s area of specialization.
You communicate with the writer and know about the progress of the paper. The client can ask the writer for drafts of the paper. The client can upload extra material and include additional instructions from the lecturer. Receive a paper.
The paper is sent to your email and uploaded to your personal account. You also get a plagiarism report attached to your paper.
Delivering a high-quality product at a reasonable price is not enough anymore.
That’s why we have developed 5 beneficial guarantees that will make your experience with our service enjoyable, easy, and safe.
You have to be 100% sure of the quality of your product to give a money-back guarantee. This describes us perfectly. Make sure that this guarantee is totally transparent.Read more
Each paper is composed from scratch, according to your instructions. It is then checked by our plagiarism-detection software. There is no gap where plagiarism could squeeze in.Read more
Thanks to our free revisions, there is no way for you to be unsatisfied. We will work on your paper until you are completely happy with the result.Read more
Your email is safe, as we store it according to international data protection rules. Your bank details are secure, as we use only reliable payment systems.Read more
By sending us your money, you buy the service we provide. Check out our terms and conditions if you prefer business talks to be laid out in official language.Read more