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

a esto otro

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

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):

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):

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

¿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:

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

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

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):

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!

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.

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:

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
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
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)
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:

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 1Grupo 2Ahí 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:

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!!!!!