¿Cómo se presentan diferentes prendas y conjuntos en el mismo modelo chico / chica en una tienda de moda en línea? ¿Cuál es el proceso, la tecnología y el código involucrados en esto?

Answer 1

Interesante pregunta. Solo hay una forma posible en la imagen que ha dado en la pregunta.

Una de las imágenes a continuación se edita (photoshopped) y cada una de ellas se almacena como un archivo separado.

Si notas la imagen, las dos imágenes son exactamente iguales. El posicionamiento de los dedos, la inclinación del cabello, el estilo del cabello, la forma en que se levanta la ceja izquierda, la posición del hilo en la capucha e incluso el pliegue cerca de los codos y la cintura.

Solo que la imagen de la derecha es ligeramente más oscura.

Es muy fácil en un software de edición de imágenes cortar la porción impresa en la primera imagen y reemplazarla con la porción impresa de la segunda imagen y luego tonificar los colores solo para asegurarse de que estén sincronizados con la imagen general.

Si te das cuenta, incluso los pantalones marrones son un poco más oscuros en el segundo.

Por lo tanto, tiene dos archivos, almacenados independientemente como dos imágenes.

Archie D’Cruz ha explicado muy bien en su respuesta cómo se puede hacer esto con el mismo modelo.

Si lo anterior no es el caso, generalmente se hace con dos imágenes separadas con el modelo teniendo que vestirse nuevamente para otro conjunto de ropa.

Cualquier software que haga esto manualmente haría que la imagen se vea rara. Algo similar a cómo Lenskart lo ayuda a elegir gafas al colocarle gafas virtualmente usando una imagen capturada con su cámara web.

---

Respuestas que me ha encantado escribir

Answer 2

Subash Raj está en el buen camino. Estos son los pasos exactos sobre cómo se habría hecho.

1. El modelo habrá sido baleado con una sudadera lisa, sin gráficos, como esta:

   

2. A continuación, en Photoshop, se importará un gráfico en una nueva capa. El gráfico debe estar en formato vectorial para que el fondo pueda ser transparente. En este caso, usemos el logotipo de CNN:

   

3. Obviamente, el logotipo es demasiado grande, pero ahora puede cambiar su tamaño y colocarse según sea necesario. En los ejemplos proporcionados en la pregunta, el diseñador se ha detenido en esta etapa, pero para hacerlo más realista, realmente debería modificarse con la herramienta Warp. Warp te permite ajustar el gráfico para que se ajuste a los contornos del cofre:

   

4. La opacidad del gráfico se puede reducir con solo un toque (90-95%) para que el efecto sea aún más realista:

   
   Y así es como se hace.

Si esto se hace completamente en línea, los pasos del 1 al 3 siguen siendo los mismos (a excepción de Warp). La única diferencia es que el gráfico puede ser cargado por un visitante al sitio que puede revisar cómo se verá su logotipo en la camisa.

Answer 3

¿Podría ser que la marca obtenga el mismo modelo para fotografiar para los diferentes conjuntos? A menos que no sea tan simple como eso, y en ese caso, ¡también quiero una respuesta!