View Full Version: [Tutorial] – Icono Love

Foro VMS > Tutoriales > [Tutorial] – Icono Love

Pages: [1] 2

Title: [Tutorial] – Icono Love
Description: O de lo que quieras! Love es opcional xD


kykiske - April 18, 2006 02:35 PM (GMT)
Hacía ya un tiempo que no posteaba tutoriales... así que aquí va uno, todo para vosotros (espero que os sirva :P ). Notaréis que me salto algunas explicaciones básicas (como las opciones de fusión, etc) así que si no estás familiarizado con los términos, te recomiendo pasarte por anteriores tutoriales.

Y ahora, manos a la masa. Vamos a pasar de esto user posted image a esto otro user posted image

Primero, escogemos la captura que deseemos usar y la encajamos en nuestro lienzo de 100x100.
user posted image

Copiamos esta capa y a la copia le damos la propiedad screen (trama). Duplicamos esta misma capa otra vez, y otra si es necesario, hasta obtener una iluminación como ésta (en mi caso han sido dos veces):
user posted image

El siguiente paso es uno que ya aprendimos en mi anterior tutorial. Creamos una capa nueva y la pintamos completamente de blanco con el bote de pintura. Le damos opacidad al 70%. Obtendremos esto (no os preocupéis porque quede poco visible):
user posted image

Ahora creamos una nueva capa y dibujamos un rectángulo de bordes redondeados de color #ff63dc (podemos introducir este número en el selector de color).
user posted image

¿No sabes cómo hacer un rectángulo de bordes redondeados? Bueno, como mi photoshop está en inglés, te copio aquí una captura de qué herramienta usar para hacerlo:
user posted image

Le damos a nuestro rectangulito de color rosita la propiedad Lighten (aclarar)
user posted image

Ahora, duplicamos la capa base (sí, la foto original) y la subimos hasta arriba del todo. Le quitamos todo el color (desaturar) y le damos la propiedad color burn (subexponer color) al 80%.
user posted image

Ya prácticamente hemos terminado, pero queda lo más importante. Creamos una nueva capa y la pintamos totalmente del color #4996ff (un azul intermedio). Le damos la propiedad color burn (subexponer color):
user posted image

Por último, y de manera opcional y a gusto de cada uno, añadimos un pequeño texto. En este caso Love con letra Rockwell Extra Bold. Y hemos terminado!
user posted image

Ya sabéis... Si hacéis algo usando esta técnica, me gustaría mucho verlo ^^

AnuKa - April 18, 2006 02:58 PM (GMT)
eei! muchas gracias por el tutorial kykiske!! voy a intentar hacer uno jeje :lol:

kykiske - April 18, 2006 03:05 PM (GMT)
QUOTE (AnuKa @ Apr 18 2006, 03:58 PM)
eei! muchas gracias por el tutorial kykiske!! voy a intentar hacer uno jeje :lol:

De nada, para servir ^^

Dawn - April 18, 2006 03:18 PM (GMT)
me he kedado atasca en el primer paso xD yo y el photoxop bad friends xD

kykiske - April 18, 2006 03:26 PM (GMT)
QUOTE (Dawn @ Apr 18 2006, 04:18 PM)
me he kedado atasca en el primer paso xD yo y el photoxop bad friends xD

toooorpe :doh: xDDDD

a ver, dime por qué te has quedado atascada... a ver si es que yo me he explicado mal :P

LaU* - April 18, 2006 03:30 PM (GMT)
muchas gracias!!!
en cuanto tenga un tiempito voy a intentar hacerlo.
thks! :D

AnuKa - April 18, 2006 03:44 PM (GMT)
yo si q stoy atascada... :doh: eso del screen... donde anda?? :unsure: sorry pero esk yo tmp entiendo muy bn el photoshop :(

Luux - April 18, 2006 04:19 PM (GMT)
Gracias por el tutorial!kykiske :P

Linthalaa - April 18, 2006 04:54 PM (GMT)
Guapo guapo guapo el tuto kykiske!!!! Gracias a él, me has dado truquillos y demás que no sabía yo!!! Y como siempre que veo un tutorial, pues tiendo a hacerlo aplicándolo a mis propios iconos, así que... aquí pongo los dos iconillos que he hecho siguiendo (más o menos) el tuto. Lo hice para dos capturas de Greys Anatomy que tengo pendientes desde hace tiempo.

user posted image user posted image

Realmente varié varias cosas, porque cambié la opacidad de la capa en blanco, cambié la capa azul por una capa lila clarito en modo saturación al 20-30%, el cuadrado de color, que a mi me gustaba que se viera un poquito más los puse, uno en modo aclarar y otro en modo luz fuerte, también cambié el modo de la capa desaturada, etc etc... bueno, cambios debido a las distintas tonalidades de la imagen real que yo usaba respecto a la tuya y demás historietas, que ya se sabe que pasa dependiendo de la iluminación de cada imagen y esas cosas.

Besote de fresa y mil gracias por el tuto, que está muy muy guapo!!!! (para cuando el siguiente??? jijijijijiji)


Emma - April 18, 2006 05:11 PM (GMT)
y ahi s donde estaba el dichoso rectangulo!!!!!!!!!! thanks ky, you're my salvation!

kykiske - April 18, 2006 06:15 PM (GMT)
QUOTE (AnuKa @ Apr 18 2006, 04:44 PM)
yo si q stoy atascada... :doh: eso del screen... donde anda?? :unsure: sorry pero esk yo tmp entiendo muy bn el photoshop :(

Si tienes el photoshop en español, no es screen, es trama, y anda en "Opciones de fusión". Más info en anteriores tutos :P

Linthalaa, te han quedado muy bien!! me alegro de q te hayan servido mis consejos ;)

QUOTE
y ahi s donde estaba el dichoso rectangulo!!!!!!!!!! thanks ky, you're my salvation!
hay q explorar!! ainsss... xD

De nada a todos, espero que os haya servido :)

Melfina - April 18, 2006 06:20 PM (GMT)
Muchas gracias por el tutorial kykiske :cheer:

kyra - April 18, 2006 06:30 PM (GMT)
Me encanta el efecto tan "vivo" que le has dado, un 10 para tu tut ky.
A ver en cuanto tenga un ratillo si lo pongo en práctica :)

Dawn - April 18, 2006 07:25 PM (GMT)
QUOTE (kykiske @ Apr 18 2006, 04:26 PM)
QUOTE (Dawn @ Apr 18 2006, 04:18 PM)
me he kedado atasca en el primer paso xD yo y el photoxop bad friends xD

toooorpe :doh: xDDDD

a ver, dime por qué te has quedado atascada... a ver si es que yo me he explicado mal :P

torpe?? lo q pasa eske tngo un profe malo :P:P (es broma, q despues los foristas me matan XD)

pos eso en el primer paso, q lo hago como dices y no sale XD lo de nueva capa o algo asi y luego trama XD

aroas - April 18, 2006 07:49 PM (GMT)
uohhhhhhh habrá que probarlo jiji :)

asias

AnuKa - April 19, 2006 04:29 PM (GMT)
weenoo... pues esto es lo que me ha salido :rolleyes:

user posted image

la proxima vez me saldra mejor ;) o eso espero ^^

Emma - April 19, 2006 06:14 PM (GMT)
pues a mi me ha salido esto, no es de vm pero es pa que lo veas :D

user posted image

kykiske - April 19, 2006 06:48 PM (GMT)
pues están muy bien, nop? :P

;)

LaU* - April 19, 2006 06:57 PM (GMT)
muy bien hechos!! felicitaciones!

Dawn - April 19, 2006 07:02 PM (GMT)
a mi me sigue sin salir XD

Linthalaa - April 19, 2006 07:10 PM (GMT)
dawn, te recomiendo que cojas exactamente la misma imagen que kykiske (o sea, te la pillas del hilo del tuto mismo) y hagas el tutorial con esa imagen.

Cuando empecé con los primeros tutoriales, en los que andaba un poco perdida con el photoshop, los hacía exactamente con la misma imagen porque si no, es imposible saber si estás "consiguiendo" lo mismo que él o no, porque dependiendo de la luz, los tonos, el enfoque y cienmil detalles más, un tuto en una imagen u otra puede dar variaciones tremendas.... con lo cual, si no te manejas mucho con el photoshop por el momento, mejor que pilles justo la imagen de la que parte él para que así, siguiendo justo los mismos pasos consigas lo que el te va poniendo.

Y si todavía no tienes muy claro de lo que te habla cuando duplicar una capa y ponerla en modo trama (y no te pone imágenes de cada cosa a lo que se refiere) mejor es que vayas a sus tutos anteriores y a los que hay de kyra, que son algo más detallados para empezar... pero eso sí, procura en esos memorizar como se hacen las cosas para que cuando vuelvas a este, ya sepas qué es exactamente duplicar una capa y cómo se hace, o lo que es poner en modo trama y cómo se hace.

Estos son un par de consejillos que te doy desde el punto de vista de una persona que hace un par de meses no tenía ni puñetera idea de duplicar una capa y ponerla en modo trama ¬¬.

Besote de fresa, y ánimo que seguro que lo consigues, todo es tener paciencia y, sobre todo.... no te rindas!!!

PD: Ays, perdonad AnuKa y Emma.... os comento que os pillé vuestros dos iconos para mi colección porque me encantan!!! Os quedaron chulísimos!! ;))))

Luux - April 19, 2006 08:03 PM (GMT)
Bueno pues yo he puesto en práctica este tutorial con la imagen que kykiske nos ha dado :D ,
haber que tal me ha salido,que diga el jefe,jeje :P

user posted image

Linthalaa - April 19, 2006 08:05 PM (GMT)
Te ha quedado mu chulo! Algo más oscuro que a él (supongo que será cuestión de opacidades... o quizás meter otra capa más en modo trama por el medio, pero eso va a gusto ya del consumidor :))

Seguro que al profe le mola! jijiijiji

Besote de fresa.

enna - April 20, 2006 06:51 AM (GMT)
Gracias por los consejos (yo me uno a los torpes,jejej).Pero poco a poco se va aprendiendo. Te ha quedado muy chulo!!
A me gustaria que pusierais más truquitos porque mi php esta en ingles y no entiendo nada,jaj.
Besos ;)

Cordelia - April 20, 2006 10:18 AM (GMT)
Bueno ayer me pasé la tarde haciendo iconos con tu tutorial ky... sin palabras... genial... aquí dejo algunos ejemplos de lo que hice... aunque cambié algunas cosillas.

user posted image user posted image user posted image user posted image

user posted image user posted image user posted image user posted image

AnuKa - April 20, 2006 10:26 AM (GMT)
me encantan Cordelia!!! te cojo un par de ellos ;)

kykiske - April 20, 2006 08:22 PM (GMT)
Luux, te ha quedado muy bien! Se ve un poco diferente, pero debe ser por lo que comentó Linthalaa :P. Aunque parezca una tontería, las opacidades, el desaturar la imagen o las veces que copiemos la capa con "trama/screen" son pasos vitales del tutorial, que determinan el resultado. Lo mimo ocurre con la última capa de color azul :P

Cordelia, me han encantado los icons! Me he guardado los tres últimos (Weve es posible!! xD)

Linthalaa - April 20, 2006 10:09 PM (GMT)
Ohhhhhhhhhhhhhhhhhhhhhhhhhh OHHHHHHHHHHHHHHHHHHHHHHHHH diossssssssssssssss, no había visto el de WeVe!!!!!!!!!!!!!!!!!!!!!!! Que alguien me mate por diosssssssssssss, si no llego a leer a kykiske, no lo veo!!!!!!!!!!

*Linthalaa flajelándose

Esto, Cordelia, te rogaría que me dejases coger el de WeVe para usarlo más adelante en el forito (acreditándotelo a ti por supuestísimo, jamás se me ocurriría decir que un icono es mío, si yo no lo he hecho...)

Ohhhhhhhhhhh, es que es MI icono... arffffffffffffffffffffffffffff

Besote de fresa y nata o de moka, o de chocolate o de lo que tu quieras por ese peazo de icono glorioso.

Mara - April 21, 2006 07:24 AM (GMT)
me gusta el tuto...sencillo y con cosillas muy interesentas ardo en deseos de ponerlo en práctica

Dawn - April 21, 2006 03:18 PM (GMT)
si utilizo la imagen de ky, pero no me sale XD

Linthalaa - April 21, 2006 04:22 PM (GMT)
Haz antes otros tutoriales, y te darás cuenta lo que te está fallando con este... o si no, explica concretamente qué es lo que no te sale, porque claro... es muy distinto que no te salga la primera imagen, que no te salga el duplicar la capa varias veces y ponerla en modo trama, que no te salga el crear una capa nueva y ponerla de blanco y darle algo de transparencia después de ajustarla en modo aclarar, o es distinto el que no te salga el duplicar otra vez más la capa del fondo, subirla para arriba del todo, ajustarla en subexponer color y quitarle o no opacidad.

Digamos que puede haber muchísimos pasos que cumplen tu afirmación de no me sale. Y diciendo solo, no me sale, ni tú ni nadie conseguiremos ayudarte a que te salga.

Besote de fresa.

Cordelia - April 21, 2006 04:29 PM (GMT)
QUOTE (Linthalaa @ Apr 20 2006, 11:09 PM)
Ohhhhhhhhhhhhhhhhhhhhhhhhhh OHHHHHHHHHHHHHHHHHHHHHHHHH diossssssssssssssss, no había visto el de WeVe!!!!!!!!!!!!!!!!!!!!!!! Que alguien me mate por diosssssssssssss, si no llego a leer a kykiske, no lo veo!!!!!!!!!!

*Linthalaa flajelándose

Esto, Cordelia, te rogaría que me dejases coger el de WeVe para usarlo más adelante en el forito (acreditándotelo a ti por supuestísimo, jamás se me ocurriría decir que un icono es mío, si yo no lo he hecho...)

Ohhhhhhhhhhh, es que es MI icono... arffffffffffffffffffffffffffff

Besote de fresa y nata o de moka, o de chocolate o de lo que tu quieras por ese peazo de icono glorioso.

Puedes usar y coger el que quieras Linthalaa... me alegra mucho que os gusten.

Linthalaa - April 21, 2006 04:35 PM (GMT)
Asias miles Cordelia!!

Besote de fresa.

LaU* - April 23, 2006 01:49 AM (GMT)
Asi me quedo a mi:
user posted image
algo mas oscuro, pero me gusta :D
gracias!
muy buena profe jeje

Linthalaa - April 23, 2006 02:26 AM (GMT)
Nunununu, el tuto es de kykiske que es buen (sin a :lengua:) jijijijiji.

Por cierto, te ha quedao mu chulo LaU*

Besote de fresa.

LaU* - April 23, 2006 04:27 AM (GMT)
QUOTE (Linthalaa @ Apr 23 2006, 03:26 AM)

Por cierto, te ha quedao mu chulo LaU*


gracias!!! :D

xilvi - April 23, 2006 10:36 AM (GMT)
Cada vez me voy enterando más en los tutoriales!!! es que esto es un vicio y estoy haciendo tutoriales de todos lados!!! Intentaré hacer este con la misma foto, porque como se ha comentado, si se hace con otra foto no sabes si el resultado sería el mismo de tener la misma foto. Si lo hago y queda bien, luego lo ponga para que me diga l profe que tal :)

Linthalaa - April 23, 2006 11:43 AM (GMT)
Si quereis un mogollón de tutos directamente para iconos, a parte de los de kyra y kykiske (of course) os recomiendo esta web (os pongo los enlaces de los dos grupos de tutos directamente, porque a veces las cosas en los livejournas son un poco complicaíllas de buscar.

Grupo 1

Grupo 2

Ahí teneis un buen montón de tutos, con todo tipo de efectos.

Besote de fresa, y espero que os sirvan a los que estais viciados con los tutos.

AnuKa - April 23, 2006 12:27 PM (GMT)
muchas gracias por la web!!! :)

xilvi - April 23, 2006 01:36 PM (GMT)
Aquí está lo que he hecho:

user posted image

Muchas gracias por el tutorial, todo está explicado super bien!! Intentaré hacer cosas parecidas con otras capturas. Ttambién muchas gracias Linthalaa por las tutos, tienen muy buena pinta!! ;)

PD: Viva el LoVe!!!!!




Hosted for free by InvisionFree