Transcripciones
1. Introducción: Hola a todos, mi nombre es Colleen. Bienvenidos a mi clase. Crear una animación para
alguien que no tiene habilidades de
dibujo puede ser
desafiante y desalentador. Es por ello que he creado
una manera fácil de hacer animaciones que no
requieren habilidades de dibujo. Y en esta lección, te
mostraré cómo crear
estas animaciones geniales. Tanto si eres
femenino como masculino, puedes seguir estos pasos
que
te voy a mostrar y aplicar estas técnicas
a tus animaciones. He creado
estas animaciones
filmando a mí mismo y a
otras personas con un smartphone usando una
imagen estática que he animado. Las herramientas que necesitamos para esta
clase es Adobe Photoshop. Si quieres hacer una animación donde seas el sujeto, el primer paso es
filmarte o hacerte una selfie, dependiendo del tipo de animación que te
gustaría hacer. Entonces los siguientes pasos
consisten en seleccionar las imágenes de la animación estilizadas y ajustarlas para luego guardarlas. Continuaremos con
el proceso de animación en Adobe Photoshop y
lo exportaremos en formato GIF o MP4. Te mostraré que el proceso
es para la mayoría de las animaciones que has
visto en esta introducción. Y no puedo esperar para
revelarte mis consejos y trucos. Así que comencemos.
2. Estilizar la imagen: Empecemos con una
animación sencilla basada en una imagen. Hay una herramienta increíble
en internet que me
llama. Es posible que hayas oído hablar de ello, pero si no lo
hiciste, ahora tendrás la
oportunidad de explorar esta aplicación gratuita de
edición de fotos que
transforma tu imagen
en dibujos de dibujos animados. Sube aquí tu foto haciendo
clic en el signo más. Para la versión gratuita, tendrás una marca de agua en la parte inferior del
lado derecho de tu imagen. Haz clic en las opciones de dibujos animados en el lado derecho y elige
tu estilo de caricatura favorito. También puede hacer clic en el botón
Laboratorios, luego en. Intentemos divertirnos con
más versiones de dibujos animados. Si no te gusta el estilo, entonces puedes volver a la página original y dar
click en Más Estilos. Si haces clic en el cuarto
estilo desde arriba,
tendrás la opción de elegir algunas lindas historias de melodía
en la parte inferior. Estas dos historias también están disponibles para la
versión femenina y masculina. Vamos a explorar
primero la versión femenina y luego la versión masculina. Me he metido en la foto de uno de mis amigos
para esta animación. Después de que hayas decidido qué estilo de caricatura te
gusta, descarga la imagen.
3. Chica de París – crear la animación: En este ejemplo,
vamos a crear estas lindas animaciones con una chica y su
pequeño login Paris. Una vez descargada la
imagen estilizada, ábrela en Adobe Photoshop, voy a borrar las
marcas de agua de todas las imágenes solo para estos ejercicios y
voy a usar la herramienta patch. El primer paso para este
tutorial es seleccionar un aislar la parte de la
imagen que se animará. En este caso, la falda
estará soplando al viento y el perrito
estará inclinando la cabeza. La Herramienta de Selección Rápida
y seleccione la cabeza del perro. Rectificar esas selecciones con
la herramienta lazo si es necesario. En el menú superior,
haga clic en seleccionar, modificar y expandir la
selección con un píxel. Haga clic con el botón derecho en el
área seleccionada y seleccione Capa vía Copiar para crear una nueva capa
solo con la cabeza del perro. Arrastre la capa uno hacia abajo hacia el signo más para crear
una copia renombrar Capa, querer perro un alelo, una copia a D2 con la capa D2 seleccionada
presione Control más T en Windows o
Comando D en Mac. Para seleccionar la herramienta
Transformación Libre, vamos a girar la cabeza del
perro hacia la izquierda, el centro o
la herramienta de
transformación libre hacia abajo para establecer el punto de rotación en la base del cuello del
perro y golpear Enter, seleccionar capa perro uno, y arrástralo hacia abajo hacia el
signo más para crear una copia. Mueva esta capa por encima de la capa D2 y
cámbiele el nombre para que no Selecciona de nuevo la herramienta de transformación
libre, ya que vamos a girar
la cabeza del perro hacia la derecha. Tire hacia abajo del centro de la herramienta
Transformación Libre para establecer el punto de rotación en la base del cuello del
perro y golpear Enter. Ahora vamos a borrar la cabeza del perro de
la capa de fondo, seleccionar la cabeza del perro y arrastrar la selección con la Herramienta
Parche hacia la derecha. Ahora vamos a aislar la falda
para seleccionar la falda con la Herramienta Selección Rápida y herramienta
lazo en la capa de
fondo. Haga clic con el botón derecho en el
área seleccionada y elija Capa vía Copiar para crear una nueva
capa solo con el faldón. Cambiar el nombre de esta capa sqrt one. Arrastre la capa sqrt
one hacia abajo hacia el signo más para crear una copia y renombrar esta
capa a faldón, para crear una animación
en Adobe Photoshop, debe abrir
el panel de línea de tiempo en el menú de la parte superior, haga clic en Ventana y seleccione de la línea de tiempo de la
ventana desplegable. En la parte inferior de tu ventana, verás la línea de tiempo abierta donde podrás crear
tu animación. En el centro
del panel de línea de tiempo, haga clic en la flecha a la derecha y seleccione Crear animación de
fotograma. Un
detalle muy importante es habilitar la línea de tiempo que
podría estar atenuada. Entonces para habilitarlo, presione el botón,
Crear animación de fotogramas. Y verás el primer fotograma que aparece en la línea de tiempo. Oculta el faldón
de capa haciendo clic en el icono de la izquierda en
el menú de la parte superior, haz clic en Editar que envoltura de marioneta. Esta herramienta ayudará a
manipular la falda. Da click en la falda para
crear frijoles y arrastra los alfileres hacia la derecha
como se muestra en la pantalla. Repita estos pasos
en la capa sqrt dos, pero esta vez, arrastre
la pieza hacia la izquierda. En el panel de línea de tiempo, haga clic en el icono más
para crear un nuevo marco. Haga clic en el marco uno y haga
visibles solo las capas, fondo y el perro uno. Con el segundo fotograma seleccionado, asegúrese de que solo estén visibles las
siguientes capas. El fondo, Scott
ganó y perro uno. Crea el primer
fotograma haciendo clic en el icono más y haz
visible el fondo de la capa, sqrt dos y Dongguan. Ahora crea un cuarto fotograma y las capas visibles
deben ser de fondo, sqrt dos y D2. Continúa agregando
el quinto fotograma que corresponde con el fondo de
capa. Y el marco D2 busca va con fondo de capa, sqrt uno y D2. El séptimo cuadro
va con fondo, Scott one y Dongguan. ayuda de marco va con
fondo de capa y cavó una. Ahora selecciona marcos 78.9, presiona la tecla Alt en Windows, tecla
Opción en Mac, y arrastra todos los fotogramas libres hacia la derecha para copiarlos
y crear una repetición. Haga clic en el icono más para
crear el tercer marco delgado. La capa visible debe ser de
fondo y libre de oscuridad. Crea el marco 14 y haz visible el fondo de la
capa, Scott One y libre de muelle. Crea Frame 15 y haz visible el fondo de la capa
sqrt dos y Dockery. Si reproduce la animación sin establecer el retardo de fotograma, se ve bastante estereotipo. Dominio de la animación
más natural, tenemos que establecer un
tiempo retardado a los fotogramas. Para ello, seleccione fotogramas
a ocho, luego 1,113.15. Después haga clic en la flecha pequeña en el marco donde está escrito. Segundo. Haga clic en Otro y
luego establezca el retraso en 0.43. Haga clic en Aceptar. Retardo central
en el cuadro uno a 0.3. Seleccione fotogramas 34.12 y
establezca el retardo en 0.17. En la quinta trama, establezca el retardo en 0.57. En el marco 14, ponlo en 0.43. El marco seis debe ser 0.07. Los fotogramas siete deben ser 0.27, y el marco nueve lo establece en 0.57. Ahora vamos a tocar la animación. Hay una corrección por hacer
en el fotograma 9.12. Ocultar la capa sqrt dos. Ahora vamos a exportar esta
animación en formato GIF. En el menú superior, haga clic en Archivo, exportar
y Guardar para Web Legacy. En la parte superior derecha, seleccione GIF, selectivo y difusión. Luego haz clic en Guardar.
4. Bíceps de flexión – estilizar y preparar la imagen: Sigamos creando
una animación para machos. Sube tu imagen para afinarme. Haz clic en la
caricatura de Cuarto Estilo desde la parte superior. Elige entre las historias de melodía, la imagen con los
bíceps y descárgala. Abre la imagen en
Adobe Photoshop. Tendremos que
aislar el brazo izquierdo para crear el movimiento de
flexión del bíceps. Toma la Herramienta de Selección Rápida y haz clic en la opción seleccionada. En el menú de la parte superior, haz clic en Seleccionar,
Modificar y Expandir. Ingrese el valor uno para expandir la selección y haga clic en Bien, haga clic botón derecho en el área de
selección, elija Capa vía Copiar y
renombrar el brazo de capa uno Arrastre esta capa
hacia abajo hacia el signo más para duplicarla y
renombrar la capa en. Ahora tendremos que borrar el brazo de la capa de
fondo. Entonces para hacer esto, presione Control en el teclado en
Windows o Comando en Mac, y haga clic en el icono
del brazo de capa uno
para seleccionar el brazo, haga clic en la capa de fondo
gruesa el herramienta cuentagotas, y seleccione una muestra
del fondo azul
en el menú superior, seleccione Editar y luego rellene
con el color de primer plano. Son restos del contorno
del brazo que quedan en el círculo azul
que puedes borrar usando la herramienta parche y
la herramienta clonar sello. A fin de deshacerse de la parte azul que
rebasa el círculo azul. Toma el mercado de curvas elípticas para colocarlo en el
centro del círculo. Presiona Alt más la tecla Mayús en el teclado en Windows o
Opción y Mayús en Mac. Y arrastra para crear un círculo de selección que
coincida con el círculo azul. Cambie la posición de la
selección si es necesario. Haga clic derecho en el área de
selección y haga clic en Seleccionar inverso. Toma la herramienta de sello clon
y borra la parte azul. Seleccione el brazo a la capa, luego vaya al menú superior y
elija Editar y envolver marionetas. Establezca los pocos pines como
se muestra en la pantalla. Toma el pin en la parte superior
y arrástralo hacia la izquierda. Agrega más pines para rectificar la forma del brazo y ajustar la forma
del bíceps para que luzcan
relajados, pulsa Enter.
5. Bíceps de flexión – crear la animación: Ahora vamos a crear la
animación en el menú superior. Haga clic en la ventana, luego
seleccione la línea de tiempo. En el centro
del panel de línea de tiempo, haga clic en la flecha
a la derecha y seleccione Crear animación de fotograma. Presiona el botón,
Crear animación, y verás el primer fotograma que aparece en la línea de tiempo. Oculta el brazo de capa dos
para este primer fotograma, presiona el signo más
en la parte inferior de la línea de tiempo para
crear otro fotograma, y esta vez haz que
la capa visible y oculta la capa una. Ahora tendremos que establecer un tiempo de
retardo para los fotogramas. En el primer fotograma, haga clic en la flecha pequeña
donde está escrita. En segundo lugar, haga clic en Otro
y establezca eso en 0.5. Establezca el retardo en el
segundo fotograma en dos. Si deseas agregar algún
texto a tu animación, continuaste siguiendo
los siguientes pasos. Gracias a la herramienta de tipo horizontal. Haga clic en la imagen y
escriba su propio eslogan, y luego elija
mostrar u ocultar la capa de texto en el
marco de su elección. Exporte la animación
haciendo clic en Exportación de
archivos y Guardar
para legado web. En la parte superior derecha, selecciona GIF, selectivo y difusión,
y luego haz clic en Guardar.
6. Chica de la luna – estilizar y preparar la imagen: Sube tu foto como se explicó
en las lecciones anteriores en el sitio y descarga la imagen con las
chicas sentadas en la luna. Abre la imagen en Adobe
Photoshop y arrastra la capa de fondo hacia el signo más para
duplicar la capa. Cambiar el nombre de esta capa, capa uno. Ir a la capa de fondo e intentar recrear el fondo partir de las rodillas del
personaje ya que vamos a crear una
animación de la pierna. Utilice la herramienta de clonar sello para
copiar partes del fondo. Utilice la herramienta de parche para
homogeneizar los colores. Ve a la capa uno y selecciona el personaje
y
la luna usando la herramienta Selección Rápida para
separarlos del fondo. En el menú superior,
haz clic en seleccionar, modificar y expande la selección con
un píxel en el menú superior, ve a Capa, Capa vía Copiar para separar el carácter
del fondo. Yo hice esta elección en dos ocasiones ya que la Herramienta de Selección Rápida también
tomaría el
fondo cuando
intenté seleccionar el lado
izquierdo de la luna. Ahora tenemos que copiar el lado
izquierdo de la luna la misma manera que se
explicó antes. Fusiona las dos capas superiores con el personaje y la luna
para tener solo una capa. Eliminar la capa intermedia, que solo tenía el fondo. Duplica la capa uno
y cámbiala a la capa dos Con la capa seleccionada, ve a Editar y
selecciona Envoltura de marioneta. Pon algunos pines como
se muestra en la pantalla. Mueve la pierna derecha ligeramente
hacia la derecha y golpea Enter. Duplicar la capa y
renombrarla para que viva libre. Con la función de envoltura de títeres, mueva la pierna derecha
nuevamente hacia la derecha.
7. Chica de la luna – crear la animación: Muestre la línea de tiempo en Adobe Photoshop como se explicó
en las lecciones anteriores y elija Crear animación de
fotogramas. Para el primer fotograma, haz visible el
fondo de capa y la capa uno. Agrega un nuevo marco y haz visible el
fondo de capa y la capa para agregar un nuevo marco y hacer visible el
fondo de capa y la capa tres. Duplica el segundo
fotograma dando click sobre él. Luego presiona la tecla Control
y pregunta en Windows o Comando
y Opción en Mac, y arrastra el fotograma después del primer fotograma para
crear el cuarto fotograma. Establezca el retardo en la
cuarta trama en 0.2. Ahora duplica la
capa uno y arrástrala por encima de la capa libre y
cámbiala para que viva. Usa la repetición de títeres, para mover el pie derecho hacia
la izquierda y presionar Enter. Crea un nuevo marco y haz visible solo la capa de
fondo de la capa para establecer el retardo en el
quinto fotograma en 0.1. Cambie la primera
trama retardada a 0.2, y la segunda trama, la primera trama a 0.3. Ahora hagamos
brillar esas estrellas en el cielo. Vaya al
fondo de la capa y seleccione los estilos como se muestra en la
pantalla con la herramienta pluma. Crea una selección
haciendo clic derecho en
cualquier parte de la imagen y
elige, Hacer selección. Copia el inicio
creando una nueva capa. Esta será la
capa número cinco, y debería ser visible
en la herramienta de marco. Hagamos que esta estrella sea más brillante. Entonces con la capa seleccionada, vaya al menú superior, haga clic en Ajuste de Imagen y ponga el
valor de brillo en 116. Asegúrese de que la capa cinco
esté oculta en el marco uno. Repite los pasos copiando las otras estrellas y
haciéndolas más brillantes. La nueva capa seis debe ser
visible solo en el marco uno. Puedes ocultar o hacer visibles
las estrellas según tu propio gusto o seguir
mis pasos en el video. Exportar la animación
haciendo clic en Exportación de
archivos y
Guardar para Web Legacy puede reducir el
tamaño del archivo al reducir la imagen a la mitad
de su tamaño actual. En la parte superior derecha, selecciona GIF, selectivo y difusión,
y luego haz clic en Guardar.
8. Animación basada en un video: elegir las imágenes: Tomemos un
ejemplo de creación de una animación basada en el video. Puedes usar un
video o puedes
sentirte como lo hice yo
para este video, cuya duración es de 2 s, tomó 15 capturas de pantalla que
usé en Adobe Photoshop, un formulario iframes, en mi iPhone. Tomé la primera captura de pantalla
al inicio de mi video. Lo he redimensionado y lo
guardé en mi teléfono. También puedes tomar la captura de pantalla en tu computadora
usando la herramienta de recorte. Después tomé mis siguientes
capturas de pantalla donde hubo un cambio significativo en
el movimiento en mi video. Una vez hechas las capturas de pantalla, transfiéralas a tu computadora.
9. Animación basada en un video: estilizar las imágenes: Ahora vamos a
divertirnos un poco y
caricaturimos las capturas de pantalla para
esta animación, he elegido la quinta
versión de arriba. Sube tus imágenes en mí, dibujos animados
uno por uno y
guárdalas en tu computadora. He descargado la imagen y sorprendentemente no conseguí
el extraño de marca de agua. A veces se obtiene la
marca de agua y a veces no.
10. Animación basada en un video: rectificar las imágenes: Realmente levanté
el máximo de agua de todas las imágenes solo
para estos ejercicios. Y yo uso la herramienta de clonar sello. fin de utilizar el
sello de clonación para presionar la tecla Alt en Windows y la tecla Opción en Mac
para seleccionar el área de origen. Y realmente es la clave
para comenzar a clonar. Ten en cuenta que si tienes una foto con la mano en el área de tu cara, a mí no podrás
procesarla correctamente. Te mostraré cómo
rectificar esta imagen. Por suerte, en la siguiente imagen, la mano se ve más
definida y voy a
utilizar esta imagen para
rectificar la anterior. Con las dos imágenes abiertas, seleccione el dedo en la segunda
imagen con la herramienta pluma. Haga clic derecho en cualquier parte de
la imagen y elija, haga una selección en el menú. Vaya al menú principal superior, haga clic en Capa, Nueva
Capa vía Copiar. Copia esta nueva capa, pegala en la imagen anterior y coloca el dedo con la herramienta de movimiento para cubrir
la predeterminada. Puedes ajustar el
dedo y
girarlo con la herramienta
Transformación Libre
presionando Control T en
Windows o Comando T en Mac. En mi caso, tengo
una franja oscura en la punta del dedo que
me gustaría borrar. Entonces hice clic en la capa
y presioné Control a en Windows o comando
en Mac a Seleccionado, mueva la selección hacia abajo. Pulsé con el botón derecho en
la selección y seleccioné
Selección inversa en el menú. Después borré la franja
más oscura. Ahora es el momento de
mezclar esta capa en mi imagen y ocultar
los bordes ásperos. Para ello, tendré que
añadir la máscara a mi capa. También ajusté los niveles de esta capa para hacerla aún más
fluida. Hay una corrección a
realizar alrededor de la zona de la boca. Así que he seleccionado
esta zona con la Herramienta Parche y la
arrástrela hacia un área de color similar. Como has señalado, no
hay clavos
en los dedos. Entonces busqué una imagen
de Internet en Pixabay donde puedas encontrar fotos de stock
gratis y las
agregué a mi imagen. Encuentra tu bonito estilo favorito. Copia la imagen y
pegarla en el documento en Adobe Photoshop. Haz una selección
con la herramienta pluma alrededor de las uñas,
aceptando el pulgar, selecciona las uñas, haz clic derecho en cualquier parte de
la imagen y selecciona, Hacer Selección en el menú. Copia y pega las uñas en la imagen de dibujos animados,
ajusta el tamaño, orientación, los niveles, el
brillo y opacidad para que
se vean lo más naturales posible. Por supuesto, puedes tomar una
foto de tu propia mano, cortar las uñas de los pies y usarla
para tus imágenes de animación. Si encuentras
el mismo problema con las manos
deformadas en
las siguientes imágenes, simplemente copiamos la capa con las uñas y el dedo
por defecto, atrapa a la nueva imagen
y ajusta las posiciones. Porque la mano está en movimiento en la siguiente imagen es y
la mano está borrosa. También me difuminaron las
uñas.
11. Animación se envuelve en un video: añadir elementos: Quería agregar algunos
corazones a mi animación en cada imagen que
simultáneamente soplando un beso. He abierto todas
estas imágenes en Adobe Photoshop en el
orden de la animación. Trabajaré en paralelo
en cada imagen. Agrega una nueva capa a
tu imagen y dibuja una forma de corazón con la herramienta
Pluma en los labios. Por supuesto, puedes dibujar
tantos tamaños y colores duros y
colocarlos como desees. Yo uso la herramienta de degradado
para llenar el corazón. Entonces he agregado el contorno, pero este paso no es necesario. Todo depende de cómo le gustaría que se viera tu
imagen final. Para crear el contorno, selecciona la capa con
el corazón presionando Control en Windows
o Comando en Mac. Y da clic en el icono de Capa. Haga clic con el botón derecho en el
área de selección y elija Trazo, ponga un píxel, elija
el color negro y luego haga clic en Bien. Reduce la opacidad
de la capa a 64. Sombra a este corazón. Haga doble clic en la capa, coloque la sombra y ponga los valores
como ve en la pantalla. Copia la capa con el corazón y pegarla a la siguiente imagen. Coloque el corazón más
lejos de los labios con la herramienta de movimiento para
simular la acción de soplado. Duplica esta capa para
crear otro corazón, reposicionarlo, luego rotarlo y redimensionarlo con
la herramienta de transformación. El acceso directo es
Control más T para Windows o Comando D en Mac. Duplica esta capa
y reposiciona, rota y redimensiona el corazón. Copió las capas libres con el corazón y
las pegó a la siguiente imagen. Duplica otra capa con corazón y crea
el cuarto corazón. Y vuelve a duplicar una capa
para crear el quinto corazón. Guarda todas tus imágenes
en formato JPEG o PNG.
12. Animación basada en un video: crear la animación: Abre todas tus imágenes
creadas en Adobe Photoshop. Copia todas las imágenes
a partir de la segunda imagen a la primera imagen
para crear las capas
para la animación. Cierre las imágenes que se
copian sin guardarlas. Abra la línea de tiempo en
el menú en la parte superior, haga clic en Ventana que línea de tiempo. En la línea de tiempo, elija
Crear animación de fotogramas. Después haga clic en el botón,
Crear animación de fotogramas. Para crear
el primer fotograma, deje visible solo
la primera capa. Haga clic en el bus de abajo para crear otro fotograma y hacer
visible la segunda capa, repetir la operación
de crear nuevos marcos y asociar una nueva
capa con el nuevo marco. Cada capa tiene que
corresponder a un marco. Ahora tendremos que añadir algo de
dinamismo a la animación. Entonces rotaremos y
volveremos a escalar algunas capas. Comienza a girar hacia la derecha y redimensiona la capa
con el primer corazón. Ir a la siguiente capa
y rotarla un poco más que la
anterior y redimensionarla. Repita estos pasos
con la siguiente capa. Ahora tendrás que hacer el proceso inverso de
la rotación para que las siguientes imágenes vuelvan
progresivamente a la posición inicial
y redimensionarlas. Si reproduces la animación sin establecer el retardo de fotograma, el ritmo de la animación
es bastante estereotipo. Para que la animación sea
más natural, tenemos que establecer los
fotogramas retrasados en el tiempo. Dijo que las siguientes tramas
retardan para la trama 14.5, configuraron en 0.2. Marcos 3.15 a 0.5, fotograma seis a 0.1, y dejar todos los
otros fotogramas a 0 s. Una vez que se haya
terminado el tiempo de retardo, exporte el GIF. En el menú superior, haga clic en Archivo, exportar, Guardar para legado web. Selecciona GIF en la parte superior derecha. Que selectivo y difusión. Puedes intentar reducir el tamaño del archivo
limitando los colores. Me quedé 256 colores
para un buen resultado. Ahora, abre el regalo en tu
navegador para comprobar si funciona.
13. Mariposa – estilizar y preparar la imagen: Este lindo regalo es tan fácil crear ya que solo tenemos
que animar las alas. Sube tu foto a mí. Da clic en el cuarto
icono desde la parte superior
del lado izquierdo y descarga
la imagen de la caricatura de mariposa. Abra su archivo en
Adobe Photoshop, presione W para seleccionar la herramienta Selección
rápida. Arrastre la herramienta alrededor
del personaje para seleccionarlo. Haga clic en el menú Capa
y seleccione Nueva Capa vía Copiar para crear una capa
solo con el carácter. Toma la herramienta cuentagotas, selecciona la capa de fondo y selecciona el color
del fondo. Ve a Editar y elige Rellenar y haz clic en Bien para
llenar el fondo. Coge la Herramienta Selección Rápida
y selecciona solo a la chica, pero no las alas de la capa uno. Da clic en el menú Capa y
selecciona Nueva Capa vía Copiar. Pool, la capa dos
debajo de la capa uno. Agarró la Herramienta de
Selección Rápida y seleccionó solo las
alas de la capa uno. Da clic en el menú Capa y
selecciona Nueva Capa vía Copiar. Eliminar la capa uno. Duplicar la capa libre
y renombrarla para que viva. Vamos a modificar la capa cuatro para
crear alas aleteadas. Ve a Editar y selecciona la envoltura de
marioneta en puntos alrededor de las alas cercanas al sujeto
para evitar que se mueva. Queremos mover sólo
la parte superior de las alas. Los alfileres, las alas
y golpean Enter. Repita de nuevo los pasos. Hola.
14. Mariposa – crear la animación: Vaya a Ventana y
haga clic en la línea de tiempo ya que vamos a crear
la animación de las alas. En el primer fotograma, oculte las capas 4.5 y un nuevo marco
y oculte la capa tres. Y nuevamente, un nuevo marco, y esta vez esconden la
capa cuatro y hacen visible la capa cinco. Hit play. Tu animación está lista. Exporte el GIF
seleccionando Exportación de archivos, Guardar para legado web y reduzca el tamaño de la imagen
a 500 en lugar de 1080.
15. Moto: animación con sonido: En esta lección, te
voy a mostrar cómo hacer una
animación con sonido. Sube tu foto en sintonía conmigo. Da clic en el cuarto
icono desde la parte superior del lado izquierdo y descarga
la imagen de
la caricatura de la moto. Para esta animación, te
he proporcionado un archivo de sonido en la pestaña de
proyecto y recursos. Ahora abre la línea de tiempo para
crear la animación. Arrastre la
capa de fondo hacia el signo más para
duplicar la capa. Cambiar el nombre de esta capa, capa uno. Agrega un nuevo marco y Oculta Capa
uno desde el primer fotograma. Haz visible la capa uno
en el segundo fotograma, selecciona la capa uno y
presiona Control más T en Windows o
Comando más T en Mac. Para seleccionar la herramienta
Transformación Libre, gire la imagen en la
capa uno ligeramente hacia la derecha y presione Entrar
Duplicar Capa uno, renombrarla a la capa dos
y crear un nuevo marco. Para este primer fotograma y hacer visible
capa de fondo y capa para rotar ligeramente la imagen y
aumentarla en la capa dos. Duplicar la capa dos y
renombrarla para poner una libre. Luego crea un nuevo marco y haz visible solo la capa libre
y el fondo. Vuelva a girar la imagen ligeramente hacia la derecha
y aumentarla. Repita de nuevo, busque
veces los pasos con la creación de una nueva
capa por duplicación, luego gire y
redimensione la imagen. Envía los retardos en el
fotograma de uno a seis a 0.1 s, y en el fotograma siete, establece en 0.5 s. Haz clic en el botón Convertir a Línea de Tiempo de Video en la parte inferior
izquierda de la pantalla. Y aquí puedes
agregar una pista de audio. Da clic en la pequeña
flecha del lado derecho y selecciona tu archivo para
agregar sonido a tu video. Porque este archivo de audio es
mucho más largo que el video. Tuve que sacar el archivo
a la izquierda hasta encontrar una parte del sonido
que coincidiera con el video. Puedes recortar el sonido
tirando del extremo hacia la izquierda y soltarlo en el punto donde termina tu video. Si vuelve a hacer clic en la animación de
convertir a fotograma, Adobe Photoshop
eliminará la banda sonora. Puedes exportar tu
animación en formato GIF, pero Adobe Photoshop
no mantendrá la banda sonora. O puedes renderizar tu video en formato
mp4 para tener
una animación con sonido. Para renderizar tu animación
en formato mp4, ve a Archivo, Exportar
video aleatorio y luego haz clic en Render.
16. Alicia en el país de las maravillas: estilizar y preparar la imagen: Sube tu foto en sintonía conmigo, clic en el cuarto
icono de la parte superior en el lado izquierdo y descarga
la imagen de
dibujos animados de
Alicia en el País de las Maravillas. La forma más fácil de borrar la marca de agua de esta
imagen es copiar una parte de la esquina izquierda e
integrarla a la esquina derecha con la herramienta de marquesina
rectangular. Haz una selección en la esquina inferior
izquierda. Ve al menú superior y selecciona
Capa, Capa vía Copia, ve a editar, transformar y voltear horizontal para crear
una imagen espejada. Mueve esta imagen
para cubrir la marca de agua. Ve a Capa, Máscara de Capa, revela todo para agregar la
máscara a la capa. Asegúrate de que el primer plano y
los colores de fondo en el panel del tubo sean blanco y
negro cosa la herramienta de pincel y pinte
en la máscara alternando el color blanco y negro hasta que estés satisfecho
con los resultados. Seleccione capa en
el menú superior e imagen
más plana para
tener una sola capa. Duplica esta capa y
cámbiala a la capa uno. Vamos a twitch
la oreja de los conejos. Presione W para que aparezca la herramienta de selección y
seleccione la oreja de conejo. Después expande la selección
con un píxel. Ve a Capa, Capa vía Copia para crear una nueva capa solo
con la oreja del conejo. Seleccione, edite, envuelva marionetas y coloque algunos alfileres en la base del año para evitar
que se mueva. Después pon un alfiler hacia la mitad y la
parte superior del año, tira hacia abajo el alfiler en la punta
de la oreja y golpea Enter. Ahora tendremos que
enmascarar el área de la oreja en el
fondo, sobre la capa uno. Para ello, selecciona un área
del fondo de espejos y
crea una nueva capa vía copia. Esta broca con el fin de cubrir la porción de la oreja
que necesita ser ocultada. Agrega una máscara de capa para intentar
ocultarla tanto como sea posible. Fusiona la capa superior con la capa que tiene
una mezquita y usa la herramienta clonar sello para copiar partes del
fondo si es necesario. Elimina la capa de fondo y renombra la capa superior, capa dos. Ahora vamos a crear
un texto alrededor del espejo. Dibuja una trayectoria alrededor del
espejo con la herramienta Pluma. Creo que la herramienta Texto
Texto Horizontal, da clic en el camino y
escribe tu propio eslogan. Crea otra capa de texto y escribe algo
como tu nombre,
por ejemplo, en la cinta.
17. Alicia en el país de las maravillas: crear la animación: Empecemos por crear
la animación de texto. Selecciona la capa con el texto
que está alrededor del espejo, toma la herramienta de
selección de rectángulo y haz una selección
para cubrir el texto. Con la capa de texto
seleccionada, mantén presionada la tecla Alt en Windows
u Opción en Mac, y presiona la
máscara de capa de botón para ocultar el texto. Abra la línea de tiempo y
haga clic en el botón, convierta a Línea de tiempo de video. Si estás en modo de
animación de fotogramas, asegúrate de que el depurador esté al principio
de la animación. Haga clic en la
posición de Máscara de Capa para agregar un fotograma clave. Arrastre el depurador a la
mitad de la animación. Toma la herramienta Mover y
selecciona la máscara de capa, presiona la tecla Mayús y arrastra la máscara de capa hacia la derecha hasta que reveles todo
el texto. Si reproduces la animación, verás que el texto
revisa progresivamente. Con el depurador en
el segundo fotograma clave, seleccione la capa
con las etiquetas de nombre. A partir de aquí crearemos la segunda parte
de la animación, tomaremos la herramienta de
selección de rectángulos y haremos una selección
para cubrir el texto con
la capa de texto seleccionada, mantén pulsada la tecla Alt Windows
u Opción en Mac, y presione la
máscara de capa de botón para ocultar el texto. Haga clic en la
posición de Máscara de Capa para agregar un fotograma clave. Asegúrese de que los textos y la máscara de
capa no estén vinculados. Arrastre el depurador hasta el
final de la animación. Toma la herramienta Mover y
selecciona la máscara de capa, presiona la tecla Mayús y arrastra la
masa de capa hacia la derecha hasta que reveles todo
el texto. Puedes hacer zoom a tu línea
de tiempo desde las flechas en la parte inferior. Si encuentras que tu animación
es demasiado larga o demasiado corta, puedes ajustarla
arrastrando el final de cada capa de tu video hacia
la izquierda o hacia la derecha. También preste atención
durante este proceso para
reposicionar sus
fotogramas clave de
acuerdo con los cambios que realice. Te sientes más cómodo
con la animación de fotogramas. Haga clic para convertir a
animación de fotogramas en la parte inferior
izquierda de la línea y luego haga clic en continuar. Este video tiene 46
fotogramas en total. Voy a cambiar la
oreja de conejo en el marco 40.41. Así que he ocultado la capa dos
en estos dos marcos. Seleccione todos los fotogramas y
establezca el retardo en 0.1. Exporta la animación como un GIF.
18. Efecto de fuente: estilizar y preparar la imagen: Haremos otra animación
fácil. Entonces puedes establecer
a tus seres queridos
para las vacaciones de invierno. Sube tu foto para afinarme. Da clic en el
icono de la carpeta desde la parte superior
del lado izquierdo y descarga
la imagen de la caricatura. Abre esta imagen en
Adobe Photoshop y agreguemos algunos
textos con color rojo. Selecciona las dos capas de texto y arrástralas hacia abajo hasta el
signo más para duplicarlas. Cambia el color de las
dos capas superiores de texto a negro.
19. Efecto de fuente: crear la animación: Abre la línea de tiempo y elige una animación de fotograma
para el primer fotograma, haz visible la capa de
fondo y las dos capas de texto rojas agregan un nuevo marco alto las dos capas de texto rojas y hacer visibles las capas de texto
negras. Establezca los retardos para estas
dos tramas en 0.3. Puedes exportar
tu archivo tal como está o continuar agregando
elementos a tu animación. Ahora vamos a
crear la nevada, agregar una nueva capa en la parte superior
de la última capa de texto y dar clic en crear nueva capa de
relleno o ajuste. Luego seleccione Color Sólido, elija un color gris
y haga clic en Bien. En el menú superior, vaya al filtro, seleccione Ruido, Agregar Ruido y haga clic en Convertir
a Objeto Inteligente. El monto tiene que
ser del 100 por ciento. La distribución es gaussiana
y check monocromática. Luego haz clic en Bien, ve de
nuevo a Desenfoque de filtro, Desenfoque
gaussiano y establece
el radio en dos. Ve a
Niveles de Ajuste de Imagen y las flechas de Josie según la cantidad
y densidad de nieve que te
gustaría mostrar en tu video. Ahora elige Filter again, other y offset, y selecciona los valores que
veas en la pantalla. Acabamos de crear un patrón y lo
vamos a guardar. Así que ve a Editar, Definir Patrón, dale
un nombre y haz clic. Bien. Elimina esta capa ya
que ya no la necesitamos. Crea una nueva capa por encima
de la última capa de texto. Haga clic en, cree una nueva capa de
relleno o ajuste. Seleccione Color Sólido y
elija color negro. Haga clic en Estilo de capa,
elija Patrón, Superposición
y, a partir de patrón, seleccione el patrón de nieve
que acaba de crear. Desde la pantalla de
selección del modo de fusión y podrás jugar con el modo de opacidad
y escalar el tamaño de la nieve. En la capa, arrastre hacia abajo
la opción de campo a cero. En la línea de tiempo,
haga clic en Convertir a tiempo de
video y expanda
el relleno de color una capa. Agreguemos algo de
movimiento a la nieve. Asegúrese de que la fregadora esté posicionada al
principio del video. Haga clic en el estilo
de círculo pequeño cerca para agregar un fotograma clave. Tire del depurador hasta el
final de la animación
y, en el panel de capas, haga doble clic en la superposición de patrones
para abrir el Estilo de Capa. Arrastre la imagen hacia abajo
y haga clic en Bien, esto creará un nuevo fotograma clave. Dependiendo de cuánto
arrastre esta imagen hacia abajo, determinará la velocidad
de caída de la nieve. Puedes reajustar el tamaño de los copos de nieve haciendo doble clic
en los efectos de capa, ten en cuenta que
tendrás que hacer los ajustes en
ambos fotogramas clave. En el modo video, se
puede agregar un archivo de sonido y exportar la animación
en formato mp4. Acabo de exportar
mi animación como GIF.
20. Reflexiones finales: Muchas gracias por
unirte a mi clase. Espero que lo disfrutes
y te resulte útil sin importar el nivel de tu conjunto de habilidades o
como mínimo, quitaste algunos consejos y trucos. No puedo esperar a ver tu
animación y por favor subirla a la sección de proyectos
y recursos. Siéntase libre de hacer
cualquier pregunta en la sección de discusión
a continuación y transmitir sus aprendizajes sobre
cómo estilizar el procesamiento de
imágenes en
Adobe Photoshop. Crea una animación basada
en una imagen o un video. Le invitamos a
proporcionarme comentarios y escribir la reseña. Gracias de nuevo, Bye.
Carleen, Sewing, drawing, making patterns
