Aprenda a crear una barra separadora para sus mensajes

usuario_borrado

Bueno, esto realmente no sabía dónde ponerlo, por lo que decidí colocarlo en el de "Estoy solo, Estoy sola", pues lo debería de estar para realizar el tutorial que voy a realizar. Todo lo que decía estaba mal, probaré a ver si lo que hago esté bien y les guste.

Es un tutorial, explicado paso a paso (por mí), donde aprenderá a realizar una barra separadora que le puede servir para ponerlo en los mensajes o en las firmas o donde le dé la gana. En el ejemplo, será algo así el resultado final:


Usted necesita un programa de edición, llamado Adobe Photoshop. Quizá lo tenga o quizá no, en este caso lo puede descargar desde este post que viene explicando su instalación: http://www.taringa.net/posts/downloads/3397263/.

Una vez tenga instalado el programa, puede comenzar el tutorial.

- Para comenzar, ejecute el programa, espere a que se cargue y le saldrá la interfaz principal:

Varía un poco porque mi versión es CS5, mientras que, si se ha descargado el programa desde el enlace que dejé arriba, es la versión CS4 (una anterior).

- Haga clic en Archivo>Nuevo para crear un nuevo documento. Establezca estos parámetros si desea las dimensiones del ejemplo:


- A continuación, seleccione la Herramienta Rectángulo redondeado:


Y proceda a crear la forma, dentro del espacio del documento, haciendo clic izquierdo y, sin soltar, arrástrelo hasta crear la forma adecuada:


Dependiendo de los colores que tenga seleccionado (), así será el color:



Ahora, en la sección Capas, haga doble clic sobre la única capa que hay creada:


En la ventana que le aparece, active Superposición de degradado y Trazo:


- En Trazo, como ve, póngale un tamaño de 1 píxel y el color, en mi caso, rojo casi oscuro.

- En Superposición de degradado, haga clic donde pone Degradado:


y elija los colores que desee, en un extremo y en otro:


Pulse en Ok y de nuevo en Ok para acabar. Ahora le quedará así:


Para adaptar el tamaño, pulsa a la vez las teclas Ctrl y T para poder modificarlo:


Por último, haga clic en para aceptar el cambio.



Para finalizar, solo queda añadirle un texto. Para ello, seleccione la Herramienta Texto:


Y haga clic en la zona donde se encuentra la barra, para escribir sobre ella, colocarlo correctamente y aceptar al final pulsando en :


Para guardarlo, vaya a Archivo>Guardar como... póngale nombre y elija como tipo de imagen PNG.



Esto es todo, espero que les haya gustado.

Mr_blue

no va en esta seccion eso,y si usas el metodo de la deduccion creo que el subforo solos y solas no es el mas adecuado para un tutorial de diseño... o si?

si no sabes donde postear ponlo en papelera u otros temas.

Coronel

Y por que en Potochof? Potochof es privativo y caro.
Haz estos tutoriales mejor para GIMP que es software libre. Libre y gratuito.

usuario_borrado

Ni privativo ni caro: he dejado el enlace para que se pueda descargar gratuitamente. Si no le gusta, como bien dice, hágalo con gimp. Creo qu estaría mejor que comentaran para decir si les gustó el tutorial o no, no para quejarse de semejante tontería.

Coronel

Lo hará usted con la mejor intención, pero descargar una "copia de seguridad" de un software privativo no es legal. Aunque el acto de enlazar si sea legal.
No es ninguna tontería fomentar el uso del software libre, mas aun, debería ser la norma, no la excepción.

Climatica

yo creo que tu post no encaja en esa seccion

usuario_borrado

Respeto que esté a favor del software libre, pero le digo que si esta web tratara de las alternativas que hay o haya con respecto al programa de edición con el que sigo el tutorial, sí que vendría a cuento su comentario; pero, una vez más, mi objetivo no era hacer un debate de esa tema, sino enseñar a los interesados a realizar este tutorial. Yo, como diseñador gráfico especializado en photoshop, practico y enseño con él, y creo que seguiré así.