{"id":7405,"date":"2022-09-17T14:28:00","date_gmt":"2022-09-17T14:28:00","guid":{"rendered":"https:\/\/samarart.net\/?p=7405"},"modified":"2025-09-30T08:19:51","modified_gmt":"2025-09-30T08:19:51","slug":"how-to-add-sunshine-to-toon-boom-harmony-1","status":"publish","type":"post","link":"https:\/\/www.samarart.net\/en\/post\/how-to-add-sunshine-to-toon-boom-harmony-1\/","title":{"rendered":"How to add sunlight to an anime scene in one way"},"content":{"rendered":"

Welcome to a quick and easy explanation of how to add sunlight to the Tone Boom Harmony program easily and professionally, so that you can add a touch of life to your scenes, especially outdoor and morning scenes, to open your works with.<\/p>\n\n\n\n

My Patreon account where you can find a detailed screenshot of the animation<\/a><\/p>\n\n\n\n

Adding sunlight to a scene not only makes the background beautiful, but it also adds natural movement and a lighting effect that enriches the shot and makes your project come alive. Let's now get started with the practical steps, one by one.<\/p>\n\n\n\n

\"\u0643\u064a\u0641\u064a\u0629<\/figure>\n\n\n\n

First step<\/h2>\n\n\n\n

We open Toon Boom Harmony program<\/strong>Choose which version you have available, then we will open your project or create a new project according to the appropriate frame size for the scene you are working on.<\/p>\n\n\n\n

The next step is to add the background you want to add the sun's rays to. Here I added a simple background of a blue sky and some soft white clouds. You can add any background that suits your scene.<\/p>\n\n\n\n

\"\u0643\u064a\u0641\u064a\u0629<\/figure>\n\n\n\n

Step two<\/h2>\n\n\n\n

We scroll down to the bar Timeline<\/strong> Then we go to the search box located at the bottom of the screen and type in: Lens Flare.<\/p>\n\n\n\n

\"\u0643\u064a\u0641\u064a\u0629<\/figure>\n\n\n\n

Step three<\/h2>\n\n\n\n

Once we find it, we By dragging the effect directly into the Node View window<\/strong> Project-related.
Then we By connecting the Lens Flare effect<\/strong> with Composite<\/strong> The main thing is that the sun's rays appear in the scene, and you will immediately notice the sun's rays appearing with their natural glow on the screen.<\/p>\n\n\n\n

\"\u0643\u064a\u0641\u064a\u0629<\/figure>\n\n\n\n

Step four<\/h2>\n\n\n\n

At this stage, you can either leave it static or add movement to make the sun move in the scene and add more realism. I will now explain how to animate the sun's rays in practical steps.<\/p>\n\n\n\n

    \n
  • We press on the sun layer (Lens Flare)<\/strong> in Node View<\/strong> We add: Peg by right-clicking on the layer and selecting: Insert > Peg<\/strong> \u060c
    Or you can drag a tool Peg<\/strong> From the top toolbar, drop it onto the big layer.<\/li>\n\n\n\n
  • We place keyframes to move the sun.<\/li>\n\n\n\n
  • We add Key Frames<\/strong> By standing on the first frame in Timeline<\/strong>Then press the F6 button to add a keyframe initial that defines the beginning of the sun's movement.<\/li>\n<\/ul>\n\n\n\n
    \"\u0643\u064a\u0641\u064a\u0629<\/figure>\n\n\n\n

    Step five<\/h2>\n\n\n\n

    We choose Transform Tool<\/strong> From the left column (tool number 3 from the bottom), it can be quickly activated using the shortcut: Shift + T<\/strong><\/p>\n\n\n\n

    We begin by identifying the sun's position in the first frame and dragging it towards right side of the screen<\/strong> So that the beginning of its natural movement appears.<\/p>\n\n\n\n

    \n

    (Settings: Opacity can be reduced slightly at the beginning to add a gradient to the appearance of light).<\/p>\n<\/blockquote>\n\n\n\n

    \"\u0643\u064a\u0641\u064a\u0629<\/figure>\n\n\n\n

    Step six<\/h2>\n\n\n\n

    Now we go to the frame we want to be the end of the animation (such as frame 60 or 90 depending on the scene speed), and press: F6<\/p>\n\n\n\n

    To add a new keyframe.<\/p>\n\n\n\n

    In this context, we drag the sun towards the left of the screen using the pan tool, with the option to move it up or down to add a natural feel to the movement.<\/p>\n\n\n\n

    \"\u0643\u064a\u0641\u064a\u0629<\/figure>\n\n\n\n

    Step seven<\/h2>\n\n\n\n

    We add a slowdown or speed-up effect to the movement to make the sun's rays move smoothly by going to the Timeline, selecting Keyframes, then right-clicking and choosing: Set Ease For Keyframe<\/strong><\/p>\n\n\n\n

    And choose: Ease In \/ Ease Out<\/strong><\/p>\n\n\n\n

    To specify the desired deceleration and acceleration percentages. For example, Ease In at 50% can make the sun start slowly and then speed up, or Ease Out at 50% to make it gradually slow down towards the end of the movement.
    Lens Flare properties themselves can be modified, such as:<\/p>\n\n\n\n

      \n
    • Sunlight scale<\/li>\n\n\n\n
    • Brightness level<\/li>\n\n\n\n
    • Glow Type<\/li>\n\n\n\n
    • Light color<\/li>\n<\/ul>\n\n\n\n


      This is done by identifying Lens Flare<\/strong> in Node View<\/strong>Then proceed to: Layer Properties<\/strong>
      To adjust these settings according to your anime style and the scene you are working on.<\/p>\n\n\n\n

      \n