Hola Taringueros! Bienvenidos a este nuevo post donde les enseñare a crear un barra para Recomendar Post con Photoshop CS5,CS4,CS4.
Antes que nada si no tienes Photoshop, aca te dejo Adobe Photoshop CS5 para que lo descarges full.
| Servidor: MEGAUPLOAD - Tamaño: 1GB - Comprimido: ZIP - Password: pympy.com |
Antes del tutorial quiero decirles que tratare de hacerlo lo mas explicado posible que pueda, con imagenes y tratare de expresarme lo que mas pueda para que lo entiendan bien.
- Para comenzar primero abriremos Adobe Photoshop (El que tengan)
1er.Paso
- Bien ahora una vez abierto Photoshop vamos a crear un Nuevo Archivo, para eso vamos a Archivo ---> Nuevo. Y Lo ponemos asi:
> 900 Pixeles de Anchura
> 120 Pixeles de Altura
> Resolucion 72 pixeles/pulgadas
> Contenido de fondo transparente
> Modo de color RGB de 8 Bits
Luego OK
2do.Paso
Ahora con la Herramienta ''Rectangulo Redondeado''
Trazamos un rectangulo redondeado de masomenos
30 Pixeles de altura
870 Pixeles largo (Casi todo el ancho)
Luego se seleccionamos un estilo algo simple, que no sea muy colorido. O sino lo dejan del color que les guste
Para que nos quede asi
3er.Paso
Ahora creamos vamos a crear una flecha que nos servira para indicar donde presionar para recomendar el post. Sigan esas indicaciones.
> Creamos una nueva capa.
> Escondemos la capa de la barra.
> Seleccionamos la herramienta ''Forma Personalizada''.
> Ponemos La forma ''Flecha''.
> Trazamos una Flecha masomenos de este tamaño.
> Luego la ponemos de forma vertical.
> Le borramos el palito para que nos quede asi.
> Escogemos el mismo estilo que el de la barra o el que les guste.
> Hacemos visible la capa de la barra.
> Colocamos la flecha bien dentro de la barra, (en caso de que sea muy grande como para que entre, achicamos la flecha)
[/color]
4to.Paso
En este paso daremos animación a la flecha.
Tendemos que activar la ventana ''Animación'' Para eso [ Ventanas ---> Animación ]
> Activamos la casilla de animacion de cuadros.
Para que nos quede asi:
> Nos vamos a la capa ''Flecha''
> Ahora en el primer cuadro de la animación pondremos que tarde ''Sin Retardo'' para el cambio al otro cuadro y la animacion sea rapida.
> Ponemos repetición ''Infinita''.
> Ahora lo que tienen que hacer es duplicar el cuadro, y en ese mismo cuadro mover la flecha 2 veces hacia abajo y asi sucesivamente hasta que que la flecha este bien abajo. Una vez que este abajo hacen lo mismo pero solamente que la van moviendo 2 veces hacia arriba. Si se pasan de largo con la fecha tanto arriba como abajo pueden borrar el cuadro que se pasaron.
Aca la imagen de donde se apreta para duplicar el cuadro.
La imagen de como se borran los cuadros.
Cuando hayan terminado con la animación pueden ir al primer cuadro y reproducirlo para ver como les quedo.
5to.Paso:
Bien ahora pondremos el texto que diga por ejemplo: '' Recomendá este post''
> Seleccionamos el primer cuadro de la animación.
> Creamos una nueva capa.
> Seleccionamos la herramienta ''Texto Horizontal''.
> Escribimos por ejemplo: ''Recomendá este post'' o lo que quieras que este relacionado con eso.
> Le seleccionamos un estilo, (el que mas te guste).
Y quedara asi:
> Luego asi como está guardamos como imagen Gif.
Para eso tenemos que ir a [Archivo --> Guardar para Web y dispositivos..]. Despues Ponemos Guardar y se nos abrirá donde queremos guardarlo, seleccionamos en donde y listo.
Luego para ponerlo en tus post puede usar esta pagina: ImagenesYa.com.ar
Bien ese fue el fin del tutorial, espero que les haya servido y que les haya salido. Hubo bastante esfuerzo y espero que lo puedan comprender. No pido tampoco puntos pero por lo menos un comentario estaría bien. Sobre los Puntos es libertad de ustedes darmelos o no.
Si necesitan algo o tienen algun problema con algo que no entiendan del tutorial, solo mandenme un MP que se los contesto apenas me de cuenta.
Desde ya Gracias por visitar el post/