Herramienta de Diseño Zazzle 101 - Versión de Escritorio

¡Bienvenido a la herramienta de diseño Zazzle - versión de escritorio! Si deseas leer el artículo de ayuda para la versión móvil o la aplicación, haz clic aquí.

La herramienta de diseño es el recurso definitivo para personalizar tu diseño. Este artículo se centra en la versión de escritorio de la herramienta, ofreciendo una descripción detallada de sus funciones y características. También incluye instrucciones paso a paso para realizar tareas comunes.

Ir a una sección de este artículo:

Información General

La herramienta de diseño Zazzle está disponible en navegadores de escritorio, navegadores móviles y la aplicación Zazzle. Para una mejor experiencia y eficiencia, recomendamos usar la versión de escritorio.

Cómo acceder a la herramienta de diseño-
- Desde una página de producto con un diseño existente: haz clic en el botón “Personalizar este diseño” y luego en “Editar usando la herramienta de diseño”.
- Desde una página de Crear tu propio producto o producto en blanco: haz clic en el botón “Agregar tu diseño”.
Cómo salir de la herramienta de diseño-
- Cuando termines con tu diseño, haz clic en el botón "Siguiente: Revisar" en la esquina superior derecha y luego en el botón “Agregar al carrito” para volver a la página del producto.
- También puedes hacer clic en el botón “Atrás” en la esquina superior izquierda para volver a la página del producto.
Guardar tu diseño-
- Si has iniciado sesión, cualquier cambio que hagas en tu diseño se guardará en tu cuenta bajo "Diseños guardados". De lo contrario, tu diseño seguirá ahí cuando regreses a tu URL en el mismo navegador.

Partes de la Herramienta de Diseño de Escritorio

parts of design tool.png

Barra superior

La barra superior proporciona acceso rápido a acciones clave, opciones de producto y también te permite navegar a diferentes partes de la herramienta de diseño. Incluye botones para navegar por cada lado de un diseño, deshacer y rehacer cambios, y previsualizar tu diseño. También incluye pestañas para diseñar, opciones de producto y revisar tu diseño antes de agregarlo al carrito.

Diseño- Aquí puedes personalizar tu diseño usando Texto, Imágenes, Fondos, Formas, Iconos y Capas.
Opciones- Te permite agregar, eliminar o cambiar las opciones de tu producto. Cada producto tiene diferentes opciones, que pueden incluir tamaño, forma, procesos de impresión, accesorios y más.
Revisión- Te permite revisar las opciones de tu producto y diseño antes de agregarlo al carrito.
Deshacer- Deshace tu cambio más reciente en el diseño.
Rehacer- Rehace tu cambio más reciente en el diseño.
Previsualizar- Muestra una vista previa de tu diseño en tu producto, incluyendo cualquier cambio y personalización que hayas añadido.
Atrás- Te lleva al lado anterior de tu diseño o a la página del producto.
Siguiente- Te lleva al siguiente lado de tu diseño y a las pestañas de Opciones y Revisión.

Barra de herramientas izquierda

La barra de herramientas izquierda en la herramienta de diseño Zazzle proporciona acceso rápido a funciones esenciales de diseño como agregar imágenes, texto, formas y ajustar capas para una personalización precisa. Sirve como punto de partida para crear y editar componentes del diseño.

Editar- Esto te permite editar y usar plantillas de objetos (texto, imágenes, etc.) creados por el creador original del diseño.
Agregar texto- Esta función te permite añadir texto personalizado a tu diseño. Luego puedes ajustar fuentes, tamaños, colores y alineación para mayor personalización.
Agregar imagen- Esto te permite subir tus propias imágenes. También puedes subir fotos fácilmente desde tu teléfono haciendo clic en el botón “Subir desde tu teléfono” y siguiendo las instrucciones en pantalla.
Fondo- Aquí puedes establecer un fondo para tu diseño. Puedes subir tu propia imagen, elegir un color o seleccionar uno de nuestros fondos proporcionados.
Decorar- Aquí puedes agregar varias formas o generar un código QR. Para generar un código QR, haz clic en el botón “Agregar un código QR” e ingresa tu URL en el diálogo.
Iconos- Aquí puedes elegir entre nuestros iconos disponibles y agregarlos a tu diseño.
Capas- También puedes acceder y gestionar las capas individuales del diseño para una edición precisa.
Más/Menos- Expande/Reduce la barra de herramientas para mostrar/ocultar algunas funciones adicionales.

Lienzo de diseño

El lienzo es tu espacio de trabajo principal donde se crea y visualiza el diseño. Aquí colocas, organizas y editas todos los elementos para construir el diseño de tu producto. Muestra ajustes y vistas previas en tiempo real.

Barra de herramientas superior- Aparece después de seleccionar un elemento (texto, imagen, icono, etc.) en un diseño. Aquí encontrarás acciones comunes que se pueden realizar sobre objetos de diseño.
1. Opciones de imagen
  Cambiar imagen- Cambia la imagen por otra diferente guardada en tu cuenta o sube una nueva.
  Removedor de fondo- Elimina automáticamente el fondo de tu imagen.
  Recortar- Elimina áreas no deseadas de tu imagen.
  Eliminar- Elimina tu imagen.
  Ajustar- Ajusta tu imagen dentro del área de diseño. Esto puede dejar espacio vacío si tu imagen no tiene la misma proporción o forma que el área de diseño.
  Rellenar- Rellena el área de diseño con tu imagen. Esto puede hacer que partes de tu imagen queden fuera del área de diseño si no tienen la misma proporción o forma.
  Formato- Alinea, voltea o rota tu imagen.
  Efectos- Cambia la proporción y opacidad de tu imagen o añade un filtro o mosaico.
2. Opciones de texto
  Editar texto- Cambia tu texto.
  Tamaño de fuente- Cambia el tamaño de fuente de tu texto.
  Fuente- Cambia la fuente de tu texto a cualquiera de nuestras fuentes disponibles.
  Color del texto- Cambia el color de tu texto. Incluye un cuentagotas y opciones para colores amigables para impresión.
  Negrita- Pon tu texto en negrita haciéndolo más grueso.
  Cursiva- Inclina tu texto haciéndolo inclinado y cursivo.
  Alineación del texto- Alinea y ancla tu texto.
  Eliminar- Elimina tu texto.
  Formato- Alinea, distribuye, voltea, escala y rota tu texto.
  Efectos- Cambia la opacidad de tu texto, añade un filtro, mosaico, sombra, cambia el espaciado o una curva.
Área de diseño- aquí es donde realizarás acciones para manipular objetos, etc.
Barra de herramientas inferior-

Alejar- Aleja la vista mostrando más de tu diseño y su área total de diseño.
Zoom- Ajusta manualmente el nivel de zoom.
Acercar- Acerca la vista mostrando menos de tu diseño y permitiéndote verlo con más detalle.
Configuración- Aquí encontrarás configuraciones adicionales que puedes activar o desactivar si deseas una experiencia y apariencia diferente de la herramienta de diseño.
Ayuda- Accede rápidamente a más información que puede ayudarte a usar la herramienta de diseño con información de guías, enlaces a atajos de teclado y el Centro de Ayuda.
Compartir- Esto crea un enlace que puedes compartir con amigos y familiares o en redes sociales.
Orientación- Cambia la orientación de cada lado de tu diseño entre horizontal y vertical.

Ventana de vista previa

Ubicada en el lado derecho de la pantalla, te permite previsualizar rápidamente cómo aparecerá tu diseño en el producto. También te permite cambiar rápidamente entre los lados de tu diseño.<del> </del>

Guías

Las guías son marcadores visuales en el lienzo de diseño que te ayudan a asegurar que los elementos de tu diseño estén correctamente colocados dentro del área de impresión o visualización prevista. Para mejores resultados después de la impresión,

Línea de sangrado (línea gris discontinua)- Este espacio extra es para compensar pequeños desplazamientos durante la impresión y asegurar que no aparezcan bordes blancos. Asegúrate de extender todos tus fondos y patrones hasta aquí para evitar bordes no deseados al imprimir.
Área visible (línea gris continua)- La sección del diseño que será completamente visible en el producto final. Evita colocar elementos críticos cerca del borde de esta área para prevenir cortes no deseados de texto o imágenes.
Área segura (línea verde punteada)- Los elementos importantes del diseño, como texto o logotipos, deben colocarse dentro de esta área interna para asegurar que no se corten después de la impresión.

Objetos de Diseño y Acciones Básicas

Los objetos de diseño son los bloques constructores de tu diseño, incluyendo texto, imágenes, formas e iconos. Aquí tienes una visión general de cómo trabajar con objetos de diseño y las acciones básicas que puedes realizar sobre ellos:

Acciones básicas para objetos

Seleccionar un objeto - Haz clic en el objeto que deseas seleccionar.
Seleccionar múltiples objetos - Haz clic y arrastra para crear un cuadro de selección alrededor de los objetos, o mantén presionada la tecla Shift mientras haces clic en cada objeto que deseas seleccionar.
Deseleccionar un objeto - Haz clic en cualquier lugar fuera del área de selección para deseleccionar.
Mover un objeto - Arrastra el objeto seleccionado para reposicionarlo en cualquier lugar del lienzo.
Eliminar un objeto - Selecciona el objeto y presiona la tecla Suprimir en tu teclado, haz clic derecho en el objeto y selecciona "Eliminar" o selecciona “Eliminar” desde la barra de herramientas superior.
Rotar un objeto - Selecciona el objeto y usa el controlador de rotación para ajustar su ángulo.
Redimensionar un objeto - Arrastra los controladores de las esquinas del objeto seleccionado para cambiar su tamaño proporcionalmente. Usa los controladores laterales para cambiar el tamaño de forma no proporcional.
Duplicar un objeto - Haz clic derecho en el objeto y elige Duplicar, o usa la opción de duplicación en la barra de herramientas.
Agrupar y desagrupar objetos -
1. Para agrupar objetos - Selecciona múltiples objetos y haz clic en el botón Agrupar para combinarlos y facilitar la edición.
2. Para desagrupar objetos - Haz clic en el grupo y luego en el botón Desagrupar para separarlos.
3. Editar un grupo- Para entrar en modo de edición de grupo, haz doble clic en el grupo o haz clic en el botón Editar grupo. En modo edición, puedes seleccionar y manipular los objetos individuales dentro del grupo. Para salir del modo de edición de grupo, haz clic en cualquier lugar fuera del grupo.
Colocación precisa- Usa las teclas de flecha en tu teclado para mover objetos con ajustes más finos.
Propiedades del objeto- Una vez seleccionado, usa el Panel de propiedades (lado derecho) para personalizar color, tamaño, fuentes y más, dependiendo del tipo de objeto.