1. ¡OFERTA! con cupón "DIRVPS": hosting por $0,01 y también VPS Linux y Windows por $0,01 el primer mes por Interserver ← publi
    Descartar aviso
Descartar aviso
Al usar este sitio web, aceptas que nosotros y nuestros socios podamos establecer cookies para fines tales como personalizar el contenido y la publicidad. Más información.

Taller: Smash Designs

Tema en 'Tutoriales Desarrollo Web' iniciado por angeltm, 12 Feb 2008.

  1. angeltm

    angeltm Guest

    Aqui posteare mis tutoriales personales,pero a diferencia de otros posts,solo posteare tutoriales de tecnicas de PS,trucos para diversas tareas,no de efectos,pienso que ya hay bastantes tutoriales en la web acerca de efectos...

    Y como tal vez haya uno que otro user/s problematico/s,que hacen criticas destructivas)por favor tengan en cuenta que todos estamos en el proceso de aprendizaje,TODOS somos novatos en el diseño de alguna manera,siempre habra alguien mejor que tu,lo mejor que uno puede hacer,es hacer criticas sanas,ok?

    Si tienen alguna idea para aportar,adelante,este tema lo creo por que quiero aportar a los users que van empezando,algunas ideas,que,no seran diseños maestros,pero por lo menos ya es un aporte no?,o eso espero.
    saludos amigos,empecemos con el primer tuto...


    <b>
    Renderado parte: I</b><div align="center"><!--sizeo:3--><span style="font-size:12pt;line-height:100%"><!--/sizeo-->

    ok,se podria decir que no es renderear,ya que no quitaremos el fondo al individuo,pero como es el mismo proceso,igual le servira a mas de uno....
    En este post veremos como renderear el cabello,y jugar un poco con los colores....

    Cabe mencionar,que,el trabajo realizado y del cual hablare en el tutorial,lo realice conforme a mis gustos,y me refiero a los pasos sobre pintar el cabello,utilizar degradado,etc...
    si lo que quieres es renderear solo saltate los primeros pasos,hasta donde se comienza a trabajar con el cabello....

    ---------------------------------------------------------------------------------------------------</div>
    <a href="http://rapidshare.com/files/91066524/Hair_colorplay01.psd" target="_blank"><u>PSD</u></a>
    <div align="center">---------------------------------------------------------------------------------------------------</div>
    -Para empezar tomaremos esta imagen.

    *Lo siguiente que haremos sera duplicar la capa (ctrl + J) siguiente nos vamos a saturacion(ctrl + U)y en las propiedades de saturacion lo dejamos en ¨0¨para que no tenga ningun color:

    <img src="http://i197.photobucket.com/albums/aa92/photo_shit_sucks/01-1.jpg" border="0" onload='image_resizer._create(this)' alt="Imagen IPB" />

    *El siguiente paso sera seleccionar la herramienta ¨Gradiente¨y seleccionar el color o combinacion que mas te guste:

    <img src="http://i197.photobucket.com/albums/aa92/photo_shit_sucks/02-1.jpg" border="0" onload='image_resizer._create(this)' alt="Imagen IPB" />
    <img src="http://i197.photobucket.com/albums/aa92/photo_shit_sucks/03-1.jpg" border="0" onload='image_resizer._create(this)' alt="Imagen IPB" />

    -Ahora lo que haremos es de nuevo duplicar la capa que esta en ¨blanco y negro¨seguido de situarnos en ella....


    *En imagen de la capa No.3,deja apretado el boton izquiero del mouse sobre la imagen,ya teniendo seleccionada la herramienta gradiente,y sin soltarlo,arrastra hasta cualquier direccion sin sobrepasar los margenes....una vez que sueltes el boton se visualizara la gradiente,dependiendo a que direccion direcciones la herramienta,tomara un tono distinto:

    <img src="http://i197.photobucket.com/albums/aa92/photo_shit_sucks/04-1.jpg" border="0" onload='image_resizer._create(this)' alt="Imagen IPB" />
    <img src="http://i197.photobucket.com/albums/aa92/photo_shit_sucks/05-1.jpg" border="0" onload='image_resizer._create(this)' alt="Imagen IPB" />

    *Nos vamos a las capas,y seleccionamos el estilo llamado: ¨COLOR¨,para que la imagen sea visible pero con un efecto multicolor en la misma:

    <img src="http://i197.photobucket.com/albums/aa92/photo_shit_sucks/06-1.jpg" border="0" onload='image_resizer._create(this)' alt="Imagen IPB" />
    <img src="http://i197.photobucket.com/albums/aa92/photo_shit_sucks/07-1.jpg" border="0" onload='image_resizer._create(this)' alt="Imagen IPB" />
    <b>
    -CABELLO-</b><!--sizeo:3--><span style="font-size:12pt;line-height:100%"><!--/sizeo--><!--sizec--></span><!--/sizec--><!--sizec--></span><!--/sizec-->​

    -Ok,esto servira para los que quieran renderear cabello o cualquier textura que este algo complicada de hacerlo...

    *Tomamos la herramienta borrador (eraser),seleccionamos un tamaño de pincel que nos acomode,seguido de configurar el nivel de opacidad(el grado de eliminacion nuestra herramienta,por ejemplo,si esta en 100%,borrara absolutamente toda la imagen seleccionada con el apuntador,mientras que si esta,por ejemplo en 50%,como lo indica el porcentaje,solo borrara la mitad seleccionada)En este tutorial,si lo estas siguiendo,selecciona 100%:

    <img src="http://i197.photobucket.com/albums/aa92/photo_shit_sucks/08-1.jpg" border="0" onload='image_resizer._create(this)' alt="Imagen IPB" />
    <img src="http://i197.photobucket.com/albums/aa92/photo_shit_sucks/09-1.jpg" border="0" onload='image_resizer._create(this)' alt="Imagen IPB" />

    *Comenzamos a borrar TODO lo que no queramos que tenga color,en este caso todo menos el cabello,eliminamos todo lo que se pueda,con mucho cuidado y precision:

    <img src="http://i197.photobucket.com/albums/aa92/photo_shit_sucks/10-1.jpg" border="0" onload='image_resizer._create(this)' alt="Imagen IPB" />
    <img src="http://i197.photobucket.com/albums/aa92/photo_shit_sucks/11-1.jpg" border="0" onload='image_resizer._create(this)' alt="Imagen IPB" />

    -Ya que quitamos todo lo que pudimos sin borrar el cabello,debemos tener mas cuidado en la siguiente parte,ya que cualquiera que vea nuestro diseño se fijara en todos los detalles,asi que debe quedar ¨lo mas perfecto posible¨....

    *Ahora nos situamos en el tamaño y opacidad de nuevo,esta vez con un tamaño de acuerdo a la seccion que queramos eliminar/borrar,y con un porcentaje de opacidad muy bajo,como puede ser un 20%...
    Esto sirve,para que al momento de dar clik con la herramienta BORRADOR,no se elimine por completo la seccion,sino que quede visible aun:

    <img src="http://i197.photobucket.com/albums/aa92/photo_shit_sucks/12-1.jpg" border="0" onload='image_resizer._create(this)' alt="Imagen IPB" />
    <img src="http://i197.photobucket.com/albums/aa92/photo_shit_sucks/13-1.jpg" border="0" onload='image_resizer._create(this)' alt="Imagen IPB" />

    *Con mucho cuidado vamos borrando lo mas preciso que podamos,las orillas de/los cabello/s,cuidando que ninguno sea borrado por completo,y borrando un poco mas las puntas del cabello,para que se vea mas ¨realista¨,por que si se ve mucho color en las puntas se vera un poco irreal:

    <img src="http://i197.photobucket.com/albums/aa92/photo_shit_sucks/14-1.jpg" border="0" onload='image_resizer._create(this)' alt="Imagen IPB" />
    <img src="http://i197.photobucket.com/albums/aa92/photo_shit_sucks/15-1.jpg" border="0" onload='image_resizer._create(this)' alt="Imagen IPB" />

    -Y bien,podria quedar algo asi,ahora tenemos listo el cabello,la parte principal del tutorial:

    <a href="http://i197.photobucket.com/albums/aa92/photo_shit_sucks/16-1.jpg" target="_blank">http://i197.photobucket.com/albums/aa92/ph..._sucks/16-1.jpg</a>

    -Pero como nos gusta que las cosas se hagan bien,le hacemos algunos cambios para que se vea mas ¨artistica¨la imagen:

    <img src="http://i197.photobucket.com/albums/aa92/photo_shit_sucks/17-1.jpg" border="0" onload='image_resizer._create(this)' alt="Imagen IPB" />

    -LABIOS-

    -Ahora,para que quede un poco mas completa la imagen(esto ya es asunto de la imaginacion de cada quien)le metemos un poco mas de ¨efectos¨...

    *Para empezar,nos situamos en la capa NO.2(no hagas caso al nombre de la capa xD):

    <img src="http://i197.photobucket.com/albums/aa92/photo_shit_sucks/18-1.jpg" border="0" onload='image_resizer._create(this)' alt="Imagen IPB" />

    *Y de nuevo con la herramienta BORRADOR(ya sabras usarla ahora,verdad?),configuramos como les he enseñado,a gusto,ahora....
    Comenzamos a borrar hasta que la seleccion nos quede a gusto:

    <img src="http://i197.photobucket.com/albums/aa92/photo_shit_sucks/19-1.jpg" border="0" onload='image_resizer._create(this)' alt="Imagen IPB" />
    <img src="http://i197.photobucket.com/albums/aa92/photo_shit_sucks/20-1.jpg" border="0" onload='image_resizer._create(this)' alt="Imagen IPB" />

    Y LISTO!!

    Con un par de detalles que le agregues,quedara terminado tu diseño listo para ponerlo de fondo,o para enseñarlo a la comunidad:

    <img src="http://i197.photobucket.com/albums/aa92/photo_shit_sucks/21-1.jpg" border="0" onload='image_resizer._create(this)' alt="Imagen IPB" />

    Algunos ejemplos que hice de este metodo:

    <img src="http://i197.photobucket.com/albums/aa92/photo_shit_sucks/colorplay_smashdesign.jpg" border="0" onload='image_resizer._create(this)' alt="Imagen IPB" />

    <img src="http://i197.photobucket.com/albums/aa92/photo_shit_sucks/Express.jpg" border="0" onload='image_resizer._create(this)' alt="Imagen IPB" />

    <img src="http://i197.photobucket.com/albums/aa92/photo_shit_sucks/hairstyle01_bysmashangel.jpg" border="0" onload='image_resizer._create(this)' alt="Imagen IPB" />
     
  2.  
  3. Farvon

    Farvon Usuario activo Colaboradores

    Gracias por el aporte angeltm... ;)

    Por favor modifica las imagenes que sobrepasan el tamaño permitido por el Foro y ajusta tu firma a las reglas del mismo... ;)
     
  4. Flyer86

    Flyer86 Guest

    MUUUUUY BUENO, SE TE AGRADECE EL TIEMPO Q T TOMAS EN HACER ALGO ASI...A MUCHOS LES VA A SERVIR VAS A VER
     
  5. Javi_SuperStar

    Javi_SuperStar Nuevo usuario

    Se ve muy bien el resultado, buen tuto. Por qué no los pones directamente en la sección de tutoriales??
     
  6. jcasamoster

    jcasamoster Nuevo usuario

    Gracias por tu aporte, espero con impaciencia más
     
  7. Darkman

    Darkman Nuevo usuario

    Gracias, lo muevo a tutoriales.
     
  8. MrRLiN

    MrRLiN Nuevo usuario

    orale muy buen aporte man..
     
  9. Lucia

    Lucia Nuevo usuario

    Muy buen tutorial.

    Gracias por compartirlo.
     
  10. PlasticMonster

    PlasticMonster Nuevo usuario

    que bien, me encanta este sitio, y tu tutorial esta muy bueno, muchas gracias por tomar el tiempo de hacerlo

    me agrada mucho por que nunca eh retocados fotos en photoshop (y eso que para eso es el programa) siempre lo use para diseñar cosas no se...

    pero ahora espero aprender bien lo q es edicion y tu tutorial me ayuda mucho

    una pregunta, si la mujer de la foto que queramos usar tiene el pelo negro? hay alguna forma de aclararcelo seleccionándolo y jugando con los tonos o algo? me interesa saber eso, si es q alguien me da algún truco, y tb asi para seguir este tuto y se note mejor el color

    gracias de nuevo (=
     
  11. danyael

    danyael Nuevo usuario

    gracias hermano buen tuto de inmediato lo aplicare para ver que resultados tengo en esto de photoshop soy novato... aver que tal de nuevo gracias..
     
  12. elQuique

    elQuique Usuario activo

    Twizzter, bienvenido al foro
     
  13. matrux

    matrux Nuevo usuario

    espectacular el efecto, ya lo tratare de hacer; por cierto a la ultima imagen le colocaron letras en el pelo, como puedo hacer ese efecto para las letras?
     


Alojamiento web, Hosting Reseller, Servidores Dedicados - All in Hosting


    
    
    
    
Blog · Sitios amigos: GuiaHosting · Unidominios · Interalta ·