Guía del Usuario

¡Bienvenido a nuestro editor de texto para imágenes en línea! Esta guía te mostrará todas las funciones para ayudarte a crear imágenes hermosas rápidamente.

Paso 1: Sube tu Imagen

¿Cómo Subir?

Cuando abras el sitio web, verás un área de carga. Hay dos formas de subir tu imagen:

Método 1: Clic para Subir

1. Haz clic en el botón "Seleccionar Archivo" en el centro
2. Elige tu imagen desde el diálogo de archivos
3. Compatible con formatos JPG, PNG, WebP
4. Tamaño máximo de archivo: 10MB

Método 2: Arrastrar y Soltar

1. Arrastra tu imagen desde una carpeta al área de carga
2. Suelta para subir

Prueba Imágenes de Ejemplo

Si no tienes una imagen a mano, haz clic en uno de estos ejemplos:

• Paisaje : Perfecto para marcas de agua en fotografía de paisajes
• Retrato : Ideal para fotos de identificación o trabajo de retrato
• Cumpleaños : Genial para tarjetas de felicitación de cumpleaños

---

Paso 2: Añadir y Editar Texto

Una vez que tu imagen esté subida, ¡puedes empezar a añadir texto!

Añadir Texto Regular

1. Haz clic en el botón "Añadir Texto" en la barra de herramientas superior
2. El texto predeterminado aparecerá en el centro de tu imagen
3. Haz doble clic en el texto para editar su contenido
4. Arrastra para moverlo
5. Arrastra las esquinas para redimensionar

Añadir Marca de Tiempo

1. Haz clic en el botón "Marca de Tiempo"
2. El sistema añadirá automáticamente la fecha y hora actual
3. El formato de hora se ajusta según tu idioma
4. Puedes moverla, redimensionarla y editarla como texto regular

---

Paso 3: Personalizar Estilos de Texto

Cuando seleccionas texto, aparece un panel de propiedades a la derecha (en modo pantalla completa). Aquí encontrarás opciones enriquecidas de estilo de texto:

Configuración de Fuentes

Elegir una Fuente

• Fuentes del Sistema: Incluye Arial, Times New Roman y otras fuentes comunes
• Google Fonts: Cientos de hermosas fuentes organizadas por categoría:
  • Fuentes chinas: Para contenido en chino
  • Fuentes inglesas: Incluyendo estilos elegantes, modernos y manuscritos
  • Fuentes especiales: Fuentes artísticas y decorativas

Ajustar Tamaño de Fuente

• Arrastra el control deslizante para ajustar el tamaño (12-200 píxeles)
• Números más grandes significan texto más grande

Formato de Texto

Tres botones de formato para estilizar rápidamente el texto:

• Negrita : Hacer que el texto destaque
• Cursiva : Añadir elegancia
• Subrayado : Enfatizar contenido clave

Haz clic en los botones para activar o desactivar efectos. ¡Puedes combinar múltiples formatos!

Configuración de Colores

Color de Texto

1. Haz clic en el selector de color para elegir tu color favorito
2. O ingresa un código de color en el campo de entrada debajo
3. Vista previa de cambios en tiempo real

Configuración de Trazo (Contorno)

• Ancho de Trazo: Arrastra el control deslizante para ajustar el grosor del contorno (0-20 píxeles)
• Color de Trazo: Elige el color del contorno
• ¡Los trazos ayudan al texto a destacarse en cualquier fondo!

Efecto de Sombra

Añadir sombras crea profundidad y dimensión:

1. Haz clic en el botón "Activar" junto a "Sombra"
2. Ajusta los parámetros de sombra:
   • Desenfoque: Qué tan suave aparece la sombra
   • Desplazamiento X: Desplazar sombra a izquierda o derecha
   • Desplazamiento Y: Desplazar sombra arriba o abajo

Rotación y Opacidad

Rotar Texto

• Arrastra el control deslizante de rotación (0-360°)
• O usa botones rápidos: 0°, 45°, 90°, 180°, 270°
• Perfecto para etiquetas anguladas y marcas de agua diagonales

Ajustar Opacidad

• Arrastra el control deslizante de opacidad (0-100%)
• O usa botones rápidos: 25%, 50%, 75%, 100%
• Valores más bajos hacen el texto más transparente
• Ideal para efectos de marca de agua sutiles

Efectos de Texto Avanzados

Espaciado de Caracteres

• Ajusta la distancia entre caracteres
• Valores positivos: Separa las letras
• Valores negativos: Acerca las letras

Altura de Línea

• Ajusta el espaciado entre líneas de texto
• Perfecto para optimizar diseños de múltiples líneas

Efecto de Texto Hueco

1. Haz clic en "Activar" junto a "Texto Hueco"
2. El centro del texto se vuelve transparente, manteniendo solo el contorno
3. ¡Crea efectos artísticos únicos!

---

Paso 4: Repetición de Texto (Función de Marca de Agua)

¡Esta es una de nuestras funciones más poderosas! Repite texto en toda tu imagen para crear marcas de agua profesionales.

¿Cómo Activar la Repetición?

1. Selecciona el texto que deseas repetir
2. Encuentra "Configuración de Repetición" en el panel de propiedades
3. Haz clic en el botón "Activar"

Tres Modos de Repetición

Modo Simple

• Muestra solo una instancia de texto
• Para edición de texto regular

Modo Cuadrícula

• Organiza el texto en filas y columnas
• Control preciso sobre:
  • Columnas: Número de instancias horizontales
  • Filas: Número de instancias verticales
  • Espaciado Horizontal: Distancia entre izquierda y derecha
  • Espaciado Vertical: Distancia entre arriba y abajo

Modo Denso

• El texto llena densamente toda la imagen
• Solo ajusta "Espaciado de Mosaico":
  • 0x: Texto completamente adyacente
  • 0.5x: Espaciado leve
  • 1x: Espaciado estándar
  • 2x: Disposición dispersa

Control de Diseño

Recortar al Lienzo

• Activado: Solo muestra texto dentro de los límites de la imagen
• Desactivado: Permite que el texto se extienda más allá de los bordes

Ajustar Todo el Texto en la Imagen

• Haz clic en el botón "Ajuste Automático"
• El sistema calcula automáticamente las filas, columnas y espaciado óptimos
• Asegura que todo el texto aparezca en la imagen

---

Funciones de la Barra de Herramientas Explicadas

La barra de herramientas superior contiene todos los botones de operación principales:

Controles de Zoom

• Acercar : Haz clic para ampliar el lienzo (hasta 400%)
• Alejar : Haz clic para reducir el lienzo (hasta 25%)
• Visualización de Porcentaje: Muestra el nivel de zoom actual, haz clic para restablecer al 100%

¡Perfecto para ver detalles o vista previa general!

Deshacer y Rehacer

• Deshacer : Volver a la operación anterior
• Rehacer : Restaurar la operación que acabas de deshacer

¡Guardamos cada paso, así que siéntete libre de experimentar!

Restablecer

• Haz clic en el botón de restablecer para borrar todas las ediciones
• Vuelve al estado justo después de la carga
• El sistema pedirá confirmación para evitar errores

Modo Pantalla Completa

Entrar a Pantalla Completa

• Haz clic en el botón "Entrar a Pantalla Completa"
• O presiona la tecla F en tu teclado

Ventajas de Pantalla Completa:

• Área de edición más grande para trabajar más fácilmente
• Panel de capas a la izquierda
• Panel de propiedades de texto a la derecha
• Información de imagen en la esquina inferior derecha

Salir de Pantalla Completa

• Haz clic en el botón "Salir de Pantalla Completa"
• O presiona la tecla F nuevamente

---

Gestión de Capas (Modo Pantalla Completa)

En modo pantalla completa, el panel de capas izquierdo gestiona todo tu texto:

Lista de Capas

• Muestra todo el texto que has añadido
• Cada capa muestra una vista previa del contenido del texto
• Haz clic en una capa para seleccionar el texto correspondiente

Botones de Acción de Capa

Cada capa tiene tres botones de acción:

Mostrar/Ocultar

• Haz clic en el icono del ojo para ocultar texto
• El texto oculto no aparecerá en la imagen exportada final
• Haz clic nuevamente para mostrar

Bloquear/Desbloquear

• Haz clic en el icono del candado para bloquear texto
• El texto bloqueado no se puede mover o editar
• Previene cambios accidentales en contenido importante

Eliminar

• Haz clic en el icono de la papelera para eliminar texto
• El sistema pedirá confirmación
• Puedes restaurar texto eliminado usando deshacer

---

Información de la Imagen

Modo Predeterminado

En modo predeterminado, el lado derecho muestra información detallada de la imagen:

• Nombre de Archivo: Nombre de tu imagen subida
• Tamaño de Archivo: Tamaño del archivo de imagen
• Tipo de Archivo: JPG, PNG o WebP
• Dimensiones: Ancho y alto en píxeles
• Relación de Aspecto: Proporción de la imagen

Modo Pantalla Completa

En modo pantalla completa, la información de la imagen flota en la esquina inferior derecha con un efecto de vidrio esmerilado, no obstruirá tu área de edición.

---

Exportar tu Imagen

Cuando termines de editar, haz clic en el botón "Exportar" para descargar tu trabajo:

1. Haz clic en el botón "Exportar" en la barra de herramientas superior
2. En el diálogo, elige opciones de exportación:
   • Formato de archivo (PNG, JPG, WebP)
   • Calidad de imagen
   • Nombre de archivo
3. Haz clic en el botón "Descargar"
4. La imagen se guarda automáticamente en tu carpeta de descargas

---

Función de Compartir

Haz clic en el botón "Compartir" para compartir rápidamente tu trabajo:

• Copia el enlace para compartir con amigos
• Comparte en redes sociales
• Incrusta en tu sitio web

---

Preguntas Frecuentes

¿Por qué no cambia mi fuente?

Las Google Fonts necesitan tiempo para cargar. Por favor espera unos segundos y la fuente se aplicará automáticamente.

¿Cómo creo marcas de agua transparentes?

1. Añade texto
2. Establece la opacidad al 30-50%
3. Activa la repetición
4. Elige modo Denso

Mi texto está cubierto por la imagen, ¿qué debo hacer?

Usa el panel de capas para ajustar el orden de las capas, o añade trazo y sombra para mejorar la visibilidad.

¿Puedo editar múltiples textos a la vez?

¡Sí! Selecciona diferentes capas en el panel de capas para cambiar entre objetos de edición.

¿Cómo guardo mi progreso de edición?

Nuestra función de historial de edición guarda automáticamente cada paso. Usa los botones deshacer/rehacer para navegar por el historial.

---

Atajos de Teclado

• Tecla F: Alternar modo pantalla completa
• Ctrl/Cmd + Z: Deshacer
• Ctrl/Cmd + Y: Rehacer
• Suprimir: Eliminar texto seleccionado

---

Consejos Profesionales

1. Marca de Agua Profesional: Texto blanco + trazo negro + 30% opacidad + repetición densa
2. Destacar Texto Clave: Fuente grande + negrita + efecto de sombra
3. Crear Atmósfera: Prueba diferentes categorías de fuentes como manuscritas o artísticas
4. Etiquetas Anguladas: Usa rotación de 45° + efecto de trazo
5. Marcas de Agua por Lotes: Usa la función de auto-ajuste "Ajustar Todo el Texto en la Imagen"

---