Please enable JavaScript.

Coggle requires JavaScript to display documents.

AFTER EFFECTS - Coggle Diagram

- - - - Contents
        
        Shape Groups (e.g. Ellipse 1)
        
        Shape (Ellipse Path 1)
        
        Stroke (Stroke 1)
        
        Composite: Below / Above Previous (Stroke) in Same Group
        
        Fill (Fill 1)
        
        Shape Group Transform (Transform: Ellipse 1)
        The Property (e.g. Position) is relative to the Shape Group
        
        Each Shape Group has its own anchor point and properties, independent from those of the layer
        
        The properties (e.g. Stroke) will affect only the shapes above it
      - Transform (of the Layer)
    - - Add a shape :
        From the Add button next to Contents
        
        Add a Path (Ellipse Path 1)
        
        Add a Stroke
        
        Add Fill (Fill is normally placed above Stroke - như thế này thì khi tăng Stroke nó sẽ chỉ nhô ra phía ngoài, không đè vào Fill bên trong)
        
        Add a Shape Group:
        From the Add button next to Contents > Group
        Drag Path, Stroke, Fill into the Group
        => Appears the "Transform: Group 1"
  - - - FILL IN A SHAPE GROUP
        
        Rule 1: Fill ở trên sẽ CHE các Stroke và Fill ở dưới trong cùng Shape Group
        
        Rule 2: Fill sẽ ảnh hưởng đến các layer phía trên nó cho đến khi nó gặp 1 Fill khác ngay trên nó
      - Thêm Repeater cho Shape Group: Click on the Shape Group > Click the Add button to the right of Contents of the Shape layer > Repeater
      - STROKE IN A SHAPE GROUP
        
        Rule 1: Stroke ở trên sẽ không che các Stroke và Fill ở dưới trong cùng Shape Group
        
        Rule 2: Stroke will affect all the shapes above it until it reaches another Stroke => Muốn 1 Stroke chỉ apply to one Shape in a Shape Group => Chuyển Shape đó lên trên cùng và cho Stroke ngay dưới nó
      - Muốn chỉnh kích thước của 1 shape trong 1 Shape Group => Shape > Size (nếu muốn chỉnh 2 cạnh độc lập nhau thì click vào cái hình xích và chỉnh)
      - Muốn thêm Shape vào Shape Group thì click vào Shape Group > Click và Add bên phải Contents
    - - Add another Shape Group into Contents: Click vào the Shape layer hoặc Shape Layer - Contents, sau đó Using Shape Tool hoặc Click và Add bên phải Contents và thêm 1 shape từ đầu đến cuối như trên
      - Shape Group ở trên sẽ CHE Shape Group ở dưới
      - Put a shape into a shape group or not?
        Think if you want to animate it.
      - Always pay attention which you are animating:
        
        Are you transform a Path, a Shape, a Shape Group or whole the Layer?
        
        Transform a Layer will affect everything inside
        
        Transform a Shape Group will affect all the Shapes inside
        
        Transform a Shape will affect all the Paths inside
      - Shapes in a Shape Group all show Strokes => MERGE SHAPES
        
        Click on the Shape Group > Click Add button to the right of Contents > Merge Paths (This Merge Path will appear below the Shapes that are merged)
      - Stroke/ Fill ở Shape Group này không ảnh hưởng đến Shape Groups khác
  - - - Nonzero winding fill rule
        The crossing count for a line is the total number of times that the line crosses a left-to-right portion of the path minus the total number of times that the line crosses a right-to-left portion of the path. If a line drawn in any direction from the point has a crossing count of zero, then the point is outside; otherwise, the point is inside.
      - Even-odd fill rule
        If a line drawn from a point in any direction crosses the path an odd number of times, then the point is inside; otherwise, the point is outside.
      - Fill Rule in one Shape Group will only affect that group only
      - After Effects uses one of two rules to determine what is considered inside a path for the purpose of creating fills. Both rules count the number of times that a straight line drawn from a point crosses the path on its way out of the area surrounded by a path. The nonzero winding fill rule considers path direction; the even-odd fill rule does not.
  - - - If wanting it to jump from a color to another (no gradient) > Select Color property > Right click on one of the Keyframes > Toggle Hold Keyframe
        (e.g. lights in a night club)
- - - - Assign a new shortcut or Modify an existing one
        (Click next to the existing one)
        
        Pay attention to the "Keyboard Layout Presets" on top
- - - - Text Layer > Text: (Animators)
        
        Animator - Char Value (Cursor): place the cursor just after the last character that appears
        
        Animator - (Cursor Blink): blinking the cursor
        
        Animator - Opacity (Reveal): Revealing the cursor by opacity
      - By default, it might not show all your text
        => Click on the second keyframe of Slider property
        => Increase the Type _on Slider value on the Effect Controls panel
        => You can also change the speed by moving the second keyframe forward or backward
    - - Adjust the position of the text before jumping into the center:
        Text Layer > Text > Animator - X-Position > Position: Increase / Decrease the value for the text to jump out of the comp (first keyframe)
  - - - => Draw a mask (select Layer and draw by Shape Tool) để chỉ show phần chữ cuối cùng (bỏ phần chữ lúc bắt đầu animation)
        => Mask > Mask 1 > Mask Feather > Feather it a bit
        
        Effect Controls tab (next to Project tab)
        
        Bounce Per-Character Delay: Càng lớn thì từng chữ cái nhảy xuống càng lâu (recommended khoảng 0.1)
        
        Bounce Decay: chữ sau khi rơi xuống nhảy cao bao nhiêu và lâu settle (càng cao càng nhảy cao) (recommended khoảng 25)
        
        Bounce Frequency: Càng nhỏ thì chữ rơi càng nhanh và settle càng nhanh (recommended khoảng 5)
        
        Bounce Start: Giống kiểu Offset (bắt đầu của Bounce là ở thời điểm nào sao với ban đầu - giá trị 0) => nên để đủ cho nó ở ngoài Mask
  - - - No keyframes, only an Expression (wiggle)
    - - There will appear "Blur By Word Animator" under the Text Layer
        
        The is one premade animation for Blur By Word Animator > Range Selector 1 > Offset
        
        Scale: khoảng mở rộng của Blurriness
        
        Opacity
        
        Blur:
        
        Thêm properties cho Blur By Word Animator:
        
        Select Blur By Word Animator
        
        Click Add button next to Blur By Word Animator
        
        Property, chọn e.g. Position (blur chạy từ đâu đó vào chữ)
    - - Text Layer > Text > Transporter Animator > Range Selector 1 > Advanced > Randomize Order: On / Off (Off là chạy lần lượt từ đầu đến cuối)
- - - - In Front (50 by default) (Giống giá trị trục Z): The apparent proximity to the viewer. An area of the mesh not influenced by Overlap pins has an implicit In Front value of zero. The default value for a new Overlap pin is 50.
      - Extent (100 by default): How far from the Overlap pin its influence extends.
  - - - Density: the density of the triangle within the mesh (the higher the density, the more refined the deformations)
        The mesh is deformed whenever you add a pin
      - Expansion: the extent of extension of the mesh to outside the Alpha channel
        The higher the expansion, the more connected the parts of the image
  - - - Animation Pins (animate with these pins)
        
        Bend
        
        Advanced
        
        Position
      - Others
        
        Starch: stiffen certain areas
        
        Overlap: Organize which part of the image comes in the front / back
    - - Click the layer, click a point (inside the white area of Alpha Channel) to place a pin
        => A MESH is created, too
      - When you move one pin, all others pins will act as anchor points
        => It's the MESH or the ALPHA CHANNEL, NOT your image that is moved
        => Animating will not move the layer at all
      - Puppet Pins are an effect: Layer > Effects > Puppet
        
        Pins are under: Puppet> Mesh 1> Deform
      - If you click somewhere outside the Alpha channel with the Pin Tool => Puppet effect (under Image layer) is created but no mesh or pin inside
- - - - Create a Solid Layer as the Background
        
        You can reduce the Opacity to make it a pre-comp background to another video
    - - Common effects for the solid layers as background:
        
        CC vignette (tạo hiệu ứng hào quang tỏa ra từ giữa):
        
        Amount: higher the value darker the border (motion graphics will need a high value, but for videos it should be around 85 only)
        
        Angle of view:
        
        Gradient Ramp:
        
        Start of Ramp: điểm bắt đầu gradient
        
        End of Ramp: điểm cuối gradient
        
        Ramp Shape: Linear / Radial (Radial có thể tạo ra hiệu ứng màu tỏa ra từ trung tâm - giống CC Vignette)
  - - - (In the Composition panel) Right click > New > Solid
        
        OR Layer (menu) > New > Solid
        => Select comp size > Select Color (should keep the Solid Layer name)
        => Use Pixels and Square Pixels
        
        => A new "Solids" folder is created in the Project panel
      - Change the settings of a Solid Layer: Select the layer > Go to Layer menu > Solid Settings
      - Source Name vs Layer Name in the Timeline panel:
        
        Source Name: name of the source file in the Project panel
        
        Layer Name: the name you give to the Layer
        
        => If you duplicate a layer => Its name is changed but the source is still the same (1 source for 2 different layers)
        
        => If you change any settings of that duplicated layer AND "Affect all layers that use this solid" is unchecked > a new source is created in the Project panel
        
        => **If you change any settings of that duplicated layer AND "Affect all layers that use this solid" is checked > the original source in the Project panel and other layers using this source is adjusted
        
        => SOLIDS FOLDER: Your assets => You can use them in many Compositions (each composition use ONE INSTANCE of the SOLID) and changing the settings of that INSTANCE in the composition layer will not affect the SOLID itself
  - - - (In the Composition panel) Right click > New > Adjustment Layer
        
        OR Layer (menu) > New > Adjustment Layer
        
        => A new "Adjustment Layer" is created in the Solids folder
        
        => IMPORTANT: An Adjustment Layer is a WHITE Solid Layer with Adjustment Layer switch turned on
        
        You can edit the Adjustment Layer as an Solid Layer
        
        Any effects applied on the Adjustment Layer will be applied to all the layer BELOW it.
        Try add "Noise" effect
        
        You can have multiple Adjustment Layers
        Và các effects sẽ tác động lên tất cả layer phía dưới
    - - BUT you cannot avoid an Adjustment Layer by precomposing some below layers (it will still be applied to the Precomp)
  - - - Ctrl + Shift + E to remove all the effects
        => a Solid Layer is left
        
        Apply a mask on that solid layer
        
        Apply effects on the Layer:
        
        Fog Lights:
        
        Mask Feather:
        
        Opacity: reduce
        
        Animate using the Transform of the LAYER (not the mask)
  - - - Apply "Transform" effect to the Adjustment Layer:
        
        Scale Height: phóng to phần đó (Animate Position để chạy dọc qua, có thể kết hợp với Rotation)
        => Có thể tạo nhiều cái chạy song song nhau (duplicate và để lệch thời gian 1 chút)
        
        Có thể kết hợp với Glow effect (tăng Glow Radius và Glow Intensity):
        
        Có thể kết hợp với Tritone effect
- - - - Remove all the keyframes of Start and End
        
        Chỉnh Start về 0; End về 100
        
        Reverse Path Direction of Path 1 (Path bên trái)
        
        Keyframe "Trim Paths 1" > End:
        
        Điểm đầu: 0%
        
        Điểm giữa (giao 2 vòng tròn): 50%
        
        Điểm cuối: 100%
  - - - Cách sửa:
        
        Quay lại Airplane layer, click vào Position property > All keyframes are selected > Right click on one of the keyframes > Rove Across Time
        
        Trim Paths 1 > Start:
        
        Điểm đầu: 0%
        
        Điểm cuối: 1000%
        
        Chọn Start property, kéo nó lùi sau End một chút
        => Độ lệch quyết định độ dài của cột khói bay theo
- - - - In / Out: The beginning and ending time of the layer in the Timeline
        => You can modify these values to jump the layer
        
        Duration: duration of the layer
      - Stretch: Click and drag to stretch / shrink the layer towards where the playhead is
        => They will be lengthened / shortened
        
        It can take even negative value => Like Time-Reverse the Layer (ký hiệu (gạch sọc mờ) của Reversed layer xuất hiện)
        
        You can click on the value to open up the box:
        
        Stretch Factor: đơn vị %
        
        New Duration:
        
        Hold in Place: đâu là điểm gốc để stretch / shrink
        
        In-point / Out-point: điểm đầu điểm cuối
        
        Current Frame: position of the playhead
  - - - Right click the newly created Precomp > Time > Enable Time Remapping
        => The Precomp has been extended to the end of the Composition and Two keyframes have been created
        
        The 2nd keyframe of TIME REMAP is placed at Precomp length + 1 keyframe. This extra keyframe make the visibility of the last keyframe in the Precomp possible.
        => You can change the value of the TIME REMAP to Precomp length (not moving the keyframe) to remove that 1 extra frame
        
        Time remapping helps remap the time OF THE LAYER into ANY time ON THE TIMELINE (ví dụ chuyển tất cả mọi thứ diễn ra trong 3s của Layer về trong 1s trên Timeline)
        
        You can now move the 2nd keyframe
        => Btw the 02 keyframes is the animation for precomp length (e.g. 3s) and it can be played faster or slower depending on the position of the 02 keyframes
        
        You can create more keyframes for different time points of the precomp
        
        You can now animate 02 more keyframes for Time Remap for reversing the animation:
        
        One at the value of precomp length (e.g. 3:00) and another at the value of 0
        
        You can Easy Ease them
  - - - Press U to show all the keyframes
        
        Click the Property to select all the keyframes
        
        Ctrl +C and place the playhead where you want to paste and Ctrl V
        NOTE: You need to copy EACH LAYER, can't do all in once
    - - Select all the new keyframes (of all layers)
        
        Right click on one of the keyframes
        
        Keyframe Assistant > Time-reverse Keyframes
    - - Those come in last will come out first (like flip the keyframes horizontally)
        
        Check the distance of keyframes: Click a layer and press I to jump to the first keyframe of its => Check the distance btw layers with the time indicator to the top left of the Timeline panel
        
        Using +xxx to jump a step of xxx keyframes
- - - - SEQUENCING:
        
        LOGO EXPLOSION
- - - - If you want to convert text to paths (NOT RECOMMENDED, text should be recreated in AE): Select the text (click on the circle next to it) > Right click on the text on "khung màn hình chính" (k phải trong Layers panel) > Create Outlines
        
        Text layers that haven't been converted to Outlines will not be converted to Shape Layers in AE
- - - - loopOut("pingpong") => chạy đến cuối rồi ngược lại
        
        loopOut("pingpong", 2) => chạy đến cuối rồi ngược lại 2 keyframes áp cuối rồi chạy về cuối rồi bắt đầu lại từ đầu
      - loopIn() is the inverse of loopOut() => để các keyframes về phía cuối, nó sẽ tự chơi đoạn đầu
  - - - To round the number:
        Click on Change language menu button > Move the cursor to the beginning first > Javascript Math > Math.round(...)