Transcripciones
1. Introducción: el arte de los iconos animados: Hola y bienvenidos a El
arte de los iconos animados, Diseñar y Animar con
Photoshop e Illustrator Soy Cynthia Oswald,
diseñadora artística y fundadora de una próspera
agencia de branding boutique con los antecedentes y diseño de
comunicación
y experiencia como instructora universitaria, he combinado mi amor
por la creatividad y la
enseñanza para traerte Nos sumergiremos en
el rico mundo de la animación de iconos en Art Forum. Llevo años practicando
profesionalmente, ya sea que seas un
diseñador experimentado o nuevo en el campo, este curso tiene como objetivo inspirarte, empoderarte y equiparte
con las habilidades que son aplicables en el panorama
digital actual. Pero lo que tiene de especial animar Iconos
y están digitalizados, movimiento
mundial es clave
para Imagina agregar íconos animados a tu paquete de marca o
tus campañas de correo electrónico. Es una forma creativa de darle vida a tu diseño y
conectarte con tu audiencia. La belleza es que no
necesitas software especializado. Usaremos los estándares de
la industria, Adobe Photoshop e Illustrator
antes de comenzar, aquí hay un resumen rápido
de lo que necesitará Comprensión básica de Adobe Photoshop y
Adobe Illustrator. Ambas plataformas instaladas en
tu computadora, un bloc de dibujo. Así que toma tus bolígrafos y
blocs de notas digitales porque
justo después de esto, nos sumergiremos directamente en
un emocionante proyecto de clase Llegarás a Diseñar y
Animar tu propio Icono, combinando los elementos
del diseño y movimiento para crear algo
realmente espectacular No puedo esperar a
ver la creatividad que traes a la mesa.
Empecemos.
2. El Proyecto Class: ícono animado: Bienvenido de nuevo a nuestro curso, animación de
iconos con
Photoshop e Illustrator. Hoy es especialmente
emocionante porque nos estamos sumergiendo en un proyecto de
clase transformador Estarás diseñando y
animando tu propio ícono único, ya sea para una marca, una idea o una expresión
creativa Usando el combo mágico de Adobe Illustrator y
Photoshop elige a mano este proyecto para que
obtengas experiencia práctica con las mismas herramientas
profesionales que Esta experiencia te
permitirá crear contenido para
Varias Plataformas, sea en correos electrónicos, sitios web
o redes sociales. Antes de que saltes, tengo
algunos consejos vitales para ti. Considera dónde
pretendes usar este icono para que puedas seleccionar el tamaño y formato
adecuados. Apunta a transiciones suaves y visualmente
atractivas. Pero además no olvides infundir tu trabajo con tu propio estilo y destello
único En cuanto a los pasos, empieza por elegir un tema que resuene
personalmente contigo Diseña tu icono e
Illustrator prestando mucha atención a la forma, el
color y la alineación. Entonces vamos a darle vida animándolo en Photoshop No tengas miedo de
experimentar y ponerte un poco creativo con las
técnicas de animación que hemos comentado. Una vez que esté satisfecho
con su Creación, continúe y exporte
como archivo GIF o película. Compártelo en nuestra
galería de proyectos junto con una breve descripción
de su concepto y el proceso que siguió. Al participar. No solo estás
enviando un proyecto, estás ganando una
valiosa experiencia, enriqueciendo tu
portafolio y expandiendo
tu red creativa a través interacciones con tus compañeros Así que toma tus Herramientas de Diseño, encienda tu creatividad y Embárquemos
juntos en
este extraordinario viaje . Feliz animando
3. Dibuja y crea ícono de Illustrator: Bienvenida de nuevo. Esta clase
se trata de dar a luz tu icono desde un mero pensamiento hasta un diseño vibrante
en Illustrator Hagamos que esos engranajes
creativos giren. Toda obra maestra comienza
con la inspiración. ¿Te inclinas hacia la naturaleza, la tecnología, las vibraciones vintage Tu tema o concepto prepara
el escenario para tu diseño. Piensa en una idea que resuene a medida que ésta
se convierte en tu brújula Para crear un ícono poderoso, necesitas comprender algunos principios
fundamentales del diseño Equilibrio, contraste, alineación. Estas no son solo palabras
ahí tus herramientas. Cuando se entiende bien,
elevan su diseño de bueno
a caída de mandíbula Entonces, si algo
no se siente bien, considere mirar cómo
podría ajustarse o mejor pensar a través de la jerarquía, el
contraste, la repetición. Somos consistencia,
proximidad, equilibrio, espacio
de color y
movimiento o flujo general. Ahora, vamos a bosquejar. Recuerda poner
tantas ideas como puedas. Múltiples bocetos le dan una serie de conceptos
para elegir cereza Me encanta esta cita que leí
recientemente de Louise Fili. El boceto es el
alma de un diseño. Un buen boceto tiene el
potencial de grandeza o no, dependiendo de lo bien
que se ejecute el acabado. Bueno, no te estoy enseñando sobre mi proceso de boceto en esta clase. Yo sí quiero hacer nota
de la importancia jugará
esta etapa
en el resultado final. Es momento de digitalizar, Elige algunos bocetos
que te gusten y comienza a
trazarlos e iterarlos
en Quizás se sorprenda de cómo
una línea de lápiz áspera y se transforma en una curva digital
nítida. Tengo algunos consejos para ti para
vectorizar tus bocetos. Primero, si tienes
un iPad a mano, podrías considerar
redibujarlos en Adobe Illustrator o incluso
procrear usando tu Si eso es algo
que estás acostumbrado a usar como parte de tu práctica. Jugué con esto, pero finalmente decidí
comenzar con una pizarra limpia y Adobe Illustrator en mi
computadora usando la herramienta Pluma. Y esto es porque quería un diseño polaco
que pudiera pasar por una fuente y no
necesariamente un look dibujado a mano, pero que cualquiera pudiera funcionar Es importante tener
en cuenta que puedes hacer esta clase sin
vectorizar Estoy utilizando un logo que
estoy desarrollando dicho eso, usa lo que sea que te
interese crear. Si decides ir
a la ruta tipo, es posible que quieras tomar algunas
clases de tipo avanzado antes de comenzar. Estos son algunos de mis consejos de tipo
favoritos
para que comiences. Primero, mantenlo simple. Cuantos menos puntos, mejor. Cada curva solo debe tener
un punto y los anclajes no
deben extenderse más allá del punto
anterior o el siguiente Rompo las reglas
en momentos en que estoy creando y luego las
resuelvo cuando termine. El uso de reglas te ayudará a
mantenerte encaminado. A veces no
enciendo a los gobernantes
hasta después de
volver sobre mi dibujo Verifique que los espesores más grandes
y pequeños sigan siendo los mismos por razones de
consistencia, a menudo
usaré bloques de diferentes
colores en una capa
separada para verificar dos veces los espesores de las letras Te recomiendo investigar
Serifs sans serif, end script fonts para entender algunas reglas básicas
antes Por ejemplo, las
letras curvas como Oh y ver, a menudo se extienden más allá de la altura x Y la altura x es la
altura de la X minúscula Antes de volver a
diseñar el Icono, solo
quiero guiarte a través algunas herramientas que estoy
usando principalmente durante Estoy trazando mi boceto
usando la herramienta pluma y
puedes sacarlo a colación
escribiendo P en tu teclado. Cuando tengas seleccionada la herramienta
Pluma, puedes dibujar usando puntos y
hacer curvas haciendo clic y arrastrando cuando
haces un punto para seleccionar y editar un punto
específico, puedes usar la herramienta de
selección directa o escribir a para agarrar todo tu objeto Usa la herramienta de selección
o tipo V. Finalmente, para editar los puntos de anclaje son
las curvas tus puntos, puedes mantener la
herramienta pluma abajo en la barra de herramientas y el punto de anclaje
se mostrará a continuación, o puedes escribir Shift más C. Ahora que tengo la
parte principal de mi diseño de iconos, quiero crear
algunos elementos que ilustren el crecimiento
alrededor de la letra. Voy a usar la herramienta
pluma para crear trazos para las líneas
que representan los tallos, y luego crear
formas u objetos usando la herramienta pluma para las
hojas y la flor. Mientras estoy trabajando,
acercaré y alejaré el diseño para ver cómo
funciona en varios tamaños. Esto ayuda a iluminar cualquier cosa que pueda
sentirse desequilibrada También creo que es
importante dejar tiempo para trabajar en esta porción. Una vez que lo
traigas a Photoshop, querrás que se pule para que no tengas que retroceder Decidí hacer
redondeadas las
tapas de mis trazos ya que los tallos suelen ser de naturaleza
más redondeada, quería tener
esa sensación orgánica. También quería
mantener cada elemento separado para fines de animación. Entonces, en lugar de
unir cada vástago, hago clic en el
diseño intermedio
alternando entre la herramienta de pluma y la
herramienta de selección Cuando quiero comenzar
una nueva forma o línea, simplemente
toco V y luego
toco P nuevamente para comenzar
una nueva línea o forma. Esto asegura que cada elemento
esté por sí solo y
haremos que la animación sea más fluida e interesante en
el resultado final. También podrías empezar a organizar
por capas, si lo prefieres. Pero caminé a través de
este proceso más adelante mientras prepagué
el archivo para Photoshop, también notarás que solo
dibujé una hoja, y esto es porque termino duplicándolos
seleccionando la hoja
y la opción en el teclado
y luego arrastrándola
a la nueva ubicación,
esto la duplicará automáticamente También puede voltear fácilmente una hoja seleccionando la transformación de objeto reflejar en la barra de menú superior y yo uso la transformación
vertical. Un
consejo final de ilustración a tener en cuenta es
cómo trabajo usando trazos
para crear las formas. Pero una vez que
se completan encerrando la forma de principio a
fin con la herramienta Pluma Luego cambio trazo
para rellenar escribiendo Mayús X en el teclado o usando los
errores de intercambio en la barra de herramientas. Ten en cuenta que sé que
quiero animar esto y
voy a estar
pensando en eso a
medida que diseñe la ilustración ¿Cómo podría verse esto en movimiento? ¿Qué partes del
archivo original necesito conservar? Notarás que
estoy copiando y pegando mi trabajo
durante todo el proceso Y eso es así tengo un historial
de cada versión por si no
me gusta la dirección en la que
va y seguí
adelante hacia atrás. También guardé mi archivo
durante todo el proceso de diseño
simplemente seleccionando Comando
S en mi teclado. Tengo algunos elementos
que me gustaría
distribuir uniformemente una vez que los tenga generalmente donde
me gustaría todos, seleccionarlos todos y el icono de distribución aparece
en el menú superior para mí. También puedes ir a
Alineación de Ventanas para abrir el panel, luego seleccionar distribución horizontal
o vertical enseñada abajo o centro
dependiendo de tu diseño. En este punto, estoy bastante
contento con el diseño y aunque
ya tengo otros renderizados, estoy vendida en esta versión
para la animación, pero ahora necesito refinarla. Voy a dar un paso
atrás rápido y ver
qué más me gustaría hacer. Compararé algunas opciones para ver cuál es la más fuerte y hacer algunos ajustes finales a
la ilustración para que se
ajuste mejor a mi visión a largo plazo. Es importante diseñar
con el fin en mente, especialmente si se trata de un proyecto de
branding como el mío. Una vez que tengas todos tus diseños
finales renderizados, aleja el zoom y haz
la llamada final. En este video, revisamos
decidir una dirección,
crear bocetos, renderizar tus bocetos e Y te di una mirada detrás
de escena a mi proceso y herramientas favoritas
para diseñar el ícono. A continuación, te guiaremos
por la preparación tu archivo para Photoshop
4. Prepara el icono para Photoshop: Listo para comenzar. Lo primero que hay que hacer es ampliar la apariencia de
nuestro archivo de Illustrator. Esto mantiene todo con
un aspecto nítido y limpio a medida que hacemos que
el archivo sea más grande. Pero antes de saltar, vamos a guardar una copia de
nuestro diseño actual. Nunca se sabe con
qué podría querer volver y jugar, especialmente si
planea usarlo en otro programa como
Adobe After Effects El duplicado, basta con
seleccionar todo el icono manteniendo
pulsada la tecla Mayús y
haciendo clic en el área a su alrededor. A continuación, mantenga presionada la tecla Opción. Haz clic y arrastra a un nuevo lugar
en tu Canvas. Todo listo. Ahora ve al
menú superior, selecciona Objeto, Expandir y luego elige trazo de
objeto, relleno, Walla Tus líneas ahora se han
transformado en formas. A continuación, copiemos ese icono recién transformado
en un archivo fresco y limpio. Para este ejemplo, estoy apuntando a un formato cuadrado,
perfecto para Instagram. Recuerda, porque
es arte vectorial, podemos redimensionarlo sin perder ninguna calidad cuando nos
movemos a Photoshop Ahora es el momento de ponernos nuestros sombreros
organizacionales. Arreglaremos nuestras
capas de una manera que haga que la
animación sea muy Volverás a hacer esto en
Photoshop, pero por ahora, agrupa elementos similares en la misma capa o capas
individuales. Por ejemplo, movamos todos los artículos decorativos
a una capa, las hojas a otra, los tallos en otra.
Entiendes la idea. Muy bien, vamos a
sumergirnos en los detalles. Es hora de trazar cómo se revelará
tu ilustración durante la animación. Voy a estar haciendo algo de
esto más adelante en Photoshop. Pero déjame mostrarte una
manera de lograrlo aquí
mismo en Illustrator en
caso de que esa sea tu preferencia. Primero, selecciona la
línea que representa tu tallo y pulsa
Comando C para copiarlo, para pegarlo de nuevo
en el mismo lugar. Usa Shift Command y V. Mueve
esta línea a una nueva capa. Ahora vamos a centrarnos en esta capa. Adelante y esconde todas
las demás capas. Puede activar la
herramienta pluma presionando el pico. Vamos a
borrar ligeramente algunas partes del tallo usando la herramienta
pluma como rebanada. Usando la Herramienta Pluma, coloca
una línea sin trazo a través de la ilustración donde quieras crear
el primer marcador. Luego abra el
panel del buscador de caminos, seleccione dividir, luego elimine la porción superior o la porción que
se revelará más adelante Esto actuará como
un marcador de crecimiento, esencialmente lo que
verá tu audiencia antes de que
aparezca el tallo completo o lo que sea que estés
ilustrando o animando Cuantos más
marcadores de crecimiento crees, más suave se verá tu
animación. La velocidad también es un factor. Un revelador más rápido rinde
es suave o Animación. Una vez que hayas ajustado el tallo o lo que sea que estés ilustrando, activa y desactiva las capas para obtener una vista previa de tus pasos de animación. Esto te dará
una idea de cómo todo se unirá
en la animación final. Listo para alguna herramienta de mezcla
DIVERSIÓN aquí creará pasos o cómo crecerán las hojas y
flores. En otras palabras, cómo
tu ilustración revelará y animará Primero, dibujemos
el punto de partida. En mi caso, ese es un cogollo pequeño. Usando la herramienta de mezcla, voy a crear
cinco etapas de crecimiento. Haga doble clic en
la herramienta Fusión del panel de herramientas para abrir
las opciones de fusión, elija los pasos especificados y luego seleccione la
cantidad deseada de pasos. Voy a separarlos un
poco y elegir cinco pasos. Siempre podemos eliminar algunos. La idea es estar
seguro de que puedas ver cada paso con claridad
y por separado. Asegúrate de que no se
toquen, ajusta si es necesario, luego expande la apariencia para que cada paso sea un objeto
separado. Por último,
los vas a alinear en su punto de partida. Recuerda, puedes
ajustar el número de pasos para que coincida con el ritmo
de tu animación. Más pasos para un lento, suave, o revelar menos pasos
para algo más rápido. Ahora vamos a repetir este proceso
para toda la animación. Pensando en
cómo te gustaría que cada objeto revelara y
animara a lo largo del proceso, tendrás más tiempo para
iterar en Photoshop, pero necesitarás los huesos
en este completo antes Así que tómate tu tiempo y
no sigas adelante hasta que estés súper emocionado de
hacer bailar a esta cosa Ahora que tienes todos los pasos de
crecimiento creados, asegurémonos de cada uno
o en su
ubicación final y separemos cada paso en su propia capa. Asegúrate de etiquetar de una manera
que tenga sentido para ti. Mi animación final
tiene 100 capas, pero fácilmente podrías
tener 300 o más. Entonces, cuanto más claro estés sobre
tu organización de archivos, más rápida y fluida irá la creación de
animación. Tiempo para una revisión rápida. Ahora que tienes cada
paso en su propia capa, alterna a través de tus capas para previsualizar cómo se desarrollará la
animación, haz los ajustes necesarios Por ejemplo, noté que mis hojas más pequeñas deberían
estar más cerca del tallo. Un último consejo profesional,
piensa en el color. El flujo de tu animación puede influir en tus elecciones
de color. Así que considera que al
hacer tu selección, fui con el
color de mi marca primaria para dar inicio a las cosas, agregando tonos secundarios
para ese pop extra, ten en cuenta, incluso podrías animar las transiciones con Por último, Guarda tu archivo
original en caso de que quieras cambiar
los colores más tarde. Muy bien, tomemos un momento para revisar lo que hemos
logrado hasta ahora Primero, comenzamos
expandiendo nuestro Canvas e Illustrator para garantizar que
todo se mantenga nítido. Recuerda guardar
una copia que nunca sabes cuándo podrías necesitar
el diseño original. A continuación, movemos ese icono expandido a un nuevo formato de archivo cuadrado. Ideal para Instagram y fácil de hacer
la transición a Photoshop
sin perder calidad. La organización fue clave. Comenzamos a ordenar nuestras capas de una
manera que haga que el proceso de animación sea
suave o en la línea. Nos adentramos en los detalles
de la planificación de la
animación, hasta crear marcadores de
crecimiento para nuestros tallos o cualquier
ilustración que hayas creado Cuanto más tengas, más suave será
tu animación. La herramienta de mezcla entró en
juego
para crear pasos sobre cómo
se revelará tu ilustración y Animar, ajustar el número de pasos en
función de la pieza a la
que estás apuntando Una vez que terminamos los pasos, reorganizamos nuestras capas, luego jugamos el momento
de la verdad mientras
alternamos entre las capas
para previsualizar la animación, asegurándonos de que
todo se vea bien y se ajuste según Por último, consideramos cómo el color puede impactar el flujo y la
sensación de tu animación. Elige colores que
complementen la marca que estás creando para ella y
tu estilo de animación. ¿Estás emocionado por
los próximos pasos en? A continuación, vamos a traer
todo esto a Photoshop para darle vida a tu
diseño de verdad. No puedo esperar a ver qué
creamos juntos.
5. Animación en Photoshop: Hola otra vez. Después de nuestro
meticuloso trabajo en Illustrator, es el momento de darle a nuestros
íconos ese toque de magia Vamos a saltar a Photoshop y darle vida a nuestros diseños. Movamos nuestro icono de
Illustrator en capas a Photoshop. primero es lo primero, crearemos un nuevo archivo en cualquier dimensión que
usarás en la forma final, voy con un poco
más grande de lo que necesito en caso de que quiera usarlo
para otra aplicación. Una vez creado tu nuevo archivo, todo lo que tienes que hacer
es dirigirte a Illustrator y seleccionar todo
tu diseño. Pulse copiar o Comando C, y vuelva a cambiar a Photoshop, presionar pegar o Comando V. Y se le pedirá
algunas opciones. Elija Pegar como capas para
transferir todo su arduo trabajo. Piense en la animación
como una secuencia de imágenes
estáticas que se muestran rápidamente. Aquí. Las capas se convierten en marcos y tu línea de tiempo las organiza. Este es el storyboard
de tu animación. Ahora que estamos en Photoshop, podemos ver que las
capas de Illustrator se trajeron como grupos y cada objeto está en
su propio grupo en la capa. Esto es perfecto para la
fundación de su organización. Etiquetemos cada objeto y
pongámoslos en el orden que
deseamos que revelen. Ten en cuenta que
apagarán los pasos anteriores para que la animación no se
ensucie en cada micro revelación Para el tallo o la flor, cada etapa se ocultará
como revela la siguiente. En la última clase, te
mostré cómo puedes editar las etapas de crecimiento
directamente en Illustrator. Elegí hacer los tallos
aquí en Photoshop porque me sentí más fácil y con
más frecuencia para mi proceso. Voy a hacer eso ahora. Y ojalá te
dé una idea de cómo podrías usar esto
y hacer algo similar. Antes de seguir adelante, voy a rasterizar
todas mis capas Al ir a capas. Rasterizar todas las capas. Acabo de agarrar la
capa para la que quiero crear etapas y el panel de capas y Opción haga clic y la
arrastre para duplicarla Después agarro la herramienta de
borrador y borro el área que me gustaría
revelar en la siguiente etapa, repito este
proceso hasta tener unas tres o cuatro etapas
para cada uno de los tallos Después probaré toda
la animación revelando cada
capa individualmente. Una cosa importante
a tener en cuenta es que este proceso reveló algunas áreas crujientes
en la animación Y pude
arreglarlo aquí antes. Tengo en la
animación donde es mucho más difícil trabajar
al revés. Photoshop tradicionalmente, una herramienta de edición de fotos esconde un tesoro de capacidades de
animación Exploremos solo un pequeño bocado que hará que esos vectores
estáticos se mantengan. En esta clase, estamos creando una animación de línea de tiempo
para comenzar, ir a
Línea de tiempo de ventana y seleccionar Crear animación
de fotogramas desde la ventana emergente. Debería comenzar
con un marco que muestre todo lo visible
en su panel Capas. Ahora mismo, actúa como una
fotografía de lo que es visible. Así que no sigas creando un nuevo marco hasta que
tengas todo oculto o mostrando lo que te gustaría que fuera visible
en el primer fotograma. Luego presiona el
signo más en la parte inferior de tu panel de línea de tiempo para
crear un nuevo marco. Repite el proceso y solo revela la siguiente parte
de tu animación, asegurándote de
desactivar las capas que serán redundantes o que no aparezcan hasta
más adelante en tu animación. Ahora te vas a las carreras. Antes de llegar demasiado lejos, marca el ritmo para tu animación. Después de agregar nuevos fotogramas, puedes presionar el botón Reproducir en la parte inferior de la línea de tiempo
para ver cómo se ve. Si se siente demasiado alborotado, se redujo el tiempo en cada fotograma Puedes hacerlo en la parte inferior del marco haciendo clic
en
la flecha hacia abajo, luego seleccionando la hora en la que
quieres que se revele ese fotograma. Para mi animación,
fui con 0.02 s,
literalmente, una fracción de segundo, para que pudiera hacer un bucle rápido. Lo que me lleva
a mi siguiente diapositiva. En caso de que esta
animación se repita
o reproduzca una,
dos veces, tres veces. Eso es algo que querrás
determinar antes de
exportar el archivo. El mío está configurado como predeterminado para siempre. Entonces, si haces clic en eso y en la
parte inferior del panel de la línea de tiempo, puedes elegir cuántas
veces hará un bucle. En mi caso, sólo
quería pasar una vez. Hoy. Te estoy guiando
a través de las animaciones
más básicas. Hay otras capacidades de animación y video
en la línea de tiempo, y hay otros efectos que puedes agregar a tu animación, como el tweening entre fotogramas, que puede
agregar pasos automáticamente y puede ser otra forma de
eliminar capas Para esta clase,
quería mostrarte cómo crear una hermosa animación usando los conjuntos de
habilidades que
probablemente ya tienes. Piense en esto como la base para animar en Photoshop La consistencia es clave para un acabado
verdaderamente profesional, asegúrate de que tu animación
sea suave y mantecoso Míralo para que las
transiciones discortantes no coincidan. Duraciones de marco. Tu ícono debe moverse forma natural como si tuviera
vida propia. Puede eliminar marcos
y agregar nuevos marcos, pero siempre es más fácil
hacer esto y luego el orden natural. Entonces te recomiendo revisar cómo se
ve
tu animación a medida que la construyes. Bien, recapitulemos rápidamente lo que pasamos en esta clase Primero, importamos el ícono a Photoshop
copiando y pegando literalmente Establecimos una
animación de fotogramas usando capas. Entonces realmente nos estábamos metiendo en el meollo de
editar y Después repasé
las herramientas de animación que estábamos usando en Photoshop A continuación, hablamos sobre el ritmo tu animación y la adición de efectos de
animación Y finalmente, solo
verificando dos veces tu trabajo para asegurar esa
transición sin problemas Fantástico trabajo, tu ícono ahora
debería ser una fusión de tus habilidades de diseño únicas
y la magia de la Animación. ¿Estás listo para compartir tus
creaciones con el mundo? Vamos a sumergirnos en la exportación y exhibición de sus canicas
animadas No puedo esperar a ver
lo que has creado.
6. Exportar tu animación: Bienvenidos de nuevo a los entusiastas del diseño. Con nuestra animación completa, ahora
es el momento de uno de
los
pasos más cruciales para exportar. Asegurémonos de que tu ícono
animado esté optimizado y listo
para que el mundo lo vea. Ahora cuando se trata de exportar Photoshop te da
muchas opciones y
voy a guiarte a
través de las dos que necesitarás para
este tipo de animación. Película o regalos. Los regalos son excelentes para la amplia capacidad y la naturaleza de los circuitos, mientras que las películas ofrecen
una gran calidad y una mejor profundidad de color Recuerda que la elección
es tuya
en función de dónde quieres que brille
tu icono. Empecemos
exportando o archivo de
película para mi feed de
Instagram, simplemente ve a Archivo, exporta, renderiza video y aparecerá la
configuración de la película. Elige dónde guardas el archivo
y el tamaño del archivo. Recuerda, empecé con
algo más grande de lo que
necesitaba para
poder tener flexibilidad. Pero no hace falta guardar
un video grande para Instagram. Vaya con estas especificaciones desde su
plataforma específica. Eso es. Luego sube a tu ubicación
preferida y Comparte tu animación. La verdadera razón es que nació la
animación fue
compartir vía correo electrónico como un archivo GIF. Simplemente no puedes Compartir
Video por correo electrónico, pero puedes compartir
GIF animado o archivo GIF proporcionará esa imagen atractiva o de
alta calidad con una ventaja profesional. Siempre tenga en cuenta
las limitaciones
y ventajas de las Plataformas . Puedes golpear Comando, Opción Mayús y S o ir a
Archivo Exportar Guardar para Web, y luego elegir Gif de las opciones y la esquina
superior derecha Incluso puedes probar tu
animación o elegir configuraciones
adicionales o editar tus preferencias de ciclo allí
mismo, y luego Guardar para salida Sin embargo,
acabas de dominar el arte
de la animación de iconos desde
diseñado hasta Export, ya sea para tu cliente, tu portafolio o simplemente por diversión, ahora
tienes las habilidades para ahora
tienes las habilidades para crear imágenes
animadas cautivadoras En el siguiente video, recapitulemos lo que aprendimos y celebremos compartiendo nuestros diseños
7. ¡Conclusión y celebremos!: Hola a todos,
Enhorabuena llegar al
final de este curso. El Arte de los Iconos Animados, Diseñar y Animar con
Photoshop e Illustrator Qué
viaje tan increíble ha sido, y estoy muy orgulloso de ese
progreso que has logrado. Tomemos un
momento rápido para reflexionar sobre todas las nuevas habilidades y
técnicas que has aprendido. En primer lugar, dominaste el
Arte de dar vida a tus bocetos diseñando Iconos en
capas e Illustrator,
donde nos centramos en las dimensiones, donde nos centramos en las dimensiones, color y los detalles intrincados Luego cambiamos de
marcha y pasamos Photoshop donde
aprendió a dar
vida a los diseños estáticos al crear
animaciones fotograma a fotograma, incluso
profundizamos en características más
avanzadas como marcar el ritmo
de tus animaciones y ¿Qué es aprender sin
aplicación, verdad? Tienes la oportunidad de aplicar todas estas técnicas
en nuestro proyecto de clase. Ahora, no se trata
solo del producto final, sino también del viaje y las habilidades que has
adquirido en el camino. Cada uno de ustedes dio vida a su visión
única, combinando principios de diseño con técnicas de
animación para producir
algo verdaderamente mágico. Ahora para la gran final, te
invito a subir tu ícono animado final
a la galería del proyecto, es una gran oportunidad para
compartir tu trabajo, recibir comentarios e incluso ver cómo tus
compañeros abordaron los mismos desafíos No olvides incluir
una breve descripción de tu concepto y del
proceso creativo que seguiste. Involucrar con la
comunidad puede ofrecer nuevas perspectivas e incluso generar inspiración para
su próximo proyecto. Así que adelante, muestra tus obras maestras y toma el sol
en los frutos de tu trabajo Recuerda que la
galería del proyecto no es solo la exhibición,
es una conversación. Salta y participa. Gracias por unirte a este curso, y espero que
tus Iconos Animados iluminen pronto nuestra
galería de proyectos. Hasta entonces, sigue diseñando, sigue animando y,
lo más importante, sigue creando
Cynthia Oswald, Artist & Designer
