nexoBlogs network
Anónimo Anónimo

Tutorial Photoshop: crea una firma de foros

domingo, 08 de junio del 2008
chicageekpor chicageek

Si participas en algún foro de Internet seguro que más de una vez has visto esos coloridos rectángulos que muchos usuarios usan como firmas, con los logos o eslóganes de sus programas, videojuegos, películas, series o equipos de fútbol favoritos. ¿Te gustaría diseñar uno para ti? Pues sigue estos pasos y aprenderás cómo crear firmas de foros personalizadas con Photoshop.

firmaforo09

1. Abre un nuevo documento en Photoshop, de forma rectangular. El mío mide 30x300 píxeles.

firmaforo01

2. Rellena el rectángulo con la herramienta Degradado (Gradient), usando el de dos colores con dos tonos que peguen con el logo que vas a usar. En mi caso, como haré una firma siguiendo el estilo de mi blog, usaré los tonos azulados de la cabecera.

firmaforo02

3. Ahora hay que aplicar un motivo (pattern) por encima de esta capa, pero para ello tenemos que crearlo primero. Abre un nuevo documento de 6x6 píxeles con el fondo transparente, auméntalo hasta el máximo con el zoom y con ayuda del lápiz, traza una línea como la que ves en  la captura.

firmaforo03

4. En el menú Editar, elige Definir motivo (Define pattern) y pone el nombre que quieras.

firmaforo04

5. Ahora ya sí que podemos usarlo en la firma: vuelve al rectángulo y aplica el motivo mediante el menú Capa > Estilo de capa > Superposición de motivo (Layer > Layer style > Pattern overlay). Baja la opacidad para que quede mejor (yo lo puse al 15%).

firmaforo05

6. Busca el gráfico que quieres usar en tu firma (el logo de tu programa preferido, el escudo del equipo de tus amores, lo que quieras) y pégalo en una nueva capa. Redimensiónalo con la herramienta de Edición - Transformación libre (Edit > Free Transform) para adaptarlo al rectángulo.

firmaforo06

7. Ahora escribe el texto que quieras en tu firma: tu nombre, tu nick del foro, una frase que te guste... Puedes usar la fuente que quieras, pero si quieres usar la de este tutorial la puedes descargar desde Dafont. Dale color al texto y añádele un efecto de Trazo en Capa > Estilo de capa > Trazo  (Layer > Layer style > Stroke).

firmaforo07

8. Por último, crea una nueva capa y usando la herramienta Elipse (con la opción de relleno de píxeles -Fill pixels- activada), dibuja una elipse en la parte superior del rectángulo rellena de blanco. Baja la opacidad para crear un efecto de brillo.

firmaforo08

9. ¡Listo! ¿A que queda muy bien?

firmaforo09

Mensajes relacionados

Álbum de imágenes - Viendo 1 a 4 de 9

firmaforo01
firmaforo01
firmaforo02
firmaforo02
firmaforo03
firmaforo03
firmaforo04
firmaforo04

Ver álbum de fotos »

Comentarios

Enlace recibido desde Solo para Geeks » Blog ...
[...]g src="http://static.obolog.com/multimedia/fotos/95000/94882/94882-73298.jpg" alt="firmaforo09" /> Ver álbum de fotos | Leer Tutorial Photoshop: crea una firma de foros en[...]
yo yo

no tienes uno de paint.net?

nachi92 nachi92

MUXIXIXIXIXIMAS GRACIAS!

tu tutorial me sirvio muchisimo gracias gracias gracias!

bye bye!

Muchas gracias por el tuto, muy buenoGuiño

sensacional muuuchas gracias me ha servido para hacer el mio

una cosilla como le pongo borde negro a toda la firma que me sale sin borde

Cotu: el borde negro se pone con el efecto "trazo" (en inglés, "stroke") dentro del menú de Estilo de capa. Si te fijas en la captura del punto 5, es la última opción del menú de la parte izquierda :)

mira que lo leí y releí jajaj muchas gracias ya lo tengo gracias es un tutorial perfecfto

Jocee Jocee

te pasaste hace mucho ya que buscaba como hacer este tipo de firmas ^^

gracias :)

gracias :)

gracias :)

gracias :)

estoi mui agradecida ^^

Esta muy bueno tu tuto te dejo mi traajo echo:

[IMG]http://i42.tinypic.com/28jvf2e.jpg[/IMG]

Nos vemos

manzanita manzanita

me quedo  precioso muchas gracias!

javier javier

myu bueno, gracias por tu ayuda

Deja tu comentario

Deja tu comentario
Necesitas tener javascript activado para poder dejar comentarios

Identifícate en OboLog, o crea tu blog gratis si aún no estás registrado.

De esta forma, además, podrás mostrar tu imagen en los comentarios y no tendrás que rellenar tus datos cada vez.

Sponsors

Login

Otros blogs de nexoBlogs: