Quiero crear la siguiente transformación transformando la capa NEGRA del gif adjunto. Sé cómo transformar la parte blanca (así creé el gif). es posible? En mi versión de producción, la parte blanca es en realidad una imagen de la luna que quiero ocultar progresivamente, simulando las fases de la luna. La razón por la que no puedo transformar la parte blanca es que distorsiona la imagen de la luna. Los otros 3/4 del ciclo los he descifrado, pero este me tiene perplejo.
Usando un círculo negro simple, movido para estar fuera del lienzo para comenzar. Simplemente agregue marcadores clave Position
al principio y al final....
O... si necesita el tipo de máscara opuesta, semicírculo, cree una forma larga y un semicírculo recortado del lado derecho, luego anímelo de la misma manera... (Tenga en cuenta que la imagen de arriba es en realidad más correcto en cuanto a cómo aparecerían/ocultarían las fases lunares, pero incluí esto para que coincida con su pregunta).
Posiblemente podría hacer cualquiera de estos con una máscara en la capa Luna y luego animar la máscara. En ese caso, simplemente necesitaría una capa de fondo.
Y, por supuesto, si simplemente desea animar la luna moviéndose hacia la derecha, todo lo que necesita hacer es animar esa capa y agregar una capa de fondo estática apropiada que se "descubre" a medida que la luna se mueve...
Aunque esto ya está respondido por el usuario. Sigamos la lógica.
La luna no cambia de forma.
Lo único que cambia es la parte iluminada.
La respuesta, usa una máscara.
Usa la animación que ya hiciste como máscara sobre la luna llena iluminada sobre la luna oscura.
Mi solución
Basado en la inspiración de @Scott. Hizo una capa del mismo tamaño que el círculo. Rellénalo de negro. Lo movió 1/2 hacia la izquierda (1/2 fuera de la pantalla, 1/2 medio círculo superpuesto) Recorte el medio círculo de la capa negra. Hice la segunda capa, rellénela con negro y muévala completamente fuera de la pantalla hacia la izquierda. Primera capa negra transformada usando el controlador central más a la izquierda hasta el final a la derecha. Se movió la segunda capa negra a la derecha simultáneamente (necesaria porque la primera capa finalmente reveló el círculo blanco debajo de ella, ya que se redujo a 0 de ancho).
ACTUALIZAR El siguiente gif incorpora la solución anterior. No es exacto por las razones que señala @user287001, pero es suficiente para mostrárselo a mi clase de sexto grado.
Averiguar cómo transformar la luna giratoria (manteniendo la parte blanca siempre mirando hacia la derecha, hacia el sol) fue otro problema que no pude resolver. Podría rotarlo perfectamente alrededor del punto central con la parte blanca siempre mirando hacia adentro. Lo que se publica tiene una luna 3d que se transforma manualmente unas 70 veces a la posición aproximada; es por eso que está un poco nervioso.
Para hacerlo bien geométricamente y también en el tiempo, puede trabajar con Illustrator o 3D de Photoshop. El siguiente ejemplo está en Illustrator. Un semicírculo se gira a una esfera con un efecto de revolución 3D y se asigna un rectángulo medio negro sobre él. La otra mitad es cian para que sea visible contra mi mesa de trabajo blanca sin sombreado:
En la siguiente imagen, el "arte" mapeado está escalado para ajustarse. Los ángulos de visión se pueden cambiar para adaptarse a todas las vistas posibles.
Su vista de ejemplo con polos aparentes en la parte superior e inferior solo necesita que un ángulo sea distinto de cero. Puede cambiarlo, digamos, en pasos de 12 grados de 0 a 360 para obtener un ciclo completo como 30 instantáneas. Puede copiar y pegar cada versión en una capa diferente de Photoshop.
Vuelva a abrir el cuadro de diálogo de configuración de vista haciendo clic en "Giro 3D" en el panel Apariencia
Dije "justo a tiempo, también". Si hace los marcos con pasos de ángulo de rotación uniformes, la velocidad aparente del borde claro-oscuro cambia a la derecha. Es más rápido en la media luna y más lento en las lunas llena y nueva.
Científicamente, esto es solo una aproximación aproximada porque no tiene en cuenta la complejidad total de la órbita de la luna, ni siquiera el movimiento orbital de la tierra. Pero es más realista que cualquier movimiento lineal o escalar con una velocidad constante.
Estoy seguro de que las personas que usan editores de video avanzados harían esto directamente como video en su programa con el mismo efecto 3D + definiendo la rotación. Está fuera del alcance de esta respuesta.
AGREGAR: esto no se solicitó, pero Illustrator también puede producir un diagrama de movimiento orbital exacto. Objeto > Transformar > Rotar realiza rotaciones exactas y fácilmente repetibles (=Ctrl+D).
El círculo magenta es solo por conveniencia. En realidad, es incoloro y sin trazos, solo está ahí para hacer que la forma sea simétrica para una rotación constante sin necesidad de establecer el centro.
La forma negra original se duplica (=Alt+Arrastrar) y se coloca en cada versión girada. Se ajusta exactamente en Illustrator si las guías inteligentes están activadas.
scott
mseifert
mseifert
joojaa
lobo