Digital Photography and Imaging - Week 10

-

2023.11.30 / Week 10

Velicia Raquel Dewi Setiawan / 0369188 / Bachelor of Design (Honours) in Creative Media

Digital Photography and Imaging

JUMPLINK:

  1. WEEK 1 Introductions 
  2. WEEK 2 Physical College
  3. WEEK 3 Physical College  
  4. WEEK 4 Digital Collage, &; Adjustment; Filters
  5. WEEK 5 Hearst Mansion 
  6. WEEK 6 Black &; Recoloring Black White
  7. WEEK 7 Double Exposure   
  8. WEEK 8 No Class
  9. WEEK 9 Digital Surrealism 
  10. WEEK 10 Introduction to After Effects  
  11. WEEK 11 Final Project Consultation 1 
  12. WEEK 12 Final Project Consultation 2
  13. WEEK 13 Execution & Post Production
  14. WEEK 14 Final Submission
  15. PROJECT 1 Collage and Digital Imaging
  16. PROJECT 2 Digital Imaging Exercises &; Conceptual Product Photoshoot
  17. PROJECT 3 Self-Titled

LECTURE

Week 10 - F2F Class (Nov 30, 2023)

INTRO TO AFTER EFFECTS

1. WHAT IS AFTER EFFECTS?

Adobe After Effects is a 2.5D animation software used for animation, visual effects, and motion picture compositing. After Effects is used in film, TV, and web video creation.

Fig 2.2.1 "After Effects Logo, Week 10(Nov 30, 2023).

Adobe After Effects takes a different approach to creating movement. Motion graphics animation works by manipulating vector and rasterized art to create and tell a story. 

All the layers need to be arranged and renamed accordingly so that it will be organized and easy to be animated in After Effects. Adobe After Effects is a digital visual effects, motion graphics, and compositing application. We can import elements such as images, videos, vectors, and more into After Effects. All the layer elements need to be organized and synchronized to the external software platforms such as Photoshop &; Illustrator.

Adobe After Effects has been used to create some popular content:
Example works from previous students: 


2. WHAT CAN I DO WITH AFTER EFFECTS?

1. Animation
By moving and transforming layers, you can bring artwork to life. After Effects offers digital tools that help you manipulate and edit various properties. Here is a list of different types of animations you can create in After Effects:
  • 2D Vector Animation
  • Basic 3D Animation
  • Character Animation
  • Kinetic Typography
  • UI/UX mock-up animations
  • Visual Effects
2. Visual Effects
Outside of animation, there are other use cases for Adobe After Effects. Smoke, fire, explosions, scene tracking, and background replacements using green screen technology represent many of the tasks After Effects is capable of performing.

For example, you can add lighting effects or create really cool smoke trails that look like objects are flying through a city. Here's a fun tutorial that we put together utilizing After Effects as an animation tool.


3. CAN I USE ADOBE AFTER EFFECTS TO EDIT VIDEO?

When it comes to editing multiple video clips, splicing them together, and adding soundtracks with equalized music and sound effects After Effects is not a great choice.

Applications like Premiere Pro, Avid, and Final Cut Pro are built to handle large amounts of video content. They focus on easy manipulation and efficient playback for high-resolution videos, and process intensive media with high data bit-rates.

The timeline panel in After Effects is built to allow you to vertically stack content on top of each other, and interact with the layers above and below. Video editing software allows you to stack content on top of each other, but the way video editing works, you typically aren't stacking videos on top of each other by the hundreds.

If you're looking to get into video editing and filmmaking, then think of After Effects as a supportive program; helping you build supportive overlaying graphics that can enhance your production quality.


Here is a list of YouTube channels for learning After Effects:



We were given an exercise to try out After Effects using the Photoshop composition given and following a video tutorial. 


TUTORIAL & PRACTICAL 

1. Download the PSD composition

2. Import the W10_ANIMATE.psd into Adobe After Effects.

3. Create a composition setting 1080 px (Width) x 1920 px (Height), Duration 15 seconds

4. Create a keyframe animation to the layers using Position (P), Scale (S) &; and Masking path.

5. Render output: Quicktime(. MOV) or .MP4

6. Upload your exercise to your YouTube channel.

7. Update your progress and video to your E-Portfolio blog.

8. Attach your E-Portfolio link to this Submission.



1. PROCESS

After following the tutorial given, I was not satisfied with the results, so I made my own changes to it. For the typewriter, I want to make it bounce up and down like one of the principles of animation squash and stretch. I did it with a combination of scale and position keyframes.

Fig 1.1 Process, Week 10(Dec 7, 2023).

Fig 1.2 Process, Week 10(Dec 7, 2023).

I used a mask to introduce the fencer to the animation from bottom left to up left. For the fencer I want it to move back and forth just like how fencers fight, easy enough with a couple position keyframes.

Fig 1.3 Process, Week 10(Dec 7, 2023).

Fig 1.4 Process, Week 10(Dec 7, 2023).

Fig 1.5 Process, Week 10(Dec 7, 2023).

Using the position keyframes to make the shark come from the side of the canvas to the middle and use the combination of position and rotation to make the shark like it was flopping around.

Fig 1.6 Process, Week 10(Dec 7, 2023).

Fig 1.7 Process, Week 10(Dec 7, 2023).

To introduce the projector I used a simple mask from bottom to top, and simply used scale keyframes to squash and stretch it.

Fig 1.8 Process, Week 10(Dec 7, 2023).

Fig 1.9 Process, Week 10(Dec 7, 2023).

Fig 1.10 Process, Week 10(Dec 7, 2023).

Then I just put the animation in a loop two or three more times for fifteen seconds.

2. FINAL ANIMATION

Fig 2.1 Final Animation, Week 10(Dec 7, 2023).


FEEDBACK

On individual weekly post

REFLECTION
1 Experience


2 Observations


3 Findings




FURTHER READING

Comments

Post a Comment

Popular posts from this blog

Information Design - Exercise 1&2

-
Image
03/02/2025 - 11/03/2025  / Week 1 - Week 5 Velicia Raquel Dewi Setiawan | 0369188 | Bachelor of Design (Honours) in Creative Media Information Design  JUMPLINK: Lecture Instruction Exercises Exercise 1: Quantifiable information Exercise 2: L.A.T.C.H infographic poster Feedback Reflection 1. LECTURE Week 1: Types of Infographics Infographics help people understand information faster by using visuals and text together. They make information clearer, more interesting, and easier to remember. There are different types of infographics, each with its own purpose: List Infographics – Organize information in a list format with pictures or icons, making it more visually appealing and easier to scan. Fig 1.1 List Infographics, Week 1 (04/02/2025) Statistical Infographics – Use charts, graphs, and numbers to present data in a way that is easy to understand at a glance. Fig 1.2 Statistical Infographics , Week 1 (04/02/2025) How-to Infographics – Show step-by-step guides using...
Read more

Advanced Interactive Design - Final Project

-
Image
19.11.2024 - 24.12.2024   / week 9 - week 14 Velicia Raquel Dewi Setiawan | 0369188 | Bachelor of Design (Honours) in Creative Media Advanced Interactive Design  JUMPLINK: Lecture Instruction Task 3 - Completed Thematic Interactive Website   Progress Final Submission Feedback Reflection 1. LECTURE 2. INSTRUCTION 3. Task 3 - Completed Thematic Interactive Website 1. Progress Loading screen This one is not too hard. I did have to change the middle white circle to the bottom so the anchor is on the bottom, allowing me to change the shape up and down, while the bottom bar stays in place. Then, it just took spacing in different keyframes and adding a shape tween for it. I also added the fade-in and fade-out for them. Fig 1.1  Loading Screen Animation , Week 13 (17/12/2024) Fig 1.2  Loading Screen Fade Out , Week 13 (17/12/2024) Video The beginning process of the web was, of course, putting the video in first and following the tutorial on YouTube, which worked just fi...
Read more

Advanced Interactive Design - Task 2

-
Image
22.9.2024 - 12.11.2024   / week 5 - week 8 Velicia Raquel Dewi Setiawan | 0369188 | Bachelor of Design (Honours) in Creative Media Advanced Interactive Design  JUMPLINK: Lecture Week 5  Week 6 Week 7 Week 9 Instruction Task 2 -  Interaction Design Planning and Prototype   Research Progress Finalizing Layout Planning Interactions Animating Final Submission Feedback Reflection 1. LECTURE Week 5-6 - F2F  (22-29 Oct, 2024) 1.  Button Animation Fig 1.1  Button Animation Progress , Week 5 (22/10/2024) Fig 1.2  Button Animation Result , Week 5 (22/10/2024) Week 7 - F2F  (5 Nov, 2024) 1.  Screen and Button Animation Fig 1.3 Screen and  Button Animation Progres , Week 7 (5/11/2024) Fig 1.4 Screen and  Button Animation Result , Week 7 (5/11/2024) Week 9 - F2F  (19 Nov, 2024) 1.  Transition Animation Fig 1.5 Transition  Animation Progress , Week 9 (19/11/2024) Fig 1.6  Transition  Animation Result , Week 9 (1...
Read more