Difference between revisions of "User:Mediaintern6/onionskin"

From Help Wiki
(Realigning The Stand)
Line 188: Line 188:
 
<center>6.The last and final shot of repositioning the puppet (Fig. 3.7).</center>
 
<center>6.The last and final shot of repositioning the puppet (Fig. 3.7).</center>
 
<hr>
 
<hr>
 
 
[[Category:Animation Labs]]
 
[[Category:Dragonframe]]
 

Revision as of 13:37, 29 November 2018

Intro

Onion skinning is a technique, accessible in the Dragonframe software, that enables animators to simultaneously see several of their most recent frames in Live View. Onion skinning is essential to accurately have fluid animation.

Settings

When opening Dragonframe, you will find a tool called the Onion skin Opacity Slider, which is located underneath the Live-View (see Fig. 1.0 & Fig. 1.1).



(Fig. 1.0)
(Fig. 1.0)

Onionskin Opacity Slider.png

(Fig 1.1)


OpacitySliderGIF.gif

(Fig. 1.2)

The Onion skin Opacity Slider lets you control the opacity of your previous animation frames. By moving the red inner dot (Fig. 1.1) halfway to the right, you will only see the most recent frame paired with the last frame. When moving the red dot all the way to the left or right, you will only see the current frame that you chose. In this case, you won't see any onion skinning.


Onion Skin Modes

At the bottom right of the Onion Skin Opacity Slider, there is an icon depicted in Figure 1.3 that, when clicked, opens up the Onion Skin Modes (Figure 1.4).



Modes Symbol.png

(Fig. 1.3)


Skin Modes.png

(Fig. 1.4)



Onion Skin Modes:

  • Normal - The standard onion skinning mode.
  • Frame Echo - Frame Echo allows you to see up to six of your most recent frames that you took through the Live-View by sliding the small grey circle to the far right (see Fig. 1.5 & 1.6)
  • Darks - By activating Darks, the darker colors become more vibrant.
  • Lights - By activating Lights, the light colors become more vibrant.
  • Difference - If the frames are the same, the images become black.



Frame Echo .jpg

(Fig 1.5)

As you can see in Fig. 1.5, a series of frames are stacked on top of each other.

By activating the Frame Echo, we see that the darkest circle (bottom right) is our most recent frame while the rest of the stack lies behind in order.


Frame Echo Crop .jpg

(Fig. 1.6)

(Frame Echo activated without the X-Sheet.)


Onion Skin Examples

2D Lab

Getting Ready

  • Use the pegbar to secure your artwork when utilizing the main animation stand.
  • Open up Dragonframe (for questions with opening Dragonframe and details, see Basic Animation 2D).
  • Use Dragonframe to set the focus in the the area, where you placed your drawing or objects. (for questions on using Auto-Focus and details, see Focusing-Dragonframe).
  • Click on X-Sheet in the upper right hand corner of Dragonframe (for questions about X-Sheet, see X-Sheet Dragonframe).
  • Take several frames of your artwork and/or objects.


2D Animation (Hand-Drawn)

For 2D Animation, we will use a hand drawn circle to demonstrate how Onion skinning works. Be aware that if the lines are darker, then it's on the Live View when the onion skin is activated.



2DAnimation(GIF).gif

(Fig. 2.0)

(A GIF example of 2D Animation without onion skinning.)
2DOnionskin (480x270).gif

(Fig. 2.1)

(A GIF example of onion skinning with 2D Animation.)

2DOnion1JPEG.jpg

(Fig. 2.2)

1.The first frame (Fig. 2.2), without the Onion skin, shown in the Live-View.


2DOnion2JPEG.jpg

(Fig. 2.3)

2.Right after taking the shot of the first frame, the opacity is lower.
The second frame (Fig. 2.3), with thicker lines, has been drawn and ready to be taken as a shot through the Live-View,
while the previous frame is pushed to the background.

2DOnion3JPEG.jpg

(Fig. 2.5)

3.Right after taking the frame shot of the second frame, the opacity is lower.
The third frame (Fig. 2.5), with thicker lines, has been drawn and ready to be taken as a shot through the Live-View.

2DOnion4JPEG.jpg

(Fig. 2.6)

4.Right after taking the frame shot of the third frame, the opacity is lower.
The fourth frame (Fig. 2.6), with thicker lines, has been drawn and ready to be taken as a shot through the Live-View.

2DOnion5JPEG.jpg

(Fig. 2.7)

5.Right after taking the frame shot of the fourth frame, opacity is lower.
The fifth frame (Fig. 2.7), with thicker lines, has been drawn and is ready to be taken as a shot through the Live-View.

Realigning The Stand

Another useful thing to note in your project is, by using onion skinning, you have the ability to align your artwork in position within the frame when re-opening your Dragonframe folder. This is helpful to use if the Main Animation Desk or the height adjustment (that holds the camera) has been bumped or altered.

3D Animation

By using this puppet, we will only be moving its arms as an example for using Onion skinning for 3D Animation.



3DAnimation 480x270.gif

(Fig. 3.0)

(A GIF example of 3D Animation without onion skinning.)
3DOnionskin480x270.gif

(Fig. 3.1)

(A GIF example of onion skinning with 3D Animation.)

3DOnion1 .jpg

(Fig. 3.2)

1.The puppet repositioned to be taken as the first frame (Fig. 3.2).

3DOnion2 .jpg

(Fig. 3.3)

2.After taking the shot of the first frame, the opacity of the arms are lower when moving the arms.
Right after repositioning the puppet (Fig.3.3), it is now ready to be taken as a second frame through the Live-View.

3DOnion3 .jpg

(Fig. 3.4)

3.After capturing the second frame, the arms repositioned and is ready to be shot as a third frame (Figure 3.4).

3DOnion4 .jpg

(Fig. 3.5)

4.The arms repositioned to be shot as a fourth frame (Fig 3.5).

3DOnion5 .jpg

(Fig. 3.6)

5.The arms repositioned to be shot for the fifth frame (Fig. 3.6).

3DOnion6 .jpg

(Fig. 3.7)

6.The last and final shot of repositioning the puppet (Fig. 3.7).