Aprender a crear un anuncio animado
Step-1:

En este Tutorial de Photoshop vamos a aprender como hacer un efecto de un escaner en un banner de texto. Vamos a crear un documento de 728x90 pixeles y vamos a llenarlo de blanco.

Step-2:

Ahora vamos a escribir algo en la capa.

Step-3:

Haz un Control-Click en la capa del texto para seleccionarlo y crea una nueva capa Layer-New-Layer.

Step-4:

Ejecuta Edit-Stroke y cuando aparezca la pantalla, copia los datos de la foto.

Step-5:

Ahora tienes la delineación del texto y esta es la capa que vamos a usar para la animación.

Step-6:

Crea una nueva capa Layer-New-Layer y llénala de negro y cuando termines cambia el modo a Multiply.

Step-7:

Crea otra capa Layer-New-Layer y llénala de negro otra vez. Presiona la letra D para resetear los colores y selecciona la Gradient Tool. Ahora dibuja una linea horizontal empezando de izquierda a derecha tal como se ve en la foto.

Step-8:

Ahora ejecuta Image-Adjustments-invert y después Layer-Create Clipping Mask. Fíjate en la foto chica cuantas capas debes de tener hasta el momento y el orden que llevan.

Step-9:

Ahora vamos a ir a Image Ready.Usando la Move Tool vas a mover la ultima capa lo mas que se pueda hasta la izquierda. Haz la primera toma haciendo click en el icono encerrado en un circulo.

Step-10:

Ahora mueva la misma capa hasta la derecha y vas a hacer click en la Tween Tool que es la que esta circulada.

Step-11:

Copia los datos de la pantalla y presiona OK.

Step-12:

Y aquí tienes tu primera animación. Recuerda guardar tu documento como Save Optimized as..

Step-13:

Puedes crear una pequeña variación cambiando el color de la primera capa de blanca a negra. Si lo haces, esta sera la animación que resultara.

 
 
Anuncios
Anuncios

 

Copyright 2005-2009 - All tutorials  are the property of the site unless otherwise stated. You may not re-distribute or reproduce any portion of this website without written consent.

you-teach.com  | David O. Kauffman | Powered by  1and1.com Webmaster | Games | Submit Tutorial |LoremIpsum |

 

Banner

 

 

 

</td> </tr> <TR><TD colspan="2" valign="bottom"> <IFRAME name="hits" src="/hits.cgi?tutorial=10" marginwidth="0" marginheight="0" height="20" width="200" scrolling="no"></IFRAME> </TD></TR></table> </center> </body> </html>