Tutorial super básico de firmas
+12
fercho182
Drift Xabier
dark angel666
renE14™
II Chameleon II
bwish
AkashaMc
.мιιlk
Wilty
TheRulezZ
Sun Azrak
XxGreeNxX
16 posters
:: Resource Zone :: Tutoriales :: Firmas :: Novato
Page 1 of 1
Tutorial super básico de firmas
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.
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.
XxGreeNxX- +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:
Re: Tutorial super básico de firmas
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
saludos
Sun Azrak- Designer Novato
- Envios : 100
Edad : 31
Localización : Noce
Pais De Origen :
Puntos : 13
Fecha de inscripción : 2008-08-28
Hoja de personaje
Diseñador:
Re: Tutorial super básico de firmas
Gracias Por el Tutillo esta bien largo ..
Bueno ps se te agradece por estos aportes ala pagina
bueno amigo sigue y con el tiempo te ganaras algo aqui..
See Ya
Bueno ps se te agradece por estos aportes ala pagina
bueno amigo sigue y con el tiempo te ganaras algo aqui..
See Ya
Re: Tutorial super básico de firmas
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...
Wilty- Designer Novato
- Envios : 87
Pais De Origen :
Puntos : 43
Fecha de inscripción : 2008-10-01
Re: Tutorial super básico de firmas
Pues esta muy bueno el tuto y si esta basico....
bueo thnx x ponerlo green
zaluD'zZ
bueo thnx x ponerlo green
zaluD'zZ
.мιιlk- +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
Re: Tutorial super básico de firmas
xD oye esta super nob xDDD muy bueno ^^
AkashaMc- Nuevo Designer
- Envios : 10
Puntos : 0
Fecha de inscripción : 2008-12-15
Re: Tutorial super básico de firmas
sencillo pro tiene tips escenciales
grx por la aportacion
y noc porq esa sig m trae algunos recuerdos d ants jaja salu2
grx por la aportacion
y noc porq esa sig m trae algunos recuerdos d ants jaja salu2
Re: Tutorial super básico de firmas
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
SaLuDo´zZ
II Chameleon II- AprendiZ
- Envios : 31
Edad : 30
Localización : Mi ksa
Pais De Origen :
Puntos : 32
Fecha de inscripción : 2008-11-04
Hoja de personaje
Diseñador: añadir
muy bueno brow
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
dark angel666- Nuevo Designer
- Envios : 6
Edad : 31
Localización : tulancingo hgo
Puntos : 10
Fecha de inscripción : 2009-05-19
Re: Tutorial super básico de firmas
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.
XxGreeNxX- +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:
Re: Tutorial super básico de firmas
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
Gracias y buen aporte
Drift Xabier- Designer Novato
- Envios : 59
Edad : 31
Localización : Muy lejos
Puntos : 76
Fecha de inscripción : 2009-05-29
Hoja de personaje
Diseñador:
Re: Tutorial super básico de firmas
vaya otra forma de hacer firmas facilita jiji buen tema gracias
fercho182- AprendiZ
- Envios : 31
Edad : 32
Localización : en mi compu
Pais De Origen :
Puntos : 40
Fecha de inscripción : 2009-07-23
Hoja de personaje
Diseñador:
Re: Tutorial super básico de firmas
Te lo agradesco soy nuevo en hacer firmas creo que con esto aprendere un poco mas
edito esto fue lo que me salio
edito esto fue lo que me salio
Dan1eeL- Nuevo Designer
- Envios : 5
Pais De Origen :
Puntos : 7
Fecha de inscripción : 2009-12-09
Hoja de personaje
Diseñador:
Re: Tutorial super básico de firmas
se agradece aprndi algunas cosillas nuevas
BlingArts- Nuevo Designer
- Envios : 1
Puntos : 1
Fecha de inscripción : 2010-05-21
Re: Tutorial super básico de firmas
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
xBoGA- Nuevo Designer
- Envios : 7
Puntos : 9
Fecha de inscripción : 2010-05-27
:: Resource Zone :: Tutoriales :: Firmas :: Novato
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum