Announcement

Collapse

It's Time to Move! (Open Beta)

You read it right! We are pleased to announce that the new forums have progressed from Closed Beta to Open Beta and everyone is invited! You can now join us here and begin leaving us feedback here! Thanks to the entire Episode community for your awesome contributions and being part of the Episode Community fam! - The Episode Community Team
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.*



    MULTIPLE overlays in one scene:

    All you need to do is keep adding "with OVERLAY" next to the background name after every overlay.
    Code:
    INT. BACKGROUND NAME - DAY with OVERLAY with OVERLAY with OVERLAY
    INT. BACKGROUND NAME - DAY with OVERLAY in zone # with OVERLAY to % x y in zone # with OVERLAY at layer #
    Or you can keep using the create command over and over again.
    Code:
    @overlay OVERLAY create and overlay OVERLAY create and overlay OVERLAY create


    SHIFT: moving overlays across the screen
    Code:
    @overlay OVERLAY shifts to x y in T in zone #
    Always make sure to add "in zone #" otherwise the system recognizes the x coordinate to be in zone 1.



    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 ---------


    &overlay OVERLAY shifts to ---------
    @CHARACTER walks to ----------




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


    CLEAR: removing the overlay
    Code:
    @overlay OVERLAY clear
    Last edited by Dara Amarie; 01-12-2018, 09:51 PM.

  • #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


        • MissyK
          MissyK commented
          Editing a comment
          Dara Amarie what do I put for the variables in the first line and last line

        • Dara Amarie
          Dara Amarie commented
          Editing a comment
          MissyK The very top of the post tells you what each “variable” represents.

        • MissyK
          MissyK commented
          Editing a comment
          Dara Amarie but how do I know what numbers to put?

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

        Comment


        • MissyK
          MissyK commented
          Editing a comment
          hey you said it was mentioned in the guides but what section or part I can't find it

      • #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
        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


        • xxepisodewriterxx
          xxepisodewriterxx commented
          Editing a comment
          Which zone is it in?

        • MeganTinista
          MeganTinista commented
          Editing a comment
          The first but my problem is already solved😊.

      • #10
        how do i get someone in a tv giving news and two characters watching

        Comment


        • Dara Amarie
          Dara Amarie commented
          Editing a comment
          Use a background overlay where the tv screen is transparent. The person on tv needs to be at layer 0, the tv overlay at layer 1, and the 2 people watching at layer 3. The 2 people watching can be facing rear to make it appear as if they are watching the tv.

      • #11
        For some reason, it's not working for me. Here's what I have:

        EXT. THE HAMILL PALACE - DAY with EXT. CRUZE- DAY IN 2

        @cut to zone 2

        @overlay EXT. CRUZE- DAY shifts to 607 61 in 2

        Comment


        • Dara Amarie
          Dara Amarie commented
          Editing a comment
          That’s what shifting is for. The shift command can make overlays go up and down, side to side, and diagonal.

        • Briana M.
          Briana M. commented
          Editing a comment
          Oh okay! So when I try to move an overlay up and down, I subtract the x coordinates from 320, 640, & 960 also?

        • Dara Amarie
          Dara Amarie commented
          Editing a comment
          If you want to make your overlay go up and down, just change the y coordinate (the 2nd number). But the X rule still applies depending on what zone you're in.

      • #12
        EXT. GREEN - DAY with POSTER ... to 9.516 with CHROME to 0.453 with FILE to 6.408 with TRASH to 3.348 with WINDOWS MENU LOGO with CURSOR

        okay why doesn't this work ?

        Comment


        • Apes
          Apes commented
          Editing a comment
          with CHROME to 0.510 10 457

          0.510 - size
          10 457 - coordinates

        • Dara Amarie
          Dara Amarie commented
          Editing a comment
          Like I said, you only need to put the scale size ONCE. It's suppose to look how Apes said above. Also if you read through this whole guide very carefully, it shows you how to format the coding when adding the overlay to the background name.

        • MADEpisodeCretor
          MADEpisodeCretor commented
          Editing a comment
          oh thanks sooooo much sorry for being so much trouble

      • #13
        What would I do for an overlay that I created, or do I just follow this?

        Comment


      • #14
        I have an overlay that someone created for me. It's a bruised arm, and I wanted the arm to slide into the scene. Here' what I have:

        INT. MIRROR- DAY

        @zoom reset

        @cut to zone 1 AND zoom on 160 284 to 150% in 0

        Kamilah changes into Kamilah_3

        Kamilah spot 1.753 172 -287 in zone 1 at layer 3 AND KAMILAH faces right AND KAMILAH is idle_rear

        @pause for a beat

        KAMILAH
        *sigh*

        @pause for a beat

        KAMILAH (idle_sad)
        (I don't know how I'm going to tell my parents about my divorce.)

        Kamilah is deepbreath

        KAMILAH (talk_exhausted)
        (I can't deal with Josh any longer.)

        @pause for a beat

        Kamilah faces right AND KAMILAH is idle_rear

        NARRATOR
        Kamilah slowly pulled her arm sleeve to see the bruises that her husband left her.

        INT. MIRROR- DAY with BRUISED ARM in zone 1

        @cut to zone 1 AND zoom on 320 177 to 360% in 0

        KAMILAH
        (Josh will no longer beat me like I'm a slave.)

        Comment


        • Dara Amarie
          Dara Amarie commented
          Editing a comment
          Just place the overlay offscreen somewhere (preferably where you want the arm to slide in from), then use the shift code to shift your overlay in the scene.

      • #15
        Hello. First of all thank you so much for this guide about overlays. But I still have a problem with an overlay scene.
        So this is what I write;

        EXT. MOUNTAIN ROAD CAR LOOP - DAY with CAR ANGLE SILVER
        @overlay CAR ANGLE SILVER shifts to -440 -69 AND overlay CAR ANGLE SILVER scales to 1.000 1.000

        When this scene starts, at first my overlay looks like I didnt change its scales and like i didnt move it. Then after like 0.5 seconds my overlay starts looking right. What should I do about this? Am I writing something wrong?

        Comment


        • Dara Amarie
          Dara Amarie commented
          Editing a comment
          When you're just placing the overlay in your scene and not actually animating it, it's best to add the overlay to the background name along with the scale size and spot placement, so that the overlay is already where you want it to be when the scene starts.
      Working...
      X