Para este segundo tutorial he optado por algo más sencillo aun que el anterior, pero que yo uso muy a menudo y que suele dar resultados bonitos, aunque en cierta manera dependiendo de la foto. Se trata de un tutorial que consta de muy breves y fáciles pasos, y uno de ellos opcional.

Pasaremos de esto a esto

Para hacer un icon con esta técnica y que quede luminoso y con colores vivos, es necesario que la foto original tenga una luz compensada. Si está muy iluminada de por sí, esto hará que el personaje de la foto parezca un espectro, y por el contrario si es muy oscura, quedará rojiza y con mala calidad.

Yo he decidido escoger esta foto:


La he reducido a 300x169 y la he pasado a otro lienzo nuevo de 100x100:


Lo primero que vamos a hacer es aumentar la nitidez de la foto. Usamos el filtro sharpen/enfocar:


Como podéis notar, la foto deja ciertas imperfecciones en la piel de Veronica, en la pared, etc… Para disimularlas, usamos la herramienta blur tool/herramienta desenfocar del menú de la izquierda (si no sabes cuál es, visita mi anterior tutorial donde viene explicado). Intentaremos no excedernos, ya que para este icon en concreto no nos conviene que la piel quede muy plástica:


Tras esto, creamos encima una capa que pintaremos totalmente de blanco. A ésta le daremos opacity/opacidad a 85%. Nos quedará algo así:


Ahora viene un paso decorativo que es totalmente opcional. Creamos una nueva capa, y en ella dibujamos tres líneas desiguales (en mi caso blanca, rosa y verde) con line tool (supongo que herramienta línea) del menú izquierdo. A este adorno le damos la propiedad lighten al 100%:


Por último, sólo nos queda duplicar la capa base (la foto de Veronica) y subir esta copia hasta ponerla primera. Le damos la propiedad color burn/subexponer color al 100% y… Hemos acabado nuestro icon:


Por supuesto, se le pueden añadir cosas (texto, por ejemplo) o prescindir de ellas. Todo es experimentar para lograr que tu icon quede a tu gusto. Este es el método de iluminación que uso muchos de mis icons, sólo que es posible que no lo reconozcáis a simple vista ya que, como ya he dicho, depende mucho de la foto base.

Espero que con estos consejillos hayáis aprendido algo nuevo. Un saludo ^^

PD: Yo uso photoshop en inglés, por lo que puede que alguna traducción de comandos del programa esté mal traducida. He usado las "traducciones oficiales" que aportó Kyra en el otro tutorial, pero algunas las he tenido que traducir literalmente y pueden no ser correctas. Así que si hay dudas, preguntad por favor ;)

Ky powa!!!!!
Bueno,lo voy a hacer y ya te pongo el resultado ;)
Muchas Gracias!

Me encaaaanta ese efecto, y no sabía como hacerlo.
Muchas gracias ky, el tuto está genial :)

Sí, resultados, yo quiero ver resultados! xDD

Me alegro de que os guste y sobre todo espero que os sirva de algo :P

Sencillo como el anterior, pero suuuuuuuuuuuuuuuuuper práctico tutorial. 10 puntos pa kykiske... en cuanto lo aplique a algún icono, te pongo por aquí los resultados o por mi hilo de firmas e iconos.

Besote de fresa para el artista.

Los tutoriales están muy muy bien, pero el menda ya ha decidido y comprobado que es un completo inutil con el fo0tochó. :( A ver si cuando tengas más tiempo me pongo con más calma y paciencia. :lol:

Juer... te consideras un inútil porque no hayas podido hacer lo que querías tras abrir 3 veces un programa como el fotoshó sin tener ningún antecedente de programas de este tipo ni parecidos siquiera en los que hayas trabajado??? Hombre... yo me daría algo de más tiempo antes de llamarme completo inútil, no?

Besote de fresa.

ultimamente entre todos los del foro me estais haciendo probar el photoshop y mis cutre-cosas cada vez son menos cutres, muchas gracias ky por este tutorial, que estoy practicando bastante con fotos de mis amigos para hacer icons, y cada vez me salen mejor :lol:

De nada! todo sea compartir conocimiento :rolleyes:

;)

He hecho dos icons con ese efecto!
Vaya chulos que quedan! No son de VM :( son de Ally McBeal, que me he vuelto a enganchar... XD
Aquí tan:


También me ha gustado lo de utilizar líneas para decorar, que era algo que utilizada realmente poco XD

Gracias Ky!

Eyyyyyyyyyyyyy, son superchulos los dos!!! me gustan mucho con esos colores tan cálidos!!!

Besote de fresa pal artista.

Muy chulos Vic!! sobre todo el segundo, me gusta mucho cómo has situado la foto, lineas, texto, etc... :lol:

ey, que chulos te han quedado Vic :)

kykiske, un efecto rapido bonito y para toda la familia... :lol:

olé que eslogan xDDD

;)

:D me encantan vuestros tutos son faciles y rapidos! yo uso bastante photoshop pero nada que ver con este estilo,muchas gracias!

Gracias por el tutorial, el efecto queda muy chulo :lol:

De nada :P

Hola!

Gracias por poner estos pasos para hacer iconos. Yo no soy muy dada a als artes de ningún tipo, así que esto ayuda mucho.
Me gustaría hacer uno, pero tengo el siguiente problema:
La parte de la imagen que quiero usar es reactangular y no cuadrada. Entonces al redimensionarla auqneu me quede más chica igual va a ser rectangular y no me servirá apra un ícono de 100x100.
Entonces no sé si solo puedo usar selecciones cuadradas o si hay alguna forma de hacerlo con rectangulares.
Yo las redimensiono en Imgen>tamaño de imagen, está bien ahí?

Gracias de antemano.

A ver... para que no se te deforme la imagen en la herramienta imagen>tamaño de imagen fíjate que esté marcado el cuadradito de abajo que pone "restringir proporciones" y después lo que tienes que hacer es modificar a 100 la cifra mayor de las dos (hablo de la altura y la anchura), y verás que la otra se modifica ella sola quedando a un valor menor de 100.... con esto conseguirás un icono rectangular en vez de cuadrado, pero que cumple las especificaciones del foro que te limita el MAX. tamaño del avatar a un tamaño de 100x100... todo lo que sea menor que esto, está permitido.

Espero que el rápido tuto se haya entendido, si no, me preguntas, vale?

Besote de fresa.

no me salen las lineas esas de colores

Muchas gracias por el tutorial...
Ahora solo necesitamos paciencia!tengo que empezar a prácticar,ahora ya no hay excusa! :P

una preguntita.... como se hace lo de la subexposicion de color del ultimo paso?? lo demas me a salido, pero me he trabado ahi... :blink:

En los modos de fusión de la capa, tienes que ponerlo en subexponer color (o si tienes el photoshop en ingles creo que es el burn color o color burn o algo asín :P)

Besote de fresa.

okisssss ya esta!!!! muchas gracias Linthalaa :D aunque la verdad esk no me a qedao muy parecido... bueno da = jeje :rolleyes:

Muy bueno el tuto pero como soy tan nulo para esto no se como hacer que las líneas sean de un color diferente al negro. ¿Alguien me podria ayudar?

Saludos :blush:

tonio, para poner la linea en otro color tienes que cambiar el color en los cuadros de color del menú de la barra de herramientas de la izquierda y luego seleccionar la herramienta línea en ese mismo menú y la línea te sale del color que tengas seleccionado.

Besote de fresa.

Bueno, acabo de aplicar este tuto de kykiske a una de las escenas que tenía pendientes, y la verdad es que el resultado es muy chulo(el truco ese de la capa blanca por el medio que aplicas a menudo, es bestial!!!! Me lo apunto en mi cabeza como recurso a tener muy en cuenta!!!). Bueno, pongo aquí el icono para que el profe lo vea, y vea que hacemos los deberes y eso, jijijiji



Besote de fresa pal profe que está hecho todo un maestro...exhibicionista (of course).

Ok, muchisimas gracias Linthalaa :D

Bueno yo he aplicado el tutorial no otra vez con la imagen dada,no me atrevo a ahcer como Linthalaa y aplicarlo a otro icono distinto,x si acaso la pifio,que por cierto te ha quedado el icono genial.



Aunque creo q me ha quedado un poquitin oscuro,haber si lo repito y me entero mejor

No Luux, no creo que sea cuestión de repetirlo.... ahora es cuestión de que ajustes opacidades antes de repetirlo todo o incluso meter un duplicado de la capa base y ponerla en modo trama con poquita opacidad (30% o así) y con eso ya conseguirías aclararlo un poco.

De todas formas, lo primero de todo es que "juegues" con la opacidad de la última capa que has puesto, la de subexponer color... porque esa capa se pone para oscurecer y contrastar, así que juega con la opacidad de esa capa y verás como se aclara u oscurece según la opacidad que le des.

Besote de fresa.

Muchas gracias Linthalaa por los consejos!es que ando super perdida,pero supongo que es normal,verdad???

Algún día quiero ser tan buena como vosotross... :huh:

Por supuesto que es normal que andes muy perdida, todos anduvimos igual de perdidos o más cuando empezamos.... yo sigo estándolo :P

De todas formas, lo importante es que no te rindas, tú sigue intentándolo, haciendo pruebas y demás. Si quieres más tutos de iconos te recomiendo que te pases por aquí, que tienen montonazo de tutos para iconos concretamente, y si quieres tutoriales en general, tengo un montón de webs de tutoriales en mi perfil del LJ. Te recomiendo que hagas tutoriales a montón, es la mejor forma para ir aprendiendo truquillos, ir viendo para qué sirven las cosas y demás.

Besote de fresa, y ánimo.

Linthalaa, me encanta el icon! Que mona mi vero con su casquito!! Me lo guardo ^^
El truco de la capa blanca es muy útil, porque se consigue una iluminación y color que ningún otro sistema consigue (ya sean curves, screen/trama o el brillo y contraste). Yo lo utilizo mucho, incluso para hacer otro tipo de iconos (como ya habéis visto en el tuto 3 jeje).

Luux, yo veo el icono bastante bien. Pero te remito al consejo de Linthalaa. Si el brillo no te convence, antes de guardarlo como resultado final, juega un poco con la opacidad de la capa que está en subexponer. O, en su defecto, aumentar la opacidad de la capa en blanco. En los dos casos el resultado es exactamente el mismo. Pero en cualquier caso, fíate de lo que ves en la imagen y no de los números ;)

;)

Dios!voy morir,es que me pierdo,que si las capas que si las opacidades,y no me encuentro...luego se me olvidaaaa! :llorar:

Que lio,pero paciencia,paciencia he de tener... :llorar:

Luux, relax!!! No se te olvida, porque es algo que en todos los tutoriales que hagas vas a tener que andar tocando, con lo cual, al final se te quedará. Además, simplemente hay que pensar un poco con la cabeza...

A ver, sigamos un lógico razonamiento... tienes el icono en el punto que le acabas de poner la capa blanca ... que pasa??? que no ves nada, solo algo blanco... nada más que un cuadrado blanco, ok... no problem, qué pasa si haces que ese cuadrado blanco sea medio transparente (o lo que es lo mismo, no tan opaco??? que entonces verás un poco lo que hay detrás... y cuanto menos "opaco" más verás lo que hay detrás. La opacidad, es exactamente eso, lo transparente que es una capa.... una opacidad del 100% es algo que no transparenta... (pongamos terciopelo) y una opacidad del 10%, por ejemplo es algo que transparenta muchísimo (pongamos una sola capa de tul).

Ahora vamos al siguiente paso, tenemos un cuadrado bastante blanquito pero que nos deja ver que hay una imagen debajo de él... y de pronto, el tío este del tuto me dice que le ponga una capa encima y que la ponga en subexponer color y ... "oh dios!!!!!!!! esto está oscurísimo!!!!!!!!!" Ok, relax.. no problem" partiendo de la base que el tio este del tuto, se curra unos iconos de la leshe, está claro que si el dice que tengo que hacer esto... pues es porque tengo que hacerlo... pero claro, para mi que esto está muy oscuro... y hace un segundo estaba demasiado claro... cómo consigo un término medio??? pues sencillamente haciendo medio transparente la última capa qeu he puesto... que está claro que me arregla el tema de estar demasiado claro de antes... y para que no esté tan oscuro, probemos a hacerla, un poquito más transparente, para que no se vea tanto. And... toqueteando la bendita y gloriosa opacidad... voilá!!! "Anda!!!!!!! Si resulta que el tio este del tuto tenía razón!!!!! Mira el jodío!!!!!!!!! Ahora entiendo por qué le salen tan chulos los icons... este tío es un monstruo!!!! Cómo mola el icono que me acabo de hacer!!!!"

Y así, fijándose un poco, y razonando un poco ... uno acaba acostumbrándose a los comandos y palabros del photoshop que al principio tanto nos desesperan.

Besote de fresa y... no os rindais!!!!!!!! Paciencia, todos somos capaces de hacerlo!!!

PD: kykiske, me alegro que te haya gustado el icono de Vero con el casco... para mi es todo un privilegio que os guardeis mis iconos para vuestra colección... aunque ese icono se puede decir que es más tuyo que mío ;)

Gracias,Linthalaa!
Tu siempre tan buenina explicandomelo todo!! :P :D
Siento ser tan quisquillosa,y lentina,pero cuando me salgan bien te voy a dar los honores a ti por todos tus consejos y a kykiske,por los tutoriales!! :P

Muchas gracias por el tutorial, y por las explicaciones que dais, porque yo empexcé ayer mismo, y vaya lio que tengo!! Serán fáciles, pero a mí me cuesta media hora encontrar cada botón!! :unsure:
Si me sale algo decente ya os lo enseñaré, que ahora estoy bscando tutoriales por ahí como una loca!! :lol:

Me ha encantao este tuto xq es muy facilito y queda muy mono, asi q gracias!!! ;)

bueno, he estao probando opacidades y eso xq con mi imagen qdaba raro... y al final a salido esto :unsure: :