XatiyaRO

Diseño Gráfico => Guías => Mensaje iniciado por: Rose en 16 de Marzo de 2007, 18:13:50 pm

Título: Cómo crear una firma con photoshop v2
Publicado por: Rose en 16 de Marzo de 2007, 18:13:50 pm
XD bueno, en realidad no tenía pensado hacer este tutorial,
pero lo hice para ayudar a Vince =) que estaba teniendo problemas con esto.
Es un poco largo, porque suelo detallar todo -.- hasta el cansancio.
Pero bueno, si no entienden algo me avisan xD

1) Bueno, primero que nada º-º seleccionamos la imagen que vamos a usar
para realizar nuestra firma XD en este caso ocupé una de un sniper, dado el caso lol

(http://img168.imageshack.us/img168/2907/adanedelsniperbyinmakc1.th.jpg) (http://img168.imageshack.us/my.php?image=adanedelsniperbyinmakc1.jpg)

2) Con el bote de pintura, comenzamos a teñir de un solo color los relieves de fondo
(tomando en cuenta que es una imagen con muy pocas variaciones en las tonalidades del color);
la tolerancia de 50 puede modificarse según ustedes vean.

(http://img95.imageshack.us/img95/9011/tutorial01eq2.th.jpg) (http://img95.imageshack.us/my.php?image=tutorial01eq2.jpg)
(http://img137.imageshack.us/img137/609/tutorial02fx9.th.jpg) (http://img137.imageshack.us/my.php?image=tutorial02fx9.jpg)

3) Los grumos que quedan, podemos eliminarlos con la herramienta de lazo, seleccionando cada pequeño sobrante y eliminando con el botón de "supr" hasta que quede completamente limpio.

(http://img182.imageshack.us/img182/1851/tutorial03wr7.th.jpg) (http://img182.imageshack.us/my.php?image=tutorial03wr7.jpg)
(http://img182.imageshack.us/img182/9702/tutorial04az8.th.jpg) (http://img182.imageshack.us/my.php?image=tutorial04az8.jpg)

4) Una vez hayamos terminado, es recomendable sustituir el color de fondo por otro color para comprobar que no hayan quedado restos en la imagen. De preferencia que se trate de un color fuerte que no se repita en la imagen (un verde o rosa chillante serían buena idea).

(http://img151.imageshack.us/img151/3594/tutorial05wp7.th.jpg) (http://img151.imageshack.us/my.php?image=tutorial05wp7.jpg)

5) Después, con la magic wand, seleccionamos el fondo que acabamos de limpiar,
damos click derecho y escogemos la opción "seleccionar inverso", de modo que se seleccione
solamente el personaje.

(http://img294.imageshack.us/img294/4909/tutorial06gi4.th.jpg) (http://img294.imageshack.us/my.php?image=tutorial06gi4.jpg)

Y copiamos.

(http://img136.imageshack.us/img136/5716/tutorial07er0.th.jpg) (http://img136.imageshack.us/my.php?image=tutorial07er0.jpg)

6) En una nueva imagen con fondo transparente, pegamos nuestra selección. El tamaño de esa imagen se acoplará a la selección que hayamos hecho.

(http://img137.imageshack.us/img137/3214/newix3.th.jpg) (http://img137.imageshack.us/my.php?image=newix3.jpg)
(http://img296.imageshack.us/img296/1676/tutorial08fs7.th.jpg) (http://img296.imageshack.us/my.php?image=tutorial08fs7.jpg)

7) Dependiendo del tamaño de la imagen, puede ser necesario cambiar el tamaño =O en mi caso,
reduje el tamaño a 50% del original.

(http://img95.imageshack.us/img95/7940/tutorial09vm8.th.jpg) (http://img95.imageshack.us/my.php?image=tutorial09vm8.jpg)
(http://img100.imageshack.us/img100/8436/tutorial10mf2.th.jpg) (http://img100.imageshack.us/my.php?image=tutorial10mf2.jpg)

8) Por otro lado, abrimos la textura que deseamos utilizar para el fondo de la imagen
(aquí pueden encontrar muchas de ellas- http://www.hybrid-genesis.net/ ) y con la
herramienta de Recortar seleccionamos el espacio que queremos utilizar y recortamos.

(http://img137.imageshack.us/img137/6489/tutorial11tk5.th.jpg) (http://img137.imageshack.us/my.php?image=tutorial11tk5.jpg)

9) Copiamos la imagen del sniper (o lo que usen uds XD) y la pegamos sobre la textura.

(http://img245.imageshack.us/img245/3396/tutorial12xf6.th.jpg) (http://img245.imageshack.us/my.php?image=tutorial12xf6.jpg)
(http://img245.imageshack.us/img245/339/tutorial13gy3.th.jpg) (http://img245.imageshack.us/my.php?image=tutorial13gy3.jpg)

Con la herramienta (esa que no sé como se llame pero está encerrada en un circulito XDDD)
podemos mover el layer del sniper por la imagen, hasta que se acomode como más les guste =)

10) En la ventana de las capas, se puede elejir alguno de los efectos disponibles para el acoplo
de las dos imágenes. Experimenten =) En mi caso, yo uso muy seguido la de "superponer" XD

(http://img293.imageshack.us/img293/8906/tutorial14go9.th.jpg) (http://img293.imageshack.us/my.php?image=tutorial14go9.jpg)

Lo mismo pasa con la capa del texto.

(http://img293.imageshack.us/img293/6108/tutorial15db0.th.jpg) (http://img293.imageshack.us/my.php?image=tutorial15db0.jpg)

11) Una vez agregado éste, también podemos usar las opciones de fusión. Hay una gran variedad para
todos los gustos xD es cosa de que uds elijan el que mejor les parexca. En mi caso yo usé el "trazo" con grosor de 2 pixeles y una tonalidad de blanco con luz suave.

(http://img182.imageshack.us/img182/7663/tutorial16bz3.th.jpg) (http://img182.imageshack.us/my.php?image=tutorial16bz3.jpg)
(http://img139.imageshack.us/img139/1849/tutorial17mq9.th.jpg) (http://img139.imageshack.us/my.php?image=tutorial17mq9.jpg)
(http://img379.imageshack.us/img379/3463/tutorial18eu1.th.jpg) (http://img379.imageshack.us/my.php?image=tutorial18eu1.jpg)

12) Así queda -.- ... Como dije antes: experimenten. Prueben mezclado más de dos o tres texturas
o agreguen brushes =) (que si después puedo, pondré un mini tutorial de cómo usarlos) etc etc,
que a final de cuentas, el único límite es su propia imaginación =O

(http://img469.imageshack.us/img469/7434/finishedut3.jpg)

Pd.- menciones especiales a Vince, por pedir el tutorial XD~
y agradecimientos a SajourXK y Supreme Agony por º-º entretenerme mientras lo hacía lol
Título: Re: Cómo crear una firma con photoshop v2
Publicado por: Fenryr en 16 de Marzo de 2007, 19:45:03 pm
¡Está mal! /pang ...  /laugh No, no es cierto. Muy buen tutorial y excelentes explicaciones. ¡Haz otro! /idea
Título: Re: Cómo crear una firma con photoshop v2
Publicado por: VictorFP en 16 de Marzo de 2007, 20:29:04 pm
woah si k sabes hacer firmas... nunca habia visto nada tuyo xD

el resultado me encanta, el fondo no me apasiona pero el resto genial, sobretodo por el color y la estetica, pero creo k un tutorial no debe de ser tan largo, y mas aun siendo un tuto, tendrias k hacer algo mas sencillo, no algo tan bueno xD pero weno ta muy bien
Título: Re: Cómo crear una firma con photoshop v2
Publicado por: Rose en 16 de Marzo de 2007, 20:53:23 pm
créeme XDDD Vince me hace muchas preguntas XDD~
Título: Re: Cómo crear una firma con photoshop v2
Publicado por: VictorFP en 16 de Marzo de 2007, 22:26:53 pm
creeme, tambien a mi xD pero yo se las respondo y listo hehe
Título: Re: Cómo crear una firma con photoshop v2
Publicado por: Rose en 16 de Marzo de 2007, 22:32:31 pm
se me hace más sencillo explicarlo gráficamente x3
total el tutorial es para él
Título: Re: Cómo crear una firma con photoshop v2
Publicado por: Vince en 16 de Marzo de 2007, 23:03:22 pm
Gracias a ustedes dos,he logrado ahcer la primera firma decente,que les parece?

[archivo adjunto borrado por el administrador]
Título: Re: Cómo crear una firma con photoshop v2
Publicado por: hibrido en 17 de Marzo de 2007, 06:08:21 am
komo se asen las firmas k se mueven??? kon photoshop???

guia guia!! /idea
XD /laugh

por sierto mis firmas las ise gracias a tus guias grax men  /hi

son mis 1º dos firmas koo tan? /laugh
Título: Re: Cómo crear una firma con photoshop v2
Publicado por: Rose en 17 de Marzo de 2007, 15:11:37 pm
con photoshop no tengo idea '-' las hago con image ready
(viene en el pack de photoshop), la diferencia es que hay que hacer
al menos 5 o 6 imágenes antes de ponerle movimiento XD a ver si un día de estos =)
Título: Re: Cómo crear una firma con photoshop v2
Publicado por: VictorFP en 18 de Marzo de 2007, 19:02:18 pm
no se puede con photoshop, yo hago todo lo basico y k no tiene movimiento en photoshop, y cuando voy a animar la firma, hago el resto en macromedia fireworks
Título: Re: Cómo crear una firma con photoshop v2
Publicado por: Rose en 18 de Marzo de 2007, 21:51:06 pm
claro, para eso es el image ready xD
Título: Re: Cómo crear una firma con photoshop v2
Publicado por: Garou en 19 de Marzo de 2007, 10:48:57 am
wow k pro te kedo el tuto :P ademas tuvo k costarte tu tiempo y esta muy detallado; enhorabuena  /hi
Título: Re: Cómo crear una firma con photoshop v2
Publicado por: Elevatione ~ en 09 de Junio de 2007, 11:47:47 am
yo... me keo en lo de las letras el texto por q es q nu lo veo donde ai q darle?? /conf
Título: Re: Cómo crear una firma con photoshop v2
Publicado por: Joseph en 09 de Junio de 2007, 14:41:16 pm
Desde mi punto de vista, no me gusta usar recursos exteriores( texturas, patterns, brushes[pero una que otra vez uso esto ultimo).Pero para los que no saben en si como hacer una, esta bien para su progreso :3.

P.D: sajo es gay
Título: Re: Cómo crear una firma con photoshop v2
Publicado por: Echigoya en 09 de Junio de 2007, 15:01:21 pm
Solo digo que en el paso 7, además de reducirlo por %, con la herramienta marco rectangular, le das al boton secundario del rato, y le das a trasformacion libre, pulsando shift a la vez que cambias el tamaño se hace más simple ya que ves como cambia el tamaño.
Título: Re:Cómo crear una firma con photoshop v2
Publicado por: lichu69 en 25 de Marzo de 2010, 09:51:23 am
Hola, no qiero revivir el tema.. pero nose porque ami no me aperece el bichoso cubo de pintura!
me pueden ayudar plis?
Título: Re:Cómo crear una firma con photoshop v2
Publicado por: hacHeIeLeNe en 25 de Marzo de 2010, 10:15:37 am
Si, a mi me parece que llegas 3 años tarde.
Título: Re:Cómo crear una firma con photoshop v2
Publicado por: lichu69 en 25 de Marzo de 2010, 10:32:18 am
mas vale tarde qe nunca  /pang
Aparte que me interese hoy por el tema  /sad
Bueno me puedes ayudar o no? xd
Título: Re:Cómo crear una firma con photoshop v2
Publicado por: luisfabarca en 17 de Marzo de 2011, 02:05:54 am
Hola yo kiero aprender a hacer firmas pero con mis personajes tengo unas pero no se parecen /sad solo en el job  /err y kiero saber en q pagina se puede hacer unas cool
Título: Re:Cómo crear una firma con photoshop v2
Publicado por: isjooaco en 17 de Marzo de 2011, 15:32:11 pm
Buena guia /smile! Espero que la agreguen entre el todas las guias que hay de firmas.
Fijate que hay puntos en que (almenos yo) no veo las imagenes, aca un SS:
(http://i55.tinypic.com/2evst1s.jpg)

Para los que preguntaban en los primeros post si se pueden hacer firmas en movimiento con photoshop; si se puede, lo he hecho. Hay una venana que se llama animacion, con eso se hace; obviamente guardar el archivo en gif.
Título: Re:Cómo crear una firma con photoshop v2
Publicado por: ~Megan en 21 de Abril de 2011, 03:21:52 am
Buen tutorial.
Ya solo me falta descargarme el photoshop...a ver qué obra de arte hago.