Ingrese a ArtZ....

Tutorial super básico de firmas

 :: Resource Zone :: Tutoriales :: Firmas :: Novato

Go down

Tutorial super básico de firmas

Post by XxGreeNxX on Thu Jan 08, 2009 1:30 pm

este es un tutorial que hice para unos amigos ke no tienen ni idea de photoshop, explicando las herramientas y todas esas cosas, es lo más básico que uno se puede encontrar por ahí, pero me hacía ilusión postearlo Embarassed es mi primer tuto Embarassed Embarassed

Y ha dado resultados, gente que ni sabía lo ke era el photoshop han hecho unas firmas bastante decentes, mejor ke mi primera firma Laughing Laughing

Wenu pos ahí va:

Tutorial básico para crear firmas

Para empezar descargar Adobe Photoshop o cualkier programa parecido con el ke se puedan retocar y crear imágenes.
(nota: io utilizo el Photoshop CS version 8.0, si teneis una versión anterior alomejor hay cosas ke no están, y si es posterior alomejor las veis diferentes)


PASOS A SEGUIR PARA REALIZAR UNA FIRMA

1- Escogemos una imagen que nos guste para ponerla de fondo:

2- Recortamos el trozo que nos gusta para hacer el fondo. Para ello utilizaremos la herramienta de recortar:

Para recortar la imagen seleccionamos el trozo que queremos con la herramienta, y dentro de lo que hemos marcado le damos al botón derecho y a RECORTAR.


Lo guardamos (Archivo/guardar).

3-Ya tenemos el fondo, vamos a por la figura principal.
Elegid una imagen vuestra, la que mas os guste, por ejemplo:


Como kiero que salga solo de cintura para arriba la recorto:

Ahora vamos a extraer la figura del fondo utilizando la herramienta LAZO MAGNETICO:

(nota: si no os sale la misma imagen de la herramienta, darle al botón derecho encima de ella y marcar LAZO MAGNETICO)

Para poder ver mejor los bordes podemos ampliar la imagen desde: imagen/tamaño imagen o dándole zoom:

Con el lazo vamos bordeando la figura poco a poco, sin salirnos ni entrarnos y la cerramos completamente, donde hemos empezado tenemos ke acabar.


Cuando la tenemos completamente rodeada, dentro de ella pulsamos boton derecho/seleccionar inverso y le damos a la tecla de SUPRIMIR.


Como veis, en las zonas de los brazos seguimos teniendo el fondo, por lo tanto podemos o volver a utilizar el lazo o utilizar la VARITA MAGICA:

La varita mágica: es muy parecida al lazo magnético, sólo ke con ella no dices tú ke parte kieres bordear, sino ke instantaneamente te lo marca ella guiándose por la diferencia de color, si la diferencia es muy pekeña no se bordeará bien la imagen. Esta herramienta es muy util para imagenes con el fondo liso (de un solo color).

Para usarla, pinxamos sobre la zona ke keramos borrar, automaticamente se selecciona toda y le damos a la tecla de suprimir.


Para guardar la imagen ke acabamos de recortar es muy importante ke la guardemos en formato GIF (Archivo/Guardar como...) [img][/img]

4- Ya tenemos el fondo y la figura principal, vamos a juntarlos:

Como kiero ke la figura sobresalga del fondo, tendre ke cambiar éste ultimo, y para ello voy a crear un nuevo documento un poco más alto que el fondo original.

Para saber las dimensiones de tu fondo ve a imagen/tamaño de imagen.
Mi fondo es de 550x167, por lo tanto lo voy a crear de 550x250.
Clico en Archivo/Nuevo... y muy importante, selecciono que el color de fondo sea transparente (sino cuando lo suba a cualkier web vere el fondo blanco).


5- Ahora, teniendo abiertas en el photoshop la imagen del fondo ke keremos, y la ke hemos creado transparente vamos a juntarlas.

Con el cursor, pinxamos encima del fondo, y sin dejar de clikar transportamos el fondo original al transparente.

Y nos kedará algo así:


Le podemos añadir efectos desde la pestaña Capas (si no la veis ir a Ventana y marcar la opcion de capas o darle a F7).

Como veis, cada imagen ke agregais se convierte en una capa, clicais con el botón derecho sobre la capa a la ke kerais añadir efectos (en este caso la chica) y le dais a Opciones de fusión...
nos saldrá una pantallita desde la ke podreis agregar sombras, brillos... etc




Ir haciendo conbinaciones hasta que os salga algo que merezca la pena xD



6- Ya está la mitad de la firma hecha, ahora vamos a poner nuestro nombre.
Para ello podemos utilizar las fuentes que tenemos o bajarnos alguna de internet:
http://www.letramania.com/
http://www.creamundo.com/index.php?lang=es
http://www.fontreactor.com/

(nota: para agregar fuentes tendrás ke reiniciar el photoshop, por lo tanto os recomiendo guardar la firma en formato psd, si la guardais en jpg[/img] no podreis hacer cambios)
(nota 2: para instalar fuentes ir a: Inicio/ Panel de Control/Fuentes y agrega la fuente nueva (copiar y pegar)

Y hacemos lo mismo ke con la imagen, le aplicamos efectos hasta que nos salga algo bonito y decente (tambien hay efectos ia hechos en la barra de estilos (si no la veis ir a Ventana).


7- Y como no, nuestro logo:

Para moverlo a la firma, utilizamos la varita mágica. Marcamos el fondo con ella y automaticamente se bordea el icono, clicando en el fondo tambien le damos a boton derecho/selecionar inverso.
Y usando el cursor transladamos el logo a la firma, le damos relieve, brillo y lo ke creais oportuno.
(como es muy grande habra ke redimensionarlo)

Guardo la firma entera como he dixo antes, en formato GIF.


Y ia estáaa, teneis vuestra super firma hecha. Vosotros la podeis retocar como kerais y añadirle los filtros y efectos ke kerais ^^


Espero que el tutorial aya sido de su agrado.
avatar
XxGreeNxX
+Mod Global
+Mod Global

Envios : 116
Localización : Messenger / ArtZ / Gamezer
Pais De Origen :
Puntos : 175
Fecha de inscripción : 2008-11-12

Hoja de personaje
Diseñador:

View user profile http://ArtZ.net

Back to top Go down

Re: Tutorial super básico de firmas

Post by Sun Azrak on Thu Jan 08, 2009 2:52 pm

maa muy buena en especial que aparece la rolilla de mago de oz wtf jajaja pero lo demas haci no lo recortaba pero es buena idea jaja la estare utilizando

saludos
avatar
Sun Azrak
Designer Novato
Designer Novato

Envios : 100
Edad : 26
Localización : Noce
Pais De Origen :
Puntos : 13
Fecha de inscripción : 2008-08-28

Hoja de personaje
Diseñador:

View user profile http://www.psyfanaticos.ace.st

Back to top Go down

Re: Tutorial super básico de firmas

Post by TheRulezZ on Sat Jan 10, 2009 5:59 pm

Gracias Por el Tutillo esta bien largo ..Razz
Bueno ps se te agradece por estos aportes ala pagina
bueno amigo sigue y con el tiempo te ganaras algo aqui..
See Ya

___________________________________________!

Smells Like ART!
avatar
TheRulezZ
+Admin
+Admin

Envios : 766
Edad : 25
Localización : http://artz.forosactivos.net
Pais De Origen :
Puntos : 1238
Fecha de inscripción : 2008-08-19

View user profile http://artz.forosactivos.net

Back to top Go down

Re: Tutorial super básico de firmas

Post by Wilty on Sat Jan 10, 2009 7:27 pm

ooo si dude, esto le servira a un amigo que iwal kiere diseñar como yo y bx, que ya vio su trabajo ara lo basico esta henial...
avatar
Wilty
Designer Novato
Designer Novato

Envios : 87
Pais De Origen :
Puntos : 43
Fecha de inscripción : 2008-10-01

View user profile

Back to top Go down

Re: Tutorial super básico de firmas

Post by .мιιlk on Sat Jan 10, 2009 11:26 pm

Pues esta muy bueno el tuto y si esta basico....
bueo thnx x ponerlo green

zaluD'zZ

___________________________________________!
Statue Of Liberty [NOT WAR]


[center]
artzZ chat
S.A Click aki
[/center]
avatar
.мιιlk
+Mod Global
+Mod Global

Envios : 583
Localización : artzZ Desing world
Pais De Origen :
Puntos : 581
Fecha de inscripción : 2008-08-26

Hoja de personaje
Diseñador: añadir

View user profile http://artz.forosactivos.net

Back to top Go down

Re: Tutorial super básico de firmas

Post by AkashaMc on Wed Jan 14, 2009 7:54 pm

xD oye esta super nob xDDD muy bueno ^^
avatar
AkashaMc
Nuevo Designer
Nuevo Designer

Envios : 10
Puntos : 0
Fecha de inscripción : 2008-12-15

View user profile

Back to top Go down

Re: Tutorial super básico de firmas

Post by bwish on Mon Mar 02, 2009 3:20 pm

sencillo pro tiene tips escenciales
grx por la aportacion
y noc porq esa sig m trae algunos recuerdos d ants jaja salu2
avatar
bwish
+Admin
+Admin

Envios : 247
Edad : 28
Localización : DefecTuoSo
Pais De Origen :
Puntos : 217
Fecha de inscripción : 2008-11-28

View user profile http://www.evoke-art.com

Back to top Go down

Re: Tutorial super básico de firmas

Post by II Chameleon II on Mon Mar 02, 2009 7:01 pm

OMG exelente verderojo esto era lo que andaba buscando por fin una pag que lo indica todo ps no sabia con que comenzar y el verde rojo aclaro las cosas gracias wee y ps alli nos vemos

SaLuDo´zZ
avatar
II Chameleon II
AprendiZ
AprendiZ

Envios : 31
Edad : 24
Localización : Mi ksa
Pais De Origen :
Puntos : 32
Fecha de inscripción : 2008-11-04

Hoja de personaje
Diseñador: añadir

View user profile

Back to top Go down

Re: Tutorial super básico de firmas

Post by renE14™ on Sun Apr 12, 2009 3:15 pm

esta genial...
y muy bn explicado!!!

jejeje


XD
avatar
renE14™
Nuevo Designer
Nuevo Designer

Envios : 3
Edad : 23
Localización : mexico
Pais De Origen :
Puntos : 8
Fecha de inscripción : 2009-04-10

View user profile http://hi5.com/friend/p391282580--%E2%80%A2%E2%97%8F%E2%9C%96%20

Back to top Go down

muy bueno brow

Post by dark angel666 on Thu May 21, 2009 8:47 pm

orale estuvo chido peero oie me puedes pasar la pag para descargar el photshop porq todos los q descargo estan en ingles o tienen virus porfa te dejo mi msn es chamoy_552@hotmai.com
avatar
dark angel666
Nuevo Designer
Nuevo Designer

Envios : 6
Edad : 25
Localización : tulancingo hgo
Puntos : 10
Fecha de inscripción : 2009-05-19

View user profile

Back to top Go down

Re: Tutorial super básico de firmas

Post by XxGreeNxX on Fri May 22, 2009 11:40 am

Pz Lamentablemente No Puedo Poner Link de Descargas aca Pero Te Lo Mandare Por PM Para que Puedas Descargar el Ps Con Algunos Videotutoriales y/o De Artz.
avatar
XxGreeNxX
+Mod Global
+Mod Global

Envios : 116
Localización : Messenger / ArtZ / Gamezer
Pais De Origen :
Puntos : 175
Fecha de inscripción : 2008-11-12

Hoja de personaje
Diseñador:

View user profile http://ArtZ.net

Back to top Go down

Re: Tutorial super básico de firmas

Post by Drift Xabier on Sat May 30, 2009 7:45 pm

Bueno me ha gustado el tutorial algunos pasos son muy didacticos. Si he de ser sincero me gustaria haber tenido un tuto de estos cuando empece....

Gracias y buen aporte
avatar
Drift Xabier
Designer Novato
Designer Novato

Envios : 59
Edad : 25
Localización : Muy lejos
Puntos : 76
Fecha de inscripción : 2009-05-29

Hoja de personaje
Diseñador:

View user profile

Back to top Go down

Re: Tutorial super básico de firmas

Post by fercho182 on Sat Jul 25, 2009 8:49 pm

vaya otra forma de hacer firmas facilita jiji buen tema gracias
avatar
fercho182
AprendiZ
AprendiZ

Envios : 31
Edad : 26
Localización : en mi compu
Pais De Origen :
Puntos : 40
Fecha de inscripción : 2009-07-23

Hoja de personaje
Diseñador:

View user profile

Back to top Go down

Re: Tutorial super básico de firmas

Post by ocram200x on Sat Jul 25, 2009 11:00 pm

grax por el aporte
avatar
ocram200x
Designer Novato
Designer Novato

Envios : 141
Localización : Mexico
Pais De Origen :
Puntos : 239
Fecha de inscripción : 2009-07-08

View user profile http://evolution-dsg.forumotion.com

Back to top Go down

Re: Tutorial super básico de firmas

Post by Dan1eeL on Wed Dec 09, 2009 10:26 pm

Te lo agradesco soy nuevo en hacer firmas creo que con esto aprendere un poco mas santa

edito esto fue lo que me salio Embarassed
avatar
Dan1eeL
Nuevo Designer
Nuevo Designer

Envios : 5
Pais De Origen :
Puntos : 7
Fecha de inscripción : 2009-12-09

Hoja de personaje
Diseñador:

View user profile

Back to top Go down

Re: Tutorial super básico de firmas

Post by BlingArts on Fri May 21, 2010 7:08 pm

se agradece aprndi algunas cosillas nuevas
avatar
BlingArts
Nuevo Designer
Nuevo Designer

Envios : 1
Puntos : 1
Fecha de inscripción : 2010-05-21

View user profile

Back to top Go down

Re: Tutorial super básico de firmas

Post by xBoGA on Thu May 27, 2010 7:06 pm

creo y si no alucino, yo había visto este mismo tutoría pero como videotutorial en youtube, pero si esta muy sencillo si no tienes la mínima idea de como usar photoshop Razz
avatar
xBoGA
Nuevo Designer
Nuevo Designer

Envios : 7
Puntos : 9
Fecha de inscripción : 2010-05-27

View user profile

Back to top Go down

Re: Tutorial super básico de firmas

Post by Sponsored content


Sponsored content


Back to top Go down

Back to top

- Similar topics

 :: Resource Zone :: Tutoriales :: Firmas :: Novato

 
Permissions in this forum:
You cannot reply to topics in this forum