Tutorial Photoshop: Como crear una firma

¿Cómo crear una firma?

En este tutorial te demostrare PASO a PASO lo sencillo que puede ser crear una firma, es ideal para los que recién comienzan a usar Photoshop, se explica la como instalar brushes, la forma de seleccionarlos y usarlos, recorte de art, resize de un art, pegar art a documento, fusion de art con fondo, poner color, utilizacion de fonts, efectos en fonts y como hacer un marco.

Este tutorial es el mas largo que e hecho en toda mi vida, y esta muy completo, todo explicado con imágenes para la mayor comprensión, sin mas preanbulos, comenzamos.

Comenzamos:

Primero que nada debemos tener instalado Photoshop 7.0 en ingles que es el que usare xD, puedes bajar el trial de www.download.com y crackearlo xD

En este tutorial utilizare brushes (pinceles), pa bajar visita www.deviantart.com ve a «browse» y despues resources photoshop brushes, ya eliges los que te gusten, y los instalas así, entras a la carpeta del Photoshop, en Archivos de Programa >Adobe >Photoshop 7.0 y vas al folder «Presets», al entrar hay varias carpetas, entra a brushes, y ahi guarda los brushes, si haces esto al tener el Photoshop abierto no
lo agarrara, así que tendrás que cerrar el Photoshop y volverlo a abrir

Ok, segundo paso, abrimos un nuevo archivo, presiona ctrl + n, y haz esto:

001

*puedes cambiar los tamaños de los px al rededor de 350*70 entre 400*100 que son los mas comunes en las firmas.

Ok, ya teniendo el nuevo documento, presionamos la tecla D, asi se cambia el color de la paleta, luego, elegimos el brush, seleccionamos el que deseas usar, para hacerlo, presiona el boton de brush, tiene forma de pincel. Sigue a la imagen:

002

Ok, ya seleccionado el pack de brushes, solo tenemos el archivo en blanco abierto, lo que vas a hacer es poner el brush sobre el documento y darle clic así:

003

y vas alternado los brushes, hasta tener algo asi:

004

Esta es una imagen de como alternar los brushes

005

Este es el resultado del fondo

Ok, ahora, elegir la imagen, no es tan dificil, para abrirlas presiona «ctrl + o», la seleccionas y se abrira, esta es la imagen que yo trabajare:

006

Ok, notaran la imagen tiene un fondo, pero solo queremos la imagen (art), asi que, la vamos a «recortar», para esto, elegimos la «magic wand tool» presionando «W», ya al tenerla seleccionada, presionamos «shift» que casi siempre esta abajo del botón enter en el teclado, le dejamos presionado y vamos seleccionando parte del fondo de la imagen, así:

007

para finalizar el recortado, presionas Supr en el teclado, y listo, el fondo esta blanco *0*, ok, presionamos Ctrl + D para deseleccionar el archivo y queda algo así:

008

notaran que la barra se comió unos pedazos, eso se arreglara mas adelante, el siguiente paso, observa bien la imagen y el tamaño de la firma, a veces la imagen es muy grande, como la que escogí, por lo que en la barra donde esta el nombre de la imagen, le damos un clic con botón derecho y seleccionamos la opcion «Image Size», solo cambia el de width, a uno mas o menos mas grande que la imagen de la firma,
el height se acopla al tamaño del width por lo que no es necesario moverle, le damos click a aceptar.

009

la imagen ya esta reducida de tamaño, ahora lo mas importante, pegar la imagen en la firma, repite el paso de la magic wand tool, pero ahora solo sobre el fondo blanco, al acabar presiona ctrl + shift + i y notaras que la imagen ahora es la seleccionada, presiona ctrl + c y te pasas al documento con la firma, donde presionas ctrl + v.

010

bien, ya se pego la imagen a la firma, ahora la movemos al lugar en la firma donde deseas que este el art, seleccionas «Move Tool», presionando V, bien, ahora solo seleccionamos la imagen con un clic y la jalamos al lugar que deseas la firma, la puedes subir, bajar, hasta que quede donde tu la quieres, algo mas o menos así:

011

A la hora de combinar el art con el fondo O.o, para esto, seleccionamos la «Lasso Tool», presionando «L», ok, arriba, dice «feather», ponle 15%, hacemos una selección alrededor de la imagen, algo así:

012

Bien, ya lista la selección, vamos a hacer una nueva «layer mask», solo presiona esto:

013

ok, ya quedo fusionada la imagen con el fondo, ahora, presiona CTRL + E para unir toda la imagen, y despues presiona «ctrl + u» y presionas la casilla «colorize», hasta que quede un color que te guste, a mi me queda asi ô.o:

014

bien, bien, ya tenemos el fondo y el art, bien, te preguntaras que sigue, pues el FONT xD, ok, ahora pondremos el nick a la firma, elige cualquier font, te puedes descargar de www.dafont.com, para instalar las fonts, debes abrir panel de control>fuentes si es que tienes XP, en las demas no se xD.

Ok solo las pegas y se instalaran. Bueno, seleccionamos la opcion de TYPE TOOL, presionando «T», bien, ahora hay que hacer una selección por la firma donde quieres que valla el font, y ahi mismo escribes el nick, tambien puedes cambiar el tamaño del font, arriba donde dice «tT» dice 16pt, bueno es la que usare, pero
tu puedes usar el tamaño que quieras,en esta imagen se especifica todo:

015

Bien, este efecto de font es sencillo, pero tiene efecto semi-transparente, una vez ya escrito el font, vamos a presionar W para des-seleccionar el font, luego presionamos de nuevo T para regresar a la TYPE TOOL, bien, da clic en opacity, donde dice 100%, has lo que dice la imagen

016

puedes poner el porciento que quieras, yo use el 33% como lo indica la imagen, y ese fue mi resultado, independientemente del color que le hayas puesto a la firma, se vera parecido, luego vas hacia a:
Layer>Layer Style>Outer Glow, y veras que hay un cuadradito de color amarillo claro, dale clic a el y selecciona un color claro, pero casi del mismo color de la firma, pero que sea claro, como indica la imagen, donde selecciona como hacerlo:

017

Bien, ahora vamos a Layer>Layer Style> Stroke y seleccionamos de color el blanco, y le bajamos el size a 1%, así el font se ve mas respaldado y se nota mas. Presionamos ok

Ok, ahora solo falta el borde, te voy a decir como hacer un borde sencillo, de una sola dimension, para esto vas presiona Ctrl+A, luego Select>Modify>Border y le ponemos en 1 px, asi como dice la imagen:

018

Vamos a Layer>FlatTen Image, luego:
Seleccionamos «Eraser Tool» presionando «E», luego presiona D, luego X para cambiar los colores de la paleta, ok ahora vas a mover el borrador por la seleccion que se marca, no va a haber problema en caso que tu te pases a la firma, no se borrara, por eso hicimos la selección, ok, vamos moviendo el
borrador por toda la selección, hasta ver que toda la selección se volvió negra:

019

Listo, solo CTRL + D y tienes la firma lista, solo vas a File>Save As y la guardas como .webp, asi:

020

Debes estar seguro que hayas elegido .webp, luego se abrira una ventanita, muevele hasta donde dice: 12 y le das ok

LISTO, uff que tutorial mas largo, me tomo 1 hora y 36 minutos hacerlo, ya que los screen y el tecleo me tomaron mucho tiempo, si tienen alguna duda no duden en decirla, se las responderé con gusto, si usaron el tutorial, me gustaría expongan el resultado, no duden en recomendarlo a sus amigos que quieren
aprender a usar Photoshop.

Puedes usar cualquier brush, cualquier efecto en la font o en el borde, o en la fusion del art, en este tutorial solo te enseño lo básico, lo demás déjalo a tu imaginación, esta es la firma como resultado final:

KaoSTutorial ComoCrearunaFirma

TUTORIAL CREADO POR KaoS_GM