Announcement

Collapse

IMPORTANT TWR ANNOUNCEMENT

**~~ANNOUNCEMENT!~~** All The Writers' Room members please check the TWR forums for an important new thread! Your feedback is wanted for this exciting announcement & thanks for being part of the team! - JB
See more
See less

A Guide to Animating Overlays

Collapse
This is a sticky topic.
X
X
  • Filter
  • Time
  • Show
Clear All
new posts

  • A Guide to Animating Overlays

    OVERLAY is the overlay name
    x coordinate is where the overlay is placed on the screen horizontally (side to side)
    y coordinate is where the overlay is placed on the screen vertically (up and down)
    % is the scale size
    T stands for time in seconds
    # means "number"


    CREATE: adding overlays to the scene:

    Here are the two ways you can add overlays into your scenes:

    1. Typing the overlay next to the background using the word "with"
    Code:
    INT. BACKGROUND NAME - DAY with OVERLAY
    INT. BACKGROUND NAME - DAY with OVERLAY to % x y
    INT. BACKGROUND NAME - DAY with OVERLAY in zone #
    INT. BACKGROUND NAME - DAY with OVERLAY at layer #
    INT. BACKGROUND NAME - DAY with OVERLAY to % x y in zone # at layer #
    2. The create overlay command:
    Code:
    @overlay OVERLAY create
    *NOTE: This code can be very frustrating at times. Sometimes it works, and sometimes it doesn't. So if you use this code and the overlay doesn't show up when testing your story, just add the overlay to the background instead.*



    SHIFT: moving overlays across the screen
    Code:
    @overlay OVERLAY shifts to x y in T
    The x coordinate is different depending on what zone you are in!
    I know it will show a number between 0 and 320 when you shift your overlay around the screen when you test out your story, but you need to add either 320, 640, or 960 to that number if you are not in zone 1, and type that number into your script.

    Zone 2: Add 320 to the x coordinate
    Zone 3: Add 640 to the x coordinate
    Zone 4: Add 960 to the x coordinate

    *NOTE: This does not apply to adding overlays to the background name. This only applies to when you want to "shift" your overlay.*


    SCALE: changing the size of the overlay
    Code:
    @overlay OVERLAY scales to % % in T
    Yes, you need to add in the scale size TWICE.
    If you want your overlay to be skinny, change the FIRST scale number.
    If you want your overlay to be flatter, change the SECOND scale number.



    OPACITY: making the overlay see through
    Code:
    @overlay OVERLAY opacity # in T
    # is from 0 to 1
    0 is completely invisible (hidden, gone, cannot see)
    1 is very visible (the whole overlay is there and you can see it completely)
    0.5 is see through, and anything between 0 and 1 (ie: 0.33, 0.72, 0.845....) makes the overlay see through.



    ROTATE: rotating the overlay
    Code:
    @overlay OVERLAY rotates # anchor point x y in T
    Rotating an overlay depends on it's anchor point:
    anchor point 0 0 is the bottom left of the overlay
    anchor point 0.5 0.5 is the center of the overlay
    anchor point 1 1 is the top right of the overlay


    # is a number between 0 through 360 (like the degrees of a circle)
    360 turns the overlay all the way around, which turns it back to 0
    180 makes the overlay upside down




    COMBINATION: shifting, scaling, rotating, etc. at the same time

    Use the ampersand sign! &

    &overlay OVERLAY shifts to ---------
    &overlay OVERLAY scales to ---------
    &overlay OVERLAY rotates ---------
    @overlay OVERLAY opacity ---------




    LAYERS: changing the layer of the overlay
    Code:
    @overlay OVERLAY to layer #
    
    or
    
    INT. BACKGROUND NAME - DAY with OVERLAY at layer #


    CLEAR: removing the overlay
    Code:
    @overlay OVERLAY clear

    Last edited by Dara Amarie; Today, 09:28 AM.

  • #2
    Awesome! Thanks

    Comment


    • #3
      This is so helpful.

      Comment


      • #4
        Stickied! Great job Dara Amarie !

        Comment


        • Dara Amarie
          Dara Amarie commented
          Editing a comment
          Wooo!!! Thanks!

      • #5
        Dara Amarie Can you help me with the coding and layering on how to have my characters sitting inside a car while it's moving?

        The overlay is:

        @overlay CAR ANGLE SILVER shifts to -112 -2 in 7
        @overlay CAR ANGLE SILVER scales to 0.548 0.548

        Thank you so much! I hope to hear from you soon!

        Comment


        • Safi
          Safi commented
          Editing a comment
          Dara Amarie Thank you so much! That helped a lot. But how do I make it look smooth like my character is sitting n the driver's seat and moving as the car is moving?

        • Trishagx
          Trishagx commented
          Editing a comment
          Safi like it says above, you can put & in front of the overlay command to make it do something while something else is happening. Not only can an overlay grow bigger and move using &, it can also move together with a character. Just put it like this example:

          &overlay OVERLAY shifts to x y in T
          @/CHAR walks to spot x y z in T and CHAR does it while sit

        • Safi
          Safi commented
          Editing a comment
          Trishagx Thank you so much for your help! It means a lot! It worked!

      • #6
        Isn’t this all mentioned and explained, with examples, in the guides?
        Nonetheless, a very neat and clear recap.

        Comment


        • #7
          How do you even make the car move let alone the characters in it?

          Comment


          • Dara Amarie
            Dara Amarie commented
            Editing a comment
            You would use the ampersand sign and make characters "walk" to spot at the same time you are shifting the overlay. This question was asked and answered 2 replies above this

        • #8
          Aaaa, thank you so much for this! I always had trouble with overlays and all the confusing donacode - and the guides already crafted in the portal didn't really help. So, with your help with this guide, my prayers have been answered and I can finally shift my overlays easily. Thank you so much again!

          Comment


          • Dara Amarie
            Dara Amarie commented
            Editing a comment
            You're very welcome

        • #9
          please tell me how to move overlay vertically? I have added 320 to the x coordinate as the scene is in zone 2 and i didn't change y value still my overlay is not working. overlay is keep moving in zone 1 horizontally. please help me

          &overlay MICROPHONE 1 create

          &overlay MICROPHONE 1 to layer 5
          &overlay MICROPHONE 1 shifts to 320 171
          &overlay MICROPHONE 1 scales to 0.073 0.073
          &overlay MICROPHONE 1 shifts to 45 158 in 5
          Last edited by Sakshi mittal; Today, 02:26 AM.

          Comment


          • Dara Amarie
            Dara Amarie commented
            Editing a comment
            You're suppose to add "320" to the number on the screen for the x value, not just use 320 as the x value. So if you want your overlay to shift to the x coordinate 45, then you need to add 320 to 45.

          • Sakshi mittal
            Sakshi mittal commented
            Editing a comment
            Sorry to bother you again. Can you show an example because I am stuck. Please

          • Dara Amarie
            Dara Amarie commented
            Editing a comment
            Your code:
            &overlay MICROPHONE 1 shifts to 45 158 in 5

            320 + 45 = 365

            so....

            &overlay MICROPHONE 1 shifts to 365 158 in 5

        • #10
          The overlay won't show up I've also tried it with an overlay of episode but that doesn't work either.
          This is the code I used.

          Code:
          &overlay CAITLYN WHOLE LEFTARM create
          &overlay CAITLYN WHOLE LEFTARM scales to 0.115 0.115
          @overlay CAITLYN WHOLE LEFTARM shifts to 206 144

          Comment


          • #11
            Am I doing anything wrong? Please check this picture

            Comment

            Working...
            X