El objetivo de este tutorial es enseñar el uso de herramientas básicas así como también algunas técnicas comunes en el diseño en photoshop a través de la creación de una firma de foros.
Antes de comenzar, vale la pena recalcar que este tutorial es de nivel principiante, y con esto me refiero a que no se requieren conocimientos avanzados sobre el uso de photoshop.
Este tutorial nos enseñara como lograr un resultado como el que se ve a continuación:
Ahora si, empecemos.
PASO 1:
Empezamos creando un documento nuevo, tamaño 330x120.
Creamos una capa nueva (layer -> new -> layer) o en caso de tener la capa "background" creamos una capa a partir de esa (layer -> new -> layer from background).
Presionamos la tecla " D " para resetear los colores posterior y trasero (los resetea a negro y blanco respectivamente). Renombramos la capa como "base" (haciendo doble click sobre el nombre de la misma).
Seleccionamos la herramienta paint bucket y "pintamos" nuestro fondo de color negro.
Resultado a continuación:
PASO 2:
Creamos otra capa (del mismo modo que creamos la capa "base") y la nombramos "nubes".
Le aplicamos el filtro de nubes tantas veces como sea necesario hasta que el resultado sea de su agrado (filter -> render -> clouds).
Mi resultado:
PASO 3:
A continuación vamos a modificar el color de la capa "nubes". para esto vamos a image -> adjustments -> hue/saturation , o tambien podemos hacerlo presionando ctrl+U.
En la ventana que aparece, tildamos la opción "colorize" y ingresamos los siguientes valores:
Luego debemos modificar el nivel de transparencia de nuestra capa hasta lograr un resultado que sea de nuestro agrado (modificar el % del atributo "opacity" en la lista de capas). Mi resultado con un nivel de transparencia del 51% :
PASO 4:
A continuación debemos agregar nuestro render o imagen. En este tutorial utilizaremos una imagen de gohan de dragon ball z.
A la cual le hemos duplicado la capa (boton derecho en la capa -> duplicate layer), luego hemos invertido esta copia (image -> adjustments -> invert), y finalmente hemos cambiado el modo de mezcla a "hue". el resultado:
Ahora debemos recortar la imagen (es decir, eliminar todo lo que no queremos de la imagen). Para esto utilizaremos la herramienta "lasso tool", con la cual crearemos una selección que vaya por el borde del dibujo. Les recomiendo colocarle al atributo "feather" un valor de 1pixel, ya que esto nos dara una suavidad en los bordes, evitando que se note el recorte demasiado.
Esta tarea queda en sus manos, asi que sigamos.
Yo personalmente preferí recortar el cuerpo del personaje sin los "rayos" que salen del mismo, por lo que luego me tome el trabajo de dibujarlos nuevamente, pero este proceso no es detallado en el tutorial, ya que ustedes utilizarán sus propias imagenes.
Una vez recortado el render, lo colocamos en nuestra firma y redimensionamos a gusto, renombrando la capa a "render".
PASO 5:
Ahora le agregaremos un efecto de "resplandor" a nuestro render. Para hacer esto presionaremos boton derecho sobre la capa "render" -> blending options.
Tildamos la opción "outer glow" y le asignamos los siguientes valores:
El color utilizado es: " beedff ". Para cambiarlo debemos presionar en el cuadrito de muestra de color (por default es amarillo suave), y en el recuadro de texto donde dice " # " ingresamos " beedff " (sin las comillas).
El resultado hasta el momento:
PASO 6:
Ahora crearemos algunas formas básicas como para agregarle detalle a nuestra firma.
Comenzaremos creando una nueva capa llamada "lineas" y luego haremos selección rectangular como la que se ve a continuación utilizando la herramienta "rectangular marquee tool".
Luego con la herramienta "paint bucket" pintamos esta selección de un color blanco.
Una vez más, vamos a "blending options" y tildamos la opción "outer glow", con los mismos colores y valores que los explicados anteriormente, solo q ahora el atributo "size" le colocaremos un valor "10".
Tambien tildaremos la opción "inner glow" y le coloremos los mismo valores, con el atributo "size" en "5".
Si se desea, se puede hacer cualquier otra forma con este estilo. Por ejemplo, si queremos hacer un circulo, seleccionamos la herramienta "elliptical marquee tool", dibujamos un circulo, luego vamos a "edit -> stroke" y en el atributo "width" ingresamos " 2 px".
Una vez hecho esto, tendremos un circulo con el efecto resplandeciente.
Recuerden que a su firma pueden agregarle tantas formas y lineas como deseen, el limite es su imaginación.
PASO 7:
Ahora es tiempo de agregar nuestro texto. Aquí el tema de qué fuente utilizar, donde colocar el texto y con que estilo está completamente a su criterio. Sin embargo, voy a mostrar lo que hice yo, para que sirva de un ejemplo básico.
El texto tiene efecto "outer glow" con los mismo atributos descriptos anteriormente, "inner glow" del mismo color pero con el atributo "size" en "1". Tiene tildada la opción "stroke" utilizando un color negro y el atributo "size" en "1". Y por último, la variable "relleno" ( "fill" ) fue cambiada a 0% .
La fuente utilizada se llama "xirod". Si no saben de donde descargar fuentes, pueden hacerlo desde
dafont
PASO 8:
Utilizando la opcion "rectangular marquee tool" y manteniendo el atributo "feather" en "1",seleccionamos toda nuestra firma y luego vamos a " select -> modify -> border " y en el atributo "width" ingresamos "3".
Una vez hecho esto, seleccionamos la capa "base" y presionamos "supr" (tecla suprimir), luego la capa "nubes" y presionamos nuevamente "supr".
El resultado deberia ser similar al siguiente:
PASO 9:
Seleccionamos la capa "nubes" y vamos a "blending options". Tildamos la opción "stroke", utilizando color negro y "size" con el valor "1". El resultado se muestra a continuación:
Como se puede observar, nuestra "linea" esta por encima del borde negro que acabamos de crear. Para solucionar esto, seleccionamos la capa "linea" y con la herramienta "eraser" borramos la parte de la linea que se superpone a nuestro borde.
PASO 10:
Finalmente, procedemos a guardar nuestro archivo. Para esto debemos ir a " file -> save as". Seleccionamos el formato ".gif" para mantener las transparencias y presionamos ok.
AL presionar ok, aparecerá una ventana con algunas opciones, de las cuales debemos tildar la opción "transparency" y de ser necesario modificar la opción "dither", colocando "diffusion" y la opción "matte" colocando "none". Presionamos ok, aparece otra ventana en la cual presionamos ok una vez más, y listo, hemos terminado.
Aquellos que deseen, pueden descargar el proyecto ".psd" para desde
aqui, espero que este tutorial les sea de utilidad, y no duden en consultar cualquier duda.
NemoR.
[TUTORIAL] Firma simple
.
Mode Lineal
