Tutorial: Firma Simple



Este es un tutorial que hice hace tiempo para crear "Firmas", (Imágenes personalizadas que salen en los foros debajo de los comentarios), es muy básico, pero es muy bueno.
Recomendado para las personas que quieren aprender o están iniciando a utilizar Photoshop ya que esta paso a paso y es muy simple.
Materiales:

1.-Esencial Photoshop
(Si no cuentas con el puedes descargar una versión potable muy buena de aquí:

Adobe Photoshop CS3 ...

Te lo recomiendo es exactamente el que uso para este tuto!!!...)

2.-una imagen para poner de fondo.
(Esta se puede sustituir con un degradado que también se mostrara en el tuto, pero se recomienda para tener un mejor aspecto conseguir un fondo adecuado)

Esta es la mía:






3.-Un render
(Personaje o imagen sin fondo que llevara la imagen, puedes utilizar el buscador de imágenes que tiene Google para encontrar un render del personaje que te interese!!!)

Yo escogí este:





Y por ultimo y más importante:
4.-Imaginación y paciencia
(La imaginación es para que te des una idea de que es lo que quieres, y la paciencia es por si no te sale lo que buscas a la primera!!! XD...)

Procedimiento:

1.-Crear el documento:

Abres tu photoshop y creas un nuevo documento con los siguientes datos:
• Nombre: No importa pon lo que sea!!!
• Predefinir: No Aplica (ya que vamos a seleccionar nosotros las dimensiones)
• Anchura: 400 Píxeles
• Altura: 150 Píxeles (Nota: para este foro la altura máxima son 100)
• Resolución: Lo dejamos como esta!!!...
• Modo de color: Color RGB
• Contenido de fondo: Transparente




Y nos da como resultado algo como esto:




2.-Poner un fondo
En este caso tenemos dos opciones:

• Opción 1
(Conseguimos una imagen para utilizar de fondo en nuestra firma)
Archivo--Colocar...--Seleccionamos el fondo y lo acomodamos para que salga la parte de la imagen que queremos que sea el fondo de nuestra firma

Y tendríamos esto de resultado:




• Opción 2
(Poner un degradado como fondo)
En este caso nos iríamos a la barra de herramientas y seleccionaremos la herramienta de degradado, hacemos un degradado en diagonal
Y tendríamos esto:




Ahora vamos a Filtro--Interpretar--Nubes
Y tendríamos un resultado como este:




O bien hacemos el degradado pero ahora vamos a Filtro--Interpretar--Fibras, donde nos saldrá una ventana en la que simplemente hay que darle en "OK" (o bien experimenta para mejores resultados!!!)...
y tendríamos este otro resultado:




(Nota importante: En caso de utiliza el segundo método (Degradado) se recomienda hacer primero el paso 3 y después el 2 para que el fondo combine con el render!!!...)

3.-Posicionar el render
Enseguida vamos a colocar el render de la siguiente forma:
Vamos a Archivo--Colocar...-Seleccionamos el render, lo acomodamos en el lugar que nos parezca mas adecuado, damos clic derecho y colocar...
En este momento ya tendríamos algo como esto:




4.-Agregar texto
Continuamos con uno de los pasos mas importantes ya que la firma es para identificarnos de una manera personalizada, y sin nuestro Nick no sirve de mucho!!!...
Seleccionamos la herramienta de texto, ponemos una fuente agradable, un color que resalte y a la vez combine para facilitar la lectura, y un tamaño que no sea muy exagerado...

Hasta ahora tenemos algo muy simple como esto:




5.-Dándole un mejor aspecto a nuestras capas
Ahora vamos a hacer una pequeña pausa ya que el render se ve muy simple y la fuente puede llegar a confundirse si es un color muy parecido al de el fondo...
Como tenemos seleccionada la capa del texto vamos a trabajar con esa:

• Le damos clic derecho a nuestra capa (en el menú de la derecha donde podemos ocultar o mostrar las capas), y nos vamos a Opciones de fusión..., y seleccionamos las siguientes opciones:
-Sombra paralela
-Resplandor exterior
(En este tienes que cambiarle el color a uno que resalte con el fondo para que se distinga tu fuente)
-Brisel y relieve
(Aquí cambias tamaño y suavizar a 1 píxel ambas)
-Contorno
Listo damos a OK y tendríamos como resultado algo como esto:




• Seguimos con la capa del render (lo mismo Opciones de fusión...) pero ahora con estas opciones:
-Sombra paralela
-Resplandor exterior
(Igual un color que haga resaltar el render)
Ahora tenemos algo así:




6.-Agregar marco
Este es uno de los últimos y mas sencillos pasos!!!...

Creamos una nueva capa.
Seleccionamos la herramienta de marco rectangular y marcamos toda la firma.
Ahora damos clic derecho en la parte seleccionada y seleccionamos la opción Contonear... y ponemos las siguientes opciones:
-Trazo
• Anchura: 5 Pixeles
• Color: Lo Dejo a su criterio
-Posición
Interior
-Fusión
• Modo: Normal
• Opacidad: 70%

Y tenemos un resultado como este:




Vamos otra vez a opciones de fusión..., y ponemos las siguientes opciones:
-Sombra paralela
-Resplandor exterior
(Creo que ya se grabaron lo del color XD!!!...)
-Brisel y relieve
(En el marco de 5 Pixeles se ve bien como esta por defecto pero puedes experimentar a tu gusto!!!...)
-Contorno
-Satinado
(En algunos casos el satinado hace que se obscurezca mucho así que ten cuidado con esta opción)

Este seria el final y quedaría algo como esto:




7.-Arreglando un pequeño detalle
Pues este paso ya es extra ya que mi render quedo por una parte detrás del marco y eso a mi no me gusta así que ice esto:

-Ocultar los efectos de la capa que contiene el render
-Duplicar dicha capa
-Poner una de las capas sobre la capa que contiene el marco
-Poner visibles de nuevo los efectos de la capa que queda atrás
-Borrar las partes que no queremos que se vean en la capa superior para dejar ver el marco

Y este es el resultado:




8.-Guardar el archivo
El guardado del archivo es el paso mas sencillo

-Selecciona el directorio en el que quieres que se guarde tu imagen
-Pon un nombre al archivo
-Asegúrate de guardarlo en formato .PNG
-Selecciona el botón guardar
-A la ventana de opciones de PNG que se abre solamente selecciona OK

Y Para el gran final tienes como resultado este archivo:





Por alguna duda puedes ver el vídeo para que veas todos los pasos con detalle...
http://www.megavideo.com/?d=IKRDHYKV

De aqui lo puedes descargar con mejor calidad:
Tutorial Firma Simple

Pass: DaRk EnGeLl

Espero que les sirva, un saludos!!!...

Otros ejemplos de firmas con métodos parecidos:



















Comentarios