View Full Version: Tutorial - Icon #2: Michael (PB)

Foro VMS > Tutoriales > Tutorial - Icon #2: Michael (PB)


Title: Tutorial - Icon #2: Michael (PB)


kyra - August 25, 2006 06:38 PM (GMT)
Bueno, he hecho un tuto sobre un icono muy común últimamente, que mezcla colores con imagen en blanco y negro. En él se tratan otras cosas interesantes, como el uso de curvas de una forma sencilla, y otros efectos. Espero que os guste!!

Tutorial redactado por mi. Queda totalmente prohibido su publicación en otros websites

[doHTML]<div style="text-align: center"><img id="image98" alt="presentacion-itut1" src="http://kyra.veronicamars-spain.com/wp-content/uploads/2006/08/presentacion-iconpb.jpg" /></div>
<p>La imagen de la que partimos se ve borrosa, y la verdad que poco atractiva a la vista.</p>
<p><img id="image99" alt="itut1-inicio" src="http://kyra.veronicamars-spain.com/wp-content/uploads/2006/08/tut-iconpb-inicio.jpg" /></p>
<p>Así que lo primero que haremos será ocuparnos de esto.</p>
<p><strong>>>>1.- </strong>Duplicamos la capa base <strong>Capa >> Duplicar >> Capa</strong> o <strong>pulsando Ctrl+J</strong> y luego <strong>Filtro >> Enfocar >> Enfocar</strong>(los filtros los aplicaremos siempre sobre capas duplicadas, no sobre la original, por si acaso luego queremos volver atrás).</p>
<p><img id="image101" alt="itut1-1" src="http://kyra.veronicamars-spain.com/wp-content/uploads/2006/08/tut-iconpb-1.jpg" /></p>
<p><strong>>>> 2.-</strong> El resultado es bastante bueno, pero la cara de Michael se ve demasiado enfocada, así que vamos a suavizarla un poco.<br />
Para ello usaremos la herramienta <strong>dedo <img alt="smudge-tool" id="image110" src="http://kyra.veronicamars-spain.com/wp-content/uploads/2006/08/smudge-tool.jpg" /></strong>. La técnica de suavizado está más detalladamente explicada en <a target="_blank" href="http://z13.invisionfree.com/Milenium_Designs/index.php?showtopic=43">este otro tutorial</a>.</p>
<p><img id="image102" alt="itut1-2" src="http://kyra.veronicamars-spain.com/wp-content/uploads/2006/08/tut-iconpb-2.jpg" /></p>
<p>Mejor, ¿verdad?</p>
<p><strong>>>> 3.-</strong> Ahora llega la parte en la que nos encargamos de la parte en blanco y negro.<br />
Duplicamos la capa enfocada anterior <strong>Capa >> Duplicar >> Capa</strong> o <strong>pulsando Ctrl+J</strong>.<br />
Para desaturarla, o lo que es lo mismo, pasarla a blanco y negro, presiona <strong>Ctrl + Alt + U</strong> en tu teclado.<br />
Usando la herramienta <strong>mover <img alt="move-tool" id="image111" src="http://kyra.veronicamars-spain.com/wp-content/uploads/2006/08/move-tool.jpg" /></strong>, la movemos hacia la derecha (un truco es seleccionar la herramienta mover y usar las teclas de desplazamiento del teclado, de esta forma se mueve un pixel cada vez y es más fácil no desviarse).</p>
<p>Cuando la tengamos en el sitio deseado, con la herramienta <strong>marco rectangular</strong> <img alt="rectanglemarquee-tool" id="image108" src="http://kyra.veronicamars-spain.com/wp-content/uploads/2006/08/rectanglemarquee-tool.jpg" />, seleccionamos la parte de la izquierda del icon en la que queremos que se vea la foto en color, y usando la tecla borrar del teclado, la borramos.<br />
No te preocupes si te equivocas, puedes deshacer la acción en <strong>Edición >> Deshacer</strong>.</p>
<p><img id="image103" alt="itut1-3" src="http://kyra.veronicamars-spain.com/wp-content/uploads/2006/08/tut-iconpb-3.jpg" /></p>
<p><strong>>>> 4.-</strong> Nuestro icon va tomando forma.<br />
Lo próximo que haremos será usar un brush hecho por <a target="_blank" href="http://liminalstate.livejournal.com/">liminalstate</a> (puedes ver cómo instalar brushes en <a target="_blank" href="http://s14.invisionfree.com/vmarsspain/index.php?showtopic=628">este otro tutorial</a>).<br />
Crea una nueva capa <strong>Capa >> Nueva >> Capa</strong> o <strong>Ctrl + Mayus + N</strong> (los brushes siempre en una capa nueva, nunca sobre imágenes), escoge el color blanco, y con la herramienta <strong>pincel</strong> <img alt="brush-tool" id="image109" src="http://kyra.veronicamars-spain.com/wp-content/uploads/2006/08/brush-tool.jpg" /> y el brush deseado haz clic sobre el lienzo.<br />
Si es demasiado ancho, o quieres modificar el tamaño, recuerda que puedes hacerlo como si fuera una imagen, pulsando <strong>Ctrl + T</strong>.</p>
<p><img id="image104" alt="itut1-4" src="http://kyra.veronicamars-spain.com/wp-content/uploads/2006/08/tut-iconpb-4.jpg" /></p>
<p><strong>>>> 5.-</strong> Ya casi lo tenemos, pero los colores son muy planos, muy apagados.<br />
Aquí es donde entran en acción mis queridas curvas (<a href="http://kyra.veronicamars-spain.com/uso-de-las-capas-de-ajuste-en-photoshop-curvas/" target="_blank">post sobre curvas 1</a> y <a href="http://kyra.veronicamars-spain.com/otro-tutorial-sobre-curvas-en-photoshop/" target="_blank">post sobre curvas 2</a>).<br />
Vete a <strong>Capa >> Nueva capa de ajuste >> Curvas</strong> y aplica las siguientes settings:</p>
<p><img id="image106" alt="itut1-6" src="http://kyra.veronicamars-spain.com/wp-content/uploads/2006/08/tut-iconpb-6.jpg" /></p>
<p><strong>>>> RESULTADO:</strong></p>
<p><img id="image105" alt="itut1-5" src="http://kyra.veronicamars-spain.com/wp-content/uploads/2006/08/tut-iconpb-5.jpg" /></p>
<p>Tachán!!</p>
<p>Aquí está nuestro icon, con los colores y la calidad de la imagen mejorada.<br />
Espero que el tutorial os haya sido útil.<br />
Si tenéis alguna duda, podéis comentar esta entrada e intentaré responder tan pronto como sea posible.</p>[/doHTML]

Original publicado en mi blog

AnuKa - August 25, 2006 07:55 PM (GMT)
wow!!! gracias kyra por el tutorial :D esta muy bien explicado, y el resultado es genial. cuando pueda preubo a ver si me sale ^^

Emma - August 25, 2006 09:49 PM (GMT)
muchas gracias Kyra!!!!!!!!!! de dnd es ese brush? es predeterminado o te lo has mangao tu? esque se parece al de ls brushes humedos

me encantaaaaaaa wenty...ays :rolleyes:

LaU* - August 25, 2006 10:38 PM (GMT)
Muy buenooo!! y Wenthy es hermoooosssooo!! <3

kyra - August 26, 2006 09:12 AM (GMT)
Gracias, me alegro de que os guste el tuto :)

Emma, el brush es de liminalstate, lo pone por ahí en el tutorial ;)

Luux - August 26, 2006 10:00 AM (GMT)
Muy chulo el tutorial,hay que probarlo!!

Melfina - August 26, 2006 11:05 AM (GMT)
Muchas gracias por el tuto, en cuanto pueda lo pruebo :lol:

Nanuk - August 26, 2006 11:49 AM (GMT)
te ha quedado genial el tuto, a ver si a partir de ahora usamos más las curvas, o al menos yo, que a veces no recuerdo que existen xD y eso que es una forma muy sencilla de darle buena calidad a las imagenes :)

muchas gracias por el tutorial kyra! ;)

CyanBloodbane - August 26, 2006 02:04 PM (GMT)
pedazo de tutorial te has currado!!!!!!!!!
Oye esta explicado perfect, muchas gracias

Cristinista - August 26, 2006 08:13 PM (GMT)
:yuju: :cheer: ya estaba yo deseando ver tutos de icons nuevos x aki, lo probare a ver q sale :)

Lena_Mars - January 4, 2007 02:16 AM (GMT)
genial el tuto este!!! zankiu veri mach!!! ;)

no se q os parecera lo q me ha quedao xq como no encontre el brush exacto he pueso otro y tb le he añadido texto...

user posted image

kyra - January 4, 2007 01:55 PM (GMT)
wow, me encanta Lena_Mars, te ha quedado genial :)




Hosted for free by InvisionFree