content top
Tutorial – Styles Shoes – Dando estilo a nuestros zapatos

Tutorial – Styles Shoes – Dando estilo a nuestros zapatos

Tags: , , , , ,

Este es un pequeño tutorial donde aprenderás a diseñar, combinar colores, obtener resultados diferentes. No es un tutorial complicado, de hecho quizás ya lo hayan visto un diseño similar.

Como todo tutorial te dejo el pack de todo lo usado en el tutorial:

Si el anterior link no te funciona puedes descargarte el pack dando Click Aqui

Comenzamos creando un nuevo archivo (Ctrl. + N) 700 x 900, como siempre digo el tamaño del archivo puede variar según como queramos.

Ahora con la herramienta Bote de pintura (G) pondremos un fondo de color #111111, a continuación colocaremos la textura llamada “003_wpg_oldhouse” (esta textura es propiedad de Resurgere) que viene en el pack de lo que se uso en el tutorial, a esta textura le pondremos el modo de capa en Multiplicar y tambien le bajaremos su Opacidad a 25% como podrás ver baja la tonalidad y se filtra con el fondo, dando un aspecto de fondo grandioso:

A continuación crearemos una nueva capa (ctrl. + Mayus + n) a esta le pondremos Nubes, para eso te vas a Filtro/ Interpretar/ Nubes y para lo que vamos a lograr como ves en el Resultado final del diseño solo borraremos lo que no nos servirá:

Ahora a la capa de nubes lo que nos sobro de nubes le pondremos las siguientes opciones de fusión, para abrirlas es cuestión de dar doble click en la capa donde los pondrás, o dar click derecho y luego escoger opciones de fusión que tambien son llamadas estilos de capa, tu puedes elegir otro tipo de resultado para las opciones de fusión, ya teniendo puesto el estilo, la misma capa de nubes le cambiaras el modo de capa a Luz suave (como hiciste con la textura anteriormente):

Ahora que ya tienes la capa de nubes con todo lo mencionado, duplicaras esa capa de nubes y le borraras sus opciones de fusión y la pondrás en modo de capa Sobreexponer Color:

Ahora colocaremos el objeto, en mi caso pondré un “zapato para soccer”, como ven en el resultado agregaremos muchas cosas, bueno ya puesto el objeto, trataremos antes de seguir de integrarlo un poco al fondo, para eso usaremos mascaras de recorte, en mi caso como lo que se quiere lograr es algo duro o mas bien texturizado le coloque diferente cosas.

Ahora para crear una mascara de recorte lo que debes hacer es primero tener todo lo que pondrás como recorte encima de la capa sobre lo que lo pondrás, lo que hace en si la mascara de recorte es solo usar la imagen, textura, brush o lo que pongas en el objeto ósea que solo lo podrás ver en el objeto y no en el fondo, claro eso depende si al objeto que lo pondrás no tenga fondo.

Aquí te dejo un link para que sepas más sobre las mascara de recorte y entiendas mejor:

Video tutorial del uso de mascara de recorte

Nota: Una aclaración en adobe photoshop CS3, se aprieta (Ctrl. + Alt. + G) para próximas dudas que puedan salir.

Muy bien ahora a lo que vamos le pondré 2 texturas y una capa de ajuste:

Para colocar los objetos y texturas solo coloque las 3 capas que viene siendo lo que use, encima de mi zapato de soccer, seleccione las 3 capas y apreté (Ctrl. + Alt. + G) y listo tienes tu mascara de recorte.

Como podrás ver la capa de ajuste que le puse fue la colección selectiva y le baje su opacidad a 80% y a la textura de la izquierda lo puse en modo Luz suave y 30% de opacidad y a la textura de la derecha solo la coloque en Luz suave.

Te explico lo que puse para que te des una idea de cómo puedes poner tus objetos en tus mascaras de recorte, los modos que puedes usar y tambien el nivel de opacidad.

Ahora le pondremos una textura mas para darle una tonalidad más fuerte y luminatoria, la textura viene en el pack (la textura fue sacada de enchanted-stock) y se llama Stock 032, ya puesta encima de todas las capas la pondremos en modo de capa Superponer a un 50% de opacidad:

Ahora con la herramienta pluma (P) haremos unas líneas tipo contorno del zapato, ya teniendo la pluma solo es cuestión de poner las propiedades que muestra la imagen, trazar solo el contorno y luego crear una nueva capa (ctrl. + Mayus + N), ahora escogeremos un grosor para el trazo para eso agarramos la herramienta pincel escoges uno entre 3 y 5 píxeles, si no es una figura grande puede ser de 2 px de grosor, ahora volvemos agarrar la pluma damos click en la capa luego dar click derecho al trazado de pluma y dar en contornear después de crear la primera, esta que ya tenemos la duplicamos y la movemos un poco ya sea para adelante o para abajo, arriba, después le bajamos la ponemos en modo Superponer, te debe quedar algo así:

A continuación tomamos la herramienta pincel (B), y escogemos uno de círculo difuso de 13px o 17px dependiendo como digo, del tamaño del diseño, ahora al pincel le ponemos las siguientes propiedades:

Ahora pasamos el brush por los lugares donde pondremos las luces, como ves en la imagen de arriba.

Agregamos un par de brushes (T9 Dirty Sprays) por el diseño.

Ahora como consiguiente agarramos la herramienta pluma y hacemos líneas curvas como ves en la imagen no es difícil se hace con la pluma, solo se usa el contornear con un pincel circular de 2px o 3px solo vas haciendo líneas como pero líneas según la dirección del objeto como en el de la imagen:

Ahora agregaremos un brush de líneas, el que coloque es de PAULW’S (también tiene otros buenos brushes), después otro brush que ayudaría son los de r0man después a estas capas de brushes las puse en Modo Superponer, deberías obtener algo como esto:

Muy bien, ahora le toca a los c4d’s en este caso yo use los mismos que use en el diseño “Expressions”, los pongo en el pack para que vean y puedan usarlos también, como podrán ver son colocador en la parte de atrás del zapato y la de en medio dando un efecto de luz quebrada, a estos c4d se les pone en modo de Sobreexponer Color, te debe quedar algo así:

Le agregamos 2 capas de ajustes para eso te vas a Capa/Nuevas capas de  ajustes/ las que agregaras son Niveles y la de Brillo/Contraste, las propiedades van a tu visión de ver como quedan los resultados con diferentes propiedades, las propiedades que yo puse las puedes ver en el psd del tuto.

Ahora agregaremos un stock enchanted-stock que usaremos como textura cortando la parte inferior que parece piso y dejando solo la parte de arriba, y a esta capa donde esta la textura la ponemos en modo Superponer con 50px de opacidad, agregamos un c4d expansivo en modo Aclarar con 50px de opacidad, después creamos una nueva capa y aplicaremos imagen (Imagen/Aplicar Imagen) y como explico en el tutorial Sombras y Luces, agregaremos un poco de luz muy suave en la imagen aplicada, te debe quedar algo así:

Lo siguiente será crear una nueva capa (Ctrl + Mayus + N), por consiguiente a esta capa le aplicaremos el filtro nubes, para eso nos vamos a Filtro/Interpretar/Nubes, después a esta capa de nubes la ponemos en modo Superponer, después aplicamos la imagen en una nueva capa, agregando a la imagen ya aplicada un poquitín de iluminación nada exagerado, quedando algo así:

Agregamos una capa de ajuste, Mezclador de canales, con las propiedades que aparecen en la imagen (este ajuste dará un toque más oscuro tirando a algo mas preciso en el diseño) y aplicamos imagen en una nueva capa (Imagen/ Aplicar Imagen). Después agregaremos algo de color al diseño, como? Un efecto muy usado por varios diseñadores es agregarlo del siguiente modo:

1.- Agarramos un pincel difuso circular de un tamaño respectivamente entre 20-30px o mas dependiendo.

2.- Ahora lo siguiente es crear una nueva capa encima de la última capa (donde aplicamos la imagen)

3.- Ahora escogeremos los colores que usaremos en mi caso yo escogí los siguientes colores: rojo, azul, verde, morado, toques de amarillo no les pongo el código de colores ya que los colores son fácil de encontrar, no es un color especial o preciso, por así decirlo, solo buscas un rojo ni tan fuerte ni tan bajo, o un azul ni tan fuerte ni tan bajo, algo termino medio.

4.- Ahora con el pincel difuso pasaremos o aplicaremos en las partes donde desees que ira el color, después de haberlo aplicado a la capa la pondremos ya sea en Modo Color o Luz suave, en cualquiera de los dos podría quedar bien.

Y listo tendrás algo así:

Como podrás ver no es tan necesario que se rellene el diseño del color pero que si le de el toque. Bueno ahora crearemos una nueva y aplicamos todo lo ya hecho, ósea aplicar imagen (Imagen/ Aplicar Imagen).

Ahora creamos una nueva capa encima de la que acabamos de aplicar, con un pincel difuso circular en color blanco, el tamaño del pincel de entre 20, 40px, esto es para agregar un poco de luminosidad puesta. Lo aplicaremos, en la nueva capa, el pincel solo un click (Me refiero a que solo una vez aplicaras por cada parte donde pongas) por cada lugar donde pongas esta luz, después ya teniendo las bolitas de color blanco ponemos esta capa en modo Superponer, y aplicamos la imagen en una nueva capa, que te quede algo así:

Ya tenemos listo todo, ahora se podría decir que aquí ya acabamos, te preguntaras como hacer los otros efectos? muy fácil:

1.- Para el efecto del fondo colorido de color amarillo, rojo, morado y azul. Como explique anteriormente la técnica usada por algunos diseñadores de hacerlo con el pincel difuso, bueno, crearemos un nueva capa encima de la que acabamos de aplicar imagen (paso anterior) haremos lo mismo solo que es este caso aplicaremos el pincel en los extremos izquierdo y derecho de arriba y abajo y aplicando toques muy suaves en el centro del diseño, después a esta capa donde aplicaste el pincel la pones en modo color.

2.- Creamos una nueva capa para aplicar imagen, aplicamos la imagen (Imagen/ Aplicar Imagen), después duplicamos esta capa que acabamos de aplicar, le pondremos el filtro Enfocar (Filtro/Enfocar/Enfocar) ahora le bajaremos la opacidad a unos 50 – 70px, después apretaremos Ctrl + E para acoplar la imagen con la de abajo, y ya tenemos un enfoque peculiar.

3.- Para el otro efecto es un c4d, de hecho es el que viene en pack de l tutorial, lo duplicas lo transformas un poco y lo unes con el original y ya solo acomodas y lo pones en modo Sobreexponer Color, después volvemos a aplicar imagen en una nueva capa, añadimos luz o porque no sombras, con las herramientas Sobreexponer y Subexponer, aquí te explico tips de estas 2 herramientas Tutorial sombras e iluminaciones, y ya listo acabamos.

Ahora si de ti viene agregar cosas mejores, un poco más de imaginación y más mucho mejor resultado podrás alcanzar, aquí el resultado final:

Espero que este tuto les haya servido con algunas técnicas y puedan ponerlo en práctica.

Un saludo.

Articulos Interesantes

Compartelo
Twit This Post

Subscripcion RSS Feed 

83 Comentarios a “Tutorial – Styles Shoes – Dando estilo a nuestros zapatos”

  1. Kurara!!! dice:

    Hola!!! soy yo de nuevo!!! podrias decirme el autor de los c4d?¿? Es q los he usado para un trabajo de fotomanipulacion y me gustaria poner su nombre,ya q el trabajo lo subo en mi galeria de Deviantart!!! Gracias!!!

  2. Kurara!!! dice:

    Bueno pues entonces si los reconoce ya dira algo!!! Jajajaja!!!!
    No se si puede poner el enlace pero para que veas como me quedo el trabajo y darte las gracias pq sin descubrir tu tutorial no hubiera podido nunca realizarlo!!!!
    http://silvia15.deviantart.com/art/apple-event-112244046

  3. David dice:

    Ta bueno el tutorial pero un problema me descarge el pack y no encuentro la imagen que dices en el paso 1 “003_wpg_oldhouse”

  4. [...] Photoshop Creativo – Recursos, Tutoriales, Manuales, Descargas, Inspiración, Utilidades &quot… – [...]

  5. [...] Click aqui para abrir el tutorial Comparte este post: [...]

  6. Luciano dice:

    Tengo problemas con el servidor donde subistes el pack cn las imagenes….
    Podrias subir el pack a otro servidor…
    Desde ya muchas gracias y felicitaciones por el tutuorial….

  7. Leandro dice:

    hola ¡¡¡

    ayuda urgente ?

    no logro ralizar el efecto de las nubes, tengo photoshop cs3-.pongo las nubes con color blanco, borro lo que no deseo, la pongo a luz suave al 100%, con superposicion de color #703410, despues duplico la capa y saco las propiedades anteriores y la pongo en sobreexpociono de color al 100% pero queda como amarillenta la nube.

    a aver si mi pueden ayudar.

    saludos desde argentina.
    LeandroG.

  8. Leandro dice:

    0kay dario. solo era una pequeñes. Cuando hice la nube los colores eran cualquiera, me refiero a los q estan en la barra de herramientas en la parte iferior izquierda.entonces,cabe aclarar que, cuando se crea la nube hay que definir los colores, por mi parte le puse blanco(#ffffff)-frente- y negro(000000)-atras-, para los que no sepan.Gracias por el tuto.Cuelgo el link cuando lo termine.
    LeandroG.

  9. Anny dice:

    Hola!

    La parte de colocar las 2 texturas no la entiendo..a parte esa textura azul no vino en tu pack, de donde la saco o como hago???…sorry pero apenas estoy aprendiendio.=(

    • Dario dice:

      Primero pones las texturas encima de la capa del Zapato, luego apretas (Ctrl. + Alt. + G, para ponerlos como mascara de recorte, a cada textura le pones los ajutes que se indican (luz suave con opacidad baja).

      Una recomendacion, puedes decargarte el psd del tutorial para que puedas ver una mejor perspectiva de como se hace.

      Saludos :)

  10. jjrodriguez dice:

    hombre eso de las nubes no me da keda demasiado brillante y no se ve real a ver si me puede ayudar muchas graxias

  11. jjrodriguez dice:

    tampoco me da lo de Imagen aplicar imagen… no lo encuentro

  12. jjrodriguez dice:

    Muchas gracias el problema kon lo de aplicar imagen era k la terxtura era de dimensiones muy pekeñas y no me salia la opcion pero ya me dio……..excelente tuturial y un diseño muy bueno espero k sakes mas para aprender jeje graxias

  13. derby dice:

    una consulta cual es la tipografia que usaste para el logo de psd creativo

    saludos

  14. Derby dice:

    Estebanjd pues creo que noes la fuenteque busco, la que me refiero es la que sale en el logo de psd creativo, esas fuentes gruesas

  15. [...] dejo el link de psdcreativo para que te destaques, y por si acaso necesitas el pack aqui lo [...]

  16. Logan dice:

    Hola, Dario! Qué tal? Te quería preguntar, porque estoy haciendo el tutorial, de dónde sacaste la zapatilla de Nike que utilizaste, porque no esté en el pack y no encuentro una. Quiero hacer el tutorial tal cual lo hacés vos, pero no quedo estancado en el paso de Máscaras de Recorte.

    Muchas gracias.

    Saludos, ;)

  17. Emma dice:

    hola,oye no me sale mascare de recorte

Dejar un comentario