Title: [Tutorial] - Icono de Veronica
Description: mi primer tutorial
Cordelia - May 12, 2006 04:48 PM (GMT)
Bueno este es primer tutorial que escribo. Es un efecto muy fácil de conseguir pero al ser el primero que escriba puede que algo no quede totalmente claro, cualquier duda postearla en este hilo. Este efecto lo conseguí hace poco con un icono de Veronica Mars. Ahí va:
Vamos a pasar de esto

a esto

Primero escoge la captura o imagen que vas a utilizar. Yo he utilizado esta del capítulo 2x21 de VM.

Crea un nuevo documento de 100 x 100, adapta la imagen al lienzo. Y empezamos:
#0 : Enfocar la imagen: Filter > Sharpen > Unsharp mask (FILTRO > ENFOCAR > MASCARA DE ENFOQUE) le das a aceptar dejando la configuración como está.
#1 – Ajustar la iluminación: Para este caso en concreto yo he usado la herramienta de Doge Tool (Sobreexponer color, una especie de alfiler, para seleccionarla con el teclado letra O). Elije un pincel de los predeterminados de photoshop (en este caso yo he utilizado uno de bordes difuminados de 11px y he ajustado el diámetro a 200px)

Como verás el pincel sobre sale de la imagen así que puedes elegir el que quieras. En el menú de arriba ajusta el Rango (range) a Medios tonos (Midtones) y la exposición al 50%. Ahora sitúate en la imagen y pincha sobre la imagen varias veces hasta obtener algo parecido a esto. Te aconsejo que en vez de dejarlo un rato pinchado, pinches y sueltes varias veces, sin mover el pincel, hasta que obtengas una claridad parecida a esta.
Mira el resultado

>

#2 – Ahora duplica la imagen y dale la propiedad de Overlight (superponer). Te quedará algo así.

>

#3 – Crea una nueva capa, copia este color #DFB69F y llena con el bote de pintura la nueva capa. Dale la propiedad de Overlight (superponer) y cambia la opacidad al 65%. Este es el resultado.

>

# 4 – Vuelves a crear otra capa y la llenas de color Blanco #ffffff. Le das la propiedad de Color al 100%.

# 5 – Crea nueva capa y la rellenas con este color #112863 (azul oscuro) y le das la propiedad de Exclusión al 51% de opacidad.

>

# 6 – Copia este degradado y pegalo encima de todas las capas. Dale la propiedad de Screen (trama) al 100%. Como queda un poco clarito, duplícalo y cambia la opacidad de la copia al 40%.

>

>

# 7 – Este paso lo utilizo últimamente en mucho de mis iconos (es opcional a gusto de cada uno). Crea una nueva capa y haces una línea ancha de color blanco a la izquierda de la imagen. Aquí te dejo mi línea, puedes copiar esta imagen y darle la propiedad de Screen (trama) y así desaparecerá la parte de color negro.

>

# 8 – Y por último solo queda añadir el texto. El texto que he usado para esta imagen es Century Gothic. Si quieres obtener este resultado. he puesto el tamaño del texto a 2 píxel el motivo Smooth y el espaciado entre letras a 500. Esto no se explicarlo muy bien porque no se como traducirlo así que aquí te dejo una imagen señalando los ajustes.

Tadaa! Este es el resultado B)

Espero que os haya servido de algo y si no entendeis postearlo aquí.
Vicsancas - May 12, 2006 05:19 PM (GMT)
Wala!
Muy chulo el tutorial!!!
En cuanto lo pruebe te enseño lo que me ha salido ;)
Cordelia - May 12, 2006 05:23 PM (GMT)
Gracias!! Ok me encantaría que me enseñarais lo que os sale a vosotros!!
CyanBloodbane - May 12, 2006 05:35 PM (GMT)
asias xel tuto
lo via poner manos a la obra!
cm os lo currais madre mia
xilvi - May 12, 2006 06:29 PM (GMT)
Muxas gracias Cordelia!! Esta super claro todo, te lo has currado!! Me quito el sombrero, jeje :sombrero: (De la ultima tanda que hiciste, ese icono me encantó ;))
Me han encantado tus trucos de iluminación, los usaré en mis futuros iconos!! Como buena (y agradecida) alumna, te enseño lo que he hecho. No he variado nada de lo que has explicado, a ver si me sale otro un poco diferente, y te lo enseño también :D
Linthalaa - May 12, 2006 07:28 PM (GMT)
Muy guapo el tutorial Cordelia, acabo de aprender un par de truquillos que no sabía!!!
Bueno, lo apliqué a una imagen distinta a la tuya y quedó algo así...

Por cierto, se entiende todo perfectamente, que lo sepas
Besote de fresa.
Dawn - May 12, 2006 07:34 PM (GMT)
a mi me ha salido esto ,hay algun paso que me ha salido mal XD pro eske soy nula para esto, no he puesto texto xq no se me ocurria na q poner XD:
Linthalaa - May 12, 2006 07:39 PM (GMT)
Dawn, si mis cuentas no fallan, te falta la capa en blanco puesta en modo color al 100% de opacidad.
Besote de fresa.
Dawn - May 12, 2006 07:53 PM (GMT)
| QUOTE (Linthalaa @ May 12 2006, 08:39 PM) |
Dawn, si mis cuentas no fallan, te falta la capa en blanco puesta en modo color al 100% de opacidad.
Besote de fresa. |
no si poner la puse XD solo que despues paso algo raro :S, luego lo intentaré hacer de nuevo
Melfina - May 12, 2006 08:16 PM (GMT)
Gracias por el tuto en cuanto pueda lo hago y os pongo el resultado :lol:
Cordelia - May 13, 2006 03:45 PM (GMT)
Gracias!! me alegra que os guste y que os haya aclarado algo. Os han salido unos iconos muy bonitos!!
Nanuk - May 14, 2006 05:26 PM (GMT)
muchas gracias por el tutorial, se entiende todo perfectamente ;)
a mi me ha salido esta cosa xD
Cony - May 15, 2006 12:17 AM (GMT)
Hola Cordelia!
Muchas gracias por el tutorial.
Está super claro de entender tu ttutorial... y lindo el resultado.
Yo probé con otra fotito, a ver como te parece que me quedó.. Si fallé en algo o cualuier cosa me dices para yo saber para la próxima :rolleyes:

Gracias de nuevo!
Luux - May 15, 2006 08:14 AM (GMT)
Cordelia - May 16, 2006 10:35 AM (GMT)
Que bonitos os han quedado!!! me los he guardado todos con vuestro permiso.
Mara - May 16, 2006 01:36 PM (GMT)
muy bueno el tuto..a ver si cuelgo yo uno ahora que aprendí un par de cosillas
Por cierto felicidades a los artistas que han cogido tan rápidamente el truquillo todos los icons preciosos!!
kykiske - May 20, 2006 05:28 PM (GMT)
Muy chulo el tuto, Cordelia. Sencillo y útil.
Esto me salió a mí ;)
Cordelia - May 22, 2006 11:42 AM (GMT)
Gracias Ky!! te ha quedado genial!!
angel_of_mars - May 26, 2006 11:09 PM (GMT)
ya practique este tutorial varias veces con varias fotos y me queda genial,gracias de nuevo cordelia,me ha servido de mucha ayuda,de todas las fotos con los que la hice pongo aqui lo que me salio con una foto mia
LaU* - June 4, 2006 09:15 PM (GMT)
Genial el tuto Cordy!! muy bien explicado
a mi me quedo esto:

:D
MartinSV - October 30, 2006 05:29 PM (GMT)
Estuve intentando hacerlo, pero no logre ajustar la foto a 100 x 100 y no logre encontrar la opción de rango :(
¿Podrian ayudarme?
TaiBHSeaR - December 19, 2006 08:16 AM (GMT)
Gracias por el tutorial. No es un icono de Veronica Mars, pero así ha quedado la primera prueba que he hecho

B7s.
LaU* - December 20, 2006 06:54 PM (GMT)
| QUOTE (MartinSV @ Oct 30 2006, 06:29 PM) |
Estuve intentando hacerlo, pero no logre ajustar la foto a 100 x 100 y no logre encontrar la opción de rango :(
¿Podrian ayudarme? |
Tienes que abrir un nuevo lienzo y ahí tendrás la opción de escribir el ancho y el largo del icono.
Arisa - December 27, 2006 07:03 PM (GMT)
Yo debo ser lerda, porque siempre he intentado hacer este tutorial y no me sale para nada xDDDDD
Silvi* - December 28, 2006 10:50 AM (GMT)
graciaaas^^ este tutorial es precioso , yo ya hize varias cosas con el , quedan genial!

me salio esto, es eso?? es ke bueno no soy una esperta en estas cosas....aver si voy mejorando :(
TaiBHSeaR - December 28, 2006 11:18 AM (GMT)
Arisa, no creo que seas lerda... A mi el tutorial de Emma (el de equilibro de color-saturación) no me sale y el de couloring de Mara tampoco, pero ya ves, yo no desisto y sigo intentandolo.. ;)
Silvi*, a mi me parece que ese es el efecto. Te ha quedado genial. Un poco de off-topic: ¿La foto es de Misha Barton (Marisa en O.C.)???
B7s y saludos,
Taib.
Silvi* - December 28, 2006 03:01 PM (GMT)
Ola! graciaas :D pues no la foto es de hilary duff :)
Lena_Mars - January 4, 2007 12:42 AM (GMT)
gracias por el tuto!! ;) esta genial y el efecto es chulisimo!! :)
estuve probando y esto es lo q me salió...
vmars24 - May 11, 2008 04:16 PM (GMT)

A mi me ha salido esta jeje esta genial el tuto :P
ivan_ff8 - May 13, 2008 11:56 PM (GMT)
Te quedo buenisimo vmars24!!! Me gusto mucho verdaderamente!! Cuando tenga tiempo voy a tratar de hacer alguno!!
vmars24 - May 14, 2008 01:16 PM (GMT)
gracias! :D espero que hagas el tuyo pronto para verlo
ivan_ff8 - May 14, 2008 03:15 PM (GMT)
Hay una sola cosa que no entiendo, el paso 6. Que significa copiar el degradado y pegarlo a todas las capas? Como se hace eso? El degradado cual es? Y esa especia de manchita violeta como se hace? o se forma en el paso 6?
A vos que te salio vmars24, me explicarias?
vmars24 - May 14, 2008 04:14 PM (GMT)
Pues el paso 6, es copiar esta textura

y pegarla en una capa que quede por encima de las demas, pero no en cada una, con ponerlo en la capa superior vale, y cuando le pones lo de screen y al 40% te aparece la mancha esa morada :D
espero haberme explicado bien, sino te sale algo no dudes en preguntar jeje aunque yo soy nueva en el photoshop y a lo mejor no te puedo ayudar :lol:
por cierto, si la quieres que la "mancha" te quede en otra posición, gira el degradado/textura...
ivan_ff8 - May 14, 2008 08:42 PM (GMT)
Gracias!! Ya me estoy poniendo a hacer una y la voy a mandar!
Sos muy amable vmars24!!!Gracias! :lol: :D
ivan_ff8 - May 14, 2008 11:54 PM (GMT)
Esto es lo mejor que pude hacer jeje! La imagen es del capitulo 2x22, una expresion que me encanta, cuando descubre quien causo el accidente del autobus.
vmars24 - May 15, 2008 05:32 AM (GMT)
pues no se ve tu icono.... :( ni tampoco tu firma, si quieres prueba a subirlas por aqui:
http://es.tinypic.com/index.php y luego coge el código IMG para foros
ivan_ff8 - May 15, 2008 03:27 PM (GMT)
A ver ahora....

Espero que se vea! Gracias de nuevo vmars24!! :D
vmars24 - May 15, 2008 05:27 PM (GMT)
esta chulisimooooo!! :D me encanta ese momento del capítulo, cuando descubre quien fue jeje