Búsqueda en el Foro:
Buscar


« Ver tema anterior :: Ver siguiente tema »  
Autor Mensaje
Mensaje25-07-2010, 21:32 (UTC)    
Título del mensaje: [Tutorial Photoshop - Image Ready] Userbar animado

¡Hola!
en este tutorial les enseñaré a crear un banner para foros o lo que quieran :D
Para empezar creamos un nuevo documento de 350x20 px. con fondo blanco


Ahora, seleccionamos la opción "Degradado" (G)


Yo utilizé rojo y negro


Y hacemos una recta de Izquierda a Derecha


Nos debe quedar así


Creamos una nueva capa


Buscamos una imagen que nos guste y la añadimos a la capa creada. Yo usé una de Shadow the hedgehog y la acomodamos como muestro la imagen porque mas adelante lo modificaremos


Miminizamos el trabajo que estamos haciendo y creamos un nuevo documento como muestro en la imagen de 3x3 px.


Ponemos zoom y seleccionamos la opción lapiz y marcamos 3 puntos en diagonal como muestro en la imagen, la que está a la izquierda muestra como se vería con zoom y la segunda como nos debe quedar :P


Ahora vamos a "Edición" -> "Definir motivo" -> Aceptar


Volvemos nuevamente a nuestro trabajo. Y haremos una nueva capa. Y seleccionaremos "Bote de pintura" y ponemos en "Rellenar": Motivo en "Motivo" seleccionamos el que hicimos, y en "Opacidad" 40% y nos quedará así .


Ahora tendremos que poner el título yo usé la letra "Visitor TT2 BRK" que lo podremos descargar en el siguiente link: http://www.fontstock.net/1227/visitor-tt2-brk.html yo escribí "carlosleonroldan"
Nos debe quedar algo así.


Creamos una capa nueva y seleccionamos el marco eliptico y crearemos un ovalo en el dibujo y sleccionamos el bote de pintura y el color blanco, hacemos click en la imagen


Se verá así...


ya está terminado... ahora debemos ¡Animarlo! :cyclops: jeje
Para eso vamos a "Image Ready" que se encuentra al final de nuestra


Primedo, duplicamos la capa


En la segunda capa, modificamos la ubicación de nuestra imagen, como se muestra y le damos a "Intercalar"



Bueno ahora para que no se vea que esta como repetido lo que hacemos es duplicar la primer imagen y la pondremos al final, y haremos nuevamente en la opcion "Intercalar" y acomodamos todo igual anteriormente y asi tendran su banner con movimiento... para guardar nuestra imagen lo que tendriamos que hacer es "Archivo" -> "Guardar optimizada como" y la guardaremos
Espero que les haya gustado, este tutorial está inspirado en este


Asi será el resultado:

______________
firma modificada pwg

la medida maxima es 450x100
Mensaje25-07-2010, 21:40 (UTC)    
Título del mensaje:

esta muy bueno pero se ve dificil

lo intentare hacer XD

que photoshop utilizas?
______________


Ultima edición por jumanimes el Dom Jul 25, 2010 5:40 pm; editado 1 vez
Mensaje25-07-2010, 21:44 (UTC)    
Título del mensaje:

jumanimes escribió:
esta muy bueno pero se ve dificil

lo intentare hacer XD

que photoshop utilizas?

Es facli, inténtalo! en ese tutorial creo que use el Adobe Photoshop CS
pero ya no lo uso mas... ahora uso la version CS 5
______________
firma modificada pwg

la medida maxima es 450x100
Mensaje25-07-2010, 22:42 (UTC)    
Título del mensaje:

Excelente, vos sos el diseñador aca.
Mensaje26-07-2010, 00:01 (UTC)    
Título del mensaje:

nesbet escribió:
Excelente, vos sos el diseñador aca.

gracias amigo, me alogro que te haya gustado
______________
firma modificada pwg

la medida maxima es 450x100
Mensaje26-07-2010, 01:05 (UTC)    
Título del mensaje:

jejeje




Asi quedo el mio... pero no lo pude poner como firma

Edit:
al parecer ya quedo jajaja
______________


Ultima edición por wolfknightsfansub el Dom Jul 25, 2010 9:13 pm; editado 1 vez
Mensaje26-07-2010, 02:21 (UTC)    
Título del mensaje:

wolfknightsfansub escribió:
jejeje




Asi quedo el mio... pero no lo pude poner como firma

Edit:
al parecer ya quedo jajaja

jeje, si quedó! te quedó muy bueno
______________
firma modificada pwg

la medida maxima es 450x100
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group