PDA

Ver la Versión Completa : Tutoriales Para Firmas con photshop


-Kemper-
24-02-2012, 13:05:04
No Los Hice Yo Los He visto En Otro Lados Y los Ripeo Aqui ya q no Puedo Hacer Un Enlace a otra pagina

lo unico que nececitan es:
photoshop Cs3 o Cs4 o Cs5
Google
Yourube
imaginacion
Y listo


esta firma fue hecha por mi gracias a los tutoriales
http://picturestack.com/106/607/ybUSinttulo14wxS.png





Pd: las imagens de los tutoriales han sido un poco modficadas Para que no haya propaganda

-Kemper-
24-02-2012, 13:08:18
http://picturestack.com/106/891/Oh0plantillapHyj.jpg

-Kemper-
24-02-2012, 13:14:38
http://picturestack.com/107/243/Vclcowgirlsignbj.png

-Kemper-
24-02-2012, 13:20:33
http://picturestack.com/107/547/qQHtutorialsi4Jx.png

-Kemper-
24-02-2012, 13:22:39
http://picturestack.com/107/650/uY3tutorialllLdg.jpg

-Kemper-
24-02-2012, 13:30:12
http://picturestack.com/107/863/I6vtutorialsm9cm.png

..::Neo_Matrix::..
24-02-2012, 13:31:48
Viejo y cual es la medida en pixeles autorizada para la firma??

Gracias!!

-Kemper-
24-02-2012, 13:33:20
http://picturestack.com/108/345/nUWcrearfloweL8Y.png

-Kemper-
24-02-2012, 13:36:08
http://picturestack.com/108/542/gyQ40952749iBM.png

-Kemper-
24-02-2012, 13:39:46
http://picturestack.com/108/770/HpVtutorialsc52F.png

-Kemper-
24-02-2012, 13:43:03
http://www.photoshop-designs.com/Imagenes/8888/01.jpg

Ahora cogemos la Herramienta Degradado [G] y la configuramos en la parte de arriba para que sea un Degradado lineal, en Modo “Normal” y con Opacidad al 100%.

http://www.photoshop-designs.com/Imagenes/8888/02.jpg

Ahora tenemos que configurar los colores del degradado. Para ello hacemos un click donde sale la miniatura del degradado, en la parte de arriba, y se nos abrirá una ventana para configurar los colores del degradado. Teneís que poner unos colores parecidos a los que tenga el render que vaís a usar. Yo lo dejé así:

http://www.photoshop-designs.com/Imagenes/8888/03.jpg

Ahora os vaís al documento y haceís click con la herramienta degradado, manteneís pulsado, estiraís un poco y soltaís el ratón. De esta manera se habrá coloreado el fondo con un degradado.

http://www.photoshop-designs.com/Imagenes/8888/04.jpg

Ahora teneís que abrir vuestro render, lo seleccionaís [ctrl+a], lo copiaís [ctrl+c], os vaís al documento de vuestra firma y lo pegaís [ctrl+v] y se os creará una nueva capa con el render. Luego ya lo colocaís dónde más os guste con la Herramienta Mover y ajustaís el tamaño dándole a [Edición>Transformación libre].

http://www.photoshop-designs.com/Imagenes/8888/05.jpg

Después abrimos un render abstract C4D, y de igual manera que copiasteís el render lo colocaís en el documento de la firma. Teneís que ponerlo por encima de la capa del degradado, pero por debajo del render.

Cuando lo tengaís puesto, le bajaís la opacidad a la capa hasta el 50%.

http://www.photoshop-designs.com/Imagenes/8888/06.jpg

Cuando lo tengaís más o menos así, abrimos otro render abstract C4D y lo ponemos en nuestra firma, pero esta vez colocamos la capa por encima de nuestro render. Cuando lo tengamos donde más nos guste, le cambiamos el modo a Sobreexponer Color. Luego le bajamos la opacidad hasta el 50%.

Aprovechamos este paso para bajarle la opacidad al render de nuestro personaje hasta el 85% más o menos, dependiendo de como veaís que queda.

http://www.photoshop-designs.com/Imagenes/8888/07.jpg

Bien, ahora nos situamos sobre la capa de nuestro personaje y la duplicamos [ctrl+j]. Luego, situados sobre la copia, nos vamos a [Filtro>Distorsionar>Rizo].

http://www.photoshop-designs.com/Imagenes/8888/08.jpg

Lo configuramos con un tamaño Mediano, y de valor le ponemos el máximo (999). Lo aplicamos y luego esta capa la ponemos debajo de nuestro personaje, y en modo Luz Suave.

Ahora vamos a empezar con el Smudge. Cogemos la Herramienta Dedo [R]; en la parte de arriba vemos como tenemos para seleccionar pinceles, igual que si estuvieramos usando los Brushes. Pues bien, cogemos algún pincel que sea “tech”, es decir, que sean formas poligonales y tal, y le bajamos el tamaño hasta que sea bastante pequeño, pero sin pasarnos.

http://www.photoshop-designs.com/Imagenes/8888/09.jpg

Cuando tengamos eso hecho, tenemos que empezar a configurar las opciones del Smudge. Para ello nos vamos a la parte superior derecha, y veremos que hay como tres solapas: “Pinceles”, “Herram.preest.” y “Comp. de capas”. Hacemos click en la Solapa “Pinceles” y se nos desplegará una pestaña.

En la parte de la izquierda elegimos Dinámica de formas, y lo configuramos de la siguiente manera:

http://www.photoshop-designs.com/Imagenes/8888/10.jpg

Acto seguido seleeccionamos en la izquierda Dispersando, y ponemos los valores como en la imagen.

http://www.photoshop-designs.com/Imagenes/8888/11.jpg

Cuando ya tengamos configurado el Smudge, tenemos que irnos a la capa de nustro personaje, la duplicamos [ctrl+j], y con la Herramienta Dedo emepezamos a dar pequeñas pinceladas por los bordes, hasta que quede a nuestro gusto.

Cuando lo tengamos como queramos, le damos a [Filtro>Enfocar>Enfocar], y después a [Filtro>Enfocar>Enfocar bordes].

http://www.photoshop-designs.com/Imagenes/8888/12.jpg

Ahora creamos una capa nueva que esté encima de todas. Cogemos la Herramienta Pincel y seleccionamos unos pinceles de manchas de sangre. Entonces vamos poniendo salpicaduras por la parte más vacia de la firma. Si ponemos algunas encima de nuestro personaje no pasa nada.

Cuando lo tengamos como nos guste, le bajamos un poco la opacidad, y presionamos [ctrl+u], marcamos la casilla “colorear” y ponemos configuramos los valores como veamos que queda mejor.

Por último nos vamos a [Filtro>Enfocar>Enfocar] y [Filtro>Enfocar>Enfocar bordes, al igual que antes.

http://www.photoshop-designs.com/Imagenes/8888/13.jpg

Cuando lo tengamos a nuestro gusto, cogemos la Herramienta Texto, y ponemos nuestro nickname donde mejor quede. No conviene usar un tipo de letra muy rebuscado, una font con líena sencilla puede quedar bien. Tampoco vamos a agregarle efectos, tan sólo la ponemos de un color que quede a tono con nuestra firma; si quereís le podeís agregar una Sombra paralela dentro de las opciones de fusión. Luego le bajamos la opacidad para que quede mejor fusionada.

http://www.photoshop-designs.com/Imagenes/8888/14.jpg

Por último vamos a hacer un borde. Creamos una nueva capa, cogemos la Herramienta Lápiz, y lo ponemos a 1px. Luego sólo tenemos que hacer una línea en cada borde pegada al final de la firma. Para que salga recta es necesario presionar la tecla Shift (Mayus) mientras lo usamos.

Luego le bajamos un poco la opacidad al borde, y lo ponemos del color que queramos presionando [ctrl+u] y procediendo de igual manera que lo hicimos anteriormente.

De esta manera ya tenemos acabada nuestra firma:

http://www.photoshop-designs.com/Imagenes/8888/15.jpg

Espero que os sirva este tutorial, y me gustaría ver vuestros resultados.

REQUISITOS PARA SEGUIR EL TUTORIAL

-Los abstract C4D que he utilizdo son >>este<< (http://www.photoshop-designs.com/Imagenes/8888/render_abstract%20copia.gif) y >>este<< (http://www.photoshop-designs.com/Imagenes/8888/render_abstract2%20copia.gif).
-El render del Jefe Maestro que he utilizado es >>este<< (http://www.photoshop-designs.com/Imagenes/8888/render%20copia.gif).
-Los pinceles de salpicaduras los podeís encontrar >>aquí<< (http://www.photoshop-designs.com/Imagenes/8888/Blood%20Brushes2%20by%20KeReN-R.abr).
-El tipo de letra utilizado lo podeís encontrar >>aquí<< (http://www.photoshop-designs.com/Imagenes/8888/IAMSIMPL.TTF).

(NOTA: NO HACE FALTA QUE USEÍS LAS MISMAS COSAS, Y NI MUCHO MENOS EL MISMO RENDER, SÓLO LOS PONGO A MODO ORIENTATIVO)

Y también os dejo el archivo PSD, para que veaís como he hecho la firma.

..::Neo_Matrix::..
24-02-2012, 13:48:46
Ahi me hice esta firmita con el Tuto... gracias men!! ;)

http://www.denunciando.com/attachment.php?attachmentid=1701397&stc=1&d=1330109657

-Kemper-
24-02-2012, 13:50:45
http://picturestack.com/109/433/cK111ak2lsjpgBKT.png

-Kemper-
24-02-2012, 13:59:25
http://picturestack.com/109/941/UuXtutorialkiQbG.jpg

-Kemper-
24-02-2012, 14:05:43
http://picturestack.com/110/336/RAXtutorialraTFk.png

-Kemper-
24-02-2012, 14:07:32
http://picturestack.com/110/422/xsjalpv21P2n.jpg

-Kemper-
24-02-2012, 14:08:07
Bueno Soy nueva en el foro asi ke traduje un tutorial ke vi muy bueno para principiantes aki les va :D, espero que les guste.

Efecto Fuego

En esta firma tutorial aprenderás a crear la firma siguiente. Este es un tutorial para principiantes, así que cuando estás empezando con photoshop y continues pegado al intentar seguir tutoriales más avanzados, este tutorial es para ti!

http://i43.tinypic.com/2aexfno.jpg

Vamos a empezar

Antes de empezar, necesitarás:
Un render que se adapte al estilo de la firma que vamos a hacer. Una caricatura o anime render con algunas armas de fuego o espadas. Ustedes pueden encontrar varios renders en www.planetrenders.net (http://www.planetrenders.net/) y un cepillo “X”.

Creacion del Fondo

Empezemos por crear una capa traspárente , he elegido un tamaño de 310px por 110 px.
http://i44.tinypic.com/wundlj.jpg

Ahora seleccione el bote de pintura y rellena el lienzo de color negro. Después de eso vamos a agregar un degradado radial. Selecciona la herramienta de degradado (oculta bajo la herramienta cubo de pintura) y ahora selecciona la opción de degradado radial:
http://i41.tinypic.com/e6tz7t.jpg
Después de haber seleccionado la opción de degradado radial (1), haga clic en (2) para crear su propio gradiente! Ahora podrás elegir uno de los gradientes por defecto que vienen con el Photoshop, pero también puede crear su propio gradiente, que es lo que vamos a hacer.
http://i44.tinypic.com/9pui3c.jpg

Puedes utilizar los indicadores que he marcado con rojo para crear tu propio gradiente, has clic en los punteros, esto te permite cambiar los colores. También puedes agregar más punteros con un simple clic en alguna parte en el gradiente. Ahora agrega el degradado radial en tu capa. Colócalo en la parte que desees . Para agregar el degradado radial que tendrá que definir 2 puntos con el ratón. Para ello, has clic en alguna parte de tu capa para definir el centro del gradiente. Ahora arrastra con el ratón y suéltalo en algún lugar de definir el segundo punto. La distancia entre 2 puntos es el radio de su gradiente!
http://i39.tinypic.com/22kupl.jpg
(el degradado, probablemente se parece mucho más suave, porque me salve la imagen en baja calidad)

Crear el efecto de fuego

Ok ahora tenemos nuestro fondo hecho, es tiempo de añadir nuestro render. Añade tu render y duplica 3 veces (clic derecho sobre la capa> Duplicar), ahora tienes que ocultar todas las capas de renders pero deja una visible (para ello has clic en el icono del ojo delante de la capa). Ahora debemos tener 4 capas, con su render en él, 3 se ocultan a la vista, y 1 es aún visible.
http://i43.tinypic.com/2ary95.jpg

Efecto render #1
Para nuestro primer render se va a hacer un desenfoque radial en la única capa visible ( que seria la del primer render, junto con la del fondo). Para aplicar el efecto radial nos vamos a: Filtro > Desenfocar> Desenfoque radial.
http://i40.tinypic.com/10pant4.jpg
Has otro desenfoque radial en la misma capa si lo deseas. Cuando estés satisfecho con tu desenfoque radial enfoca esta capa (Filtro> Enfocar>Enfocar)
http://i43.tinypic.com/15zf9rs.jpg

Efecto render #2

Ahora hagan uno de sus otros renders ocultos visibles, vamos a añadir un efecto diferente a éste! Abrir la herramienta Dedo y seleccione el pincel “X” (lo puede descargar al final del tutorial"). En el Gestor de pincel, utiliza la configuración siguiente:
http://es.tinypic.com/r/xo136e/5
Ahora dale un smudge a tu render y ponla como “Sobreexposicion lineal"
http://i42.tinypic.com/2f0f4mq.jpg

Efecto render #3
Hacer otra capa visible (diferente), y añadiremos otro buen efecto llendo a a Filtro> Distorcionar> Riso.. Y ajustan a los niveles que esta en la imagen
http://i44.tinypic.com/295pfeu.jpg
Si no te gusta el resultado del efecto, hazlo una par deveces mas hasta que ke pienses que es bueno, ahora establecer el modo de fusión de esta capa a “Sobreexponer color”.
http://i43.tinypic.com/fnfiwx.jpg

Agregar el render
Ahora hemos agregado efectos a 3 de 4 caás es hora que su última capa se haga visible, este será nuestro render, así que no añadiremos efectos a ésta, basta con dejarlo así.
http://i44.tinypic.com/r05dtj.jpg

Comos se puede ver , esta quedando bien, pero el render aun no se ve parte del fondo. Para solucionar esto dale al render un cierto "brillo" para mezclarse con el fondo. Crear una nueva capa (Control+mayúscula+N) e ir a (Imagen> Aplicar imagen) ahora ir a (Filtro> Desenfoque> Desenfoque gaussiano) y en donde dice radio usa el valor de “3 pixeles” . Establezca el modo de fusión de esta capa a "Aclarar". Como se puede ver la representación ahora, coincide con los efectos de fondo!
http://i44.tinypic.com/w0rygh.jpg

Creacion de flujo

La firma va quedando bien ahora continuemos. Crear una nueva capa y añadir algunos rectángulos blancos en ella utilizando la herramienta de marco (primero hacer una selección, y después llenaremos con la herramienta cubo de pintura).
http://i43.tinypic.com/1zvcsw3.jpg
Ahora giremos estos rectángulos, vayamos a Edición> Transformar> Rotar.
http://i39.tinypic.com/14o10s6.jpg
Ahora vamos a Filtro>Desenfoque>Desenfoque de movimiento
http://i43.tinypic.com/qzn91k.jpg

Ahora ajusta las opciones hasta ver donde queda mejor los rectangulos. Establezca el modo de fusión de esta capa en “Superponer” o experimenta con los otros efectos de fusión, pudes elegir el ke mas te guste. .
http://i44.tinypic.com/4hdv8m.jpg

Duplica esta capa y utiliza un filtro de distorsión polar. (Filtro> Distorcionar> Coordenadas Polares> Rectangular a Polar).Colócalo cerca de la otra capa.
http://i43.tinypic.com/far246.jpg

Acabado de la firma

La firma está casi terminada, todo lo que necesitamos hacer es agregar un borde y un poco de texto! Para el texto yo use una Font estándar de Windows, sólo debes elegir una que te guste a ti!. Verdana o Arial siempre se ven bien! Cogí un color que coincida con mi firma, y lo coloque en la izquierda para llenar el espacio vacío.
Trata de hacer que el texto sea fácil de leer, así que no lo hagan realmente pequeño, ni esconderlo en un rincón! También tendrás que asegurarte de no hacer el texto bastante grande, si es muy grande distrae y se aleja la atención y de la firma y sus efectos cool.
http://i43.tinypic.com/xe23us.jpg

La parte inferior izquierda de la firma esta un poco vacía, por lo que añadiremos algo realmente simple en el espacio vacío de la capa! En una nueva capa, seleccione la herramienta de marco y mientras apretamos Shift, hagamos unos pequeños cuadros. Ahora usa tu herramienta de cuentagotas para seleccionar un color de tu firma y llenar la selección con esto. Ahora duplica este cuadrado 3 veces, y después elegimos diferentes colores para cada cuadro. Aquí está mi resultado:
http://i39.tinypic.com/2d1lm6t.jpg

Para crear un borde en el render crea una nueva capa (Mayuscula+Ctrl + N) y selecciona todo la capa usando Ctrl + A. Ahora ir a Edición> Contornear y 1px de anchura y un color que coincida con su firma. Has clic en Aceptar y deberas de tener un simple borde pero ke da gran apariencia a la firma.
Este es mi resultado final
http://i43.tinypic.com/2aexfno.jpg


Muchas Gracias, y espero ke les haya gustado, como dije este tuto lo traduje de otra pagina web y quise compartirlo con este gran foro, alguna duda o error me lo hacen saber y con muxo gusto correjire el post xD, Claro si me explican ya ke soy nueva en el foro.

LINK DEL PINCEL! http://duckie16.deviantart.com/art/X-Brush-Set-5-47181012

-Kemper-
24-02-2012, 14:11:23
http://picturestack.com/110/664/d0Ltutorialamc6K.png

-Kemper-
24-02-2012, 14:14:23
http://picturestack.com/110/844/AMrSinttulo3AEB.png

-Kemper-
24-02-2012, 14:19:38
http://picturestack.com/111/148/aHhtutorialfixZv.png

Recursos:

http://browse.deviantart.com/?qh=&section=&q=cloud+smudge+brushes#/d1dzw2z
http://browse.deviantart.com/?qh=&section=&q=glitter+set+1+brushes#/dhsfj6

-Kemper-
24-02-2012, 14:23:03
http://picturestack.com/111/368/uzVhalosignumsac.png

-Kemper-
24-02-2012, 14:27:53
http://picturestack.com/111/613/EnTtutorialdrFmu.png

-Kemper-
24-02-2012, 14:37:06
http://picturestack.com/112/166/os7bannertutoclX.png

RECURSOS

Brush:
http://browse.deviantart.com/?qh=§ion=&q=ryrax+brush#/df6h3c (http://browse.deviantart.com/?qh=%C2%A7ion=&q=ryrax+brush#/df6h3c)
http://hawksmont.deviantart.com/art/Glow-Brushes-I-90961490?q=boost%3Apopular%20abstract%20glow&qo=2
http://ro-stock.deviantart.com/art/Abstract-Glow-92060729?q=boost%3Apopular%20abstract%20glow&qo=0
http://www.obsidiandawn.com/tech-photoshop-gimp-brushes

C4D:
http://brandonc1.deviantart.com/art/C4D-Last-tut-you-ll-ever-use-29330642?q=gallery%3Abrandonc1%2F21857299&qo=9
http://tamilia.deviantart.com/art/Vector-C4D-Wallpaper-121620115?q=gallery%3Atamilia%2F62076&qo=40

-Kemper-
24-02-2012, 14:47:57
http://picturestack.com/112/496/M9xtutorialveVM7.png

-Kemper-
24-02-2012, 14:53:01
http://picturestack.com/113/137/bTQrelaxtutor8pu.png

-Kemper-
25-02-2012, 09:56:45
http://picturestack.com/181/797/vArtutorialpaf3q.jpg

-Kemper-
25-02-2012, 10:04:58
http://picturestack.com/182/246/sJStutorialpa8G7.png

-Kemper-
25-02-2012, 10:06:05
http://picturestack.com/182/246/pLfDragonBallZ5s.jpg

-Kemper-
25-02-2012, 10:07:00
http://picturestack.com/182/247/IfHSinttulo11CtZ.png

INDIVIDUAL
25-02-2012, 10:51:05
Gracias beto

HOMER.
26-02-2012, 06:02:46
buena buena man, gracias