背景パターンのつくり方 【AfterEffectsチュートリアル】

Introduction

This tutorial will guide you through the process of creating dynamic background patterns in After Effects. By using three distinct effects, you can easily design eye-catching visuals suitable for bridges, eye catches, or banners. This is a great skill to enhance your motion graphics projects!

Step 1: Set Up Your Composition

• Open After Effects and create a new project.
• Go to Composition > New Composition.
  • Set the desired width and height (e.g., 1920x1080).
  • Choose a frame rate (e.g., 30 fps) and duration (e.g., 10 seconds).
• Name your composition (e.g., "Background Pattern") and click OK.

Step 2: Create the First Pattern

• In the timeline, right-click and select New > Solid.
  • Choose a color for your solid (e.g., blue) and click OK.
• With the solid layer selected, go to Effect > Generate > Grid.
  • Adjust the settings:
    • Change Anchor to the center.
    • Modify Lines per inch to control the grid density.
• To animate the grid, keyframe the Border settings:
  • Set a keyframe at the beginning and end of your timeline to create a subtle scaling effect.

Step 3: Add Motion to Your Pattern

• Duplicate the grid layer by selecting it and pressing Ctrl+D (or Cmd+D on Mac).
• Change the Color of the duplicate layer for contrast.
• Select the duplicate layer and go to Effect > Transform > Transform.
  • Adjust the Position settings to create movement.
  • Keyframe the position to animate the layer across the screen.

Step 4: Create a Secondary Pattern

• Repeat the process from Step 2 to create a new solid layer.
• This time, apply Effect > Noise > Fractal Noise.
  • Adjust the Contrast and Brightness to define the pattern.
• Animate the Evolution property to create continuous movement.
  • Set keyframes at the start and end of your timeline to loop the animation.

Step 5: Combine and Finalize

• Layer all your patterns in the timeline.
• Adjust the opacity of each layer to blend them together effectively.
• Use the Blending Modes to create interesting visual effects (e.g., Overlay, Multiply).
• Preview your animation to ensure smooth transitions and movements.

Conclusion

You now have a vibrant background pattern created in After Effects! By utilizing various effects and animations, you can customize these backgrounds for different projects. Experiment with colors, patterns, and animations to enhance your graphics further. For next steps, consider exploring additional effects or integrating these patterns into larger projects. Happy animating!