1. Design & Illustration
  2. Add-Ons
  3. Text Effects

Crea un efecto de texto con animación y brillo para el día de San Valentín

Scroll to top

Spanish (Español) translation by Ana Paulina Figueroa (you can also view the original English article)

Los objetos inteligentes son poderosas capas en Photoshop que te permiten crear ediciones no destructivas. En este tutorial usaremos objetos inteligentes para ayudarnos a construir un efecto de texto personalizado, así como una textura animada compleja. Trabajando con objetos inteligentes podremos actualizar rápidamente nuestra escena simplemente editando dichos objetos. ¡Vamos a comenzar!.


1. Creando el texto

Paso 1

Crea un nuevo documento. Yo estoy creando mi documento con un tamaño de 1200px x 900px para ser versátil.

Step 101Step 101Step 101

Paso 2

Selecciona Type Tool (T), o Herramienta Texto (T) y agrega el texto que desees. Asegúrate de que esté centrado y de que llene el documento.

Step 102Step 102Step 102

Paso 3

Convierte la capa de texto en un objeto inteligente haciendo clic con el botón derecho en la capa y eligiendo Convert to Smart Object (Convertir en objeto inteligente).

Step 103Step 103Step 103

Paso 4

Usa el comando Transform (Comando/Ctrl-T), o Transformar, sobre el nuevo objeto inteligente para que se vea en perspectiva como se muestra en la siguiente imagen. Esto nos dará la ilusión de un espacio en 3D, y será útil cuando comencemos con la animación.

Step 104aStep 104aStep 104a

2. Creando texto con brillo

Paso 1

Cambia el valor de Blend Mode (Modo de fusión) del objeto inteligente a Dissolve (Disolver). Esto no logra mucho al principio, pero una vez que agreguemos un desenfoque en el siguiente paso veremos algunos efectos interesantes.

Step 201Step 201Step 201

Paso 2

Ahora aplica el filtro Gaussian Blur (Filter > Blur > Gaussian Blur), o Desenfoque gaussiano (Filtro > Desenfocar > Desenfoque gaussiano), con un Radio de 5.3px.

Ya que estamos aplicando el filtro de desenfoque gaussiano a un objeto inteligente, este se convierte en un filtro inteligente (lo que significa que podemos editar los valores en cualquier momento).

Step 202Step 202Step 202

Paso 3

Haz una copia del objeto inteligente de texto presionando Comando/Ctrl-J (esto también copia los filtros inteligentes aplicados). Ajusta el filtro inteligente de desenfoque gaussiano en la nueva copia del objeto inteligente para que tenga un Radio de 19.6px.

Step 203Step 203Step 203

Paso 4

Repite el último paso, pero esta vez configurando el Radio para que tenga un valor de 30.5px.

Step 204Step 204Step 204

Paso 5

El texto se ve bien. Pero he notado que las palabras "Be my" quizá se vean demasiado oscuras. Como un paso opcional, podemos añadir una copia más del objeto inteligente y configurar el Radio del filtro de desenfoque gaussiano con un valor de 3px. Luego podemos usar una máscara de capa para enmascarar todo menos la línea superior. Esto deberá oscurecer la línea superior lo suficiente para volverla más legible.

Step 204Step 204Step 204

Paso 6

Vamos a probar nuestro objeto inteligente. Haz doble clic en cualquiera de las capas del objeto inteligente para abrirlo.

Step 204Step 204Step 204

Paso 7

Sustituye el texto con una frase genérica y Guarda (Comando/Ctrl-S) el documento del objeto inteligente.

Step 204Step 204Step 204

Paso 8

Regresa al documento en el que estás trabajando para ver si la frase fue actualizada. Si es así, entonces nuestros objetos inteligentes han sido configurados adecuadamente. Ahora ve y restablece la frase original.

Step 204Step 204Step 204

Paso 9

El último paso es convertir todas nuestras capas de texto en un objeto inteligente. Para hacer esto, selecciona todas las capas de texto en el Panel de capas y haz clic derecho. Elige Convert to Smart Object (Convertir en objeto inteligente). Cambia el nombre del nuevo objeto inteligente a Text (Texto).

Step 204Step 204Step 204

3. Creando una textura de brillo

Paso 1

Crea una nueva capa. Usa la herramienta Fill (Relleno) para rellenar de color blanco y asigna el nombre Glitter Texture (Textura de brillo) a la capa.

Step 301Step 301Step 301

Paso 2

Usa Gradient Tool (Herramienta degradado) para rellenar la capa con un gradiente azul. A continuación se muestran los colores usados:

  • Azul claro: #b5beda
  • Azul oscuro: #949aa7
Step 302Step 302Step 302

Paso 3

Para hacer que se vea más como brillantina necesitamos añadir un poco de ruido. Ve a Filter > Noise > Add Noise (Filtro > Ruido > Añadir ruido) y configura el valor Amount (Cantidad) con el valor 2.86%.

Step 303Step 303Step 303

Paso 4

Crea una nueva capa y usa la herramienta Fill (Relleno) con blanco.

Step 304Step 304Step 304

Paso 5

Añade ruido a esta capa con una cantidad de 184%.

Step 305Step 305Step 305

Paso 6

Ve a Filter > Blur > Blur More (Filtro > Desenfocar > Desenfocar más). Esto desenfocará el ruido ligeramente para que no se vea granulado.

Step 306Step 306Step 306

Paso 7

Aplica el Median Filter (Filter > Noise > Median), o Filtro de mediana (Filtro > Ruido > Mediana) con un Radio de 1px. Este paso ayudará a dar la ilusión de tener copos de brillantina individuales.

Step 306Step 306Step 306

Paso 8

Ajusta los niveles, o Levels (Comando/Ctrl-L) para añadir un poco de contraste a la textura de brillo.

Step 306Step 306Step 306

Paso 9

Cambia el Modo de fusión de la capa a Soft Light (Luz suave).

Step 306Step 306Step 306

Paso 10

Los últimos detalles que quiero añadir son las extremas luces brillantes y luces bajas que a menudo aparecen como copos individuales de brillantina reflejando la luz. Vamos a comenzar con este efecto ahora, pero lo terminaremos durante un paso posterior.

Crea una nueva capa y usa Fill (Relleno) de color blanco.

Step 306Step 306Step 306

Paso 11

Ajusta los controles deslizantes Blend If (Fusionar si, que se encuentran en el panel de estilo de capa) como se muestra a continuación. El objetivo es tener una pequeña cantidad de brillantina que refleje un color blanco puro.

Step 306Step 306Step 306

Paso 12

Repite los últimos dos pasos para crear los reflejos de luces bajas. En vez de usar blanco, usa un color azul oscuro. Ajusta los controles deslizantes Blend if (Fusionar si) como se muestra a continuación.

Step 306Step 306Step 306

Paso 13

Ahora tu capa de brillo deberá tener áreas de puntos blancos y azul oscuro. Selecciona todas las capas usadas para generar la textura de brillo y usa el comando Convert to Smart Object (Convertir en objeto inteligente). Regresaremos a esto posteriormente.

Step 306Step 306Step 306

4. Creando la capa base de destellos

Paso 1

Todos sabemos que el principal atributo de la brillantina es la habilidad de resplandecer. De hecho, una imagen de brillantina estática nunca le hace justicia, ya que el destello requiere cierta cantidad de movimiento (llamemos a este efecto Movimiento del destello). Para crear este efecto de movimiento en los destellos, eventualmente necesitaremos confiar en las habilidades de animación de Photoshop. Sin embargo, antes de comenzar a hacer animaciones necesitaremos crear los destellos estáticos.

Para comenzar, crea una nueva capa y usa la herramienta Fill (Relleno) empleando el color negro.

Step 401Step 401Step 401

Paso 2

Añade ruido con una cantidad de aproximadamente 190%.

Step 402aStep 402aStep 402a

Paso 3

Desenfoca el ruido ligeramente usando el Blur More Filter (Filter > Blur > Blur More), o Filtro desenfocar más (Filtro > Desenfocar > Desenfocar más). Agrega el filtro Desenfocar más una segunda vez. Puedes hacer esto rápidamente usando el atajo del teclado Comando/Ctrl-F.

Step 403aStep 403aStep 403a

Paso 4

Ajusta los Niveles (Comando/Ctrl-L) hasta que el ruido se vuelva disperso.

Step 404Step 404Step 404

Paso 5

Para asegurarnos de tener la variedad suficiente en nuestros destellos, repite esta técnica para crear una nueva capa con este ruido.

Ya que el ruido se genera aleatoriamente en cada ocasión, seguir exactamente los mismos pasos generará un patrón de ruido diferente.

Step 405Step 405Step 405

Paso 6

Ahora que tenemos dos conjuntos de ruido aleatorio, necesitamos extraerlos para que el fondo sea transparente. Selecciona una de las capas de ruido y abre Channels Panel (Panel de canales).

Step 406Step 406Step 406

Paso 7

Emplea Comando/Ctrl-clic en la miniatura de la capa RGB. Esto seleccionará solamente las áreas blancas de nuestra capa.

Step 407Step 407Step 407

Paso 8

Regresa a Layers Panel (Panel de capas) y crea una nueva capa. Tal vez notes que hay una selección aún activa. Usa Fill (Relleno) en la selección usando el color negro. Puede parecer como si no hubiera pasado nada, pero eso es normal.

Step 408Step 408Step 408

Paso 9

Repite este proceso con la otra capa de ruido. Como puedes ver, he agregado una capa blanca temporal para poder ver mejor el ruido.

Step 409Step 409Step 409

5. Anima la capa superior de los destellos

Paso 1

Ahora que tenemos dos capas de ruido aleatorio necesitamos crear nuestros destellos. Crea una nueva capa y usa Fill (Relleno) empleando el color negro.

Step 501aStep 501aStep 501a

Paso 2

Estaremos utilizando una brocha personalizada de Photoshop para ayudarnos a pintar los destellos. Selecciona una de las brochas predeterminadas y abre Brushes Panel (Panel de brochas). Usa las siguientes configuraciones.
Puedes probar la brocha predeterminada sobre el lienzo en cualquier momento mientras estés editando las propiedades.

Step 502Step 502Step 502

Paso 3

Usando la nueva brocha, pinta sobre el lienzo hasta que esté lleno de puntos aleatorios. Estos se convertirán en nuestros destellos.

Step 503Step 503Step 503

Paso 4

Para suavizar los puntos, aplica el filtro Desenfoque gaussiano con un Radio de aproximadamente 4.0px.

Step 504Step 504Step 504

Paso 5

Repite este proceso para crear una segunda capa de destellos.

Step 505Step 505Step 505

6. Animando los destellos

Paso 1

Ahora comenzaremos a animar los diferentes componentes para crear un efecto de destellos. Comienza yendo a Window > Timeline (Ventana > Línea de tiempo) para abrir Timeline Panel (Panel de línea de tiempo).

Step 601Step 601Step 601

Paso 2

El Panel de línea de tiempo deberá aparecer en la parte inferior de la pantalla. Ya que queremos generar fotogramas clave en nuestra animación, necesitaremos hacer clic en el botón Create Video Timeline (Crear línea de tiempo de video).
Si el botón Crear línea de tiempo de video no aparece, entonces haz clic en la flecha del menú desplegable y selecciónalo ahí.

Step 602Step 602Step 602

Paso 3

La línea de tiempo se llenará con capas de animación que son nombradas de acuerdo a las capas del Panel de capas. Haz clic en la flecha del menú desplegable de alguna de las capas del destello para acceder a las propiedades que se pueden animar. El objetivo es animar la rotación de las capas Sparkle (Destello), y para hacer eso necesitaremos un fotograma clave sobre la propiedad Transform (Transformar). Como puedes ver, no hay una propiedad Transform.

Step 603Step 603Step 603

Paso 4

Para acceder a la propiedad Transform (Transformar), simplemente convierte la capa Sparkle (Destello) en un objeto inteligente. Ahora revisa las propiedades de la animación en la línea de tiempo y Transform será visible.

Step 604Step 604Step 604

Paso 5

Comenzando en el primer cuadro, haz clic en el icono del cronómetro de nuestra capa Sparkle (Destello). Esto habilitará la creación de fotogramas clave y colocará un fotograma clave en el primer cuadro.

Step 605Step 605Step 605

Paso 6

Usa Transform (Comando/Ctrl-T) o Transformar sobre esta capa para aumentar su tamaño y moverla del centro.

Step 606Step 606Step 606

Paso 7

Haz clic en el marcador de 1 segundo en la línea de tiempo para mover la cabeza lectora. Usa Rotate (Girar) sobre la capa 90 grados a la derecha usando el comando Transformar, o Transform (Comando/Ctrl-T).
Nota que se inserta un fotograma clave automáticamente al hacer un ajuste sobre la capa.

Step 607Step 607Step 607

Paso 8

Continúa moviendo la cabeza lectora en incrementos de un segundo y girando la capa para añadir fotogramas clave. Haz esto hasta que la capa haya sido girada 360 grados.

Step 608Step 608Step 608

Paso 9

Repite este proceso con la otra capa Sparkle (Destello), pero mueve esta última al otro lado del lienzo. Al reproducir la animación deberás ver algo similar a esto:

Step 609aStep 609aStep 609a
Step 609bStep 609bStep 609b

Paso 10

Nota que el área de trabajo de la línea de tiempo indica que dura cinco segundos, pero nuestro último fotograma clave se encuentra en la marca de los cuatro segundos. Establece el final del área de trabajo en cuatro segundos arrastrando el marcador End of Work Area (Fin del área de trabajo).

Step 605Step 605Step 605

Paso 11

Haz que la capa Sparkles 2 (Destellos 2) sea una capa de recorte para la capa debajo de ella. Haz esto con la capa Sparkles 1 (Destellos 1) también.

Step 606Step 606Step 606

Paso 12

Reproducir de nuevo la animación mostrará un sutil efecto de destellos. Quizá aún no se vea muy bien todavía, pero la mejoraremos más adelante.

Step 607Step 607Step 607

Paso 13

Continúa y selecciona todas las capas que componen a la animación (incluyendo una capa con un relleno negro) y usa la herramienta Convert to Smart Object (Convertir en objeto inteligente). Cambia el nombre del objeto inteligente a Sparkles (Destellos).

Step 608Step 608Step 608

Paso 14

Como un paso opcional, ve al objeto inteligente Sparkles (Destellos) y crea otro grupo de destellos animados.

Step 609aStep 609aStep 609a

7. Mejorando los destellos

Paso 1

Guarda todos los objetos inteligentes y regresa al documento de trabajo. En este momento no habrá mucho qué ver. Sin embargo, es importante que sepas que nuestro documento de trabajo aún reproducirá todas las animaciones que configuramos previamente. En los siguientes pasos usaremos el objeto inteligente animado para exagerar el efecto de destello.

Step 701Step 701Step 701

Paso 2

Duplica (Comando/Ctrl-J) el objeto inteligente Sparkles (Destellos).

Step 702Step 702Step 702

Paso 3

Selecciona ambos objetos inteligentes Sparkles (Destellos) y conviértelos para que sean un solo objeto inteligente.

Step 703Step 703Step 703

Paso 4

Haz doble clic en la miniatura del objeto inteligente para abrirlo. Agrega un Desenfoque gaussiano con un Radio de 4.0px a la capa superior.

Step 704Step 704Step 704

Paso 5

A continuación agrega la capa de ajuste Threshold (Umbral) como una capa de recorte de la capa Sparkles Copy (Destellos copia). Ajusta las configuraciones de Threshold en el Panel de propiedades hasta que los puntos se vuelvan mucho más grandes.

Step 705Step 705Step 705

Paso 6

Selecciona tanto la capa de recorte Threshold (Umbral) como la capa Sparkles Copy (Destellos copia) y usa Convert to Smart Object (Convertir en objeto inteligente). Cambia el nombre de esta capa a Threshold-Blur (Umbral-Desenfoque) para darle seguimiento.

Step 703Step 703Step 703

Paso 7

A continuación agrega otro Desenfoque gaussiano a la misma capa con un Radio de aproximadamente 6px.

Step 704Step 704Step 704

Paso 8

Cambia el Blend Mode (Modo de fusión) a Screen (Pantalla) y el valor de Opacity (Opacidad) a 40% aproximadamente. Ahora cada destello de nuestro lienzo parecerá como si estuviera brillando.

Step 705Step 705Step 705

8. Agregando un reflejo de lente a los destellos

Paso 1

Queremos continuar mejorando los destellos. Crea otro duplicado de la capa Sparkle (Destello) original y coloca la copia encima de la pila.

Step 801Step 801Step 801

Paso 2

Aplica Motion Blur (Filter > Blur > Motion Blur), Desenfoque de movimiento (Filtro > Desenfoque > Desenfoque de movimiento) con un valor de Angle (Ángulo) de -45 grados y Distance (Distancia) de 19px.

Step 802Step 802Step 802

Paso 3

Ahora agrega una capa de ajuste Threshold (Umbral) como una capa de recorte. Ajusta las configuraciones hasta que las líneas desenfocadas se vuelvan más visibles.

Step 803Step 803Step 803

Paso 4

Selecciona ambas capas y usa la herramienta Convert to Smart Object (Convertir en objeto inteligente). Cambia el nombre de esta capa a Threshold-Motion Blur (Umbral-Desenfoque de movimiento).

Step 804Step 804Step 804

Paso 5

Agrega otro Motion Blur (Desenfoque de movimiento) a este objeto inteligente para suavizar la línea. Esta vez incrementa el valor de Distance (Distancia) a 23px.

Step 805Step 805Step 805

Paso 6

Haz clic con el botón derecho en la capa Threshold-Motion Blur (Umbral-Desenfoque de movimiento) y selecciona New Smart Object via Copia (Nuevo objeto inteligente a partir de copia). Esto romperá el vínculo entre la capa original y la copia de la capa y nos permitirá cambiar el contenido sin afectar los otros objetos inteligentes.

Step 801Step 801Step 801

Paso 7

Haz doble clic en la miniatura del nuevo objeto inteligente para abrirlo. Cambia el valor de Angle (Ángulo) del Motion Blur (Desenfoque de movimiento) dentro del objeto inteligente a 45 grados. Guarda y cierra para regresar al documento anterior.

Step 802Step 802Step 802

Paso 8

Ahora, cambia el Motion Blur Angle (Ángulo del desenfoque de movimiento) en la capa Threshold-Motion Blur Copy (Umbral- Desenfoque de movimiento copia) a 45 grados.

Step 803Step 803Step 803

Paso 9

Cambia el Blend Mode (Modo de fusión) de los dos primeros objetos inteligentes a Screen (Pantalla). El resultado deberá verse como la siguiente imagen.

Step 804Step 804Step 804

Paso 10

Podemos crear una vista previa del efecto animado de destello presionando la barra espaciadora. Cuando hayas terminado, guarda este documento y regresa a nuestro documento de trabajo.

Step 805Step 805Step 805

9. Generando la escena

Paso 1

En nuestro documento de trabajo, convierte la capa Glitter Texture (Textura de brillo) en una capa de recorte para la capa Text (Texto). Esto forzará a la animación de brillantina a que solamente aparezca sobre el texto.

Step 901Step 901Step 901

Paso 2

Usando Gradient Tool (Herramienta degradado) agrega un degradado de negro a blanco a la capa Background (Fondo).

Step 902Step 902Step 902

Paso 3

Para introducir color al fondo vamos a usar capas de ajuste. Agrega la capa de ajuste Hue/Saturation (Tono/Saturación) directamente sobre la capa Background (Fondo). Usa las configuraciones mostradas a continuación.

Step 903Step 903Step 903

Paso 4

Para darle a la capa Text (Texto) un poco más de profundidad, agrega el estilo de capa Bevel and Emboss (Bisel y relieve). Usa las configuraciones que aparecen a continuación.

Step 904Step 904Step 904

Paso 5

Para organizar nuestro Panel de capas, selecciona las capas Text (Texto) y Glitter Texture (Textura de brillo) y crea un grupo con ellas usando Agrupar (Comando/Ctrl-G). Además de eso, en este punto haz que la capa Sparkles (Destellos) sea una capa de recorte para el grupo nuevo.

Step 905Step 905Step 905

Paso 6

A continuación queremos añadir algunas pilas de brillantina alrededor del texto. Para hacer esto, selecciona la capa Text (Texto) y haz clic derecho. Elige New Smart Object Via Copy (Nuevo objeto inteligente a partir de copia). Esto romperá el vínculo entre los objetos inteligentes Text (Texto) y nos permitirá cambiar el contenido sin cambiar los otros objetos inteligentes. Cambia el nombre de esta capa a Glitter Pile 1 (Pila brillo 1) y modifica su posición como se muestra en la siguiente imagen.

Step 906Step 906Step 906

Paso 7

Haz doble clic en la miniatura para editar el objeto inteligente. Esto abrirá otro conjunto de objetos inteligentes. Haz doble clic en alguna de las miniaturas para acceder a la capa de texto original.

Step 907Step 907Step 907

Paso 8

Oculta la capa de texto y usa la Brush Tool (Herramienta brocha) para dibujar una gota de color negro. Esto se convertirá en nuestra pila de brillo.

Step 908Step 908Step 908

Paso 9

Guarda y cierra los documentos de cada objeto inteligente hasta regresar a nuestro documento de trabajo. Como puedes ver, tenemos un nuevo objeto en nuestra escena. Colócalo cerca de la parte inferior derecha de nuestra escena.

Step 909aStep 909aStep 909a

Paso 10

Duplica (Comando/Ctrl-J) la capa Glitter Texture (Textura de brillo) y aplícala como una capa de recorte a nuestro objeto inteligente Glitter Pile 1 (Pila brillo 1).

Step 910Step 910Step 910

Paso 11

Repite esta técnica para crear una copia de la pila de brillos para la parte superior izquierda de nuestra escena.

Step 911aStep 911aStep 911a

10. Finalizando el brillo

Paso 1

A continuación, selecciona uno de los objetos inteligentes Glitter Texture (Textura brillo) y cambia su Blend Mode (Modo de fusión) a Pin Light (Luz focal). Esto añadirá un poco de detalle a la brillantina. Repite esto para todas las capas Glitter Texture (Textura brillo).

Step 1001aStep 1001aStep 1001a

Paso 2

Como paso opcional, podemos añadir un poco más de detalle a la brillantina creando otra capa de recorte para cada instancia en donde sea usado el objeto inteligente Glitter Texture (Textura brillo). Simplemente llena una nueva capa con una gran cantidad de ruido y usa los controles deslizantes Blend If (Fusionar si) para especificar la manera en la que el ruido se fusiona con la textura. Configura el Blend Mode (Modo de fusión) en Soft Light (Luz suave). Repite esto con cada instancia de las capas Glitter Texture (Textura brillo).

Step 1002Step 1002Step 1002

Paso 3

Ahora es momento de ajustar el color de la brillantina. Agrega la capa de ajuste Hue/Saturation (Tono/Saturación) como una capa de recorte encima de la capa Sparkles (Destellos). Ajusta las configuraciones según se indica a continuación.
Asegúrate de que la opción Colorize (Colorear) esté habilitada.

Step 1003Step 1003Step 1003

Paso 4

Lo último que podemos hacer con la brillantina es añadir un poco de luz reflejada adicional. Podemos hacer esto manualmente creando una brocha de brillantina personalizada. Comienza seleccionando una brocha cuadrada y ajusta las configuraciones como se muestra a continuación.

Step 1001Step 1001Step 1001

Paso 5

En una nueva capa de recorte para la capa de grupo, pinta algunos puntos de brillantina de color rojo oscuro sobre tu imagen. Dado que ésta es una capa de recorte, los puntos solamente aparecerán sobre los objetos con brillantina.

Step 1005Step 1005Step 1005

Paso 6

Repite el paso anterior usando blanco.

Step 1006Step 1006Step 1006

11. Finalizando la escena

Paso 1

Selecciona todas las capas y usa Convert to Smart Object (Convertir en objeto inteligente). Esto es necesario, ya que nos proporciona un solo objeto para animar.

Step 1101Step 1101Step 1101

Paso 2

Antes de continuar, necesitamos revisar el objeto inteligente para asegurarnos de que todo se vea bien. Haz doble clic en la miniatura para editar el objeto inteligente. Nota que la pila de brillantina inferior no parece tener ninguna textura en una parte. Vamos a corregir esto en el siguiente paso.

Step 1102Step 1102Step 1102

Paso 3

Localiza la capa Glitter Texture (Textura de brillo) aplicada a Glitter Pile 1 (Pila brillo 1) y ajústala para cubrir el objeto completo.

Step 1103Step 1103Step 1103

Paso 4

Guarda el documento del objeto inteligente y regresa a nuestra escena de trabajo.

Step 1104Step 1104Step 1104

Paso 5

Para añadir una viñeta, usa Fill (Relleno) en una nueva capa usando el color rojo oscuro y agrega una Layer Mask (Máscara de capa).
No olvides asegurarte de que la cabeza de reproducción se encuentre en el primer cuadro al añadir nuevas capas.

Step 1105Step 1105Step 1105

Paso 6

Usa Brush Tool (Herramienta brocha) para ocultar la máscara alrededor del centro de la escena. También puedes Escalar (Comando/Ctrl-T) la cubierta para ayudar a posicionar la viñeta.

Step 1106Step 1106Step 1106

Paso 7

Para terminar la viñeta, configura el Blend Mode (Modo de fusión) en Multiply (Multiplicar) y ajusta el valor de Opacity (Opacidad) según lo desees.

Step 1104Step 1104Step 1104

Paso 8

Finalmente, vamos a añadir algunos efectos de iluminación. En una nueva capa, usa Brush Tool (Herramienta brocha) para añadir algunos puntos de color más grandes y tenues.

Step 1105Step 1105Step 1105

Paso 9

Cambia el Blend Mode (Modo de fusión) a Linear Dodge (Add), o Sobreexposición lineal (Añadir) y el valor de Opacity (Opacidad) a 34%.

Step 1106Step 1106Step 1106

12. Animando la escena completa

Paso 1

Lo último que queremos hacer es añadir la ilusión de que una cámara está haciendo una panorámica a lo largo de la escena. Este movimiento dará credibilidad al efecto de brillo. Para este efecto animado voy a usar una técnica de Andrew Kramer de Video Copilot.

Para comenzar, agrega algunas guías alrededor de nuestro texto. Esto nos ayudará a alinear todo más adelante.

Step 1107Step 1107Step 1107

Paso 2

En el Panel de línea de tiempo, haz clic en la flecha a un lado de nuestra capa de escena para acceder a las propiedades de la animación. Debemos poder ver Transform (Transformar) como una de las propiedades.

Step 1202Step 1202Step 1202

Paso 3

Asegúrate de que la cabeza de reproducción esté en el primer cuadro y haz clic en el icono de cronómetro para habilitar la creación de fotogramas clave.

Step 1203Step 1203Step 1203

Paso 4

Presiona Comando/Ctrl-T para aplicar Transform (Transformar) sobre la capa de la escena. Para este primer cuadro, emplea Comando/Ctrl-clic sobre el asidero inferior derecho y arrástralo hacia el exterior.
Si mantienes presionada la tecla Shift lograrás limitarlo para que vaya en línea recta.

Step 1204Step 1204Step 1204

Paso 5

Haz lo mismo con el asidero superior izquierdo, pero muévelo aproximadamente hasta la mitad de la distancia que usaste para el asidero inferior derecho. Presiona Enter para aplicar la transformación.

Step 1107Step 1107Step 1107

Paso 6

Mueve la cabeza de reproducción al último cuadro y presiona Comando/Ctrl-T para usar Transform (Transformar) sobre la capa de la escena. Arrastra los mismos dos asideros de vuelta a sus ubicaciones originales, de manera que el cuadro delimitador se vea como un rectángulo. Esto restablecerá la transformación.
No termines la transformación todavía.

Step 1202Step 1202Step 1202

Paso 7

Ahora, toma los otros dos asideros y muévelos en direcciones opuestas con respecto a los primeros dos. Nota que se agregó un fotograma automáticamente a nuestra línea de tiempo. Finaliza esta transformación.

Step 1203Step 1203Step 1203

Paso 8

Usando las guías que hemos añadido, posiciona la escena entre las guías pero más hacia el lado izquierdo del cuadro.

Step 1204Step 1204Step 1204

Paso 9

Mueve la cabeza de reproducción de vuelta al primer cuadro y posiciona la capa de la escena más hacia el lado derecho del cuadro.

Step 1107Step 1107Step 1107

Paso 10

Como paso opcional, podemos añadir un efecto Tilt Shift (Filter > Blur > Tilt Shift), o Cambio de inclinación (Filtro > Desenfoque > Cambio de inclinación) para darle un poco de profundidad de campo. Ya que estamos aplicando esto a un objeto inteligente, este se convertirá en un filtro inteligente.

Step 1202Step 1202Step 1202

13. Renderizando la escena final

Paso 1

Como paso final, ahora podemos renderizar el video para convertirlo en un archivo de película. Ve a File > Export > Render Video (Archivo > Exportar > Interpretar video).

Step 1301Step 1301Step 1301

Paso 2

En el cuadro de diálogo Render Video (Interpretar video) tenemos cuatro secciones. En la primera sección puedes asignar un nombre a los archivos y establecer el destino en el que se guardarán.

Step 1302Step 1302Step 1302

Paso 3

En la segunda sección, selecciona Adobe Media Encoder (Codificador de Adobe Media) para permitir que Photoshop guarde el archivo en un formato de video. Para el valor de Format (Formato), he seleccionado H.264 (siéntete libre de cambiar estas configuraciones). Además, siéntete libre de cambiar los valores de Size (Tamaño) y Frame Rate (Frecuencia de imagen). El valor de Frame Rate predeterminado estaba configurado en 30 fps, pero lo he cambiado a 24 fps.

Step 1303aStep 1303aStep 1303a

Paso 4

En la tercera sección, asegúrate de que la opción Work Area (Área de trabajo) esté habilitada. No necesitamos preocuparnos por la cuarta sección, ya que no estamos usando 3D en nuestra escena.

Step 1304Step 1304Step 1304

Paso 5

Finalmente, haz clic en Render (Interpretar) y habrás terminado. Ya que construimos la escena completa usando objetos inteligentes y capas de ajuste, podemos regresar y hacer cambios fácilmente.

Step 1305Step 1305Step 1305

¡Felicidades! has terminado.

En este tutorial hemos aprendido lo poderosos que pueden ser los objetos inteligentes, especialmente al crear un simple efecto de texto. También hemos aprendido cómo utilizar y manipular objetos inteligentes para crear una animación compleja. Espero que puedas usar lo que has aprendido aquí y aprovechar aún más los objetos inteligentes en tu siguiente proyecto.

Please accept marketing cookies to load this content.