Transcripciones
1. INTRODUCCIÓN: [ MÚSICA] Hola, mi nombre es Derek
Mitchell y soy diseñador gráfico y
odio PowerPoint. Al menos solía hacerlo
hasta que descubrí un par de
consejos y trucos realmente geniales que me
ayudaron a hacer algunas diapositivas
realmente geniales que eran para mi empresa y para las ofertas multimillonarias, y tuve para encontrar una manera de hacerlo funcionar de la
manera que necesitaba. Ahora vengo del mundo del diseño
gráfico donde estoy usando Photoshop
e Illustrator
e InDesign para la mayoría de mis proyectos de
diseño que hago. Tuve que trabajar dentro de PowerPoint porque
tuve que compartirlo con el equipo y con los chicos de ventas y todos
tenían que poder usar esto. Mientras hacía eso, aprendí algunos
consejos de animación realmente
geniales que quiero
compartir contigo,
que ojalá, te ayuden a contar tu historia
ya sea para una empresa, tal vez alguien contrata que
hagas una presentación de PowerPoint, o tal vez necesites hacer tu
propia presentación de ventas, o incluso podrías usar
esto para hacer un portafolio. Si eres diseñador gráfico, podrías hacer una diapositiva, diapositivas
animadas, ponerle un proyecto en el que
has estado trabajando, tal vez mostrar algunas de las fotos que
has hecho y tenerlo animado a quizá la marca, el logotipo que hiciste y las fuentes y los colores
y muchas cosas geniales. Ese va a ser uno de
los proyectos en los que trabajamos en este curso es cómo
crear tu propio portafolio, como
proyecto de cartera específico, usando PowerPoint, y luego esas habilidades a las
que vas a aprender de eso
van a poder traducir al mundo real
donde podrás
crear mazos de diapositivas y presentaciones de
PowerPoint
para otras empresas. Para quién es este curso?
Bueno, predominantemente, esto es para mis actuales estudiantes de diseño
gráfico que usan Photoshop
e Illustrator. Pero si nunca has usado
Photoshop o Illustrator, no
necesitas tener esos
programas a seguir. Todo se
hará en PowerPoint. Te mostraré
parte de mi flujo de trabajo proveniente de Photoshop
e Illustrator, pero proporcionaré
todos los activos como JPEG y PNGs para que ni
siquiera tengas que abrir
esas aplicaciones. Si quieres seguir, te
daremos todos los archivos
del proyecto, y va a
ser un montón de diversión. Si eres
estudiante de diseño gráfico y quieres
aprender a subir de nivel esas habilidades en cómo crear increíbles diapositivas de
PowerPoint
para tus clientes, este es el curso para ti. Si ya estás en el mundo de las ventas y necesitas
encontrar una manera de hacer que tu
presentación de PowerPoint destaque que la gente que mira tus presentaciones
no se aburra, esto es también el curso para ti. Nuevamente, mi nombre es
Derek Mitchell. Tengo más de 20
años de experiencia como diseñadora gráfica
y desarrollador web, y tengo más de 150 mil estudiantes al momento
de esta grabación, y me encantaría que se conviertan en uno de esos estudiantes también. Vamos a divertirnos
un montón y no
puedo esperar a bucear, así que empecemos.
2. Transiciones de transformaciones: En esta lección, vamos
a entrar directamente en ella. Te voy a mostrar
alguna de la parte más cool de todo este curso. Desde aquí sólo va
a ser muy divertido. Lo que vamos a hacer es que vamos a
aprender a crear transiciones entre diapositivas
que se vean así. Vamos a traer
diferentes elementos luego animarlos de
una manera que
parezca que están
entrando desde todos los lados
de la pantalla aquí. Es una transición realmente suave. Nos va a ayudar a
construir nuestras presentaciones una
manera que ayude a
contar historias y
ayudar a guiar al espectador
a través de su presentación. Para este ejercicio específico, lo que vamos a hacer
es aquí hacia donde nos dirigimos. Vamos a empezar un
nuevo documento de PowerPoint. Si no tienes nada con qué
trabajar y solo
quieres seguir adelante. Ya he creado en
esta lección una carpeta, todos los activos que necesitas. Aquí hay un montón de gráficos
diferentes y cosas
diferentes con las que estaremos
trabajando para crear esto. Vamos a seguir adelante y sumergirnos
en. Lo que vamos a hacer es saltar a PowerPoint. Voy a hacer una
nueva presentación en blanco. Probablemente veas
algo parecido a esto. Tus archivos recientes obviamente
se verán diferentes, pero todo lo que queremos es una presentación de color blanco
vainilla. Cuando abras PowerPoint, verás algo como esto. Estoy seguro de que está
familiarizado con él. Lo que vamos a hacer es que sólo
podrías hacer click sobre estos y eliminar estos cuadros de texto
si te molestan. Siempre hago eso o apareciendo a la pestaña Inicio abajo bajo layout, vas a tener unas cuantas diapositivas maestras
predeterminadas diferentes que están incorporadas y
solo tienes que hacer clic en la en blanco justo aquí y todo
eso simplemente desaparece. Así es como vamos a
empezar. Lo siguiente que haría es salvar. Es tan fácil cuando comienzas a
construir tus presentaciones, olvidarte de guardar, después de usar el Office
365 o OneDrive. Se ahorrará auto a medida que avanza. Si estás ahorrando
en tu computadora, vas a tener que
recordar guardarlo a medida que avanza. Lo que voy a
hacer es ir a Archivo, bajar a Guardar. Voy a llamar a esto
sólo presentación, quiero pegarlo en
nuestra lección una carpeta. medida que paso por esto, ustedes también podrán ver
el resultado final aquí. Voy a hacer clic en Guardar. Ahora sé a medida que
paso por este proceso, puedo ahorrar y saber
que no perderé nada durante el proceso. Lo siguiente que hago
típicamente son dos cosas. Uno, voy a
cambiar el fondo. Voy a
hacer clic derecho sobre él y voy a Formato de fondo. Por aquí tenemos un relleno sólido. Sólo voy a
cambiar el color de blanco a un gris oscuro. Entonces
lo siguiente que voy a hacer, y esto es el pan mágico y mantequilla detrás de
todo este efecto, es que voy a agregarle
una transición. Al otro lado de estas pestañas aquí
tenemos la pestaña Transiciones. Voy a hacer clic en eso
y voy a añadir una transición morph. Lo que hace morph es que
se necesita todo lo que ve en una pantalla y aplica los cambios
entre ambas pantallas. Déjame abrir de
nuevo
ese otro archivo de muestra para que puedas ver
exactamente hacia dónde vamos. Voy a abrir esto
y se puede ver en la diapositiva 1, parece que aquí
no hay nada. Tengo este pequeño ícono de
estrella al lado,
que me está diciendo que
hay una transición aplicada y es la transición
Morph. Entonces aquí está la diapositiva 2. Bueno, no sólo funciona así. Lo que tenemos que hacer, voy
a alejarme un poco. Lo que realmente notarás
es que todos mis activos para la segunda diapositiva están presentes
en esta primera diapositiva, están justo al lado del Canvas. Lo que sucede es con la transición
Morph aplicada, PowerPoint va a
mirar cualesquiera que sean las diferencias entre estas dos diapositivas
y animarlas juntas. Es realmente sencillo. En realidad es muy divertido y produce algunos resultados bastante profesionales manera
muy rápida y muy fácil. Vamos a seguir adelante y minimizar
este archivo de muestra de nuevo. Vamos a recrear ese archivo. Voy a hacer esto
saltar de nuevo mi ventana del buscador y agarrar algunos activos y
empezar a traerlos. Vamos a seguir adelante y agarrar, y todo esto se
basa en una maqueta que hice de esta sudadera con capucha para esta
marca que construí. Supongo que debo mencionar
esta marca si quieres
aprender más sobre cómo hice
esto, hay enlaces proporcionados. Stream en behance.net en vivo
y mostré cómo construí esta marca y luego también
construí algunos de estos logotipos en mi curso de diseño de
logotipos que aparece en Skillshare. Consulta los enlaces a continuación para obtener
más información si
quieres aprender mi proceso exacto
para llegar aquí. Pero por ahora lo que vamos
a hacer es usar estos activos para construir esta marca y construir como una
presentación de ventas para ello. Vamos a seguir adelante y vamos a estar
mirando esto de nuevo. Tenemos esta
forma morada en el fondo. Tenemos nuestro elemento principal con capucha. Tenemos una sombra paralela, y luego tenemos
este logotipo fantasma en el fondo
igual que un elemento de diseño. Estas son las piezas con las que
vamos a estar trabajando. Empecemos
a traer esto. Lo que voy a hacer es seguir adelante y traer aquí este elemento de fondo. Solo voy a
arrastrar y soltar desde mi ventana del buscador a la derecha
en PowerPoint. Esa es una forma de trabajar. Si
eso no funciona para ti, seguiré adelante y eliminaré esto. Sube aquí a la pestaña Insertar, y bajar aquí a fotos. Vas a la foto del archivo. Podemos agarrar ese mismo
archivo de esa manera también. Hay muchas formas de trabajar. Al igual que en cualquier
software, hay muchas maneras de hacer lo mismo. Ahora que tengo esto aquí, lo que voy a seguir
adelante y hacer es todo lo que quería hacer
es conseguir esto aquí. Quiero que el logo sea
como elementos separados. Te darás cuenta de su trasfondo,
está recortado. Pero quiero poder
animar este logo por separado. He proporcionado el
PNG para usted aquí, el archivo de logotipo, y solo
necesito un fondo sólido
para trabajar con. Voy a seguir adelante
y volver a hacer clic derecho sobre este fondo. Volver a Formato de fondo. En este color,
voy a desplegar. En lugar de elegir un color de tema
automático, voy a venir
hasta aquí hasta Más Colores. Vamos a hacer clic en eso. Entonces voy a agarrar la
pequeña herramienta cuentagotas. Ahora si estás en un PC, podría
parecer un poco diferente para ser
totalmente honesto, no
estoy seguro de cómo
va a verse la interfaz, pero ojalá puedas
llegar a donde puedes probar este color pulsando sobre él con esa herramienta
cuentagotas, haciendo clic en Ok. Ahora tu fondo
va a coincidir con ese color. Entonces lo que puedo
hacer es simplemente eliminar esta imagen porque solo
quería traer esto como una manera de probar ese
color rápida y fácilmente dentro de PowerPoint. Tenemos nuestro conjunto de capas
base de fondo. Ahora vamos a agarrar ese logotipo. Sólo voy a hacer clic
y arrastrar y soltar aquí. Nuevamente, si
eso no funciona para ti, puedes usar ese menú Insertar. Voy a escalar esto enorme. Es sólo un elemento decorativo. Apenas construyendo este
tobogán a medida que vamos aquí. No olvides guardar hit Command S en una Mac o
Control S en un PC. Ahora que tengo
esta foto aquí, quiero que coincida con este
fondo un poco mejor. Déjame traer esto de
vuelta aquí para que pueda ver exactamente cuál es el color. Definitivamente está fantasma, así que vamos a hacer clic en
este logo aquí. Voy a venir aquí a la pestaña Formato de imagen debajo de
la pestaña Imagen aquí abajo
debajo de Transparencia de imagen. Sólo vamos a fregar
esto un poco. Ahora no es perfecto porque
traje este logo cuando exporto esto para
ustedes, este archivo de logotipo, realidad
es negro versus cómo fue
diseñado originalmente en photoshop, podemos hacerlo exacto, pero por ahora solo
quiero acercarlo
solo para que las cosas sigan
avanzando aquí en este rumbo. Eso se ve bastante cerca.
Voy a seguir adelante y eliminar esta muestra de nuevo. Tengo el archivo de logotipo
encima del fondo. Ojalá estés siguiendo
a lo largo y que te vaya bien para que no te olvides de ahorrar
a medida que avanza. Vamos a saltar hacia atrás y seguir
trayendo más activos. Lo siguiente que
quiero traer
es el archivo con capucha, hoodie.png. Trae eso. Vamos a agarrar este archivo de triángulo morado, y vamos a
agarrar el archivo de sombra. Vamos a agarrar este triángulo morado. Lo escalaremos
hasta la esquina. Escalarlo para que se ajuste y está bien si va más
allá un poco, pero cuando quieras, usa tu
licencia creativa, hazla cerca. Realmente no importa. Tenemos esta sombra aquí. Ahora podría encontrarse con un
par de cosas aquí. Notarás que esta sudadera
está detrás de este triángulo. Si hago clic en la sudadera con capucha,
soy un gran fan de los atajos. Voy a seguir
diciéndote atajos a medida que avanzamos. Ojalá al final de esto, podré crear un
pequeño atajo PDF para ti. Pero por ahora,
voy a golpear Comando, Turno y F, para llevar esto todo el
camino al frente. En un PC, debería
ser Control Shift F. Va a traer eso
en la pila de capas. También verás que aquí
bajo la pestaña Formato de Imagen, hemos llevado adelante
o traemos al frente, o enviar hacia atrás
o enviar hacia atrás. Puede hacer clic en estos botones
para organizar estos objetos. Simplemente sé que Comando Shift F
traerá al frente y el Comando Turno B
lo enviará todo el camino hacia atrás. Yo uso esos atajos
todo el tiempo. Ahora al hacer eso no está
todo ahí en la parte de atrás. Te darás cuenta de que la
sombra está justo aquí. Ahora si pego Command
Shift de nuevo en esto, mira ahora las cosas están todas en
mal estado aquí y no
puedo volver a seleccionar
esta sudadera con capucha, así que podría hacer clic en cada
ítem Comando Shift B para guardar esto todo
el camino a la espalda. Agarra la sudadera con capucha
trayendo al frente. Pero es posible que te toques
con problemas en los que
te está costando escalar
estas cosas. Lo que vamos a hacer es que
vamos a volver
aquí a la pestaña Inicio. Entonces deberías ver
este pequeño cuadro
desplegable de arreglos va a hacer clic en eso y bajar
hasta el panel de
selección. Haga clic en eso. Ahora verás todos
estos diferentes activos. Puedes hacer clic en pequeño globo ocular para encender y apagar estas capas. Esto te va a
ayudar. Puedes arrastrar y soltar y reorganizar las cosas. Al hacer click en esta foto 12, solo
puedo cambiar el nombre de
esto a sudadera con capucha. Esto te va a hacer
más fácil que sigas
adelante para ver exactamente con
qué estás trabajando. Esta es nuestra sombra. ¿Qué es esto, miedo aquí? Ese es nuestro triángulo. Este el último
debe ser el logo. Ahora puedo ver exactamente qué capa o estos
activos están en este momento. Con el logo en la parte inferior,
queremos el triángulo a continuación, queremos la sudadera
por encima de la sombra. Déjame bajar nuestra sombra. Pero cuando lo hago ahora mismo
porque lo seleccioné aquí, puedo hacer clic y
arrastrar para seleccionarlo. Pero tan pronto como lo hago,
se agarra la sudadera con capucha. Lo que quiero hacer es
apagar la sudadera con capucha, agarrar esta capa y
luego simplemente arrastrarla hacia abajo, volver a encender la sudadera. Ojalá eso te ayude a medida intentas agarrar diferentes piezas, medida que empieces a hacer un lío en tu tobogán y
poder agarrar las diferentes
piezas que quieras. Estoy bastante contento con esto
para esta primera muestra. Es más o menos exactamente
como quiero que se vea. Ahora queremos animarlo. Realmente divertido y tan sencillo. Nuevamente, para que esto funcione, la clave mágica aquí es tener tu
transición puesta a morph. Diseña tu diapositiva exactamente
como quieres que termine, haz eso, agrega morph. Ahora lo que vamos a hacer
es duplicar la diapositiva. Me gusta usar el atajo
Comando D para duplicar, debe ser Control D en un PC. También puedes hacer clic con el botón derecho
y duplicar diapositiva y vas a ver los atajos
junto a ella aquí. Vamos a
duplicar esa diapositiva. Ahora lo que vamos a hacer
es realmente trabajar al revés. Esta es la diapositiva copiada, pero queremos empezar
con este espacio en blanco. La mejor manera de
trabajar ahora tenemos estas dos diapositivas
que son idénticas. Ambos tienen la transición
morph aplicada porque
duplicamos esta diapositiva cual duplicó
todo incluyendo cualquier animación que le hayamos
aplicado o transiciones. En esta primera diapositiva,
voy a
bajar aquí y
solo voy a
alejarme para poder ver más de mi
Lienzo alrededor de la diapositiva. Ahora sólo voy a
empezar a mover las cosas. Pensando al revés de
dónde quiero que esto venga y de dónde
quiero que termine? Quiero que mi sudadera
caiga desde la parte superior. De nuevo, estoy en la primera diapositiva
y no en la segunda diapositiva. En la primera diapositiva,
voy a mover todo de Canvas, así que
voy a mover la sudadera con capucha hacia arriba. Voy a agarrar la
sombra y moverla hacia abajo. Cuanto más lejos
se mueve algo, más lejos tiene que viajar, lo que hará que la animación se
vea más rápida o más lenta. Ahora también podemos cambiar la
duración justo aquí arriba. Estamos bajo transiciones,
bajo morph. Por aquí tenemos la transición a la
duración de la diapositiva. Podemos meternos con eso para
acelerar las cosas también. Pero de nuevo, cuanto más lejos
del Lienzo tiene que viajar, más rápido va a
parecer que va a ir. Voy a agarrar
este triángulo, quiero que se deslice
desde la derecha. Va a empezar
desde la derecha. Entonces cuando llegue a
la segunda diapositiva, se va a deslizar de esa manera. En el logo, vamos a
arrastrarlo hacia la izquierda. Básicamente todo lo que hice fue
tomar todas mis piezas y simplemente volarlas del Lienzo. Esa es la primera diapositiva.
Ahora la segunda diapositiva, todo es exactamente
donde quiero que vaya. Ahora esto debería ser todo lo que necesitamos para seguir adelante
y hacer que esto funcione. Voy a
bajar aquí y dar click en esta vista de lectura. Esto me gusta. Ahí está la vista de diapositivas. Si hago clic en esto, se hará
cargo de toda mi pantalla. Entonces se puede ver
la presentación o esta vista de lectura simplemente
se abrirá como una pequeña vista de lectura aquí. Cuando termines,
puedes golpear “Escape”. Cuando haya terminado de
revisar su presentación. Tenemos esto aquí.
Voy a golpear la barra espaciadora. Debe pasar de la diapositiva
uno a la diapositiva dos, poner esas animaciones en el medio. Eso es todo. Esa es más o menos
la salsa mágica. Vamos a usar esto
para todo lo demás que
construimos en este curso
bastante fuertemente. Ese es el proceso para
conseguir esta configuración. Es un montón de diversión y como
ves el proceso aquí, es bastante sencillo de hacer. Ahora lo siguiente que
quiero señalar,
vamos a seguir adelante y hacer un
poco más en esta presentación, yo iba a hacer esto
antes para mostrarte algo. Yo estaba como bien,
sólo hagámoslo juntos y se puede ver cómo
continuaría este proceso. Lo que voy a hacer es
volver a golpear “Comando D” para duplicar
esta diapositiva. Quiero mostrarte la
diferencia entre JPEG y PNG y por qué es tan importante a medida que
construyes estos archivos, quieres usar un archivo PNG. Voy a hacer es que
voy a arrastrar esto. ¿ Puedo cambiar clic ambos estos, no
puedo así la sudadera con capucha y la capa de sombra y
el panel de selección. Nuevamente, si no ves
el panel de selección, si se esconde de ti, puedes venir aquí a casa abajo para arreglarlo, abajo
al panel de selección. Voy a mover
esta capa por aquí. Entonces ya he exportado una versión JPEG de esto
para que juegues. Voy a venir
aquí a hoodie_white_bg. Observe que éste
es un archivo JPEG por lo hay.jpg y el
que hemos estado usando
antes de was.PNG. PNG es un gráfico
de red portátil y soporta lo que
llamamos transparencia alfa. Todos los bordes que puedes
haber recortado básicamente. Tu expediente, puedes
ver lo que hay debajo de él. Con un JPEG, los JPEG no
admiten transparencia Alpha por lo que
cualquier cosa que debería ser
transparente en realidad solo se aplana a un fondo
blanco. Vamos a arrastrar y soltar esta imagen
aquí, escalarla hacia abajo. Te darás cuenta de nuevo
ese fondo blanco. Dios, sólo hace que se
vea terrible, ¿no? Lo trae consigo. Voy a escalar
esto por aquí. Digamos que quería animar la diferencia entre
un JPEG y PNG. Vamos a añadir un par de elementos
más aquí. Vamos a agarrar nuestro cuadro de texto. Llamaremos a este JPEG. Simplemente
cambiaremos rápidamente el color aquí. Tal vez hacerlo un toque más grande. Vamos a seguir adelante y centrarlo. Tráelo a continuación. Ahora, voy a copiarlo
Comando C para copiar, Comando V para pegar. Arrastraré esto por aquí y
llamaremos a éste un PNG. Genial. Ahora digamos que
quería convertir esto en una animación aquí para
mostrarles una diferencia. Bueno, veamos cómo se ve esto. Ya tenemos cuando
duplicamos esta diapositiva, esta transición morph
vino con ella. Vamos a seguir adelante y hacer esta vista de
lectura muy rápido. Si golpeo la barra espaciadora, la sudadera con capucha y la sombra
vienen y el texto PNG, JPEG en esta sudadera con capucha, que era un JPEG apenas se desvanecen. En realidad no se animan
y la razón por la que, supongo que
técnicamente una transición de desvanecido es una animación, pero no se deslizan como
tú quieres. He aquí el porqué. No olvidemos ahorrar. Presentar, guardar. La instancia de este gráfico sólo
está en esta diapositiva. Si vamos a la
diapositiva con anterioridad, no vive en ningún lugar aquí. Esta sudadera con capucha está a la vez
en este tobogán dos. Si salto a deslizar tres, es por aquí. Está
en el mismo lugar. Puedes ver por aquí
en mi panel de selección, se llama
lo mismo. Eso también es clave. Necesitan que se les llame
exactamente lo mismo. Si los nombres cambian,
se romperá. Vamos a animar estos adentro. Una forma sencilla de hacer
esto, voy a esto,
haga clic en esto, clic en esto, copiarlo Comando C, saltar de nuevo a la diapositiva dos y
presionar Comando V para pegar. Ahora técnicamente están
en ambos lugares, pero no queremos
que ya esté aquí. Queremos mover a este
tipo a un costado. A lo mejor movemos la palabra JPEG hacia abajo y tal vez la
palabra PNG hacia abajo. Ahora cuando esta diapositiva esté activa, solo
vas a ver lo que hay dentro de este Lienzo
aquí en la diapositiva. Entonces estos activos
están esperando a un lado aquí para deslizarse
en este próximo. Nuevamente, asegurándose de que la transición morph se
aplique a las tres diapositivas. Vamos a saltar de nuevo
a esta vista de lectura, me golpeó la barra espaciadora y ahora podemos
ver esa animación suave.
3. Descripción del estudio de caso real: Vamos a echar
un vistazo a una
presentación real que hice. He sacado mucha información sensible
que no puedo mostrarte. Pero esto se basa en
una presentación real que fue para un acuerdo
multimillonario. Quiero mostrarte
la parte frontal de estos gráficos y el final
de la presentación también. Es sólo para mostrarte
cómo construí esto. Entonces cuando agregamos nueva información y datos
para los lanzamientos de ventas, agregamos esa información
en el medio. Muy rápido aquí, se
puede ver en
este momento sólo tengo seis diapositivas. Esto es para The Third Bull & Co. que es una empresa para la que
realmente trabajo. En este ejemplo de
presentación del lector aquí, la diapositiva comienza con nuestro logo. Normalmente tendremos el logo de las personas que estamos presentando
para que aparezcan aquí también. medida que avanza
por las diapositivas, tenemos algunas animaciones realmente
simples con una transición morph que nos
lleva a un
poco sobre quiénes somos. Después al final de la presentación y
después de todo lo demás, y de nuevo, tuve que sacar
algunos de esos detalles, termina con esta
diapositiva y luego va a aquí para preguntas finales
después de la presentación. Lo que quiero mostrarles es simplemente deconstruir cómo se hace esto. Si has estado siguiendo a lo largo, eres consciente de que
la mayor parte de esto, de hecho, todo esto proviene de
la transición Morph. Veamos
esto realmente rápido y exploremos las diferentes piezas. En esta primera diapositiva tenemos
una imagen fantasma del logotipo. Esta diapositiva fue realmente
diseñada en Photoshop y acaba de exportarse como
una imagen JPEG y esa imagen JPEG se acaba de
configurar para el fondo. Cosas súper básicas. Copiamos y pegamos en la versión
PNG del logotipo. Después en la siguiente diapositiva, y verás que
las piezas para esta siguiente diapositiva ya están
viviendo aquí en la parte inferior. Tienes a este
toro y luego
tenemos todas las diferentes
piezas de texto. Vamos a deshacer esto aquí. Todo está listo para animarse
a la siguiente diapositiva. De nuevo, ahora mismo, si volvemos a
casa en esta pestaña home, sal a arreglar y
bajar al panel de selección. Se pueden ver todos estos
diferentes elementos. En realidad no me tomé
el tiempo para cambiar el nombre de estos. Pero sí quieres asegurarte, de
nuevo, entre las transiciones
morph, de
que todas tus piezas tengan los mismos nombres
entre ambas diapositivas, lo contrario no se
animarán correctamente. Aquí acabamos de poner
estas capas en su lugar y donde queremos que
terminen después de la transición. Entonces para la siguiente
diapositiva, tenemos esto. ¿ Qué pasa aquí si
muevo esto fuera del camino? Se puede ver todo el pequeño texto que
acaba de encogerse
detrás de este tipo. Permítanme acercar un poco
para que podamos ver esto mejor. Este gráfico de círculo que descargué
de Envato Elements. Me encanta usar Envato Elements. No hago dinero para
decirles que usen esto. Podría ser afiliado,
pero sólo creo en ello. En realidad me suscribí a Envato Elements y
uso esto para todas las cosas. Puedes buscar de
todo, desde videos de stock hasta fotos y gráficos y plantillas de video e incluso temas de WordPress,
todas cosas increíbles. Yo uso esto todos los
días en mi trabajo de diseño. Si buscas presentación, y desplázate hacia abajo, puedes ver que hay plantillas de
presentación. Puedo dar click
aquí en “Ver más”. Podrías estar
buscando algo específico. Puedes buscar por color. Podrías buscar
si es un Keynote o PowerPoint o Google Slide. Simplemente pasa por aquí y solo mira si algo te
pega. Eso es lo que hice. Estaba trabajando muy
rápido y necesitaba un gráfico circular, así. Para ser sincero, no
recuerdo dónde lo encontré, pero lo encontré aquí, y descargué ese
activo y lo traje. Ahí está, aquí en mi tobogán. Así es como hice
esto. Entonces estos son solo cuadros de texto regulares, y así lo es esto sentado
encima de este gráfico. Esta es su foto 19. Volvamos aquí a donde foto 19, está aquí
arriba en la parte superior. Parece que tal vez cometí un error en cuanto a
la denominación de esto. Pero este gráfico está
en realidad en el Slide 4 y es transparente y está
girado solo un poco. Acabo de hacer clic en el
gráfico y
lo roté sólo un poquito de esta manera. Tomemos un avance muy
rápido y veamos cómo se ve esto. Golpeé a “Barra espaciadora”. El
gráfico ya estaba ahí, apenas al 0% transparente. Entonces a medida que se anima
en la siguiente diapositiva, va al 100 por ciento
o totalmente opaco, y gira solo un poquito. Voy a golpear la
“Flecha Izquierda” para volver atrás, golpear la “Flecha Derecha”
para seguir adelante. Se puede ver cómo
hace girar ese círculo. Lo siguiente para
la siguiente diapositiva. Si pego “Barra espaciadora” para
ir a la siguiente diapositiva, ya
ves cómo gira hacia fuera. Vamos a saltar de nuevo por aquí. En esta diapositiva, está
sentado así y en la siguiente diapositiva, muevo esto fuera del camino, haciendo clic aquí, se puede
ver que es transparente. Si hago clic derecho en esto, puedo bajar a
“Formato de imagen”. Mi
pestaña “Formato de imagen” se abre aquí. Por aquí a la derecha, vamos a hacer click en “Transparencia de la imagen”. Es al revés si vienes
del mundo de Photoshop, 100 por ciento normalmente sería a donde se podía ver y cero sería totalmente transparente, pero es lo contrario
en Microsoft. Lo tengo configurado a un 100
por ciento transparente en esta diapositiva y la
diapositiva antes de ella. Vuelve por aquí,
puedes ver que está establecido en cero. Es sólo animar de aquí a la siguiente diapositiva y rotar un poco es cómo
obtengo ese efecto. Cosas muy básicas. Déjame deshacer algo de esto aquí
para que no arruine el tobogán. Si alejo el zoom, se puede ver que
tengo las piezas por aquí listas para animar de
nuevo a esta diapositiva. Eso es más
o menos para este video. Así fue como se creó esta
presentación. En el siguiente video, voy
a empujar un poco más allá y mostrarte un par
de consejos y trucos cómo realmente traje
estos activos específicos.
4. Anima un logotipo: En este video,
voy a seguir adelante y mostrarte exactamente cómo
hice esta diapositiva y
cómo traje estos activos usando
Adobe Illustrator. Entonces como diseñador primero, casi siempre
estoy usando
Illustrator para todo. Me doy cuenta de que si estás
siguiendo en este curso, solo para PowerPoint, es posible que no tengas
acceso a Illustrator, pero puedes hacer una técnica muy
similar en otras aplicaciones como Canva o hay
un puñado de otros, pero este es solo mi flujo de trabajo y ojalá esto te ayude a obtener algunas ideas sobre formas en que tal vez
podrías crear
algo similar. Entonces lo que voy a
hacer si quieres
seguir y tienesa seguir y tienes Illustrator y si
no lo haces, un recordatorio rápido, realidad
puedes saltar, si abrimos una nueva ventana aquí, adobe.com y leer en la cima
de la creatividad y el diseño. Aquí abajo tenemos a Illustrator. Podrías, si quisieras
hacer una prueba gratuita de Illustrator y ver si te gusta y ver
si es algo que quieres seguir junto con. Pero mucho más allá del alcance
de esta clase específica. Así que vamos a seguir adelante y bucear en si quieres seguir adelante. Voy a
abrir este gráfico T3B aquí en los archivos de lecciones. Esto es lo que vas a
ver ahora esto es un gráfico que hice para un stand de feria comercial. Este gráfico específico se
imprimió ocho pies de
alto y alrededor, siento que tenía como diez pies de ancho o
algo así. Así que tenemos este tazón
y todo está todo agrupado y
tiene una máscara por encima. Esto es algo un
poco avanzado. Voy a hacer clic derecho. Voy a liberar
esta máscara de recorte. Ahora, esa pequeña plaza
transparente que escondía todo lo que pasó
más allá, está todo liberado. Estoy usando la herramienta de selección, usando la letra V para mi
atajo e Illustrator. Lo tengo todo aquí y
sigue pegando. Entonces lo que vamos a hacer, es que vamos a ir a objetar. Vamos a
desagrupar todo. El atajo para eso
es Shift Command G en un Mac o Shift
Control G en un PC. Ahora puedo hacer click por
aquí y ahora puedo agarrar cada pieza individual. ¿ Qué es realmente genial de esto? Vamos a seguir adelante y volver
a PowerPoint muy rápido. Voy a seguir adelante
y empezar desde cero. Vamos a hacer una
nueva presentación. Simplemente haremos una nueva presentación
en blanco. Baje al diseño,
ve a blanco. Ir a las transiciones
hará que sea morfo. Estoy volando por aquí
porque ojalá
ya hayas pasado por las otras
lecciones y entonces esto es, ya
hemos pasado
por aquí antes. Vamos a seguir adelante y hacer que el color de
fondo sea negro. Por lo que tenemos una presentación completamente
nueva. Estamos listos para el rock
y lo que quiero
mostrarles es que en Illustrator, puedo hacer click derecho sobre este activo. Puedo copiarlo con mi
atajo Comando C en un Mac, control C en un PC. Vamos a saltar de nuevo
a PowerPoint y sólo
voy a pegar
esto justo ahí. Ni siquiera tuve que
exportar nada. No tuve que
tratar de guardarlo como PNG o hacer algo
elegante así y si vuelvo a
mi color de fondo y lo cambié a
un color diferente, rápidamente se
puede ver
que es de hecho transparente y llegó a través exactamente de cómo
quería que lo hiciera. Voy a hacer clic derecho
sobre este fondo. Vayamos por aquí al color, hagamos eso negro otra vez.
Ahora tengo esto aquí. Vamos a traerlo sobre
las otras piezas también. Entonces voy a
volver en el Illustrator. El punto de este video, ustedes chicos es que quería
mostrarles mi flujo de trabajo. Esto no es necesariamente
seguir a lo largo. Eres bienvenido a agarrar las piezas y jugar con
ella y darle una oportunidad. Vamos a ir un
poco más rápido a través de esto. Entonces agarremos el tercer texto. Por lo que sólo voy a hacer click en
él con mi herramienta de selección. Vuelve a saltar a PowerPoint. En este momento solo estoy tratando de conseguir todas las piezas por aquí. Me estoy moviendo un poco rápido. Ojalá sea lo suficientemente rápido para aquí. Si voy demasiado rápido, no
lo olvides, esto es un video. Puedes pausarla,
volver a verla, rebobinarla, cualquier cosa que necesites
hacer en caso de que te
pierdas y además si
tienes preguntas, siéntete libre de pop en el
chat de abajo, avísame. Mientras tanto, sigamos
adelante y
sigamos aquí y pongamos todas
estas piezas por aquí. Así que voy a volver a
Illustrator copiando eso, y luego solo pegarlo
directamente en PowerPoint, cosas
súper geniales. Para ser totalmente honesto, no
sé si
esto funciona en un PC. Realmente espero que haga por
ustedes porque sería un enorme ahorro de tiempo si
no funciona para ustedes en un PC, pero están usando Illustrator, aún podrían agarrar cada uno de estos activos y
exportarlos por separado. La forma más rápida que he
encontrado para hacer eso es que tenemos esta pequeña
ventana de Exportación de Activos por aquí. Si no ves
que suban aquí a ventana y
habría una exportación de activos. Puedes agarrar cada una de estas piezas
y dejarla caer por aquí, tal vez darle un nuevo nombre. Debería hacerlo solo para
mantenerlo limpio. Consigamos cada pieza aquí
y consigamos que se llame muy rápido. Pido disculpas si no
tienes a Illustrator y
eres como la mía, acabo de venir aquí para
aprender PowerPoint. Ojalá esto te
dé algunas ideas para formas en que puedes trabajar en el futuro si alguna vez vuelves a ella. Entonces trataremos de
hacerlo breve ya que este no es técnicamente un curso de
Illustrator. Vayamos a llamar a eso. Llamaremos a este icono de tazón. Por lo que ahora tengo todas estas
piezas en la Exportación de Activos y puedo cambiar
click en todas estas, y luego aquí abajo
puedo elegir mi configuración. Entonces, dependiendo del
tamaño de tu gráfico, realidad
puedes escalar
estos cuatro veces o exactamente el mismo
tamaño o duplicarlo. Esto es bastante cosas de visualización de
retina si estás haciendo diseño web
y quieres un activo tanto
a la escala original como a la escala
de dos x. Así es como usarías esto. Pero voy a
seguir adelante y x fuera esa segunda exportación que solo necesitaba
en un eje, totalmente bien. Quiero que sea un PNG, para que así sea
todo transparente. Entonces voy a hacer click en
esta pequeña ventana de aquí abajo, aguardan todas estas
golosinas seleccionadas. Hagamos esto de nuevo muy rápido. Por lo que si hago click en este
Exportar para pantallas, se pueden ver algunos detalles más. Podemos decirle dónde queremos
exportar todos estos. Por lo que voy a hacer clic en esta carpeta. Voy a entrar
aquí y voy
a exportarlos todos
aquí también. Para que de esa manera si
no tienes Illustrator, eres bienvenido a seguir
junto con estos también. Vamos a usar esa carpeta. Haré clic en Exportar Activo y
vamos a ver qué pasa. Debería ir bastante rápido, esto lo está construyendo en este momento. Por lo que ahora tenemos todos estos como gráficos PNG
transparentes que si quieres jugar junto con, puedes totalmente sin
tener que tener Illustrator. Perfecto. Déjame tener
todas esas piezas. Voy a saltar de nuevo
a PowerPoint y están por todo
el lugar y honestamente, realmente no
estoy seguro de cómo conseguir
que sean del tamaño exacto. Entonces lo que vamos a hacer, al no estar seguro de
lo que quiero decir es que
realmente no recuerdo sin
mirarlo exactamente de qué
tamaño eran. Entonces
te voy a mostrar otra forma en la que trabajo. Voy a
volver aquí. Me gusta usar un atajo Comando
Shift y luego el número 4. Déjame conseguir este
pequeño cruce aquí que luego puedo hacer clic y arrastrar. ¿ Golpeé la llave de la barra espaciadora? Y muevo esto justo
donde quiero que vaya todo este tiempo he estado manteniendo pulsada la
tecla del ratón. Aún no lo he dejado ir. Ahora sigo
sosteniendo el ratón. Veo que tengo estas
pequeñas cosas de punto de anclaje apareciendo y
tengo estas
coordenadas x y , pero nada
de eso importa. Todo lo que estoy haciendo es usar
esto como referencia. Ahora antes de dejar ir el ratón, voy a mantener pulsada la
tecla Control y luego soltar el ratón. Se va a tomar una foto de esto y guardarla en mi portapapeles. Muy rápido de nuevo, eso es Cambio de
comando cuatro, haga clic y arrastre la barra espaciadora
para moverlo todo mientras mantiene presionado el
ratón antes de
soltarlo , mantenga pulsado el control. Sé que eso es mucho
checkout los atajos. Los atajos estarán arriba en
la parte inferior de la pantalla. Entonces volveré a saltar
a PowerPoint y
pego esa captura de pantalla
como imagen. Si eso va más allá de
lo que quieres hacer, también
podrías simplemente
exportar todo este asunto. Expediente. Exportar, Exportar
Como y solo podrías guardar todo el asunto
como PNG o JPEG o
lo que quieras. Usa el tablero de arte. Voy a hacer clic en Exportar.
Todo esto se ve bien. Voy a hacer clic en Exportar. Ahora lo
tienes como opción
también. Muchas formas de trabajar. Pero para mí tomar una captura rápida de
pantalla de esta cosa es definitivamente una forma más rápida de
trabajar. De vuelta en PowerPoint. Puedo llevar este gráfico
y lo puedo
escalar donde quiera que sea
por lo que va el tamaño. Se está volviendo un poco
confuso aquí, así que voy a cambiar
ese fondo de nuevo a un color gris más claro para que pueda ver con qué
estoy trabajando. Esto está todo el
camino en el frente. Por lo que quiero empujar esto hacia
atrás y el atajo es el Comando Turno B como
atrás o atrás. También puedes venir
aquí a la pestaña Inicio. Por aquí tenemos esta pequeña
caja arreglada y queremos mandar
esto a la parte de atrás. De cualquier manera, múltiples
formas de trabajar. Entonces voy a escalar esto hacia abajo. Intenta conseguirlo aproximadamente
del mismo tamaño. Aquí. No tiene que ser exacto
a menos que
quieras ser exacto y
puedes tomarte un tiempo extra para que
realmente sea perfecto, pero solo estamos
tratando de acercarlo. Lo suficientemente cerca. Entonces lo que puedo hacer es
que voy a Shift, haga clic en ambos, escalarlos un
poco juntos. Este tipo de estar
centrado en el Lienzo. Debería chascar aquí. Voy a traer a este tipo de vuelta
abajo y ahora puedo empezar a traer mis otros
activos y
conseguirlos aproximadamente del mismo tamaño
que todo lo demás. El motivo por el que esto
es súper útil es porque si tienes un logotipo o un gráfico del cliente o tu empresa y
quieres igualar exactamente. Podrías ser más rápido trabajando en un software o una aplicación con la que
ya te sientas cómodo, como Canva o Procreate o Photoshop o
Illustrator, elige uno. O tal vez has tenido
un JPEG de él y
quieres recrearlo
en PowerPoint y así que a veces es agradable
acercarlo de esta manera en lugar de intentar adivinar,
espero que eso tenga sentido. No me voy a poner
demasiado exigente con esto porque el propósito
es solo darte una idea de mi flujo de trabajo y
tal vez darte algunas ideas de formas en las que puedes trabajar. Veamos, se está
chocando un poco las cosas. Entonces eso va a estar lo suficientemente
cerca como para que
ustedes vean cómo trabajo. Voy a eliminar esta imagen, por lo que son sólo estos gráficos
y ahora lo último que necesito hacer es dar
click en el tazón porque quiero estar en los mismísimos amigos y
golpear Command Shift y F para llevarlos todo
el camino al frente, y eso está bastante hecho cerca. Ahora bien, si resalta todo aquí y
voy a escalarlo, notarás que son
escalas un poco raras. Se escala todo desde sus puntos de anclaje central
en lugar de relativamente. Entonces lo que vamos a
hacer es que vamos a
agrupar tan rápido. Si hago clic derecho y
vengo aquí abajo para agrupar, puedo golpear grupo o aquí está
tu opción de atajo de teclado Comando G. Ahora que
es un grupo, puedo escalar todo el grupo. Asegúrate de mantener Shift
para que no lo sesgue. Puedo escalar esto
tan grande como quiera y todo
se queda en su lugar de la manera que pretendo que se quede.
Ojalá eso tenga sentido. Entonces una vez que obtienes
esto donde quieres que se posicione como te guste, entonces puedes desagruparlo. Haga clic con el botón derecho
Agrupar, Desagrupar u Opción Mayús
Comando G para desagruparlo Ahora ya tienes todas
esas piezas de nuevo. Cambiemos nuestro fondo
negro a negro una vez más. Así es como queremos que acabe
la diapositiva. Ya tenemos nuestra
transición morph aplicada. Duplicemos esta diapositiva. Vuelve a la primera. Vamos a escalar todo hacia abajo, y quiero que esto
gire en un poco. Tal vez escalar un poco, y sólo vamos
a golpearlo aquí abajo. Lo mismo
lo rotará un poco, escala hacia abajo, la traerá
detrás de la cabeza aquí. No es exactamente como lo
hice la primera vez, pero es el mismo proceso. Ahora, podríamos
duplicar esta diapositiva, arrastrarla a la parte inferior, y en teoría, previsualizar esto. Se animará en la barra espaciadora. En la barra espaciadora de nuevo y
voy a animar atrás hacia fuera. Es así como hice
esta presentación para mi empresa. Espero que haya
disfrutado de eso. Espero que hayas aprendido mucho y no te olvides si
quieres seguir adelante. Todos esos activos están
ahora en la carpeta de activos, y no puedo esperar a ver
qué haces con esto.
5. Escena de paralaje: [ RUIDO] Esto es parte de otra presentación real
que hice por una marca. Era un tema caliente de iluminación roja, y así tuvimos este bosque aquí. En esta lección lo que les voy
a mostrar es cómo construir una escena de paralaje en PowerPoint. Bueno, la mejor
manera de mostrarte es mostrarte esta animación. En cuanto golpeo la
siguiente tecla de flecha
se puede ver cómo se
mueven las capas a diferentes velocidades, y da la
ilusión de profundidad. En animación
llamamos a este paralaje. Lo que eso significa es que tenemos diferentes piezas
de los fondos moviéndose a diferentes velocidades. La mejor manera de imaginar esto
si estás conduciendo por la carretera y
miras la ventana, es posible
que veas las señales de límite de
velocidad volando por ti realmente rápido. Tal vez más lejos de una distancia podría
ver edificios, o podría ver árboles, o podría ver campos
moviéndose a una velocidad diferente, y luego más en el
fondo podría ver montañas o se
puede ver el cielo, nubes, el sol, lo que sea, y esas diferentes
capas que están más atrás se mueven mucho más lento. Cuando animas las cosas
en este caso si
miramos la luna
aquí arriba en la parte superior, se está moviendo pero apenas se mueve y estas nubes se mueven pero ahí apenas se mueven. Diez esta siguiente capa; la mitad del suelo de esta capa, se está moviendo un poco más rápido. Y en primer plano aquí
estos son árboles y arbustos frente a este
texto se está moviendo mucho más rápido, por lo que hace que se sienta
como si estuvieras en esta escena 3D y esto
se llama paralaje. Veamos exactamente
cómo se construye esto. Primero desglosaremos esto, por lo que de nuevo proceso
de trabajo similar, notarás que todas estas diapositivas tienen esa transición morph
aplicada a ella. Estos por aquí; éste
tiene una transición de desvanecido, pero luego por aquí es un morph. Honestamente, esto probablemente sea solo un error en el expediente
que no noté. Vamos a volver a poner
eso en morph. Vamos a mantener
todo esto en la transición Morph, y voy a seguir adelante y salvar esto. Tu expediente
ya debería estar al día aquí. Si quieres seguir adelante; qué vamos a
hacer en esta lección, porque vamos a
recrear esta escena. He incluido el
archivo de Photoshop que utilizo para construir esto si tienes Photoshop y quieres
jugar con él, lo contrario, si no tienes esta
carpeta de escena de paralaje que tiene cada pieza se
rompió como una imagen PNG. Puedes usar todas estas piezas para crear
esta escena conmigo. Si quieres seguir por
ese camino eres bienvenido, y de lo contrario si
quieres echar un vistazo a este archivo de Photoshop vamos a
abrir este muy rápido. Se puede ver que es un
poco de un lío, y también estoy usando
cosas llamadas Artboards. Nuevamente, mucho más allá
del alcance de este curso actual, pero sí tengo algunos otros
cursos que irán mucho más en profundidad con Photoshop si
quieres aprender más. Mientras tanto acaba de notar en este archivo en el panel Capas; tengo todas estas capas, y así es como
construí el archivo. Así que traje una foto, hice un montón de Photoshopping, recorté todo,
apilado juntos, y luego exporté cada
pieza como una imagen PNG. Así es como hice esto y luego por aquí esta mesa fue solo para la capa de
fondo. Si vuelvo
en el PowerPoint, se
puede ver el fondo es que tiene este
gradiente en la parte posterior. Así fue como se construyó esto. Si quieres jugar con eso, eres más que bienvenido. Voy a seguir adelante y
cerrar esto. No ahorres. Es un desastre, fui
yo trabajando rápido. Nadie que
se suponía que viera esto, pero si quieres
comprobarlo para aprender, adelante, diviértete. Probablemente no deberías
usarlo para un cliente porque ya he
usado esto para un cliente, así que obviamente
no queremos copiar cosas pero quiero que puedas usar esto
para aprender de ello. Saltando de nuevo a esta muestra aquí se puede ver que tenemos
cada una de estas piezas, y este archivo está
a punto de volverse bastante loco. Lo que quiero
compartir en este momento es sólo el principio principal
de cómo llegar hasta aquí. Hagamos un nuevo archivo solo
para que estemos en la misma página. Hacer una nueva presentación. Ya conoces el simulacro si
has estado siguiendo a lo largo. Lo que vamos a hacer primero es seguir adelante y
formatear este fondo, y vamos con un relleno de
imagen o textura. Vamos a insertar una foto
de nuestra escena de paralaje. No recuerdo cuál
es, azul background.jpg. Vamos a tirar esto
al fondo, entonces vamos a ir
a nuestras transiciones, entonces vamos a aplicar
la transición Morph justo para que clonemos
todas estas capas. Todos tienen la configuración
correcta. Ahora que tengo ese conjunto,
voy a golpear “Comando D” duplicar esto
o hacer clic derecho. Voy a tener que
duplicar diapositiva. Ahora en esta escena,
sigamos adelante y construyamos toda nuestra escena. Lo que vamos a hacer es empezar traer todas las
piezas una por una, así que eventualmente se va
a quedar así. Para hacer esto rápidamente, salta de nuevo
en nuestra escena de paralaje. También como bono, he proporcionado estas nubes. Si quieres experimentar con esto más o
tal vez usar esto en otra presentación
sobre todo tipo de nubes con las que puedes
jugar aquí, diviértete [Risas] si quieres. Vamos a saltar de nuevo a
esta escena de paralaje, y sólo vamos a traer
todas las piezas. Vamos a traer las
piezas de fondo en primer lugar solo para desplazarse
rápidamente por todos estos activos para ver lo que tenemos. Probablemente hagamos que la
luna sea la más alejada de atrás, así que dejemos caer
esto justo aquí. Lo pondré aquí en alguna parte. A continuación probablemente
será la capa de nubes, así que volvamos a
subir a nuestras nubes. Voy a mando-click
ambos de estos. Selecciónalos ambos al mismo
tiempo para simplemente dejarlos caer. Ahora no estoy tratando de recrear exactamente lo mismo que ya
acabo de hacer, solo
estoy tratando de acercarlo. También te darás cuenta
cuando exporté esto si miramos realmente de cerca, está picado en la parte superior. No queremos que eso se presente en nuestro expediente, así que lo que vamos a
hacer es simplemente poner esto en la cima y luego eso va a
ser genial.
Bueno para ir. Ahora la otra cosa
es como animamos, notamos que vamos de izquierda o supongo que más bien
de derecha a izquierda. Todo comienza en este borde y luego se mueve hacia la derecha. A medida que construimos esto queremos
darte espacio para moverte más lejos, por lo que esta nube tiene
mucho que mover. Podríamos empezar más si
queremos donde cubra la luna, lo que quieras. No es que
realmente no
importa, realmente importa. Tenemos nuestras nubes en su lugar. A continuación, sigamos adelante. ¿ Qué queremos
agregar frente a eso? Permítanme volver a mirar
este expediente. Tenemos estos árboles,
tenemos esta capa de fondo. Busquemos ese rápido de verdad. Empezaremos con Tree.png. Volvamos por aquí, echemos en Tree.png. Simplemente tiramos eso
ahí así. Vamos a agarrar y he
traído un montón de cosas aquí desde cuando construí
esto originalmente. Los árboles de fondo,
echemos eso ahí. Podríamos necesitar
enviar esta de vuelta, así que vayamos a Enviar hacia atrás. Daremos clic en eso
bajo Formato de imagen. Te darás cuenta si estoy debajo de Inicio, y vengo a Organizar, y mover cosas alrededor, o en este caso si estaba en la pestaña Formato de imagen en la cinta entonces solo puedo hacer clic en estos botones
aquí mismo para enviarlo al revés. Vamos a jugar con
la forma en que se apilan estos y es posible que necesites
experimentar para obtener
los mejores resultados, pero más que nada solo
quiero que veas el proceso y solo
veas cómo se construye esto . Entonces voy a
poner eso ahí dentro. Vamos a conseguir otra capa. Supongo que podría haber
nombrado a estos un poco mejor; árboles oscuros y altos. Vamos a poner estos por
aquí, y como es un borde duro ponemos algunos en arriba a la izquierda y luego oscuro grupo de árboles
altos. ¿ Dónde podemos pegar
esto? Veamos si esto incluso pertenece aquí. Vamos a meter a estos tipos todo el camino por aquí
y lo que va a pasar es como animamos se
deslizan desde la derecha, así que vamos a poner estos camino
por aquí. Follaje frontal, veamos
qué más tenemos. Quizás podría haber nombrado mejor a
estos chicos; me disculpo de antemano,
pero ¿saben qué? Nuevamente, quiero ser realmente transparente con mi flujo de trabajo, para que puedan ver cómo construí esto. Esto viene exactamente de
izquierda a derecha, pero necesito espacio para escalar esto. Solo voy a
escalarlo de esta manera, y podría parecer basura, podría
parecer pixelada. Vamos a jugar con
ella pero vamos a
empezar todo al rasa empezar todo al ras izquierda y luego se va a mover de la derecha hacia la izquierda, así que quiero
darme espacio para trabajar. Porque este primer plano
va a estar moviéndose un poco
más rápido que el resto de ella en realidad
voy
a escalar esto aún más grande porque quiero tener un montón de gráficos para
seguir moviéndose de esta manera. ¿ Eso tiene sentido?
Espero que tenga sentido. Veamos qué pasa. No me preocupa
mucho
que esto sea perfecto en este momento. Más que nada, quiero
que veas el proceso. Ahí, tenemos
eso. Entonces el último que sí sumé una viñeta. Golpeamos barra espaciadora, se
puede ver que es sólo un borde quemado para
que parezca un bosque oscuro. Vamos a traer esto
también y parece que
necesito cambiar el tamaño de esto para que
coincida con mis antecedentes. No tiene que ser perfecto. De nuevo, solo
te estoy mostrando el proceso. Ahora que tenemos que
voy a ir a Organizar, ven todo el camino hacia abajo
al panel de selección porque tenemos todas
estas imágenes ahora. Porque esto está a
punto de volverse loco; escribí ese derecho, creo que lo hice; Viñeta, queremos asegurarnos sepamos con qué piezas
estaban trabajando. En primer plano, Árboles de arriba a la derecha. Estoy inventando esto a medida que voy chicos, realmente no importa. Lo que tenga sentido
para tu cerebro. Árboles Top Izquierda, lo
apagamos para que podamos ver
qué sigue. Nubes derechas, nubes
izquierdas lo
que significa que esta es nuestra luna. Ahora tenemos todo el nombre y volveremos a encender todas
estas capas. Solo voy a
golpear el “Preview” muy rápido solo para asegurarme de que
todo esté empezando. Quiero asegurarme de que
tener astilla por aquí en el costado que no
estaban correctamente alineadas. Veo algo
raro pasando aquí, pero creo que es
sólo la ventana. Vi estos bordes negros, pero creo que estamos en buena forma. Movernos a lo largo, ahora lo que vamos a hacer, es que vamos a salvar
esto, en realidad. [ Risas] Vamos a Archivo, Guardar Como nuestra escena de paralaje. Voy a llamar a este fin porque para cuando esto se haga todo,
será lo completo. Genial. Ahora estamos en
muy buena forma. Lo último que
necesitamos es algún texto. Vamos a agregar algo de texto, tomaré un
cuadro de texto, haga clic y arrastre. Diré Título para
que sea bastante grande. Vamos a centrarlo,
tal vez hacerlo audaz. Perfecto. Y luego último es
que realmente queremos centrar. Quiero apagar
esta viñeta. Entonces lo selecciono, que vamos
a centrar esto. De hecho, podría incluso
derribarlo un poco, y luego por aquí en la capa, este es nuestro Cuadro de Texto,
sólo voy a llamarlo Texto. Vamos a dejarlo por debajo
del primer plano para que
consigamos algo de esa interacción realmente
genial con las capas
que construí, ¿de acuerdo? Boom, luce bien. Vamos a traerlo
solo un poquito. Ahí vamos, totalmente audaces. Ahora estamos listos para
construir realmente esta cosa. Lo que vamos a hacer es volver por
aquí y duplicar esta diapositiva y ahora
empezamos a mover las cosas. Por lo que el primer plano se va a mover mucho
más rápido que el fondo. Unas pocas formas de trabajar, una es solo agarrar
las cosas y simplemente empezar moverlas para
ver lo que te gusta, o vamos
a pasar a Formatear Picture. Vamos a pasar
al cubo rosa, tamaño, posición, ahí está. Podríamos hacerlo así también. Estoy bajo Formato Imagen, posición
horizontal. Podríamos clavar manualmente las cosas en. Voy a mantenerlo horizontal. Vamos de 6.4 a 6.5
, no, vamos a bajar. Vamos a hacer esto 6.3, por lo que la luna se movió un poco. Eso fue alrededor de 0.1 que
movimos la luna. Volvamos a
nuestro panel de selección, agarremos nuestras nubes izquierdas. Ve a Formato de Imagen, bajo posición,
y estamos en 4.05. Entonces dejemos
caer esto a alrededor de 3.9. Estoy inventando esto
como voy ustedes chicos, veamos qué pasa ahí,
se mueven un poco. También podrías simplemente,
si eres impaciente, agarrar las cosas y
moverlas un poco. Muchas formas diferentes de trabajar. Si quieres que sea exacto, puedes entrar aquí y
clave en el puesto. Si quieres
moverlo con el ratón, solo entra aquí y
muévete con el ratón. Ahora esta capa va
a ser una capa de primer plano, por lo que queremos movernos un
poco
más allá de la capa de nube, y este fondo un
poco más allá, y luego tenemos estas
cosas que necesitan para movernos un poco menos, y luego esta cosa
queríamos movernos bastante. Entonces veamos cómo lo hicimos allí. Veamos, y esto es
mucho ensayo y error. Golpeé barra espaciadora.
En realidad no está tan mal. Ahora el expediente está un poco desordenado. Me di cuenta como es más grande, veo estos recortes aquí no
están súper limpios. Aquí hay un montón de
cosas que tal vez queramos
limpiarlo un poco. Además, noto que esta capa
no se está moviendo en absoluto. Por lo que nos perdimos uno, Cancelar, volver a nuestro panel de selección, árboles
traseros, árboles medios. Creo que no fue la parte de atrás. Aquí es donde se vuelve realmente
confuso, muy rápido. Pero es el proceso
y cuando
funciona, es muy divertido. Así es como hice esto.
Por eso pasé y creé
esta escena de paralaje. Voy a golpear
“Space Bar” muy rápido. Me fastidié totalmente
algo. Fui por el camino equivocado. [ Risas] Eso
rompe la ilusión bastante rápido, ¿no? Vamos a mover este árbol. Al animar las cosas, no
estaba prestando
atención a qué diapositiva estaba en mientras
movía las cosas por ahí. Deja que eso sea una lección para
ti a medida que avanza por este proceso para prestar
atención a qué diapositiva estás modificando y
honestamente es un proceso. Vamos a intentar esto de nuevo. Eso es mejor. No es
perfecto, pero es mejor. Entonces lo que podemos hacer es
animar desde esta diapositiva de título
al siguiente título y hay un par de
formas en que podríamos hacerlo. Pero el que te voy a mostrar en este momento
es que vamos a hacer click en este Texto de Título. Sólo vamos a
arrastrarlo del borde aquí. Ahora siguiente diapositiva, se limpia y queremos
limpiar en la nueva diapositiva
desde el otro lado. Vamos a seguir adelante y
copiar esto, cópielo. En realidad, lo que quiero hacer, solo
voy a hacer clic en opción
y arrastrar una copia de esta manera, así que está justo en línea con
lo que fue el otro. Ponte esto centrado
un poco, Otro Título, genial. Voy a agarrar
este Otro Título, copiarlo y volver
al anterior, y pegarlo aquí y
moverlo al lado derecho. Ahora mientras volvemos a prever
esto, debería limpiarse de
uno a otro. Notarás que este título estaba frente a todo
nuestro follaje. Así que agarremos nuestro Texto
y simplemente arrastrémoslo detrás de ese primer plano. Vamos a prever una vez más, Barra
Espacial y nuestro Título toallitas dentro y está
detrás del follaje. Así es como construirías un paralaje visto en PowerPoint, y luego desde aquí es
bastante sencillo, simplemente
seguirías duplicando las diapositivas, así que comando D para duplicar. En este caso, en esta copia, ya no
necesitamos este
título aquí. Eliminamos eso y
podemos agarrar este Texto, arrastrarlo hacia un lado, y simplemente seguir
trabajando a través de nuestras capas, moviendo capas más hacia la izquierda hasta que estés
contento con los resultados. Es bastante
laborioso, pero
es muy divertido cuando lo
haces bien. Muy laborioso y
honestamente un dolor. Es un dolor seleccionar
todas estas capas, por lo que incluso podrías pasar y apagarlas y luego mover las cosas donde quieras que
obtengan el efecto
que estás buscando. o menos,
lo consiguen desde aquí chicos, no
quiero aburrirlos
conmigo pasando, haciendo lo mismo una y
otra vez. Vamos a apagar este video
aquí en tan solo un segundo, solo
quiero ver
cómo resultó. Golpea “Barra espaciadora” para previsualizar, Otro Título, y luego obviamente dejaríamos caer
en un tercer título allí. Que mis amigos es como haces una escena de paralaje
usando PowerPoint. Espero que haya disfrutado eso.
Espero que hayas aprendido mucho. No olvides que tienes esas
lecciones que seguir. Lo siento, los archivos de ejercicio
si quieres construir los
tuyos propios y seguir adelante y me encantaría ver
cómo te va. Así que no olvides que
puedes compartir tu proyecto con el grupo aquí y
seguir adelante y publicar eso a continuación
cuando tengas una oportunidad. Muy bien chicos, bueno, nos
vemos en el siguiente video.
6. Introducción al proyecto de clase: Para los próximos videos, voy a estar trabajando
en mi proyecto de clase para esta clase. Va a ser construir
un video de cartera usando PowerPoint para esta marca llamada la misteriosa coalición
energética. Aquí está pasando mucho. En este video intro, solo
quiero guiarte a través de lo que
vamos a estar haciendo aquí para los próximos videos, y luego me pondré derecho al trabajo. La misteriosa coalición energética
es una marca falsa que me
invento para otro curso que puedes encontrar
aquí en Skillshare. Si saltas por
aquí a Skillshare y vas a mi perfil, debería
haber un enlace a
continuación por aquí en alguna parte. Simplemente nos desplazaremos
todo el camino hacia abajo. Se pueden ver todos
estos cursos que he estado impartiendo
aquí en Skillshare. Específicamente, este diseño de logotipos, diseño
gráfico para
principiantes crean logotipos en Adobe Illustrator. En este curso, te muestro exactamente cómo
diseñé este logo. Fue un montón de diversión de hacer, y usamos un generador de
palabras aleatorias para llegar a palabras
aleatorias y luego construir un logotipo a su alrededor. Así se nos
ocurrió la palabra misteriosa y energía
y coalición. Es aleatorio,
pero es muy divertido. Ahora lo que quiero hacer es crear un post portafolio
y uso Behance. Me encanta Behance, vivo en
vivo en Behance. Si no has oído hablar de ello,
compruébalo behance.net. Si fueras a
behance.net/mitchellsgarage, puedes ver mi
cartera y algunas de las cosas que he
estado construyendo aquí así
como transmisión en vivo. Si hago clic aquí en
“Livestreams”, en Behance, se pueden
ver todas las
transmisiones en vivo que he hecho. Tengo un montón de ellos aquí. Podrás
ver exactamente cómo
creé esta maqueta también. Yo hago esto en vivo y ustedes
pueden comprobar eso de forma gratuita. También fue otro proyecto
realmente divertido. ¿ Qué quiero hacer ahora, si vuelvo a mi trabajo aquí bajo la pestaña Trabajo, tiene sentido? Se puede ver que he empezado esta cosa de
maqueta de prendas con capucha. Si me desplaza hacia abajo, se puede ver que este fue un
trato similar donde era la clásica
empresa de tablas de surf misma cosa usaba un generador de palabras aleatorias
para llegar a un logotipo, al
menos el texto, y
luego tuve que diseñarlo. Si te desplazas hacia abajo,
también puedes ver la
transmisión en vivo donde te muestro exactamente cómo hice
este proyecto también. Lo que quiero hacer es
usar PowerPoint para agregar un video en esta página de portafolio
que muestre el proceso, o más bien presume de la
marca que creé. Eso es lo que vamos a
hacer en los próximos videos, es que vamos a pasar. Si quieres seguir, cuando esto esté todo hecho, podrás agarrar todas
las diferentes piezas que he exportado si
no tienes Photoshop o Illustrator pero
también puedes crea tu propia pieza de
cartera. Si lo tienes, ya
sea fotografía, diseño de
logotipos, tipografía,
un diseño de póster, diseño de
impresión,
diseño web, realmente no importa. Pero si estás buscando una
manera de poner en práctica lo que hemos estado aprendiendo
hasta ahora en este curso de nuevo, puedes agarrar las piezas
que voy a proporcionar, o si tienes algo que puedes usar para seguir a lo largo aún mejor. Eso es lo que vamos
a hacer. Voy a pasar y voy a
exportar todos estos activos, prepararlos todos. Entonces vamos a sumergirnos en PowerPoint para
armar una presentación. Aquí hay una maqueta de vehículos que hice con la marca
solo divirtiéndose un poco. Estas son algunas
miniaturas que uso en el canal Behance
solo para presumir, así que también he usado esta
marca que hice una maqueta 3D. He hecho algunas envolturas de vehículos
y algunos diseños de prendas de vestir. Lotes y montones y muchas
cosas divertidas que
quiero mostrar en PowerPoint. Mantente atento en los próximos videos, vamos a
sumergirnos en el proyecto.
7. Construir el fondo: Bienvenido de nuevo. Vamos a seguir adelante
y sumergirnos en este proyecto. Lo que voy a hacer para
empezar es empezar a crear sólo las diferentes diapositivas que quiero presentar
para esta marca. Vamos a seguir adelante y saltar PowerPoint y vamos a
hacer un nuevo archivo,
obviamente, algo a
lo que estás acostumbrado. Sólo será una presentación
en blanco, nada elegante y de hecho,
voy a hacer click
en esta primera diapositiva, ir a “Layout”,
convertirla en una diapositiva en blanco. Ahora vamos a seguir adelante y guardarlo. Guardar como, y llamemos a esto, cartera de la
coalición de energía
misteriosa. Entonces sigamos adelante
y guardemos esto, y hagamos aquí un nuevo
proyecto o nueva carpeta llamada Project. Llamémoslo
Proyecto de Clase. ¿Cómo es eso? De esa manera ustedes pueden jugar
por ahí con estos archivos. Cuando todo esté dicho
y hecho, sigamos adelante y guardemos esto aquí. Haremos clic en “Guardar”, y
ahora a medida que seguimos
trabajando a través de nuestro proyecto,
nada se pierde. Voy a seguir adelante y
empezar con el fondo, solo construyendo mis capas
en ningún orden particular. Además, revisemos
estos archivos muy rápido. Nuevamente recordatorio, este curso es para
diseñadores gráficos que quieren hacerlo mejor en PowerPoint
pero reconozco muchos de ustedes podría
no tener experiencia con
Illustrator y Photoshop. Puedes saltarte esta
lección si quieres y simplemente agarrar estas
piezas más tarde, pero vamos a seguir adelante
y solo exportar algo de esto y prepararlo para que yo
construya mi proyecto de clase. Este es el
archivo de logotipo que salió del otro curso del que les
estaba contando chicos. Es así como terminé haciendo todas estas diferentes
versiones del logotipo, algunos colores diferentes,
cosas así. Estamos haciendo zoom en muy
lejos. Ahí vamos. Durante el último curso, solo
estaba jugando con algunos colores y cosas
diferentes, pero realmente no me
gusta, honestamente, ninguna de estas
versiones, mi
versión favorita de estos colores. Me encanta el logo, pero
el aspecto real de él, realmente
me gusta cómo se estaba dando forma cuando estaba
haciendo estas miniaturas. Específicamente,
miro estas dos sudaderas. Me gusta esta naranja porque es diferente a
las cosas que normalmente hago. Me da más opciones. No obstante, visualmente, este
es mi favorito. No tiene nada
de esa naranja. Simplemente me gusta el amarillo, el verde azulado, el
azul marino pasando aquí. Es super cool en mi opinión, pero podría presumir
múltiples versiones. Mirando la miniatura de esta
maqueta de ropa, tengo múltiples versiones
con capucha que he hecho, envolturas de vehículos. Muchas formas diferentes en las
que podemos jugar con él. Por ahora mismo, lo que estoy viendo, si miro el
fondo sobre esto, justo al fondo
sobre esto, veo el logo enorme como elementos
decorativos. Veo esta raya amarilla grungy y luego este fondo azul. Quiero sacar estas
piezas y
hacerlas piezas separadas que
pueda animar en
mi presentación. A través de la magia del video, vamos a saltar adelante y tener todas estas
piezas exportadas. Lo que he hecho es que he exportado los principales elementos de fondo. Eso es un rincón azul, tengo este logo, y luego tengo esta raya y los
exporté
todos en Photoshop. Básicamente, solo yendo a
las capas que quería usando la herramienta de selección,
agarrando cada pieza. Al venir aquí, mis capas, hacer clic con el botón derecho y luego exportar
rápidamente como PNG. Eso es lo que le hice a todas las diferentes
piezas que necesito para construir este fondo. Cuando regrese
a mi diapositiva, empecemos a dejar caer
estos activos. Ya hemos hecho esto antes. Sólo voy a tirar
esto ahí muy rápido. Voy a agarrar cada
pieza, y tal vez tengamos que escalar algunas
cosas alrededor. Pero hasta ahora se ve muy bien bastante rápido
porque mi talla era aproximadamente del mismo tamaño esta presentación
así que no tengo que
escalar demasiado todavía. Veamos cómo se forma esto. Tal vez tengamos que ajustar
esto un poco. Eso fue realmente fácil. Eso fue muy fácil ahora que tenemos todas nuestras
piezas con las que trabajar. Veamos si quiero que esto
se recorte o no. Ahora tengo mi trasfondo
realmente sencillo. En el siguiente video vamos a seguir
trayendo más activos.
8. Mi flujo de trabajo: exportar recursos desde Photoshop: En este video,
vamos a exportar estas dos sudaderas para que
podamos usar en mi proyecto. Ahora, inicialmente no
iba a
mostrarles esto chicos porque este
es un curso de PowerPoint, pero cuanto más lo
pensaba, quiero que
puedan seguir adelante si son diseñadores gráficos. Nuevamente, es realmente importante
para mí mostrarles mi flujo de trabajo y mi proceso de
pensamiento. Voy a pasar bastante
rápido por esto. Si es demasiado rápido para
ti, solo un recordatorio, puedes pausar el video, puedes rebobinar el video, ver tantas veces
como necesites. También puedes
saltarlo por completo y simplemente agarrar los activos
cuando todo esté hecho. No quiero abrumarlos, pero para aquellos de ustedes
que quizá sean más intermedios a avanzados y quieran ver mi proceso,
voy a seguir adelante y se lo
mostraré. Eso es lo que vamos
a hacer en este video. Sólo voy a
volar a través de él. En este archivo de diseño tengo estos tableros de arte en Photoshop y específicamente
quiero exportar estos activos. Ahora, estas capas son lo que llamamos
Objeto Inteligente en Photoshop. Si miro por aquí en mi capa, veo la sudadera con capucha y veo este pequeño ícono
parece un trozo de papel. Es un objeto inteligente,
lo que significa que en realidad
hay múltiples
capas dentro de aquí. Hay mucho más allá del
alcance de este curso. Voy a hacer doble clic en él. Ahora puedo ver dentro
del objeto inteligente
tengo todas las capas
para este diseño. Si quieren desmontar esto, agarrarlo de los activos, divertirse con este archivo,
ustedes hacen lo que quieran. Vamos a seguir adelante.
Tenemos esta sudadera con capucha. Tenemos todos los pequeños elementos de
diseño diferentes pasando aquí, todas las diferentes máscaras. Específicamente aquí abajo
tengo este grupo, que es las pequeñas
sombras que creé debajo de los brazos y luego tengo esta
capa aquí abajo, que es la principal
sombra debajo del cuerpo. Voy a agrupar ambos estos. Sólo voy a cambiarle el nombre, sombra. Voy a hacer clic derecho, exportación
rápida como PNG. Sólo vamos a
llamarlo sombra y sólo
vamos a
golpearlo justo ahí dentro. Entonces lo siguiente que necesitamos,
voy a apagar esto. Vuelve a la derecha
al archivo principal con capucha, haz clic derecho y
vamos a exportar como un PNG llamado hoodie,
haz clic en “Guardar”. Vamos a ver
esto muy rápido y asegurarnos de que se exportara
como yo quería, así que ahí está mi sudadera con capucha,
está recortada. Tal vez podría hacer un
poco de un mejor trabajo. Tiene un poco de
golpe ligero a su alrededor,
pero no me preocupa eso por ahora mismo lo que estamos haciendo. La sombra, sólo eso,
sólo una pequeña sombra. Vamos a poder sacar estas piezas
a nuestra
presentación de PowerPoint. Puedo cerrar este
objeto inteligente sin guardarlo. Veo pequeños asteriscos aquí, lo
que significa que no se ha salvado, por lo que esos cambios que
hice donde cambié
el nombre de la capa a sombra
y apago eso. Si la cierro,
no va a recordar esos cambios. No ahorres. Ahora no estropeó
nada aquí en este expediente. Lo mismo que esta
sudadera con capucha en la espalda. Haga doble clic en esta miniatura para abrir este objeto inteligente. Vamos a buscar esas sombras aquí
abajo, renombralo sombra. Voy a hacer mi
exportación rápida, haga clic con el botón derecho. Exportación rápida como PNG, va a
exportar esa sombra. Honestamente aunque
no necesitamos hacer eso porque ya
tengo esta sombra aquí. acaso
sean de diferentes tamaños, lo
voy a llamar sombra 2. Creo que es lo mismo sin embargo, sólo
estoy tratando de
volar por esto. Volvamos hacia arriba y primero
vamos a apagar la sombra. Después vuelve a subir a esta carpeta, haz clic derecho y vamos
a ir a Exportación Rápida como PNG. Ahora tenemos la sudadera con capucha
morada
también . Eso es más o menos. Tengo esos activos listos
para traer y vamos a
seguir adelante y hacer eso muy rápido y luego pasaremos
a la siguiente lección. Vamos a traer nuestra sudadera con capucha
morada. Sólo voy a arrastrar
y soltar justo ahí. Volvamos a
nuestra sudadera regular, supongo que podría
llamarla sudadera azul, sin embargo no importa. Sólo tírala ahí.
Tengo dos de ellos. Entonces tenemos nuestras
dos capas de sombra, que de nuevo por
cómo construí este archivo, deben ser
idénticas y lo son. Voy a seguir adelante y
simplemente borrar la sombra 2. Sólo necesito el único archivo,
traiga eso ahí. Esto va a
necesitar escalar un poco para caber
muy bien debajo. Entonces puedo cambiar clic en eso, arrastrarlos a los dos por aquí. Voy a necesitar volver a colocar la sombra y la sudadera con capucha. Volveremos a eso
aquí en un segundo. Entonces clonemos el
archivo de sombra manteniendo pulsada la opción “Opción”, pulsamos y arrastra, manteniendo
pulsada la pulsación Mayús para ajustarlo en
línea con el otro. Ahora, tenemos dos sudaderas
con sombras. Eso es todo chicos. En el siguiente video,
vamos
a seguir construyendo nuestras diapositivas, sumar un poco más de texto, añadir
algunos elementos más, animar algunas cosas,
y divertirnos toneladas.
9. Consejos para animar las sombras: En este video,
voy a seguir adelante y animar estas dos sudaderas
que trajimos. Pero te voy a mostrar
dos cosas diferentes. Bastante directo. Esta sombra, si
fuera con esta sudadera animando desde la izquierda o
la derecha, cualquiera de los lados. Si estuviera viniendo de lado, la sombra se quedaría con ella. Si iba a caer
desde arriba o abajo,
entonces la sombra, entonces la sombra, déjame mostrarte esto en realidad. Vamos a cambiar haga clic en
eso. Ahí vamos. Si tuviéramos que caer
desde arriba, la sombra no iría
con todo. En realidad
entraría juntos. Al bajar esto, esta sombra en realidad
entraría desde el fondo, y probablemente
comenzaría transparente
porque
no habría nada allí hasta si éste fuera el horizonte o un
o algo así, la sombra
realmente no se mostraría hasta que el producto se
acercara al suelo. Lo que vamos a hacer,
vamos a deshacer todo esto. Vamos a seguir adelante y conseguir estos
escalados al tamaño correcto. Lo primero que
voy a hacer, recuerda, si escalamos estos ahora, realmente no
se pegan
juntos como tú lo quieres,
vamos a hacer clic derecho
y agruparlo esto. El acceso directo en un Mac
es Opción Comando G, o Opción de Control o Control Alt G en un
PC. Eso es un grupo. Vamos a agrupar a este tipo. Puedo cambiar clic en ambos, escalarlos hacia abajo, manteniendo pulsada turno para que
no se vean sesgados graciosos. Ahí vamos. Ahora
tengo a estos dos chicos y voy a cambiar click una vez
más ambos, clic derecho agrupe estos, luego voy a alinear estos. Vamos a pasar a un
rango, hacia abajo para alinear, alinear el medio, y
es ese centro también? No estoy seguro. Déjame
ver alinear centro. Ahora sé que estos están
perfectamente centrados y alineados visualmente aunque. Quiero que
bajen solo un toque, por lo que la sudadera real en sí está más centrada
en el gráfico. Ahora que tengo
eso, voy a hacer clic derecho, ir al grupo. Voy a desagruparlos, haga clic derecho en Grupo, desagrupe cada uno de estos para que donde la sombra esté separada
de la sudadera real. Ahora así es como quiero que acabe
la diapositiva. Permítanme golpear al Comando
D D para duplicar esto. El tobogán tres
va a ser la final. Ya hemos hecho esto antes, así que
voy a volar a través de
esto porque ya
hemos aprendido esto. Sólo voy a mostrarte
cómo estoy construyendo mi proyecto. Vamos a deslizar a este tipo
hacia un lado. Éste, voy a hacer
que caigan desde arriba solo para ver
cómo se ve. Veré cuál me gusta más y luego
iremos por esa ruta, pero de esa manera se pueden ver
los dos efectos diferentes. Vamos a arrastrar
esta sombra fuera y luego cuando haga clic en ella, quiero formatear imagen. Daremos clic en la pestaña
Formato de imagen. Vamos al panel de formato. Daremos click por aquí. Veamos, es este tipo,
esta cuarta pestaña más. Estoy aquí abajo para ver la
transparencia y vamos a fregar esto
todo el camino hacia la derecha, así que esto es totalmente
transparente. De esa manera. Ojalá el
efecto sea cuando esto se anima en la sombra pasa
de transparente a sólido, y se ve genial. Veamos cómo se ve esto. Tenemos la intro, animada estos en ya, golpeó “Barra espaciadora” una
vez más porque la siguiente diapositiva y lo que quiero que noten es cómo entran estas
sombras. El de la derecha, simplemente se queda con
él porque está en la misma línea del horizonte, ¿
es esa la palabra correcta? No lo sé. Entonces el otro que lo está
cayendo desde arriba, la sombra entra
desde abajo. Eso realmente me gusta mucho. Creo que eso es genial. Voy a dejarlos a
ambos por ahora y luego tomaré una
decisión sobre
cómo voy a guardarlo. Pero solo un pequeño consejo para
ti ya que estás construyendo esto, si quieres usar sombras, algo a lo que prestar atención. En el siguiente video, vamos a seguir
parpadeando esto agregando algunas muestras de color y
la tipografía también.
10. Exporta tu presentación como video o Gif: En este video, vamos
a hacer una revisión rápida de dónde estamos
con el proyecto, y luego vamos
a exportar nuestro archivo, realidad
podamos usar
esta cosa y publicarlo en tu perfil de Behance
o donde sea tú quieres. En primer lugar, vamos a
echar un vistazo a esto. Decidí añadir el
logo como primer tobogán, y lo que hice es
que lo traje como piezas separadas. Estas piezas están en
la carpeta de lecciones. Si vamos a
proyecto de clase en los activos, tengo cada una de estas piezas separadas
si quieres jugar a lo largo. Sigamos desplazándonos hacia abajo. Entonces también tengo la versión
completa si solo quieres traer eso
por separado así. Lo que terminé haciendo
fue traer en la versión completa en esta diapositiva, y luego traje
las piezas sobre la parte superior,
y luego eliminé la
versión completa y de esa manera pude conseguir la
alineación correcta. El motivo por el que hice
esto es porque, en nuestras lecciones anteriores, cuando te mostré cómo
hacer la escena de paralaje, quería hacerle eso también
a este logo. Creé aquí este logo, y luego en la siguiente diapositiva, traje esas
piezas y lo que
hice es que las resalté todas, luego las agrupé,
haga clic en grupo, grupo, [Risas] pegué ellos aquí adentro, rotaron y lo escalaron. Ahora lo que pasa cuando previsuo mi presentación le pego a “Barra espaciadora
”, ahí vamos. Se puede ver que las piezas
se mueven por separado, lo cual es un efecto fresco. La otra cosa que hice
es que escaloné estas capas, por lo que de esa manera, esta pieza se sienta detrás del trazo y el icono
se sienta frente a ella, nuevamente agregando más profundidad
a toda la pieza. Ahí es donde estamos
ahora mismo con eso. Entonces también agregué una diapositiva extra y agregué
algunos textos también, y luego lo
volví al principio. Si seguimos adelante y previsualizamos
el resto de esto para ver dónde estamos,
le pego a “Barra espaciadora”. Nuestras sudaderas se animan, luego se animan de nuevo, y se animan fuera de la pantalla y luego vuelve
al principio. Mi esperanza aquí es hacer un bucle continuo cuando
publique esto en la página web. Entonces la única otra cosa a la que
prestar atención es otra vez, hacer que estas
transiciones morph funcionen correctamente, ir de esta diapositiva luego hacia adelante hasta el final aquí
y tener todo animado. No lo olvides, hay que mover todo fuera del lienzo, por lo que así
sigue en la diapositiva, pero solo anima hasta su posición final aquí.
Espero que eso tenga sentido. Nuevamente,
si necesitas más claridad, esto es sólo lo mismo
que hemos estado haciendo en las
lecciones anteriores también. Ahora que están al día
en lo que he hecho aquí, voy a seguir adelante
y exportar esto, y ustedes pueden empujar
esto hasta donde quieran, pueden agregar colores, podrían
agregar más proyectos a esto, Podría estar agregando en las envolturas del vehículo y
cosas por el estilo. En este momento solo
quiero mostrarte cómo
llegar al final de esto. Lo que vas a hacer, es una vez que tengas todo esto
configurado como te guste, vamos a subir aquí a archivar y bajamos a exportar. Hay dos
cosas diferentes que podemos hacer aquí. Si bajamos aquí
a formato de archivo, uno de ellos es un GIF animado, sin embargo lo quieras
decir, todo el mundo dice de manera diferente. No lo sé. [ Risas] Lo vamos a hacer es, click en la calidad de imagen
y tenemos medio, lo cual sería un
gran lugar para empezar, pequeño podría ser aún mejor. Vamos a hacer
eso rápido real, y se puede ver que
el tamaño sería 426 píxeles de ancho por
240 pixeles de alto. Quiero que esto sea un
poco más grande que eso, veamos cómo
se ve esto, 640 por 360, que podría ser perfecto
para donde va. Veamos cuál es el tamaño
grande, 1280 por 720, que podría
ser aún más ideal. Pero solo dependiendo de dónde vayas a poner esta cosa, puedes jugar con
estos tamaños y hacerlo marcar exactamente
como lo quieras. Lo siguiente que
vamos a hacer es, el segundo gastado en cada diapositiva. Solo quiero que seamos
un segundo por ahora, podría por defecto
a cinco segundos, así que adelante y cámbiate a uno, y luego diapositivas,
vamos a hacer 1-5. Voy a seguir adelante y
haga clic en “Exportar”. Puedes verlo
renderizando aquí abajo, y verás cuando se hace
esta línea eso está todo hecho y
listo para nosotros aquí. Voy a saltar por aquí
donde acabamos de exportar esto, y se puede ver que se reproduce
automáticamente. Es un GIF animado. Voy a decir en ambos tiempos, ambos sentidos cada vez que digo esto, [Risas] porque no
sé de qué manera decirlo. De todas formas, para que puedas
ver que esto solo a
bucles una y otra vez
que es exactamente lo que quiero. Ahora una cosa que notarás, simplemente
se desvaneció del negro. Lo que vamos
a hacer para arreglar esto, voy a hacer click en
esta primera diapositiva y en lugar de tener
la transición morph desde la primera diapositiva, vamos a
convertir esto a ninguno. La otra cosa que quiero
señalar es este tamaño de archivo. Hicimos ese medio de exportación, era este medio o
grande? Esto era grande. Se puede ver que el tamaño del archivo
es de unos 23 megabytes, lo que en realidad podría ser perfecto dependiendo de dónde
vas a poner esta cosa. Volvamos aquí arriba para archivar, bajar a exportar, volver aquí abajo
al GIF animado. Sé que los estoy
volviendo locos, lo siento. [ Risas] Esto se establece en
medio. El medio se ve muy bien. Haga clic en “Exportar”, golpeo “Reemplazar”,
por lo que renderizar eso. Saltar de nuevo a nuestra ventana del buscador y veremos esto aquí, y ahora son solo ocho megs, eso es aproximadamente la mitad del tamaño
en realidad. Eso es genial. Esto encajará perfectamente
en mi cartera de Behance, y debería sentarse aquí
y bucle una y otra vez sin tener que tener
un reproductor de video en la página. Perfecto. Eso es exactamente lo que quería poder
compartir esta cosa. Otra forma en que puedes compartir
esto es exportar un archivo MOV. Iremos al archivo,
abajo a exportar, y vamos a cambiar este formato aquí
abajo a MOV o MP4, podrías hacer ambas cosas. Entonces los segundos pasados en cada
diapositiva con un cronometraje establecido, vamos a ponerlo en uno, y luego todo lo demás
se ve de buena calidad. Tienes la calidad de
presentación, que es HD 1920 por 1080, o calidad de Internet
que es 720, o de baja calidad que es la 480. Vayamos a la calidad de internet, hacemos clic en “Exportar” y lo mismo, lo va a renderizar aquí abajo, esperaremos hasta que se haga. Entonces podemos ir a buscar
esto en el Buscador. Ahora también tenemos un archivo de
video MOV que
podrías caer en cualquier proyecto que quisieras si
quieres editar video. Esto se ve un poco
granulado porque hicimos la calidad de Internet, pero también se podría hacer la
alta calidad. Ahí vas. Vamos a seguir adelante
y hacer eso real rápido y solo ver cuáles son las diferencias de
tamaño del archivo. En este momento, la
calidad de Internet es de 12 megs. Vamos a volver a saltar
por aquí, ir al archivo, exportar, saltar al MOV, y vamos a
llamar a este HD. Es sobre la calidad de la presentación, puso esto a uno,
¿realmente hice calidad de presentación? Podría haberlo hecho. Lo siento chicos. Vamos a saltar al Finder, y tenemos nuestro MOV
regular que es 12 megs y es 720p, y luego tenemos la versión HD
que es de unos 20 megs, así que apenas alrededor del doble, y cuando abro esto aunque debería lucir agradable y crujiente, y podemos usar este video en cualquier lugar que quieras
poner un video. En la siguiente lección, lo que
vamos a hacer es, seguir
adelante y
aprender a dejar
caer esto en tu portafolio de Behance, si tienes un portafolio de Behance.
11. Comparte tu presentación: En el último video, te
mostré cómo exportar tu presentación
como archivo de video. Lo tenemos aquí,
avanzando automáticamente a través cada diapositiva y la
exportamos como un video HD. Entonces también lo tenemos aquí
como este GIF animado. [ Risas] Simplemente bucles una
y otra vez. Súper cool. En este proyecto, o
supongo que en esta lección, te
voy a mostrar
cómo subir esto
a un portafolio de Behance. También podrías enviar
estos archivos por correo electrónico a un amigo si quisieras
presumir lo que estás tramando. Creo que depende de
donde estés enviando un correo electrónico desde menos de 30 megs. Si estás usando Office, creo que alrededor de 20 megs, dependiendo de otras
plataformas de correo electrónico. Me digredo. Vamos a saltar a behance.net. Voy a subir aquí y
hacer click en “Compartir Mi Trabajo”. Vamos a construir un estudio de caso
completo. O podría simplemente hacer un trabajo
en progreso, lo que sea. Acabamos de hacer clic en,
“Proyecto” por ahora. Voy a hacer click en, “Añadir Contenido”
aquí mismo, dar click en, “Imagen”, y vamos
a repasar y encontrar. Tenemos ambos métodos. Podríamos hacer el MOV o el GIF
animado aquí. GIF animado. [ Risas] Lo siento
chicos. Ahí vamos. Da click en, “Subir”, y ahora se reproduce automáticamente sin
tener que hacer nada más. Eso es todo, chicos. Eso es
todo lo que necesitas hacer. Entonces se sentará aquí y
bucle una y otra vez, lo cual es super cool. Puedo pasar por aquí
y agregar más texto, agregar un título, destellar esto, publicarlo, y compartir mi trabajo. Voy a seguir adelante y hacer clic, “Guardar como borrador” por ahora porque esto no es parte del curso para seguir adelante
y eliminar mi portafolio, pero el resto de ella es más o menos
apuntar y hacer clic en ti chicos. Es realmente
sencillo y es una manera súper genial de agregar interactividad a tus publicaciones de
cartera. Podrías dejar caer fácilmente
esta misma cosa. Si estás usando WordPress o Squarespace o Wix o
algo así, puedes agregar estas
presentaciones como un video animado básicamente
a tus proyectos, lo cual es super cool. Lo que me encantaría ver es que sigas
adelante y exportas estos, y luego subes los archivos GIF
animados. [ RIAS] Subirlos
al área del proyecto. Entonces avísame
cómo lo dices. ¿ Dices GIF o
dices GIF? Muy bien, chicos.
Gracias por verlo, y te veré
en el siguiente video.
12. Fin: Muchas gracias por pasar tiempo
conmigo en este curso. Espero que lo hayas disfrutado y hayas
aprendido muchos consejos divertidos, valiosos para
usar PowerPoint. Si te gustó ese
curso y quieres aprender más sobre diseño
gráfico, tengo un montón de cursos de diseño
gráfico, puedes ver los enlaces aquí. Además no se olvide de
darle a este video un pulgar hacia arriba o una me gusta o compartirlo, dondequiera que puedan hacer
eso realmente me ayuda a salir. Y les agradezco que
pasen tiempo conmigo. Para los próximos pasos, no se olvide seguir
y hacer el trabajo. Usa los activos que
he proporcionado, los materiales de bonificación y
luego comparte tu trabajo con la clase
que hace ese proyecto de clase. Muy bien chicos. Muchas
gracias. Que tengas un día impresionante.