Jugando con línea de tiempo en Photoshop CS6



Jugando con línea de tiempo en Photoshop CS6

jugando

Photoshop CS6 tiene algunas funciones muy útiles, uno de ellos es la nueva línea de tiempo para las animaciones básicas y en esta ocasión Photoshop pone un poco del sabor de After Effects. Como la idea es jugar con estas herramientas, nos decidimos a venir con algo para esta nueva función.

Así que en este tutorial vamos a mostrar una animación simple utilizando la nueva línea de tiempo y algunos trucos de efectos de luz. Todo el proceso es super sencillo y no toma más de 20 minutos.

Linea

Paso 1

de

Abra Photoshop CS6 y crear un nuevo documento. Llenar la capa de fondo con cualquier color, y luego ir a Capa> Capa> Estilos> Superposición de degradado . Utilice radial para el estilo y los colores para utilizar el negro y # 38556f para el centro.

photoshop

tiempo

Paso 2

Jugando con línea de tiempo en Photoshop CS6

Añadir una nueva capa y la rellenamos con un patrón. Estoy utilizando una de http://subtlepatterns.com/ llamado ruido quebrado. Utilice una luz suave para el modo de fusión.

jugando

Linea

Paso 3

de

Agregar el texto que desea utilizar para el efecto de la luz. Estoy utilizando la letra A de Abduzeedo utilizando una fuente de plantilla llamado Snafu Mayor. Se puede descargar en http://www.dafont.com/major-snafu.font?text=a+A

photoshop

Paso 4

tiempo

Para crear el efecto de luz vamos a utilizar estilos de capa. Sólo tienes que seguir las siguientes instrucciones para Bisel y Relieve, Sombra interior, Resplandor interior, Superposición de Color, Resplandor exterior y Sombra.

Jugando con línea de tiempo en Photoshop CS6

jugando

Linea

de

photoshop

tiempo

Jugando con línea de tiempo en Photoshop CS6

Paso 5

jugando

Duplicar la capa y desactivar los estilos de capa. Utilice Sombra interior y Resplandor interior con la siguiente configuración.

Linea

de

photoshop

Paso 6

tiempo

Se trata de los resultados que obtendrá después de que los estilos de capa. Es muy similar con otro tutorial que escribí hace unos años que muestra cómo crear un efecto de neón en Photoshop. Una vez más la idea de este tutorial es para jugar con la función de línea de tiempo. Es por eso que voy a cubrir los primeros pasos rápidamente.

Jugando con línea de tiempo en Photoshop CS6

jugando

Paso 7

Linea

Añadir 2 capas en la parte superior de las otras capas y nombrarlas derecha e izquierda. Después de ese grupo de estas 2 capas en una carpeta. Cambiar la carpeta de modo de mezcla a Color Dodge. Con la herramienta Pincel (B) y un cepillo muy suave, pintar con blanco en la parte superior de la parte derecha de la letra A. Seleccione la capa izquierda y pintar otro punto de luz en la parte superior de la parte izquierda. Utilice la imagen de abajo como referencia.

de

photoshop

Paso 8

tiempo

Vaya a Ventana> Línea de tiempo. Verá el panel Línea de tiempo. Lo primero que notará es que todas las capas están en la línea de tiempo. Seleccionar las 2 capas de la carpeta. Ampliar en el árbol y asegúrese de que la línea de tiempo está en el marco 0. Haga clic en la opción de posición para crear un fotograma clave.

Jugando con línea de tiempo en Photoshop CS6

jugando

Paso 9

Linea

Mueva la línea de tiempo a la posición de las 1:00 y luego mover las capas en la composición en la que desea que se muevan a.

de

photoshop

Paso 10

tiempo

Esta sería la segunda posición de los puntos de luz.

Jugando con línea de tiempo en Photoshop CS6

jugando

Paso 11

Linea

Mover la línea de tiempo de nuevo y después de que se mueven las capas para crear nuevos fotogramas clave.

de

photoshop

Paso 12

tiempo

Manténgase en movimiento hasta que termine la animación que desee.

Jugando con línea de tiempo en Photoshop CS6

Línea de tiempo

jugando

Así es como la línea de tiempo parece. Tenga en cuenta los fotogramas clave de los puntos en los que la animación cambia de posición.

Linea

de

Conclusión


photoshop

A los pocos pasos este es el final de la animación. Uso de la línea de tiempo es bastante simple si se compara el número de pasos necesarios para crear el efecto de luz. Lo bueno es que Photoshop hace la vida mucho más fácil a la hora de crear animaciones sencillas.

tiempo

Jugando con línea de tiempo en Photoshop CS6

jugando

Linea

8 comentarios - Jugando con línea de tiempo en Photoshop CS6

@pablogokudineli
Que bueno que está, a favoritos, cuando lo instale lo pruebo de hacer +8
@Dc-Frank -12
buen post crape.. digo CAPO!.. sos el peor.. digo el MEJOR!!!..
tus post siempre son una mier** digo.. Interesantes (?)
jajaja tranka buen post!
@canullan_009 +2

de

jaja... Genial. me gusto. nunca pensé en hacer un logo. hay gente que no sabe hacer esto. muy bueno tu aporte. seguí así amigo.

PD: La explicación es buena. buena calidad de imágenes y visibles. buen efecto. No solo te doy +10. también lo va A Favoritos


photoshop
@Zharitheas +1
No entendi el paso 7, no se como hacer los puntos de luz.
@JolvinIsland +1
En mi photoshop cs6 no aparece el timeline como el tuyo, ni siquiera tiene las opciones de cortar y de audio, que podria estar pasando?.
@rogerfrancol
NO ENCUENTRO EL PATRON DEL PASO 2 XFAS AYUDA
@rogerfrancol
PERDON IA LO ENCONTRE PERO NOC COMO USARLO :/
@rogerfrancol
ESTA EN ZIP PERO DNTRO DE ESO HAY UNAS IMAGENES PNG PERO NO AY NINGUN PAT