Guía del usuario Cancelar

Creación de galerías de fotografías web

  1. Guía del usuario de Photoshop
  2. Introducción a Photoshop
    1. Suéñelo. Hágalo.
    2. Novedades de Photoshop
    3. Editar la primera fotografía
    4. Creación de documentos
    5. Photoshop | Preguntas frecuentes
    6. Requisitos del sistema de Photoshop
    7. Familiarícese con Photoshop
  3. Photoshop y otros productos y servicios de Adobe
    1. Trabajar con ilustraciones de Illustrator en Photoshop
    2. Trabajo con archivos de Photoshop en InDesign
    3. Materiales de Substance 3D para Photoshop
    4. Uso de la extensión en la aplicación Capture en Photoshop
  4. Photoshop en el iPad (no disponible en China continental)
    1. Photoshop en el iPad | Preguntas frecuentes
    2. Familiarícese con el espacio de trabajo
    3. Requisitos del sistema | Photoshop para iPad
    4. Crear, abrir y exportar documentos
    5. Añadir fotos
    6. Trabajar con capas
    7. Dibujar y pintar con pinceles
    8. Realización de selecciones y adición de máscaras
    9. Retoque de composiciones
    10. Trabajo con capas de ajuste
    11. Ajuste de la tonalidad del compuesto con curvas
    12. Aplicar operaciones de transformación
    13. Recorte y giro de composiciones
    14. Rotar, hacer panorámica, aplicar zoom y restablecer el lienzo
    15. Trabajar con tipos de capas
    16. Trabajo con Photoshop y Lightroom
    17. Obtener fuentes que faltan en Photoshop para iPad
    18. Texto japonés en Photoshop para iPad
    19. Administrar la configuración de la aplicación
    20. Métodos abreviados y gestos táctiles
    21. Métodos abreviados de teclado
    22. Edición del tamaño de imagen
    23. Emisión en directo de su trabajo mientras crea en Photoshop en el iPad
    24. Corrección de imperfecciones con el Pincel corrector
    25. Crear pinceles en Capture y utilizarlos en Photoshop en el iPad
    26. Trabajar con archivos de Camera Raw
    27. Crear objetos inteligentes y trabajar con ellos
    28. Ajustar la exposición en las imágenes con Aclarar y Oscurecer
    29. Comandos de ajuste automático en Photoshop en el iPad
    30. Difuminación de áreas en imágenes con Photoshop en el iPad
    31. Saturar o desaturar las imágenes con la herramienta Esponja
    32. Relleno según el contenido para iPad
  5. Photoshop en la web (no disponible en China continental)
    1. Preguntas habituales
    2. Requisitos del sistema
    3. Métodos abreviados de teclado
    4. Tipos de archivo compatibles
    5. Introducción al espacio de trabajo
    6. Apertura y trabajo con documentos en la nube
    7. Funciones de IA generativa
    8. Conceptos básicos de edición
    9. Acciones rápidas
    10. Trabajar con capas
    11. Retoque de imágenes y eliminación de imperfecciones
    12. Realización de selecciones rápidas
    13. Mejoras de imagen con capas de ajuste
    14. Adición de una capa de relleno
    15. Mover, transformar y recortar imágenes
    16. Dibujar y pintar
    17. Dibujo y edición de formas
    18. Trabajar con tipos de capas
    19. Trabaje con cualquier persona en la web
    20. Administrar la configuración de la aplicación
    21. Generar imagen
    22. Generar fondo
    23. Imagen de referencia
  6. Photoshop (beta) (no disponible en China continental)
    1. Introducción a las aplicaciones beta de Creative Cloud
    2. Photoshop (beta) en el escritorio
    3. Generar fondo con indicaciones de texto descriptivas
  7. IA generativa (no disponible en China continental) 
    1. Preguntas habituales sobre la IA generativa en Photoshop
    2. Relleno generativo en Photoshop en el escritorio
    3. Generar imagen con indicaciones de texto descriptivas
    4. Ampliación generativa en Photoshop en el escritorio
    5. Relleno generativo en Photoshop en el iPad
    6. Ampliación generativa en Photoshop en el iPad
    7. Funciones de IA generativa en Photoshop en la web
  8. Autenticidad del contenido (no disponible en China continental)
    1. Credenciales de contenido en Photoshop
    2. Identidad y procedencia de los NFT
    3. Conexión de cuentas para atribución creativa
  9. Documentos en la nube (no disponibles en China continental)
    1. Documentos en la nube de Photoshop | Preguntas frecuentes
    2. Documentos en la nube de Photoshop | Preguntas sobre el flujo de trabajo
    3. Administración y trabajo con documentos en la nube en Photoshop
    4. Actualización de almacenamiento en la nube para Photoshop
    5. No se puede crear ni guardar un documento en la nube
    6. Solucionar errores de documentos en la nube de Photoshop
    7. Recopilar registros de sincronización de documentos en la nube
    8. Cómo invitar a otros usuarios a editar sus documentos en la nube
    9. Compartir archivos y comentar en la aplicación
  10. Espacio de trabajo
    1. Conceptos básicos del espacio de trabajo
    2. Preferencias
    3. Aprenda más rápido con el panel Descubrir de Photoshop
    4. Creación de documentos
    5. Colocación de archivos
    6. Métodos abreviados de teclado predeterminados
    7. Personalización de los métodos abreviados de teclado
    8. Galerías de herramientas
    9. Preferencias de rendimiento
    10. Uso de herramientas
    11. Ajustes preestablecidos
    12. Cuadrícula y guías
    13. Gestos táctiles
    14. Utilice Touch Bar con Photoshop
    15. Capacidades táctiles y espacios de trabajo personalizables
    16. Previsualizaciones de tecnología
    17. Metadatos y notas
    18. Capacidades táctiles y espacios de trabajo personalizables
    19. Colocar imágenes de Photoshop en otras aplicaciones
    20. Reglas
    21. Visualización u ocultación de extras que no se pueden imprimir
    22. Especificación de columnas en una imagen
    23. Deshacer e historia
    24. Paneles y menús
    25. Colocación de elementos con el ajuste
    26. Colocación con la herramienta Regla
  11. Diseño web, diseño en pantalla y diseño de aplicaciones
    1. Photoshop para diseño
    2. Mesas de trabajo
    3. Vista previa del dispositivo
    4. Copia de CSS a partir de capas
    5. División de páginas web en sectores
    6. Opciones HTML para sectores
    7. Modificación del diseño de sectores
    8. Trabajo con gráficos web
    9. Creación de galerías de fotografías web
  12. Aspectos básicos de imagen y color
    1. Cómo cambiar el tamaño de las imágenes
    2. Trabajo con imágenes rasterizadas y vectoriales
    3. Tamaño y resolución de imágenes
    4. Adquisición de imágenes de cámaras y escáneres
    5. Creación, apertura e importación de imágenes
    6. Visualización de imágenes
    7. Error de marcador de JPEG no válido | Abrir imágenes
    8. Visualización de varias imágenes
    9. Personalización de los selectores y muestras de color
    10. Imágenes de alto rango dinámico
    11. Coincidencia de colores en la imagen
    12. Conversión entre modos de color
    13. Modos de color
    14. Borrar partes de una imagen
    15. Modos de fusión
    16. Selección de colores
    17. Personalización de las tablas de colores indexados
    18. Información de la imagen
    19. Los filtros de distorsión no están disponibles
    20. Acerca del color
    21. Ajustes de color y monocromo mediante canales
    22. Selección de colores en los paneles de color y muestras
    23. Muestra
    24. Modo de color o modo de imagen
    25. Tinte de color
    26. Adición de un cambio de modo condicional a una acción
    27. Adición de muestras desde HTML, CSS y SVG
    28. Profundidad de bits y preferencias
  13. Capas
    1. Conceptos básicos de las capas
    2. Edición no destructiva
    3. Creación y gestión de capas y grupos
    4. Selección, agrupación y enlace de capas
    5. Colocación de imágenes en marcos
    6. Opacidad y fusión de capas
    7. Máscaras de capas
    8. Aplicación de filtros inteligentes
    9. Composiciones de capas
    10. Movimiento, apilamiento y bloqueo de capas
    11. Creación de máscaras de capa con máscaras vectoriales
    12. Gestión de capas y grupos
    13. Estilos y efectos de capa
    14. Edición de máscaras de capa
    15. Extracción de recursos
    16. Visualización de capas con máscaras de recorte
    17. Generación de recursos de imagen a partir de capas
    18. Trabajo con objetos inteligentes
    19. Modos de fusión
    20. Combinación de varias imágenes en un retrato de grupo
    21. Combinación de imágenes con Fusionar capas automáticamente
    22. Alineación y distribución de capas
    23. Copia de CSS a partir de capas
    24. Carga de selecciones de una capa o de los límites de una máscara de capa
    25. Cobertura para mostrar el contenido de otras capas
  14. Selecciones
    1. Introducción a las selecciones
    2. Realizar selecciones en la composición
    3. Espacio de trabajo Seleccionar y aplicar máscara
    4. Selección con las herramientas de marco
    5. Selección con las herramientas de lazo
    6. Ajuste de selecciones de píxeles
    7. Traslado, copia y eliminación de píxeles seleccionados
    8. Creación de una máscara rápida temporal
    9. Selección de una gama de colores en una imagen
    10. Conversión entre trazados y bordes de selección
    11. Conceptos básicos del canal
    12. Guardado de selecciones y máscaras de canales alfa
    13. Selección de las áreas enfocadas de una imagen
    14. Duplicación, división y combinación de canales
    15. Cálculo de canales
  15. Ajustes de imagen
    1. Sustitución de colores de objeto
    2. Deformación de perspectiva
    3. Estabilización del desenfoque de la imagen
    4. Ejemplos de pincel corrector
    5. Exportación de tablas de consulta de colores
    6. Ajuste del enfoque y desenfoque de la imagen
    7. Explicación de los ajustes de color
    8. Aplicación del ajuste Brillo/contraste
    9. Ajuste de los detalles de iluminación y sombra
    10. Ajuste de niveles
    11. Ajuste del tono y la saturación
    12. Ajuste de intensidad
    13. Ajuste de la saturación del color en las áreas de la imagen
    14. Realización de ajustes de tonos rápidos
    15. Aplicación de efectos de color especiales a las imágenes
    16. Mejora de imágenes con los ajustes de Equilibrio de color
    17. Imágenes de alto rango dinámico
    18. Visualización de histogramas y valores de píxeles
    19. Coincidencia de colores en la imagen
    20. Recorte y enderezamiento de fotografías
    21. Conversión de una imagen en color en una imagen en blanco y negro
    22. Capas de ajuste y de relleno
    23. Ajuste de curvas
    24. Modos de fusión
    25. Preparación de imágenes para la imprenta
    26. Ajuste del color y el tono con los cuentagotas de Niveles y Curvas
    27. Ajuste de los tonos y exposición HDR
    28. Sobreexposición o subexposición de áreas de la imagen
    29. Realización de ajustes de color selectivos
  16. Adobe Camera Raw
    1. Requisitos del sistema de Camera Raw
    2. Novedades de Camera Raw
    3. Introducción a Camera Raw
    4. Creación de panoramas
    5. Lentes compatibles
    6. Efectos de viñeta, granulado y Borrar neblina en Camera Raw
    7. Métodos abreviados de teclado predeterminados
    8. Corrección automática de la perspectiva en Camera Raw
    9. Filtro radial de Camera Raw
    10. Gestión de los ajustes de Camera Raw
    11. Apertura, procesamiento y almacenamiento de imágenes en Camera Raw
    12. Reparación de imágenes con la herramienta Eliminación de tinta plana mejorada de Camera Raw
    13. Rotación, recorte y transformación de imágenes
    14. Ajuste de la representación del color en Camera Raw
    15. Versiones del proceso en Camera Raw
    16. Realización de ajustes locales en Camera Raw
  17. Reparación y restauración de imágenes
    1. Quitar objetos de las fotografías con el espacio de trabajo Relleno según el contenido
    2. Movimiento y parche con detección de contenido
    3. Retoque y reparación de fotografías
    4. Corrección de la distorsión y el ruido de la imagen
    5. Pasos básicos para solucionar la mayoría de problemas
  18. Mejora y transformación de imágenes
    1. Sustitución del cielo en las imágenes
    2. Transformación de objetos
    3. Ajuste de recorte, rotación y tamaño de lienzo
    4. Cómo recortar y enderezar fotografías
    5. Creación y edición de imágenes panorámicas
    6. Deformación de imágenes, formas y trazados
    7. Punto de fuga
    8. Escala según el contenido
    9. Transformación de imágenes, formas y trazados
  19. Dibujo y pintura
    1. Pintar patrones simétricos
    2. Dibujar rectángulos y modificar las opciones de trazo
    3. Acerca del dibujo
    4. Dibujar y editar formas
    5. Herramientas de pintura
    6. Creación y modificación de pinceles
    7. Modos de fusión
    8. Adición de color a trazados
    9. Edición de trazados
    10. Pintura con el Pincel mezclador
    11. Pinceles preestablecidos
    12. Degradados
    13. Interpolación de degradado
    14. Relleno y trazo de selecciones, capas y trazados
    15. Dibujo con las herramientas de pluma
    16. Creación de motivos
    17. Generación de motivos utilizando el Creador de motivos
    18. Gestión de trazados
    19. Gestión de los ajustes preestablecidos y las bibliotecas de motivos
    20. Dibujo o pintura con una tableta gráfica
    21. Creación de pinceles con textura
    22. Adición de elementos dinámicos a los pinceles
    23. Degradado
    24. Pintura de trazos estilizados con el Pincel histórico
    25. Pintura con motivos
    26. Sincronización de ajustes preestablecidos en varios dispositivos
    27. Migración de ajustes, acciones y ajustes preestablecidos
  20. Texto
    1. Añadir y editar texto
    2. Motor de texto unificado
    3. Trabajo con fuentes OpenType SVG
    4. Aplicación de formato a caracteres
    5. Aplicación de formato a párrafos
    6. Creación de efectos de texto
    7. Edición de texto
    8. Espaciado entre líneas y caracteres
    9. Texto en árabe y hebreo
    10. Fuentes
    11. Solucione problemas de fuentes
    12. Texto asiático
    13. Creación de texto
  21. Filtros y efectos
    1. Uso de la galería de efectos de desenfoque
    2. Conceptos básicos sobre los filtros
    3. Referencia de efectos de filtro
    4. Adición de efectos de iluminación
    5. Uso del filtro de ángulo ancho adaptable
    6. Uso del filtro Pintura al óleo
    7. Utilice el filtro Licuar
    8. Estilos y efectos de capa
    9. Aplicación de filtros específicos
    10. Uso de la herramienta Dedo en las áreas de la imagen
  22. Almacenamiento y exportación
    1. Guardado de archivos en Photoshop
    2. Exportar los archivos en Photoshop
    3. Formatos de archivo admitidos
    4. Guardado de archivos con formatos gráficos
    5. Mover diseños entre Photoshop e Illustrator
    6. Guardado y exportación de vídeo y animaciones
    7. Guardado de archivos PDF
    8. Protección por copyright Digimarc
  23. Gestión de color
    1. Explicación de la gestión de color
    2. Mantenimiento de la coherencia de los colores
    3. Ajustes de color
    4. Duotonos
    5. Trabajo con perfiles de color
    6. Gestión de color de los documentos para la visualización en línea
    7. Gestión de color de los documentos al imprimir
    8. Gestión de color de imágenes importadas
    9. Pruebas de los colores
  24. Diseño web, diseño en pantalla y diseño de aplicaciones
    1. Photoshop para diseño
    2. Mesas de trabajo
    3. Vista previa del dispositivo
    4. Copia de CSS a partir de capas
    5. División de páginas web en sectores
    6. Opciones HTML para sectores
    7. Modificación del diseño de sectores
    8. Trabajo con gráficos web
    9. Creación de galerías de fotografías web
  25. Vídeo y animación
    1. Edición de vídeo en Photoshop
    2. Edición de capas de vídeo y animación
    3. Descripción general de vídeo y animación
    4. Previsualización de vídeo y animaciones
    5. Pintado de cuadros en las capas de vídeo
    6. Importación de archivos de vídeo y secuencias de imágenes
    7. Creación de animaciones de cuadros
    8. Animación en 3D de Creative Cloud (previsualización)
    9. Creación de animaciones de línea de tiempo
    10. Creación de imágenes para vídeo
  26. Impresión
    1. Impresión de objetos 3D
    2. Impresión en Photoshop
    3. Impresión con gestión de color
    4. Hojas de contactos y presentaciones en PDF
    5. Impresión de fotografías en un diseño de conjunto de imágenes
    6. Impresión con tintas planas
    7. Impresión de imágenes en imprentas comerciales
    8. Mejora de las impresiones en color en Photoshop
    9. Solución de problemas de impresión | Photoshop
  27. Automatización
    1. Creación de acciones
    2. Crear gráficos de datos
    3. Creación de secuencias de comandos
    4. Procesamiento de un lote de archivos
    5. Reproducción y gestión de las acciones
    6. Adición de acciones condicionales
    7. Acerca de las acciones y el panel Acciones
    8. Grabación de herramientas en acciones
    9. Adición de un cambio de modo condicional a una acción
    10. Kit de herramientas de la IU de Photoshop para plugins y secuencias de comandos
  28. Solución de problemas
    1. Problemas resueltos 
    2. Problemas conocidos
    3. Optimización del rendimiento de Photoshop
    4. Solución de problemas básicos
    5. Solución de errores de bloqueo o respuesta
    6. Solución de errores del programa
    7. Solución de errores del disco de memoria virtual lleno
    8. Solución de problemas de GPU y de controlador de gráficos
    9. Buscar herramientas que faltan
    10. Photoshop | Preguntas frecuentes sobre las funciones 3D no disponibles
Nota:

Para crear galerías Web con Photoshop CS5, consulte Creación de una galería de fotografías Web en la ayuda de Adobe Bridge. Para utilizar el anterior plug-in opcional Galería de fotografías Web que se describe en los siguientes temas, primero descárguelo e instálelo para Windows o macOS.

Acerca de las galerías de fotografías web

Una galería de fotografías web es un sitio web con una página principal con imágenes en miniatura y páginas de galería con imágenes en tamaño completo. Cada página contiene enlaces que permiten al visitante navegar por el sitio. Por ejemplo, cuando un visitante hace clic en una imagen en miniatura de la página principal, la imagen en tamaño completo asociada se carga en la página de la galería. Utilice el comando Galería de fotografías web para generar automáticamente una galería de fotografías web a partir de un conjunto de imágenes.

Página principal de la galería de fotografías web en Photoshop
Página principal de la galería de fotografías web

Photoshop proporciona una variedad de estilos para la galería que pueden seleccionarse mediante el comando Galería de fotografías web. Si es un usuario avanzado de HTML, puede crear un nuevo estilo o personalizar uno editando un conjunto de archivos de plantilla HTML.

Cada plantilla de estilos de galería incluye varias opciones. Si utiliza un estilo preestablecido, algunas opciones pueden aparecer atenuadas o no disponibles para ese estilo concreto.

Creación de galerías web con Adobe Bridge

Adobe Bridge proporciona funciones de galería web actualizadas. Para obtener más información, consulte Creación de una galería de fotografías web en la Ayuda de Adobe Bridge, o vea los tutoriales que aparece a continuación.

Uso del plugin anterior opcional de Photoshop

  1. Descargue e instale el anterior plug-in Galería de fotografías web para Windows o macOS.

  2. (Opcional) Seleccione los archivos o carpeta que desee utilizar en Adobe Bridge.

    Las imágenes aparecen en el orden en el que se muestran en Bridge. Si prefiere utilizar otro orden, cámbielo en Bridge.

  3. Realice una de las siguientes acciones:

    • En Adobe Bridge, elija Herramientas > Photoshop > Galería de fotografías web.

    • En Photoshop, elija Archivo > Automatizar > Galería de fotografías web.

  4. Elija un estilo para la galería en el menú emergente Estilos. En el cuadro de diálogo aparece una previsualización de la página principal del estilo seleccionado.

  5. (Opcional) Especifique una dirección de correo electrónico como información de contacto para la galería.

  6. Elija los archivos de origen para la galería en el menú Usar.

    Imágenes seleccionadas de Bridge

    Utiliza imágenes seleccionadas antes de abrir el cuadro de diálogo Galería de fotografías web.

    Carpeta

    Emplea imágenes de carpetas seleccionadas con los botones Examinar (Windows) o Seleccionar (Mac OS). Seleccione Incluir todas las subcarpetas para incluir las imágenes de todas las subcarpetas de la carpeta seleccionada.

  7. Haga clic en Destino y, a continuación, seleccione una carpeta en la que almacenar las imágenes y las páginas HTML de la galería. Luego, haga clic en OK (Windows) o en Seleccionar (Mac OS).

  8. Seleccione las opciones de formato para la galería web. Elija los elementos del menú Opciones para visualizar cada conjunto de opciones. Consulte Opciones de la galería de fotografías web.

  9. Haga clic en OK. Photoshop coloca los siguientes archivos HTML y JPEG en la carpeta de destino:

    • Una página principal para la galería denominada index.htm o index.html, en función de las opciones de extensión. Abra este archivo en cualquier navegador web para previsualizar la galería.

    • Imágenes JPEG dentro de una subcarpeta de imágenes.

    • Páginas HTML dentro de una subcarpeta de páginas.

    • Imágenes en miniatura JPEG dentro de una subcarpeta de miniaturas.

Conseguir que los colores coincidan

Si realiza operaciones con las fotografías en algún espacio de trabajo que disponga de una amplia gama de colores como ProPhoto RGB o Adobe RGB, es posible que los colores de las imágenes varíen al visualizar éstas en una galería web mediante un navegador que no lea los perfiles de color incrustados. En ese caso, intente convertir los perfiles de las imágenes a sRGB (la opción que usa por defecto la mayoría de los navegadores) antes de optimizarlas o incluirlas en una galería de fotografías web. Para realizar la conversión a sRGB, lleve a cabo cualquiera de los procedimientos siguientes. Se recomienda trabajar con una copia de las imágenes.

Si utiliza el procesador de imágenes, puede guardar los archivos directamente en formato JPEG en el tamaño deseado. Si es así, desactive Redimensionar imágenes en las opciones de Imágenes grandes.

General

Opciones de extensiones de archivo, codificación y metadatos.

Extensión

Utiliza .htm o .html como extensión del nombre de archivo.

Utilizar codificación UTF 8 para URL

Utiliza codificación UTF 8.

Añadir atributos de altura y anchura para las imágenes

Especifica las dimensiones, reduciéndose así el tiempo de descarga.

Conservar todos los metadatos

Conserva la información sobre metadatos.

Titular

Opciones de texto correspondientes al titular que aparece en cada página de la galería. Escriba texto en cada uno de los campos siguientes:

Nombre del sitio

Nombre de la galería.

Fotógrafo

Nombre de la persona u organización propietaria de las fotografías de la galería.

Información de contacto

Información de contacto de la galería, como por ejemplo el número de teléfono o el domicilio social.

Fecha

Fecha que aparece en cada página de la galería. Por defecto, Photoshop utiliza la fecha actual.

Fuente y Tamaño de fuente

(Disponible para algunos estilos de sitio) Opciones correspondientes al texto del titular.

Imágenes grandes

Opciones correspondientes a las imágenes principales que aparecen en cada página de la galería.

Añadir enlaces numéricos

(Disponible para algunos estilos de sitio) Coloca una secuencia numérica (que empieza por el número 1 y termina por el número total de páginas de la galería) en sentido horizontal en la parte superior de cada una de las páginas de la galería. Cada número es un enlace a la página correspondiente.

Redimensionar imágenes

Redimensiona las imágenes de origen al colocarlas en las páginas de la galería. Seleccione un tamaño en el menú emergente o introduzca un tamaño en píxeles. En Restringir, elija las dimensiones de la imagen que desea limitar durante la redimensión. En Calidad JPEG, seleccione una opción del menú emergente, introduzca un valor entre 0 y 12 o arrastre el regulador. Cuanto mayor sea el valor, mejor será la calidad de la imagen y más grande el archivo.

Nota:

Photoshop utiliza el método de interpolación de imagen por defecto definido en las preferencias. Seleccione Bicúbica más enfocada como valor por defecto para obtener mejores resultados al reducir el tamaño de una imagen.

Tamaño del borde

Especifica la anchura, en píxeles, del borde que rodea la imagen.

Uso de títulos

(Disponible para algunos estilos de sitio) Especifica las opciones para mostrar los pies de ilustración de las imágenes. Elija Nombre de archivo para mostrar el nombre de archivo, o seleccione Descripción, Créditos, Título y Copyright para mostrar el texto de descripción procedente del cuadro de diálogo Información de archivo.

Fuente y Tamaño de fuente

(Disponible para algunos estilos de sitio) Especifica la fuente y el tamaño de los pies de ilustración.

Miniaturas

Opciones correspondientes a la página principal de la galería, que incluyen el tamaño de las imágenes en miniatura.

Tamaño

Especifica el tamaño de la miniatura. Seleccione un valor en el menú emergente o introduzca uno en píxeles para especificar la anchura de cada miniatura.

Columnas y Filas

Especifique el número de columnas y filas de miniaturas de la página principal. Esta opción no se aplica en galerías que utilizan el estilo de cuadro horizontal o vertical.

Tamaño del borde

Especifica la anchura, en píxeles, del borde que rodea cada miniatura.

Uso de títulos

(Disponible para algunos estilos de sitio) Especifica las opciones para mostrar los pies de ilustración de las miniaturas. Elija Nombre de archivo para mostrar el nombre de archivo, o seleccione Descripción, Créditos, Título y Copyright para mostrar el texto de descripción procedente del cuadro de diálogo Información de archivo.

Fuente y Tamaño de fuente

(Disponible para algunos estilos de sitio) Especifica la fuente y el tamaño de los pies de ilustración.

Colores a medida

Opciones correspondientes a los colores de los elementos de la galería. Para cambiar el color de un elemento, haga clic en su muestra de color y, a continuación, seleccione un nuevo color mediante el Selector de color de Adobe. Puede cambiar el color de fondo de cada página (opción Fondo) y del titular (opción Titular).

Seguridad

Muestra texto sobre cada imagen como aviso disuasorio de robo.

Contenido

Especifica el texto que se va a mostrar. Seleccione Texto personalizado para introducir texto personalizado. Seleccione Nombre de archivo, Descripción, Créditos, Título o Copyright para mostrar texto procedente del cuadro de diálogo Información de archivo.

Fuente, Color y Posición

Especifique la fuente, el color y la alineación del pie de ilustración.

Rotar

Coloque el texto sobre la imagen en un determinado ángulo.

Photoshop ofrece una gran variedad de estilos para su galería de fotografías web. Si es un usuario avanzado de HTML, puede crear un nuevo estilo o personalizar uno editando un conjunto de archivos de plantilla HTML.

Los estilos de las galerías de fotografías web que proporciona Photoshop se almacenan en carpetas individuales en las siguientes ubicaciones:

Windows

Archivos de programa/Adobe/Adobe Photoshop CS5/Ajustes preestablecidos/Galería de fotografías Web.

Mac OS

Adobe Photoshop CS5/Ajustes preestablecidos/Galería de fotografías web.

El nombre de cada carpeta de estas ubicaciones aparece como una opción en el menú Estilos del cuadro de diálogo Galería de fotografías web. Cada carpeta contiene los siguientes archivos de plantilla HTML, que Photoshop utiliza para generar la galería:

Caption.htm

Determina la composición del pie de ilustración que aparece debajo de cada miniatura en la página principal.

FrameSet.htm

Determina la composición del conjunto de cuadros para las páginas que se visualizan.

IndexPage.htm

Determina la composición de la página principal.

SubPage.htm

Determina la composición de las páginas de la galería con imágenes en tamaño completo.

Thumbnail.htm Determina la composición de las miniaturas que aparecen en la página principal.

Cada archivo de plantilla contiene código HTML y distintivos. Un distintivo es una cadena de texto que Photoshop sustituye cuando se define su opción correspondiente en el cuadro de diálogo Galería de fotografías web. Por ejemplo, un archivo de plantilla puede contener el siguiente elemento TITLE que utiliza un distintivo como texto adjunto:

<TITLE>%TITLE%</TITLE>

Cuando Photoshop genera la galería utilizando este archivo de plantilla, sustituye el distintivo %TITLE% por el texto que haya introducido en Nombre del sitio en el cuadro de diálogo Galería de fotografías web.

Para entender mejor un estilo existente, puede abrir y estudiar sus archivos de plantilla HTML mediante un editor HTML. Como solo son necesarios los caracteres ASCII estándar para crear documentos HTML, puede abrir, editar y crear estos documentos mediante un editor de texto sin formato como Bloc de notas (Windows) o TextEdit (Mac OS).

Para personalizar un estilo de galería de fotografías web existente, edite uno o más de sus archivos de plantilla HTML. Cuando se personaliza un estilo, es necesario seguir estas pautas para que Photoshop pueda generar correctamente la galería:

  • La carpeta de estilos debe contener estos archivos: Caption.htm, IndexPage.htm, SubPage.htm, Thumbnail.htm y FrameSet.htm.

  • Puede cambiar el nombre de la carpeta de estilos pero no de los archivos de plantilla HTML de la carpeta.

  • Puede tener un archivo Caption.htm vacío y colocar el código HTML y los distintivos que determinan la composición del pie de ilustración en el archivo Thumbnail.htm.

  • Puede reemplazar un distintivo de un archivo de plantilla por el texto o código HTML adecuado, de manera que una opción se defina a través del archivo de plantilla en vez de a través del cuadro de diálogo Galería de fotografías web. Por ejemplo, un archivo de plantilla puede contener un elemento BODY con el siguiente atributo de color de fondo que utiliza un distintivo como su valor:

    bgcolor=%BGCOLOR%

    Para definir el rojo como color de fondo de la página, puede reemplazar el distintivo %BGCOLOR% por "FF0000".

  • Puede añadir código HTML y distintivos a los archivos de plantilla. Todos los distintivos deben estar en mayúsculas y comenzar y acabar con el símbolo de porcentaje (%).

  1. Busque la carpeta que almacena los estilos de galería de fotografías web existentes.
  2. Realice una de las siguientes acciones:
    • Para personalizar un estilo, cree una copia de la carpeta de estilos y almacénela en la misma ubicación que las carpetas de estilos existentes.

    • Para crear un estilo nuevo, cree una carpeta nueva para el estilo nuevo y almacénela en la misma ubicación que las carpetas de estilos existentes.

    El estilo nuevo o personalizado (cuyo nombre es igual que el de su carpeta) se muestra en el menú Estilos del cuadro de diálogo Galería de fotografías web.

  3. Si utiliza un editor HTML, realice una de las siguientes acciones:
    • Personalice el archivo de plantilla HTML.

    • Cree los archivos de plantilla HTML necesarios y almacénelos en la carpeta de estilos.

    Al crear los archivos de plantilla, no olvide seguir las directrices de personalización descritas en Acerca de la personalización de estilos de galería de fotografías web.

    Nota:

    Cuando personalice o cree una plantilla para un estilo de galería, debe colocar cada uno de los siguientes distintivos en una línea diferente en el archivo HTML: %CURRENTINDEX%, %NEXTIMAGE%, %NEXTINDEX%, %PAGE%, %PREVIMAGE% y %PREVINDEX%. Cuando se generan páginas específicas de una galería, Photoshop omite las líneas de una plantilla que contengan distintivos no aplicables a esas páginas. Por ejemplo, cuando Photoshop genera la primera página de la galería omite cualquier línea de la plantilla que contenga el distintivo %PREVIMAGE%, que determina el enlace a la página anterior de la galería. Al mantener el distintivo %PREVIMAGE% en una línea diferente, se asegura de que Photoshop no omita otros distintivos de la plantilla.

Photoshop utiliza distintivos en los archivos de plantilla HTML para definir un estilo de galería de fotografías web por defecto. Photoshop utiliza estos distintivos para generar una galería basada en la entrada de usuario en el cuadro de diálogo Galería de fotografías web.

Cuando personaliza o crea un estilo de galería, puede añadir cualquier distintivo a cualquier archivo de plantilla HTML, a excepción de %THUMBNAILS% y %THUMBNAILSROWS%, que solo pueden aparecer en el archivo IndexPage.htm. Cuando añada un distintivo, tenga en cuenta que también puede ser necesario añadir código HTML al archivo para que el distintivo se utilice correctamente.

Pueden utilizarse los siguientes distintivos en los archivos de plantilla HTML:

%ALINK%

Determina el color de los enlaces activos.

%ALT%

Determina el nombre de un archivo de imágenes.

%ANCHOR%

Proporciona la posibilidad de volver a la miniatura de la imagen que está viendo el usuario, en lugar de al principio del índice. Esto se efectúa cuando el usuario hace clic en el botón Inicio.

%BANNERCOLOR%

Determina el color del titular.

%BANNERFONT%

Determina la fuente del texto del titular.

%BANNERFONTSIZE%

Determina el tamaño de fuente del texto del titular.

%BGCOLOR%

Determina el color de fondo.

%CAPTIONFONT%

Determina la fuente del pie de ilustración que hay debajo de las miniaturas de la página principal.

%CAPTIONFONTSIZE%

Determina el tamaño de fuente del pie de ilustración.

%CAPTIONTITLE%

Inserta el título del documento para un pie de ilustración a partir de la información del archivo.

%CHARSET%

Determina el conjunto de caracteres utilizado en cada página.

%CONTACTINFO%

Determina la información de contacto de la galería, como el número de teléfono y la ubicación.

%CONTENT_GENRATOR%

Se expande a "Galería de fotografías web de Adobe Photoshop CS5".

%COPYRIGHT%

Introduce la información de copyright para un pie de ilustración a partir de la información del archivo.

%CREDITS%

Introduce los créditos para un pie de ilustración a partir de la información del archivo.

%CURRENTINDEX%

Determina el enlace a la página principal anterior.

%CURRENTINDEXANCHOR%

Reside en el archivo SubPage.htm y apunta a la primera página del índice.

%DATE%

Determina la fecha que aparece en el titular.

%EMAIL%

Determina el correo electrónico de la información de contacto de la galería.

%FILEINFO%

Determina la información de archivo de imágenes del pie de ilustración.

%FILENAME%

Determina el nombre de archivo de una imagen. Utilice este valor para los metadatos que aparecen como texto HTML.

%FILENAME_URL%

Determina el nombre de archivo de la dirección URL de una imagen. Utilice esta opción solo para nombres de archivo de URL.

%FIRSTPAGE%

Determina el enlace a la primera página de la galería que aparece en el cuadro derecho de un conjunto de cuadros.

%FRAMEINDEX%

Determina el enlace a la página principal que aparece en el cuadro izquierdo de un conjunto de cuadros.

%HEADER%

Determina el título de la galería.

%IMAGEBORDER%

Determina el tamaño del borde de la imagen en tamaño completo en la página de la galería.

%IMAGE_HEIGHT%

Activa la casilla de verificación Añadir atributos de altura y anchura para las imágenes. Esta opción permite al usuario descargar los atributos, reduciéndose así el tiempo de descarga.

%IMAGE_HEIGHT_NUMBER%

Este distintivo se sustituye por un valor numérico (solo) que representa la anchura de la imagen.

%IMAGEPAGE%

Determina el enlace a una página de la galería.

%IMAGE_SIZE%

Si se ha seleccionado el cuadro Redimensionar imágenes, este distintivo contiene el valor en píxeles de la imagen utilizado en el panel Imágenes grandes. Si el cuadro no se ha seleccionado, este distintivo contiene una cadena vacía. Esto resulta útil para JavaScript en las plantillas, ya que puede mostrar los valores de altura y anchura máximos para todas las imágenes del sitio que se ha generado.

%IMAGESRC%

Determina la dirección URL para una imagen en tamaño completo en una página de la galería.

%IMAGE_WIDTH%

Activa la casilla de verificación Añadir atributos de altura y anchura para las imágenes. Esta opción permite al usuario descargar los atributos, reduciéndose así el tiempo de descarga.

%IMAGE_WIDTH_NUMBER%

Este distintivo se sustituye por un valor numérico (solo) que representa la anchura de la imagen.

%LINK%

Determina el color de los enlaces.

%NEXTIMAGE%

Determina el enlace para la siguiente página de la galería.

%NEXTIMAGE_CIRCULAR%

Establece un enlace de la imagen grande de previsualización a la siguiente.

%NEXTINDEX%

Determina el enlace a la siguiente página principal.

%NUMERICLINKS%

Inserta enlaces numerados en las subpáginas con todas las imágenes grandes de previsualización.

%PAGE%

Determina la ubicación actual de la página (por ejemplo, página 1 de 3).

%PHOTOGRAPHER%

Determina el nombre de la persona u organización propietaria de las fotografías de la galería.

%PREVIMAGE%

Determina el enlace a la página anterior de la galería.

%PREVINDEX%

Determina el enlace a la página principal anterior.

%SUBPAGEHEADER%

Determina el título de la galería.

%SUBPAGETITLE%

Determina el título de la galería.

%TEXT%

Determina el color de texto.

%THUMBBORDER%

Determina el tamaño de los bordes de las miniaturas.

%THUMBNAIL_HEIGHT%

Activa la casilla de verificación Añadir atributos de altura y anchura para las imágenes. Esta opción permite al usuario descargar los atributos, reduciéndose así el tiempo de descarga.

%THUMBNAIL_HEIGHT_NUMBER%

Este distintivo se sustituye por un valor numérico (solo), que representa la altura de la miniatura.

%THUMBNAILS%

Este distintivo se sustituye por miniaturas utilizando el archivo Thumbnail.htm para los estilos de cuadros. Es necesario colocar este distintivo solo en una única línea indivisible del archivo HTML.

%THUMBNAIL_SIZE%

Contiene el valor en píxeles de la miniatura en el panel Miniaturas. Esto resulta útil para JavaScript en las plantillas, ya que puede mostrar los valores de altura y anchura máximos de todas las miniaturas del sitio que se ha generado.

%THUMBNAILSRC%

Determina el enlace a una miniatura.

%THUMBNAILSROWS%

Este distintivo se sustituye por filas de miniaturas utilizando el archivo Thumbnail.htm para los estilos que no son de cuadro. Es necesario colocar este distintivo solo en una única línea indivisible del archivo HTML.

%THUMBNAIL_WIDTH%

Activa la casilla de verificación Añadir atributos de altura y anchura para las imágenes. Esta opción permite al usuario descargar los atributos, reduciéndose así el tiempo de descarga.

%THUMBNAIL_WIDTH_NUMBER%

Este distintivo se sustituye por un valor numérico (solo) que representa la anchura de la miniatura.

%TITLE%

Determina el título de la galería.

%VLINK%

Determina el color de los enlaces visitados.

 Adobe

Obtén ayuda de forma más rápida y sencilla

¿Nuevo usuario?

Adobe MAX 2024

Adobe MAX
La conferencia de creatividad

Del 14 al 16 de octubre en Miami Beach y en línea

Adobe MAX

La conferencia de creatividad

Del 14 al 16 de octubre en Miami Beach y en línea

Adobe MAX 2024

Adobe MAX
La conferencia de creatividad

Del 14 al 16 de octubre en Miami Beach y en línea

Adobe MAX

La conferencia de creatividad

Del 14 al 16 de octubre en Miami Beach y en línea