After Effects Graph Editor: the complete, easy guide
Understand the Value Graph and Speed Graph, read every curve correctly, and shape acceleration, deceleration and timing with confidence.
دليل تحريك After Effects
شرح Graph Editor في After Effects ببساطة وتفصيل
افهم Value Graph وSpeed Graph، واقرأ كل منحنى صح، وتحكم في التسارع والتباطؤ والتوقيت بثقة.
Guía de animación en After Effects
Graph Editor de After Effects: guía completa y fácil
Entiende Value Graph y Speed Graph, interpreta cada curva y controla aceleración, frenado y ritmo con precisión.
•16 min read•After Effects 26.3
Graph Editor
The idea in one sentence
Keyframes define where a value starts and ends; the Graph Editor defines how it travels between them. The Value Graph plots the property value over time, while the Speed Graph plots how fast that value is changing.
Current-version note
This guide was checked against Adobe After Effects 26.3 (June 2026). The 2026 releases add major 3D, vector, typography and workflow features, while the Graph Editor model and controls described here remain the current official workflow.
1. What the Graph Editor actually controls
Two identical keyframes can feel completely different depending on their interpolation. Linear motion travels at a constant rate and changes speed abruptly. Bezier interpolation lets speed change gradually. Easy Ease is a fast starting point, but the Graph Editor is where you decide how long the object lingers, when it accelerates, where it reaches maximum speed, and how sharply it stops.
Open it with the Graph Editor button in the Timeline. Select the animated property—not only the layer—so its curve appears. Press U to reveal animated properties, select the keyframes and press F9 for Easy Ease before shaping the curve when you want a smooth start.
2. Value Graph vs Speed Graph
Value Graph
Speed Graph
Vertical axis
Property value: pixels, degrees, percent…
Rate of change: px/sec, %/sec, degrees/sec…
Horizontal axis
Composition time
Composition time
Read the height as
The value at that moment
The speed at that moment
A flat line means
The value is not changing
Constant speed; at zero, no movement
A steep segment means
Fast value change
Not applicable—the height, not slope, is speed
Best for
Precise values, overshoot, bounce, separate X/Y/Z
Natural easing, acceleration and deceleration
With Auto-Select Graph Type, After Effects normally chooses the Value Graph for temporal properties such as Opacity and the Speed Graph for spatial properties such as Position. You can force either view from Choose Graph Type and Options.
3. Reading the Value Graph — numbered image
123456
Value Graph supplied for this guide, with numbered overlays.
1
Time ruler
Time runs from left to right. Moving a keyframe horizontally changes when its value occurs and therefore changes the overall timing.
2
Value axis
The vertical scale shows the actual property value. In this Position example it is pixels, from about 190 px to 885 px.
3
Starting keyframe
The first red point stores the starting value. The curve is nearly horizontal here, so the layer leaves the start slowly.
4
Curve and slope
The red curve is value over time. Its steepest middle section is the fastest change. The slope—not the curve height—describes speed in this graph.
5
Ending keyframe
The final point stores the destination. The curve flattens as it arrives, which means deceleration into a gentle stop.
6
Work area / time range
The green line and blue range controls indicate the timeline region visible in the screenshot; they provide time context and are not an animation curve.
The slope rule
Flat: no value change.
Gentle slope: slow change.
Steep slope: fast change.
Upward: the value increases.
Downward: the value decreases.
Curve passes beyond a target then returns: overshoot.
4. Reading the Speed Graph — numbered image
12345678
Speed Graph supplied for this guide, with numbered overlays.
1
Time axis
Left to right is the time between the two keyframes.
2
Speed axis
The vertical scale is pixels per second. Here the graph reaches a little above 500 px/sec.
3
Start at 0 speed
The first keyframe sits on the baseline, so the object begins at rest.
4
Acceleration
As the curve rises, speed increases. A broader rise means acceleration is spread across more of the shot.
5
Peak speed
The highest point is maximum speed, not maximum position. The object is near the middle of its trip.
6
Deceleration
The falling curve means the object is slowing. Moving the peak changes the balance between acceleration and braking.
7
Finish at 0 speed
The second keyframe returns to the baseline, creating a complete stop.
8
Graph Editor toolbar
This row contains graph display, snapping, fit/zoom, Separate Dimensions and keyframe interpolation controls. Hover each icon for its current Adobe tooltip.
The most common misunderstanding
In the Speed Graph, a flat horizontal line above zero means constant speed, not a stopped object. Only a line on zero means no movement. The slope of a speed curve describes acceleration; its height describes speed.
5. Bezier handles, speed and influence
A keyframe can have an incoming handle and an outgoing handle. In the Speed Graph, dragging a handle up or down changes the speed entering or leaving the keyframe. Dragging it left or right changes its influence—how much of the interval is controlled by that ease.
Long handle from the first keyframe: slower departure, longer acceleration.
Long handle into the last keyframe: earlier, longer deceleration.
Short handles: speed changes are concentrated near the keyframes.
Alt-drag / Option-drag: split joined handles and control incoming and outgoing motion independently.
For exact numbers, use Animation → Keyframe Velocity. Adobe’s default Easy Ease sets speed to 0 and influence to 33.33% on both sides. Increasing influence toward 70–85% is a common way to create a longer, stronger ease, but judge it in motion rather than treating one number as universally correct.
6. Practical workflow: make a clean UI move
1 · Set the movementCreate only two Position keyframes and put them at the exact start and end times.
2 · Add a base easeSelect both keyframes and press F9. Open Graph Editor and choose Edit Speed Graph.
3 · Shape the paceDrag the start handle right for a slower launch and the end handle left for a longer landing. Preview at full speed.
Want a snappy entrance? Keep the acceleration short and give the end more influence. Want a luxurious float? Use longer influence on both ends and more time between keyframes. Want constant mechanical travel? Use Linear interpolation or a flat Speed Graph above zero.
7. The controls at the bottom of the editor
Show Properties: selected properties, animated properties, or a custom Graph Editor Set.
Graph Type and Options: Auto-Select, Value Graph, Speed Graph, Reference Graph, audio waveforms, layer In/Out points, markers, tooltips, Expression Editor and subframe keyframes.
Snap: snaps to times, values, keyframes, current time, markers, work area and comp boundaries. Ctrl/Command temporarily toggles snapping after dragging begins.
Auto Zoom Height: continually fits the graph vertically.
Fit Selection / Fit All: frames selected keyframes or all visible curves.
Separate Dimensions: turns Position into X Position, Y Position and Z Position for independent Value Graph control.
Keyframe tools: add/convert keyframes, Easy Ease, Easy Ease In and Easy Ease Out.
8. Common problems and fixes
No curve appears: select the animated property or choose Show Animated Properties; make sure it has at least two keyframes.
You see one speed curve for Position: that is expected for a spatial property. Use Separate Dimensions if you need independent X/Y/Z Value Graphs.
Handles are missing: change temporal interpolation to Bezier/Continuous Bezier, or apply Easy Ease.
Dragging changes the wrong thing: remember vertical movement affects value or speed; horizontal movement affects time or influence depending on what you grabbed.
The animation pauses at every middle keyframe: excessive Easy Ease can force speed to zero. Use Continuous Bezier or roving keyframes for smooth travel through intermediate spatial points.
The graph is off-screen: click Fit Selection or Fit All. Disable Auto Zoom Height when you need manual vertical navigation.
9. Five rules that make curves easier
Use the fewest keyframes that describe the motion.
Choose the graph based on the question: “What value?” → Value Graph; “How fast?” → Speed Graph.
Read the Value Graph by slope and the Speed Graph by height.
Adjust timing first, then curve shape, then polish influence.
Always preview the animation; a beautiful curve can still feel wrong in context.
الـKeyframes تحدد بداية القيمة ونهايتها، والـGraph Editor يحدد كيف تنتقل بينهما. يعرض Value Graph قيمة الخاصية مع الزمن، بينما يعرض Speed Graph سرعة تغير هذه القيمة.
ملاحظة عن آخر إصدار
تمت مراجعة الدليل على After Effects 26.3، إصدار يونيو 2026. تحديثات 2026 أضافت مزايا كبيرة للـ3D والفيكتور والخطوط وسير العمل، بينما ما زال نظام Graph Editor والتحكمات المذكورة هنا هو الأسلوب الرسمي الحالي.
1. ما الذي يتحكم فيه Graph Editor؟
يمكن لنفس الـKeyframes أن تعطي حركة مختلفة تمامًا حسب نوع الـInterpolation. الحركة Linear تسير بمعدل ثابت وتتغير سرعتها فجأة، بينما Bezier يسمح للسرعة أن تتغير تدريجيًا. Easy Ease بداية سريعة، لكن Graph Editor هو المكان الذي تحدد فيه مدة التمهل وموعد التسارع وأعلى سرعة وحدّة التوقف.
إحساس الحركة = القيم + توقيت الـKeyframes + شكل المنحنى
افتحه من زر Graph Editor في الـTimeline. اختر الخاصية المتحركة نفسها، وليس الـLayer فقط. اضغط U لإظهار الخصائص المتحركة، ثم حدد الـKeyframes واضغط F9 لإضافة Easy Ease كنقطة بداية ناعمة.
2. الفرق بين Value Graph وSpeed Graph
Value Graph
Speed Graph
المحور الرأسي
قيمة الخاصية: بكسل، درجة، نسبة مئوية…
معدل التغير: px/sec أو %/sec أو degree/sec…
المحور الأفقي
زمن الـComposition
زمن الـComposition
ارتفاع المنحنى يعني
القيمة في هذه اللحظة
السرعة في هذه اللحظة
الخط الأفقي يعني
القيمة ثابتة
سرعة ثابتة؛ وعند الصفر لا توجد حركة
الجزء شديد الميل
تغير سريع في القيمة
الميل هنا يصف التسارع، لا السرعة
الأفضل لـ
القيم الدقيقة وOvershoot وBounce وفصل X/Y/Z
الـEasing والتسارع والتباطؤ الطبيعي
مع Auto-Select Graph Type يختار After Effects عادة Value Graph للخصائص الزمنية مثل Opacity وSpeed Graph للخصائص المكانية مثل Position. ويمكنك اختيار أي منهما يدويًا من Choose Graph Type and Options.
3. قراءة Value Graph — شرح الصورة بالأرقام
123456
صورة Value Graph المرفقة للدليل بعد إضافة العلامات التوضيحية.
1
مسطرة الزمن
الزمن يتحرك من اليسار لليمين. تحريك Keyframe أفقيًا يغير لحظة حدوث القيمة وبالتالي يغير التوقيت الكلي.
2
محور القيمة
المقياس الرأسي يعرض القيمة الحقيقية للخاصية. في مثال Position هنا تبدأ تقريبًا من 190 px وتنتهي قرب 885 px.
3
Keyframe البداية
النقطة الحمراء الأولى تحفظ قيمة البداية. المنحنى أفقي تقريبًا عندها، لذلك يخرج العنصر من البداية ببطء.
4
المنحنى والميل
الخط الأحمر هو القيمة مع الزمن. الجزء الأكثر انحدارًا في المنتصف هو أسرع تغير. في Value Graph الميل هو الذي يصف السرعة، وليس ارتفاع المنحنى.
5
Keyframe النهاية
النقطة الأخيرة تحفظ قيمة الوصول. تسطح المنحنى عندها يعني أن العنصر يتباطأ إلى توقف ناعم.
6
Work Area / نطاق الزمن
الخط الأخضر والمقابض الزرقاء يحددان نطاق الـTimeline الظاهر في الصورة؛ وهما ليسا منحنى حركة.
قاعدة الميل
أفقي: القيمة لا تتغير.
ميل بسيط: تغير بطيء.
ميل حاد: تغير سريع.
صاعد: القيمة تزيد.
هابط: القيمة تقل.
يتجاوز الهدف ثم يعود: Overshoot.
4. قراءة Speed Graph — شرح الصورة بالأرقام
12345678
صورة Speed Graph المرفقة للدليل بعد إضافة العلامات التوضيحية.
1
محور الزمن
من اليسار لليمين ترى المدة بين الـKeyframe الأولى والثانية.
2
محور السرعة
المقياس الرأسي هنا بكسل في الثانية، ويصل المنحنى إلى ما يزيد قليلًا عن 500 px/sec.
3
البداية بسرعة صفر
الـKeyframe الأولى على خط الصفر، أي أن العنصر يبدأ من السكون.
4
التسارع
ارتفاع المنحنى يعني زيادة السرعة. كلما اتسع الصعود توزع التسارع على مدة أطول.
5
أعلى سرعة
أعلى نقطة هي السرعة القصوى وليست أعلى قيمة Position. غالبًا يكون العنصر قريبًا من منتصف رحلته.
6
التباطؤ
هبوط المنحنى يعني أن العنصر يبطئ. تغيير مكان القمة يغير التوازن بين التسارع والفرملة.
7
النهاية بسرعة صفر
عودة المنحنى لخط الصفر عند الـKeyframe الثانية تعني توقفًا كاملًا.
8
شريط أدوات Graph Editor
يضم خيارات العرض وSnap وFit/Zoom وSeparate Dimensions وأدوات تحويل الـKeyframes والـEasing. مرّر المؤشر على كل أيقونة لترى اسمها الحالي من Adobe.
أشهر خطأ في الفهم
في Speed Graph، الخط الأفقي فوق الصفر يعني سرعة ثابتة وليس توقفًا. التوقف يحدث فقط عند الصفر. ارتفاع المنحنى يصف السرعة، وميله يصف التسارع.
5. مقابض Bezier والسرعة وInfluence
قد يكون للـKeyframe مقبض دخول ومقبض خروج. في Speed Graph، سحب المقبض لأعلى أو لأسفل يغير السرعة الداخلة أو الخارجة. وسحبه يمينًا أو يسارًا يغير Influence، أي مقدار الزمن الذي يتأثر بهذا الـEase.
مقبض طويل خارج البداية: انطلاق أبطأ وتسارع أطول.
مقبض طويل داخل النهاية: تباطؤ يبدأ مبكرًا ويستمر أطول.
مقابض قصيرة: تغير السرعة يتركز قرب الـKeyframes.
Alt-drag / Option-drag: يفصل المقبضين للتحكم في الدخول والخروج بشكل مستقل.
للدقة الرقمية افتح Animation → Keyframe Velocity. قيمة Easy Ease الافتراضية من Adobe تجعل السرعة صفرًا وInfluence بقيمة 33.33% على الجانبين. رفع Influence إلى 70–85% شائع للحصول على Ease أطول وأقوى، لكن الحكم النهائي يكون من مشاهدة الحركة.
6. تطبيق عملي: حركة UI نظيفة
1 · حدد الحركةأنشئ Keyframe اثنتين فقط للـPosition وضعهما في توقيت البداية والنهاية بدقة.
3 · شكّل الإيقاعاسحب مقبض البداية للداخل لانطلاق أهدأ ومقبض النهاية للداخل لوصول أطول، ثم اعمل Preview بالسرعة الكاملة.
لدخول سريع: اجعل التسارع قصيرًا وأعطِ النهاية Influence أكبر. لحركة فاخرة هادئة: استخدم Influence طويلًا على الطرفين وزد الزمن بين الـKeyframes. لحركة ميكانيكية ثابتة: استخدم Linear أو خط Speed Graph أفقيًا فوق الصفر.
7. أدوات أسفل Graph Editor
Show Properties: عرض الخصائص المحددة أو المتحركة أو مجموعة Graph Editor مخصصة.
Graph Type and Options: الاختيار التلقائي وValue وSpeed وReference Graph والـAudio Waveforms وحدود الـLayers والـMarkers والـTooltips وExpression Editor والـSubframe Keyframes.
Snap: محاذاة للأزمنة والقيم والـKeyframes والمؤشر والـMarkers وحدود Work Area والـComposition. استخدم Ctrl/Command أثناء السحب لتبديله مؤقتًا.
Auto Zoom Height: يلائم ارتفاع الرسم تلقائيًا.
Fit Selection / Fit All: يُظهر الـKeyframes المحددة أو كل المنحنيات داخل الشاشة.
Separate Dimensions: يحول Position إلى X وY وZ مستقلة للتحكم بها في Value Graph.
أدوات Keyframe: إضافة وتحويل النقاط وEasy Ease وEasy Ease In وEasy Ease Out.
8. أشهر المشاكل وحلولها
لا يظهر منحنى: حدد الخاصية المتحركة أو اختر Show Animated Properties وتأكد من وجود Keyframe اثنتين على الأقل.
يظهر منحنى سرعة واحد للـPosition: هذا طبيعي للخاصية المكانية. استخدم Separate Dimensions إذا أردت X/Y/Z منفصلة.
لا تظهر المقابض: غيّر Temporal Interpolation إلى Bezier أو Continuous Bezier، أو طبّق Easy Ease.
السحب يغير شيئًا غير متوقع: رأسيًا يغير القيمة أو السرعة؛ أفقيًا يغير الزمن أو Influence حسب الجزء الذي تمسكه.
العنصر يتوقف عند كل نقطة وسطية: Easy Ease قد يجبر السرعة على الصفر. استخدم Continuous Bezier أو Roving Keyframes للحركة السلسة عبر النقاط المكانية.
الرسم خارج الشاشة: استخدم Fit Selection أو Fit All، وأوقف Auto Zoom Height إذا احتجت تحكمًا رأسيًا يدويًا.
9. خمس قواعد تسهّل المنحنيات
استخدم أقل عدد Keyframes يصف الحركة.
اختر الرسم حسب السؤال: «ما القيمة؟» = Value Graph، «كم السرعة؟» = Speed Graph.
اقرأ Value Graph من الميل وSpeed Graph من الارتفاع.
عدّل التوقيت أولًا، ثم شكل المنحنى، ثم Influence.
شاهد Preview دائمًا؛ قد يكون المنحنى جميلًا لكن الحركة غير مناسبة للسياق.
Los keyframes definen dónde empieza y termina un valor; el Graph Editor define cómo viaja entre ambos. Value Graph muestra el valor de la propiedad y Speed Graph muestra la velocidad de cambio.
Versión actual
La guía fue revisada con After Effects 26.3 (junio de 2026). Las versiones 2026 añaden grandes funciones 3D, vectoriales, tipográficas y de flujo de trabajo; el modelo y los controles del Graph Editor descritos aquí siguen siendo el flujo oficial actual.
1. Qué controla realmente el Graph Editor
Los mismos keyframes pueden producir movimientos completamente diferentes según su interpolación. Linear mantiene una tasa constante y cambia la velocidad de golpe. Bezier permite cambios graduales. Easy Ease es un buen punto de partida, pero el Graph Editor decide cuánto tarda en arrancar, cuándo acelera, dónde alcanza su máxima velocidad y cómo frena.
Sensación del movimiento = valores + timing + curva de interpolación
Ábrelo con el botón Graph Editor del Timeline. Selecciona la propiedad animada, no solo la capa. Pulsa U para revelar propiedades animadas y F9 sobre los keyframes para aplicar Easy Ease como base.
2. Value Graph frente a Speed Graph
Value Graph
Speed Graph
Eje vertical
Valor: píxeles, grados, porcentaje…
Velocidad de cambio: px/s, %/s, grados/s…
Eje horizontal
Tiempo de composición
Tiempo de composición
La altura indica
El valor en ese instante
La velocidad en ese instante
Una línea plana
El valor no cambia
Velocidad constante; en cero, reposo
Un tramo inclinado
Cambio rápido de valor
La pendiente representa aceleración, no velocidad
Ideal para
Valores, overshoot, rebotes, X/Y/Z
Easing, aceleración y frenado
Con Auto-Select Graph Type, After Effects suele elegir Value Graph para propiedades temporales como Opacity y Speed Graph para propiedades espaciales como Position. Puedes forzar cualquier vista desde Choose Graph Type and Options.
3. Cómo leer Value Graph — imagen numerada
123456
Value Graph facilitado para esta guía, con marcadores numerados.
1
Regla de tiempo
El tiempo avanza de izquierda a derecha. Mover un keyframe horizontalmente cambia cuándo sucede y altera el timing.
2
Eje de valor
La escala vertical muestra el valor real. En este ejemplo de Position va de unos 190 px a 885 px.
3
Keyframe inicial
El primer punto guarda el valor inicial. La curva casi horizontal indica una salida lenta.
4
Curva y pendiente
La curva roja es valor frente a tiempo. La zona más inclinada cambia más rápido: aquí la pendiente, no la altura, representa velocidad.
5
Keyframe final
El último punto guarda el destino. Al aplanarse la curva, el objeto desacelera hasta detenerse suavemente.
6
Work Area / rango temporal
La línea verde y los controles azules dan contexto temporal; no forman parte de la curva de animación.
Regla de la pendiente
Plana: valor inmóvil.
Pendiente suave: cambio lento.
Pendiente fuerte: cambio rápido.
Ascendente: aumenta el valor.
Descendente: disminuye.
Supera el destino y regresa: overshoot.
4. Cómo leer Speed Graph — imagen numerada
12345678
Speed Graph facilitado para esta guía, con marcadores numerados.
1
Eje de tiempo
De izquierda a derecha vemos la duración entre ambos keyframes.
2
Eje de velocidad
La escala vertical está en píxeles por segundo y supera ligeramente 500 px/s.
3
Inicio a velocidad 0
El primer keyframe toca la base: el objeto parte desde reposo.
4
Aceleración
Al subir la curva aumenta la velocidad. Una subida ancha reparte la aceleración durante más tiempo.
5
Velocidad máxima
El punto más alto es máxima velocidad, no máxima posición. El objeto suele estar cerca de la mitad del trayecto.
6
Desaceleración
La bajada significa que el objeto frena. Mover el pico cambia el equilibrio entre acelerar y frenar.
7
Final a velocidad 0
La vuelta a cero crea una parada completa.
8
Barra de herramientas
Incluye visualización, Snap, Fit/Zoom, Separate Dimensions y controles de interpolación. Pasa el cursor para ver el tooltip actual de Adobe.
La confusión más común
En Speed Graph, una línea horizontal por encima de cero significa velocidad constante, no reposo. Solo cero significa que no se mueve. La altura es velocidad; la pendiente es aceleración.
5. Tiradores Bezier, velocidad e Influence
Un keyframe puede tener tiradores de entrada y salida. En Speed Graph, mover un tirador arriba o abajo cambia la velocidad entrante o saliente. Moverlo horizontalmente cambia su Influence: cuánto intervalo controla ese easing.
Tirador largo desde el inicio: salida lenta y aceleración prolongada.
Tirador largo hacia el final: frenado temprano y largo.
Tiradores cortos: cambios concentrados cerca de los keyframes.
Alt-drag / Option-drag: separa los tiradores para controlar entrada y salida.
Para valores exactos usa Animation → Keyframe Velocity. Easy Ease de Adobe establece velocidad 0 e Influence de 33,33% a ambos lados. Un 70–85% suele producir una transición más larga y marcada, pero el resultado debe juzgarse reproduciendo la animación.
6. Flujo práctico para una animación UI
1 · Define el viajeCrea solo dos keyframes de Position y colócalos en los tiempos exactos de inicio y fin.
2 · Aplica una baseSelecciona ambos, pulsa F9, abre Graph Editor y elige Edit Speed Graph.
3 · Diseña el ritmoAlarga el tirador inicial para una salida lenta y el final para una llegada larga. Previsualiza a velocidad real.
Para una entrada rápida, acelera pronto y da más influencia al final. Para movimiento elegante, usa influencia larga en ambos extremos y más tiempo total. Para movimiento mecánico constante, usa Linear o una línea plana del Speed Graph por encima de cero.
7. Controles inferiores del editor
Show Properties: propiedades seleccionadas, animadas o un Graph Editor Set.
Graph Type and Options: Auto-Select, Value, Speed, Reference Graph, audio, puntos In/Out, marcadores, tooltips, Expression Editor y keyframes entre fotogramas.
Snap: ajusta a valores, tiempos, keyframes, tiempo actual, marcadores, Work Area y límites de composición. Ctrl/Command lo alterna temporalmente una vez iniciado el arrastre.
Auto Zoom Height: ajusta automáticamente la altura.
Fit Selection / Fit All: encuadra keyframes seleccionados o todas las curvas.
Separate Dimensions: separa Position en X, Y y Z para editar cada Value Graph.
Herramientas de keyframe: añadir/convertir y Easy Ease, Ease In y Ease Out.
8. Problemas frecuentes
No aparece la curva: selecciona la propiedad animada o Show Animated Properties y comprueba que tenga dos keyframes.
Position muestra una sola curva: es normal en una propiedad espacial. Usa Separate Dimensions para X/Y/Z.
No hay tiradores: cambia Temporal Interpolation a Bezier/Continuous Bezier o aplica Easy Ease.
El arrastre cambia otra cosa: vertical cambia valor/velocidad; horizontal cambia tiempo/influencia según el elemento agarrado.
Se detiene en cada keyframe intermedio: Easy Ease puede llevar la velocidad a cero. Usa Continuous Bezier o roving keyframes.
La curva queda fuera de vista: usa Fit Selection o Fit All y desactiva Auto Zoom Height para navegar verticalmente.
9. Cinco reglas útiles
Usa el menor número posible de keyframes.
Elige según la pregunta: «¿qué valor?» → Value; «¿a qué velocidad?» → Speed.
Lee Value Graph por su pendiente y Speed Graph por su altura.
Ajusta primero el timing, después la curva y finalmente Influence.
Siempre reproduce: una curva bonita también puede sentirse mal en contexto.
