Casa / tutorialtuesday / Creación de capturas de producto consistente para compras del Web

Creación de capturas de producto consistente para compras del Web

Si sólo tiene un solo producto para mostrar en su sitio web para la venta, puede hacer que las imágenes en cualquier tamaño y relación de aspecto que desee. Incluso con sólo un par, usted tiene la flexibilidad. Pero con más imágenes, es sumamente importante que todas las imágenes tienen las mismas dimensiones. Si se trata de cubiertas para libros o cuadros de la película, se puede estandarizar en un tamaño que no es cuadrada. Con una variedad de productos, lo mejor es trabajar con un tamaño cuadrado.

I’m going to use a box shot of my CorelDRAW X6 Provocó DVD de entrenamiento como un ejemplo. Tenga en cuenta que ya no es un DVD, es sólo una descarga que se obtiene inmediatamente después de la compra. Cuando creé un cuadro de tiro de la caja y el disco, la imagen maestra no era cuadrado.

Seleccione el imagen | Tamaño de papel comando si está utilizando Corel PHOTO-PAINT o la imagen | Tamaño del lienzo comando si está utilizando Photoshop. La siguiente captura de pantalla muestra el cuadro de diálogo al lado de nuestra imagen en Corel PHOTO-PAINT. Si bien hay ligeras diferencias, los ajustes en Adobe Photoshop son muy similares.

changing paper size corel photo-paint

Para esta imagen, la altura es mayor que la anchura. Cualquiera que sea la dimensión es mayor, poner la misma dimensión en el otro cuadro de texto. Así, por esta imagen, entré en 1401 para el ancho de manera que la altura y la anchura son idénticos y la imagen será cuadrado. Esto no va a cambiar la “foto” real, sólo el relleno alrededor de los bordes.

Una vez que la imagen es cuadrada, es posible que desee guardar una copia del archivo como la versión principal en la resolución más alta posible. El siguiente paso sólo será necesario si se trabaja con imágenes mayores que el tamaño que desea utilizar para la visualización final. Mi sugerencia es que las inyecciones de productos deben ser de 1000 píxeles cuadrados. Si los detalles de la foto son importantes, es posible que tenga aún mayor.

Nuestro próximo paso será volver a muestrear la imagen al tamaño final de 1000 píxeles cuadrados. Seleccionar imagen | Volver a muestrear en Corel PHOTO-PAINT o imagen | Tamaño de la imagen en Adobe Photoshop. En el cuadro de diálogo que aparece, debería ver que la anchura y la altura son iguales. Si no es así, se ha perdido algo en el paso anterior. A continuación se muestra el cuadro de diálogo Volver a muestrear después de haber cambiado el tamaño a 1000 píxeles. Una vez más, el cuadro de diálogo Photoshop es ligeramente diferente, pero el proceso es idéntico.

image resample corel photo-paint

Después de la disminución del tamaño de la imagen, es posible que desee utilizar los Efectos | afilar | filtro Máscara de enfoque en Corel PHOTO-PAINT o el filtro | afilar | filtro Máscara de enfoque en Adobe Photoshop para dar la imagen de un pequeño arreglo. Ahora guardarlo y cargarlo en su carrito de compras!

Cuando todas las imágenes son del tamaño idénticos, filas y columnas de productos se alinearán perfectamente y todavía se ven muy bien en su sitio!

¿Necesita ayuda con la edición de imágenes? Por favor considerar la obtención de Corel PHOTO-PAINT X5 Desencadenada! Desee implementar un carro de compras increíble en su sitio web? Estoy dispuesto a ayudar, simplemente solicitar mi ayuda!

Acerca de Foster D. Coburn III

Foster D. Coburn III is the author of thirteen books on CorelDRAW, the latest being CorelDRAW X6 Provocó. Ha sido colaborador de numerosas revistas. Foster ha tomado muchos proyectos, incluyendo este sitio web y muchos más, from the early design stage through to a finished piece. He has been a featured speaker at many graphics and Web conferences.

Compruebe también

Growing Collection of WordPress Web Design Tutorials

I don’t write as much as I have in the past. A big reason is …

Leave a Reply

Suscríbete a nuestro blog de gráficos Mensajes de Unleashed

Únete a nuestra lista de correo para recibir las últimas entradas del blog de Gráficos de Unleashed

Se ha suscrito correctamente!

Pin It en Pinterest

Acciones
Compartir Este