Foros del Web » Creando para Internet » Diseño Gráfico »

Tutorial - Cómo hacer una etiqueta de ropa realista en Photoshop

Estas en el tema de Tutorial - Cómo hacer una etiqueta de ropa realista en Photoshop en el foro de Diseño Gráfico en Foros del Web. Ante la duda de @natig en el post: http://www.forosdelweb.com/f6/etique...toshop-968024/ decidí hacer un pequeño tutorial de cómo hacer en photoshop una etiqueta de ropa que parezca ...
  #1 (permalink)  
Antiguo 10/01/2012, 11:00
Avatar de valentina4you
Colaborador
 
Fecha de Ingreso: agosto-2010
Ubicación: Montevideo
Mensajes: 1.623
Antigüedad: 13 años, 8 meses
Puntos: 285
Información Tutorial - Cómo hacer una etiqueta de ropa realista en Photoshop

Ante la duda de @natig en el post: http://www.forosdelweb.com/f6/etique...toshop-968024/ decidí hacer un pequeño tutorial de cómo hacer en photoshop una etiqueta de ropa que parezca real. Antes que nada, voy a aclarar... este es un tuto hecho a MI MODO, es decir, los diseños son puramente personales, se puede lograr mismos efectos de distintas formas y lograr distintas combinaciones de efectos para lograr otras variaciones del trabajo, los que saben de esto entienden lo que digo. Dicho esto vamos a empezar:

¿Cómo hacer una etiqueta realista en photoshop?



1- Lo primero que hice fue crear un fondo, cualquiera. Simplemente para mostrar el trabajo y aplicar las luces y sombras con respecto a los colores de ese fondo. El fondo lo he organizado en una carpeta a parte.
2- Una vez hecho esto he creado otra carpeta para la etiqueta, aquí voy a ir organizando mis capas para hacer la etiqueta. Lo primero que vamos a hacer es hacer un rectángulo con la herramienta seleccionar, del tamaño que quiero que sea mi etiqueta. Una vez tenga la selección voy a hacer click en nueva capa (dentro de mi carpeta de etiqueta) y voy a nombrar a mi capa como quiera, en este caso "fondo_etiqueta"
3- Cuando ya tenemos la selección hecha y estamos situados en nuestra nueva capa "fondo_etiqueta" lo que hacemos es rellenar la selección. Para esto hay varias formas, Edición > Rellenar (Mayúscula + F5), con la herramienta cubo de pintura o con el degradado. Yo voy a utilizar el cubo de pintura porque para controlar el brillo que nos dará la curvatura voy a realizarlo a parte.
Lo primero es cambiar el color que queremos que tenga nuestra etiqueta. En mi caso he elegido un negro azulado: #000b1d. Azulado para mantener la gama de colores que estoy utilizando. Tomamos la herramienta de bote de pintura y rellenamos. Una vez tengamos ya el fondo, lo que voy a hacer es acomodar el tamaño y la posición de mi "fondo_etiqueta" hasta que quede a mi gusto.



4- Capa para Brillo. Ahora vamos a darle el brillo. Para tener mayor control en el brillo lo que voy a hacer es hacerlo en una nueva capa. Creamos una nueva capa, la renombramos como queramos, en mi caso le he puesto "brillo". Vamos a rellenar con un degradado, pero para ello necesito tener la misma selección que la que usé para el fondo, si ya no tengo la selección del fondo lo que voy a hacer es, presionando la tecla CTRL hacer click en la capa "fondo_etiqueta" pero no en el nombre (de lo contario seleccionará la capa actual y la del fondo) sino en la miniatura de la capa, de esta forma nos seleccionará exactametne lo mismo que utilizamos para el fondo.
5- Cuando ya tengo nuevamente mi selección lo que voy a hacer es rellenar con un degradado. Para ello, elijo la herramienta degradado, elijo el color blanco y hago click en la paleta de degradado para que se me abra la configuración avanzada. Lo que quiero es un degradado así: transaprente > blanco > transparente. Para eso voy a tomar los controles de opacidad y voy a poner los de las puntas en opacidad 100% para que me haga una transparencia total, y en el medio voy a elegir una opacidad de 100%. Nos aseguramos de tener el degradado lineal y pintamos la selección con el degradado que queramos. Podemos probar pintando, si no nos gusta deshacemos y volvemos a pintar, así hasta lograr el degradado que más guste.



6- Lo que voy a hacer ahora es acomodar el brillo para que quede real. Para empezar voy a cambiar el modo de capa a LUZ SUAVE. Y a ajustar el tamaño del brillo hasta lograr que quede de mi total agrado. Por esta razón hice el brillo a parte, para ajustarlo independientemente del color de la etiqueta y provocar la curvatura (dada por la ilusión del brillo) en donde más me guste.
7- Ahora voy a colocar una textura de tela a la etiqueta, para que parezca aún más real. Voy a utilizar la misma textura que utilicé en el fondo, pero reducida. Para esto voy a hacer pasos rápidos: Duplico la textura que utilicé para el fondo (o consigo otra) achico hasta lograr un tamaño de textura acorde a mi etiqueta, tomo nuevamente la selección de mi etiqueta (como dije antes, con CTRL + Click en la miniatura del "fondo_etiqueta") invierto la selecciín (cntrl + shift + I) y recorto, o en su defecto hago una máscara. Una vez tengo la textura del mismo tamaño de mi etiqueta coloco el modo de capa en SOBREEXPONER COLOR. El resultado dependerá siempre de los colores, pero pueden probar con otros modos de capa y con la transparencia de la capa.
8- Ahora voy a colocar un par de elementos en mi etiqueta. Un texto y un ícono. Puse un texto el color blanco y un ícono en color blanco, los ubiqué en el diseño y el modo de capa que les puse fue SUPERPONER.



9- Lo que nos queda ahora es darle unos toques finales. Costuras y la sombra en la tela. Voy a empezar con la costura. Una costura común es la reforzada, que es como una X así que no me voy a molestar con pinceles ni nada de eso, simplemente tomar texto y hacer X. [Ajusté un poco el texto y el icono para que me entraran las costuras] Hice varias X con texto y la fuente "system" en color blanco y el modo de capa en SUPERPONER. Aguste el largo a la etiqueta y luego dumpliqué la capa para hacer la del otro lado.
10- Ahora lo único que falta para terminar de darle realismo es la sombra sobre la tela. Para ello se puede utilizar las propiedades de capa y darle una sombra paralela, pero a mi criterio no logra un efecto completamente real. Nuestra luz está de frente, por eso nuestro brillo es regular, esta encima de la etiqueta el foco de luz, por esa razón la sombra también debe ser igual. Así que la voy a hacer a mano. Nuevamente tomo la selección del fondo de mi etiqueta, hago una capa nueva, la nombro SOMBRA, la sitúo debajo de mi capa "fondo_etiqueta". La relleno de negro, quito la selección y voy a FLITRO > DESENFOQUE GAUSSIANO (modifico la configuración para que quede una sombra difuminada).
Muevo, redimensiono la sombra hasta que quede a mi gusto. Ahora, al hacer esto tengo un excedente de sombra que no debería, si el borde inferior está tocando la tela no debería de haber sombra, es por eso que voy a recortar ese pedazo, simplemente seleccionando la parte inferior y recortando la sombra. Luego pongo el modo de capa en multiplicar, no habrá mucha diferencia visual pero el colocar este modo si queremos cambiar el color de fondo la sombra se oscurecerá según el color de fondo.



PLUS: he dejado allí la misma etiqueta cambiando los colores de fondo. Simplemente cambiando el tono/saturación.



NOTAEn este caso se me ocurrió hacer una versión con textura. La etiqueta del tuto que decía @natig era del estilo de etiqueta con serigrafía y una tela satinada, para este caso quise hacer una de tela texturizada, pero perfectamente se puede utilizar este tutorial obviando la parte de las texturas y quizá haya que cambiar algunos modos de capa, según el color de cada cosa, pero el resto es lo mismo.

También se puede cambiar facilmente el color de la etiqueta con capa de relleno: tono/saturación

__________________
Diseño Gráfico Profesional
www.valenn.com | Sigueme @valenncom | facebook/valenncom

Última edición por valentina4you; 10/01/2012 a las 12:00
  #2 (permalink)  
Antiguo 10/01/2012, 17:40
Avatar de marioStudios
Colaborador
 
Fecha de Ingreso: octubre-2005
Ubicación: Chiapas; México.
Mensajes: 1.626
Antigüedad: 18 años, 5 meses
Puntos: 212
Respuesta: Tutorial - Cómo hacer una etiqueta de ropa realista en Photoshop

valentina4you xxxxXXXX ooooOOOO, je!!!
__________________
Diseño Gráfico Digital - Fotomontajes - marioStudios
Debes Mat 6:33 con Heb 11:1, DLB. Luc 2:14!!!
  #3 (permalink)  
Antiguo 10/01/2012, 20:19
Avatar de phillipecw  
Fecha de Ingreso: septiembre-2008
Ubicación: Lima, Peru, Peru
Mensajes: 142
Antigüedad: 15 años, 7 meses
Puntos: 19
Respuesta: Tutorial - Cómo hacer una etiqueta de ropa realista en Photoshop

¡Genial! ¡Se agradece tremendamente el aporte!
__________________

Phillipe Calmet Williams
Freelance Front-End Developer, Graphic & Web Designer www.phillipecw.com
  #4 (permalink)  
Antiguo 10/01/2012, 23:41
Avatar de valentina4you
Colaborador
 
Fecha de Ingreso: agosto-2010
Ubicación: Montevideo
Mensajes: 1.623
Antigüedad: 13 años, 8 meses
Puntos: 285
Respuesta: Tutorial - Cómo hacer una etiqueta de ropa realista en Photoshop

jajajajajajaj xxxxooo ? XD
Me alegro que sirva de ayuda.
__________________
Diseño Gráfico Profesional
www.valenn.com | Sigueme @valenncom | facebook/valenncom
  #5 (permalink)  
Antiguo 11/01/2012, 09:05
Avatar de Hugo Jr
Moderador Jedi
 
Fecha de Ingreso: octubre-2004
Ubicación: Cancún y Riviera Maya
Mensajes: 1.987
Antigüedad: 19 años, 6 meses
Puntos: 78
Respuesta: Tutorial - Cómo hacer una etiqueta de ropa realista en Photoshop

Gracias Valentina4you, lo cierro para pasarlo a tutoriales gracias
__________________
Mientras todos ustedes duermen...

Etiquetas: photoshop, tutoriales
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Tema Cerrado

SíEste tema le ha gustado a 1 personas




La zona horaria es GMT -6. Ahora son las 17:39.