View Full Version: [Tutorial] - Icono de Veronica

Foro VMS > Tutoriales > [Tutorial] - Icono de Veronica


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 user posted image a esto user posted image

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

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)
user posted image

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
user posted image > user posted image

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

#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.
user posted image > user posted image

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

# 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.
user posted image > user posted image

# 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%.
user posted image > user posted image > user posted image

# 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.
user posted image > user posted image

# 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.
user posted image

Tadaa! Este es el resultado B)
user posted image

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

user posted image





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í...

user posted image

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:

user posted image

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

user posted image

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:

user posted image

Gracias de nuevo!

Luux - May 15, 2006 08:14 AM (GMT)
Bueno yo he probado este fantástico tutorial con 3 iconos,haber que tal :D :

user posted image user posted image user posted image

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í ;)
user posted image

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
user posted image

LaU* - June 4, 2006 09:15 PM (GMT)
Genial el tuto Cordy!! muy bien explicado
a mi me quedo esto:
user posted image
: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

user posted image

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!
user posted image

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ó...

user posted image

vmars24 - May 11, 2008 04:16 PM (GMT)
user posted image

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 user posted image 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.
user posted image

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....user posted image
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




Hosted for free by InvisionFree