tutorial de firmas

Comparte recursos y conocimientos sobre la creación de firmas y avatares
Avatar de Usuario
ahome2
Mensajes: 1643
Registrado: 24 Dic 2007 00:50
Ubicación: en el universo Anime-Universe en el mundo Anime-Stars

tutorial de firmas

Mensaje por ahome2 » 10 Ene 2008 16:08

bueno ya q cuendo vi la firma de haku me intereso eso de olo de firmas y avatares aun no he hecho la mia pero la hare pronto aqui les pongo un tuto q encontre y sera bueno q pusieran los tutos de firmas y avatares q encuentren para q las personas q no lo saben hacer como yo :oops: tengan la oportunidad de crear.

este es un tutorial basico no es mio fue creado por otra persona aclaro

TUTORIAL CREADO POR KaoS_GM

¿Como crear una firma?

En este tutorial te demostrare PASO a PASO lo sencillo que puede ser crear una firma, es ideal para los
que recien 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 imagenes para la mayor comprension, 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, asi que tendras que cerrar el Photoshop y volverlo a abrir

Ok, segundo paso, abrimos un nuevo archivo, presiona ctrl + n, y haz esto:
Spoiler: Mostrar
Imagen
*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:
Spoiler: Mostrar
Imagen
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 click asi:
Spoiler: Mostrar
Imagen
y vas alternado los brushes, hasta tener algo asi:
Spoiler: Mostrar
Imagen
Esta es una imagen de como alternar los brushes

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:
Spoiler: Mostrar
Imagen
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 boton enter en el teclado, le dejamos presionado y vamos seleccionando
parte del fondo de la imagen, asi:
Spoiler: Mostrar
Imagen
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 asi:
Spoiler: Mostrar
Imagen
notaran que la bara se comio 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 escogi, por lo que en la barra donde esta el nombre de la imagen, le damos un click con boton 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.
Spoiler: Mostrar
Imagen
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 notarasque la imagen ahora es la seleccionada, presiona ctrl + c y te pasas al documento con la firma, donde presionas ctrl + v.
Spoiler: Mostrar
Imagen
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 click y la
jalamos al lugar que deseas la firma, la puedes subir, bajar, hasta que quede donde tu la quieres XD,
algo mas o menos así:
Spoiler: Mostrar
Imagen
ok, 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 seleccion alrededor de la imagen, algo asi:
Spoiler: Mostrar
Imagen
bien, ya lista la seleccion, vamos a hacer una nueva "layer mask", solo presiona esto:
Spoiler: Mostrar
Imagen
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:
Spoiler: Mostrar
Imagen
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 seleccion 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:
Spoiler: Mostrar
Imagen
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 click en opacity, donde dice 100%, has lo que dice la imagen
Spoiler: Mostrar
Imagen
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 click a el yselecciona un color claro, pero casi del mismo color de la firma, pero que sea claro, como indica la imagen, donde selecciona como hacerlo:
Spoiler: Mostrar
Imagen
Bien, ahora vamos a Layer>Layer Style> Stroke y seleccionamos de color el blanco, y le bajamos el size a 1%, asi 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:
Spoiler: Mostrar
Imagen
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 XD, por eso hicimos la seleccion, ok, vamos moviendo el borrador por toda la seleccion, hasta ver que toda la seleccion se volvio negra:
Spoiler: Mostrar
Imagen
Listo, solo CTRL + D y tienes la firma lista, solo vas a File>Save As y la guardas como .jpg, asi:
Spoiler: Mostrar
Imagen
Debes estar seguro que hayas elegido .jpg, 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 respondere con gusto, si
usaronel tutorial, me gustaria 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 basico, lo demas dejalo a tu imaginacion, esta es la firma como resultado final:
Spoiler: Mostrar
Imagen
pd:espero q les sirva el tutorial pronto hare mi firma y se las traere
[url=http://imageshack.us][img]http://img259.imageshack.us/img259/5690/intento152xdsw4.gif[/img][/url]
"Hare tus sentimeinetos y miedos una deliciosa comida"
[img]http://i196.photobucket.com/albums/aa29/Iscariote_13/Presienta-Ociosa.jpg[/img]
[url=http://imageshack.us][img]http://img263.imageshack.us/img263/1549/vvvvdk9.png[/img][/url]

Avatar de Usuario
LuKiTa[DbZ]^^
Mensajes: 65
Registrado: 24 Dic 2007 07:00

Mensaje por LuKiTa[DbZ]^^ » 10 Ene 2008 16:48

Wow muchas gracias por el tutorial!! 8) La verdad es que siempre quise tener mi firma pero no sabia como era...espero que este tuto me sirva y si no es porque soy un burro xD :D

Bueno otra vez Muchas Gracias por el tuto!!! Saludos!

Avatar de Usuario
ahome2
Mensajes: 1643
Registrado: 24 Dic 2007 00:50
Ubicación: en el universo Anime-Universe en el mundo Anime-Stars

Mensaje por ahome2 » 10 Ene 2008 16:56

no hay de q yo tambien voy a hacer una pronto con este tuto
[url=http://imageshack.us][img]http://img259.imageshack.us/img259/5690/intento152xdsw4.gif[/img][/url]
"Hare tus sentimeinetos y miedos una deliciosa comida"
[img]http://i196.photobucket.com/albums/aa29/Iscariote_13/Presienta-Ociosa.jpg[/img]
[url=http://imageshack.us][img]http://img263.imageshack.us/img263/1549/vvvvdk9.png[/img][/url]

Avatar de Usuario
LuKiTa[DbZ]^^
Mensajes: 65
Registrado: 24 Dic 2007 07:00

Mensaje por LuKiTa[DbZ]^^ » 10 Ene 2008 17:02

Espero que te salga bien y espero que la mia tambien aunque ahora me estoy descargando unos juegos asi que no tendre tiempo pero igual lo hare dentro de poco!!


Suerte con tu firma!!




Saludos!

Avatar de Usuario
saek
Mensajes: 127
Registrado: 30 Nov 2007 17:55
Ubicación: x ahi perdio.....

Mensaje por saek » 10 Ene 2008 17:57

en estos tutoriales parece siempre muy facil y muy bonitas las firmas pero luego.... es un autentico desastre xD
[img]http://img465.imageshack.us/img465/3770/firmasaekds0.jpg[/img]
[img]http://img227.imageshack.us/img227/5275/2251ek8.jpg[/img]
[marq=right](-->$43k<--)[/marq]

Avatar de Usuario
ahome2
Mensajes: 1643
Registrado: 24 Dic 2007 00:50
Ubicación: en el universo Anime-Universe en el mundo Anime-Stars

Mensaje por ahome2 » 10 Ene 2008 17:59

bueno sip....pero depende si lo entiendes bn yo solo estoy esperando a descargarme el photoshop para luego crear mi firma
[url=http://imageshack.us][img]http://img259.imageshack.us/img259/5690/intento152xdsw4.gif[/img][/url]
"Hare tus sentimeinetos y miedos una deliciosa comida"
[img]http://i196.photobucket.com/albums/aa29/Iscariote_13/Presienta-Ociosa.jpg[/img]
[url=http://imageshack.us][img]http://img263.imageshack.us/img263/1549/vvvvdk9.png[/img][/url]

Avatar de Usuario
Eidan
Moderador oficial
Mensajes: 2052
Registrado: 18 Nov 2007 20:27
Anime favorito: One Piece
Ubicación: ¿?

Mensaje por Eidan » 10 Ene 2008 19:06

Gracias por ayudar, haber si me sale bien alguna firma xD

Avatar de Usuario
meda
Site Admin
Mensajes: 2772
Registrado: 24 Sep 2007 21:56
Anime favorito: Death Note

Mensaje por meda » 10 Ene 2008 19:55

saek escribió:en estos tutoriales parece siempre muy facil y muy bonitas las firmas pero luego.... es un autentico desastre xD
Completamente de acuerdo, todos mis intentos por crearme una firma hasta el momento han fracasado xD, voy a volver a intentarlo con este tutorial, esta vez espero conseguirlo :P

Avatar de Usuario
saek
Mensajes: 127
Registrado: 30 Nov 2007 17:55
Ubicación: x ahi perdio.....

Mensaje por saek » 11 Ene 2008 18:10

Algun sitio para bajar el photshop???

Es que o esta el link roto o me piden un sms....


Alguien sabe alguna pag??

GRACIAS!!
[img]http://img465.imageshack.us/img465/3770/firmasaekds0.jpg[/img]
[img]http://img227.imageshack.us/img227/5275/2251ek8.jpg[/img]
[marq=right](-->$43k<--)[/marq]

Avatar de Usuario
ahome2
Mensajes: 1643
Registrado: 24 Dic 2007 00:50
Ubicación: en el universo Anime-Universe en el mundo Anime-Stars

Mensaje por ahome2 » 11 Ene 2008 23:35

hola!!!

oye saek por eso todavia no pudo hacer la firma ya q no lo tengo,pero vere si me lo psa el amigo de mi hermano.
[url=http://imageshack.us][img]http://img259.imageshack.us/img259/5690/intento152xdsw4.gif[/img][/url]
"Hare tus sentimeinetos y miedos una deliciosa comida"
[img]http://i196.photobucket.com/albums/aa29/Iscariote_13/Presienta-Ociosa.jpg[/img]
[url=http://imageshack.us][img]http://img263.imageshack.us/img263/1549/vvvvdk9.png[/img][/url]

Avatar de Usuario
Letzle
Mensajes: 1373
Registrado: 10 Ene 2008 02:47

Mensaje por Letzle » 12 Ene 2008 01:46

jajaja buen tuto todo se ve facil pero a mi me pasa que al final no me sale bien y hago puras cochinadas hahaha pero buenno no hay que avergonzarse de nuestras creaciones por ahi dicen (la practica hace al maestro) xD.....asi que a darle mmmm.
[img]http://img168.imageshack.us/img168/6456/paalguien2yx3tu2.gif[/img]
[img]http://img128.imageshack.us/img128/632/minialucard1ke4rc5op6.jpg[/img]

Avatar de Usuario
ahome2
Mensajes: 1643
Registrado: 24 Dic 2007 00:50
Ubicación: en el universo Anime-Universe en el mundo Anime-Stars

Mensaje por ahome2 » 12 Ene 2008 01:47

letzle ea firma la hiciste tu.
[url=http://imageshack.us][img]http://img259.imageshack.us/img259/5690/intento152xdsw4.gif[/img][/url]
"Hare tus sentimeinetos y miedos una deliciosa comida"
[img]http://i196.photobucket.com/albums/aa29/Iscariote_13/Presienta-Ociosa.jpg[/img]
[url=http://imageshack.us][img]http://img263.imageshack.us/img263/1549/vvvvdk9.png[/img][/url]

Avatar de Usuario
Letzle
Mensajes: 1373
Registrado: 10 Ene 2008 02:47

Mensaje por Letzle » 12 Ene 2008 01:49

si pero es de las primeras y me salio de chiripa ahora hago algo y es una papa aplastada coparado con esta xD.....
[img]http://img168.imageshack.us/img168/6456/paalguien2yx3tu2.gif[/img]
[img]http://img128.imageshack.us/img128/632/minialucard1ke4rc5op6.jpg[/img]

Avatar de Usuario
Letzle
Mensajes: 1373
Registrado: 10 Ene 2008 02:47

Mensaje por Letzle » 12 Ene 2008 01:52

aqui una pagina donde hay tutos y de todo para el photoshop les serviran seguro :

http://www.photoshop-designs.com/photos ... g/1069.htm
[img]http://img168.imageshack.us/img168/6456/paalguien2yx3tu2.gif[/img]
[img]http://img128.imageshack.us/img128/632/minialucard1ke4rc5op6.jpg[/img]

Avatar de Usuario
ahome2
Mensajes: 1643
Registrado: 24 Dic 2007 00:50
Ubicación: en el universo Anime-Universe en el mundo Anime-Stars

Mensaje por ahome2 » 12 Ene 2008 01:52

cual programa de photoshop tienes
[url=http://imageshack.us][img]http://img259.imageshack.us/img259/5690/intento152xdsw4.gif[/img][/url]
"Hare tus sentimeinetos y miedos una deliciosa comida"
[img]http://i196.photobucket.com/albums/aa29/Iscariote_13/Presienta-Ociosa.jpg[/img]
[url=http://imageshack.us][img]http://img263.imageshack.us/img263/1549/vvvvdk9.png[/img][/url]

Responder