Opciones HTML para sectores

  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. Migración de ajustes, acciones y ajustes preestablecidos
    8. Familiarícese con Photoshop
  3. Servicios de Photoshop y Adobe
    1. Photoshop y Adobe Stock
    2. Bibliotecas de Creative Cloud
    3. Bibliotecas Creative Cloud en Photoshop
    4. Cuadrícula y guías
    5. Creación de acciones
    6. Deshacer e historia
    7. Métodos abreviados de teclado predeterminados
    8. Capacidades táctiles y espacios de trabajo personalizables
    9. Utilice Touch Bar con Photoshop
    10. Uso de la extensión en la aplicación Capture en Photoshop
  4. Photoshop en el iPad
    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 en la nube
    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. Requisitos del sistema 1.x | Photoshop para iPad
    23. Requisitos del sistema 2.x | Photoshop para iPad
    24. Edición del tamaño de imagen
    25. Emisión en directo de su trabajo mientras crea en Photoshop en el iPad
    26. Corrección de imperfecciones con el Pincel corrector
    27. Crear pinceles en Capture y utilizarlos en Photoshop
  5. Documentos en la nube
    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 compartir el acceso y editar los documentos en la nube
  6. Espacio de trabajo
    1. Conceptos básicos del espacio de trabajo
    2. Creación de documentos
    3. Utilice Touch Bar con Photoshop
    4. Compatibilidad con Microsoft Dial en Photoshop
    5. Galerías de herramientas
    6. Preferencias de rendimiento
    7. Uso de herramientas
    8. Gestos táctiles
    9. Capacidades táctiles y espacios de trabajo personalizables
    10. Previsualizaciones de tecnología
    11. Metadatos y notas
    12. Compartir rápidamente creaciones
    13. Colocar imágenes de Photoshop en otras aplicaciones
    14. Preferencias
    15. Métodos abreviados de teclado predeterminados
    16. Reglas
    17. Visualización u ocultación de extras que no se pueden imprimir
    18. Especificación de columnas en una imagen
    19. Deshacer e historia
    20. Paneles y menús
    21. Colocación de archivos
    22. Colocación de elementos con el ajuste
    23. Colocación con la herramienta Regla
    24. Ajustes preestablecidos
    25. Personalización de los métodos abreviados de teclado
    26. Cuadrícula y guías
  7. Diseño web, diseño en pantalla y diseño de aplicaciones
    1. Photoshop para diseño
    2. Mesas de trabajo
    3. Exportación de archivos en Photoshop
    4. Vista previa del dispositivo
    5. Copia de CSS a partir de capas
    6. División de páginas web en sectores
    7. Opciones HTML para sectores
    8. Modificación del diseño de sectores
    9. Trabajo con gráficos web
    10. Creación de galerías de fotografías web
  8. 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
  9. 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
    26. Capa
    27. Acoplado
    28. Compuesto
    29. Fondo
  10. Selecciones
    1. Espacio de trabajo Seleccionar y aplicar máscara
    2. Realización de selecciones rápidas
    3. Introducción a las selecciones
    4. Selección con las herramientas de marco
    5. Selección con las herramientas de lazo
    6. Selección de una gama de colores en una imagen
    7. Ajuste de selecciones de píxeles
    8. Conversión entre trazados y bordes de selección
    9. Conceptos básicos del canal
    10. Traslado, copia y eliminación de píxeles seleccionados
    11. Creación de una máscara rápida temporal
    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
    16. Selección
    17. Cuadro delimitador
  11. Ajustes de imagen
    1. Deformación de perspectiva
    2. Estabilización del desenfoque de la imagen
    3. Ejemplos de pincel corrector
    4. Exportación de tablas de consulta de colores
    5. Ajuste del enfoque y desenfoque de la imagen
    6. Explicación de los ajustes de color
    7. Aplicación del ajuste Brillo/contraste
    8. Ajuste de los detalles de iluminación y sombra
    9. Ajuste de niveles
    10. Ajuste del tono y la saturación
    11. Ajuste de intensidad
    12. Ajuste de la saturación del color en las áreas de la imagen
    13. Realización de ajustes de tonos rápidos
    14. Aplicación de efectos de color especiales a las imágenes
    15. Mejora de imágenes con los ajustes de Equilibrio de color
    16. Imágenes de alto rango dinámico
    17. Visualización de histogramas y valores de píxeles
    18. Coincidencia de colores en la imagen
    19. Cómo recortar y enderezar fotografías
    20. Conversión de una imagen en color en una imagen en blanco y negro
    21. Capas de ajuste y de relleno
    22. Ajuste de curvas
    23. Modos de fusión
    24. Preparación de imágenes para la imprenta
    25. Ajuste del color y el tono con los cuentagotas de Niveles y Curvas
    26. Ajuste de los tonos y exposición HDR
    27. Filtro
    28. Desenfoque
    29. Sobreexposición o subexposición de áreas de la imagen
    30. Realización de ajustes de color selectivos
    31. Sustitución de colores de objeto
  12. 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. Cómo realizar ediciones no destructivas en Camera Raw
    10. Filtro radial de Camera Raw
    11. Gestión de los ajustes de Camera Raw
    12. Apertura, procesamiento y almacenamiento de imágenes en Camera Raw
    13. Reparación de imágenes con la herramienta Eliminación de tinta plana mejorada de Camera Raw
    14. Rotación, recorte y transformación de imágenes
    15. Ajuste de la representación del color en Camera Raw
    16. Resumen de funciones | Adobe Camera Raw | Versiones de 2018
    17. Resumen de las nuevas funciones
    18. Versiones del proceso en Camera Raw
    19. Realización de ajustes locales en Camera Raw
  13. 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
  14. Transformaciones de imágenes
    1. Transformación de objetos
    2. Ajuste de recorte, rotación y tamaño de lienzo
    3. Cómo recortar y enderezar fotografías
    4. Creación y edición de imágenes panorámicas
    5. Deformación de imágenes, formas y trazados
    6. Punto de fuga
    7. Utilice el filtro Licuar
    8. Escala según el contenido
    9. Transformación de imágenes, formas y trazados
    10. Deformar
    11. Transformar
    12. Panorama
  15. 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. Relleno y trazo de selecciones, capas y trazados
    14. Dibujo con las herramientas de pluma
    15. Creación de motivos
    16. Generación de motivos utilizando el Creador de motivos
    17. Gestión de trazados
    18. Gestión de los ajustes preestablecidos y las bibliotecas de motivos
    19. Dibujo o pintura con una tableta gráfica
    20. Creación de pinceles con textura
    21. Adición de elementos dinámicos a los pinceles
    22. Degradado
    23. Pintura de trazos estilizados con el Pincel histórico
    24. Pintura con motivos
    25. Sincronización de ajustes preestablecidos en varios dispositivos
  16. Texto
    1. Trabajo con fuentes OpenType SVG
    2. Aplicación de formato a caracteres
    3. Aplicación de formato a párrafos
    4. Creación de efectos de texto
    5. Edición de texto
    6. Espaciado entre líneas y caracteres
    7. Texto en árabe y hebreo
    8. Fuentes
    9. Solucione problemas de fuentes
    10. Texto asiático
    11. Creación de texto
    12. Error de motor de texto al usar la herramienta Tipo en Photoshop | Windows 8
    13. Modo de composición internacional de fuentes asiáticas
    14. Cómo agregar y editar texto en Photoshop
  17. 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
  18. Filtros y efectos
    1. Utilice el filtro Licuar
    2. Uso de la galería de efectos de desenfoque
    3. Conceptos básicos sobre los filtros
    4. Referencia de efectos de filtro
    5. Adición de efectos de iluminación
    6. Uso del filtro de ángulo ancho adaptable
    7. Uso del filtro Pintura al óleo
    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
  19. Almacenamiento y exportación
    1. Guardado de archivos con formatos gráficos
    2. Guardado de archivos en Photoshop
    3. Formatos de archivo
    4. Guardado y exportación de vídeo y animaciones
    5. Guardado de archivos PDF
    6. Protección por copyright Digimarc
  20. 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. Duotonos
    8. Impresión de imágenes en imprentas comerciales
    9. Mejora de las impresiones en color en Photoshop
    10. Solución de problemas de impresión | Photoshop
  21. 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
  22. Imágenes técnicas y tridimensionales
    1. Animación en 3D de Creative Cloud (previsualización)
    2. Impresión de objetos 3D
    3. Pintura 3D
    4. Mejoras del panel 3D | Photoshop
    5. Conceptos y herramientas 3D básicos
    6. Interpretación y almacenamiento 3D
    7. Creación de objetos y animaciones 3D
    8. Pilas de imágenes
    9. Flujo de trabajo 3D
    10. Medida
    11. Archivos DICOM
    12. Photoshop y MATLAB
    13. Recuento de objetos en las imágenes
    14. Combinación y conversión de objetos 3D
    15. Edición de textura en 3D
    16. Ajuste de los tonos y exposición HDR
    17. Configuración del panel 3D
  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. Trabajo con perfiles de color
    5. Gestión de color de los documentos para la visualización en línea
    6. Gestión de color de los documentos al imprimir
    7. Gestión de color de imágenes importadas
    8. Pruebas de los colores

Visualización del cuadro de diálogo Opciones de sector

Realice una de las siguientes acciones:

  • Haga doble clic en un sector con la herramienta Seleccionar sector . (Si la herramienta no se encuentra visible, mantenga pulsada la herramienta Recortar o Sectores).
  • Con esta herramienta activa, haga clic en el botón Opciones de sector  de la barra de opciones. Este método no se encuentra en el cuadro de diálogo Guardar para Web y dispositivos.

Especificación de un tipo de contenido de sector

Puede especificar la disposición de los datos de sector en un navegador web al exportar con un archivo HTML. Las opciones disponibles varían según el tipo de sector que seleccione.

  • Los sectores de imagen contienen datos de imagen. Éste es el tipo de contenido por defecto.

  • Los sectores Sin imagen permiten crear celdas de tabla vacías que puede rellenar con texto o con un color uniforme. Puede especificar texto HTML en un sector Sin imagen. Si define la opción "El texto es HTML" en el cuadro de diálogo Guardar para Web y dispositivos, el texto se interpreta como HTML al visualizarlo en un navegador. Los sectores de tipo Sin imagen no se exportan como imágenes y pueden previsualizarse en un navegador.

Nota:

definir opciones para un sector automático asciende el sector a sector de usuario.

  1. Seleccione un sector. Si trabaja en Photoshop, haga doble clic en el sector con la herramienta Seleccionar sector para visualizar el cuadro de diálogo Opciones de sector.
  2. En el cuadro de diálogo Opciones de sector, seleccione un tipo de sector del menú emergente Tipo.

Cambio del nombre de un sector

Conforme añade sectores a una imagen, puede resultar útil cambiarles el nombre en función de su contenido. Por defecto, el nombre de los sectores de usuario se asigna en función de los ajustes del cuadro de diálogo Ajustes de salida.

  1. Seleccione un sector y haga doble clic en el sector con la herramienta Seleccionar sector para mostrar el cuadro de diálogo Opciones de sector. En el cuadro de diálogo Opciones de sector, introduzca un nuevo nombre en el cuadro de texto Nombre.
    Nota:

    el cuadro de texto Nombre no está disponible para el contenido de sectores Sin imagen.

Selección de un color de fondo para un sector

Puede seleccionar un color de fondo para rellenar el área transparente (para los sectores Imagen) o toda el área (para los sectores Sin imagen) del sector.

Photoshop no muestra el color de fondo seleccionado; debe previsualizar la imagen en un navegador para ver el efecto al seleccionar un color de fondo.

  1. Seleccione un sector. Si trabaja con el cuadro de diálogo Guardar para Web y dispositivos de Photoshop, haga doble clic en el sector con la herramienta Seleccionar sector para visualizar el cuadro de diálogo Opciones de sector.
  2. En el cuadro de diálogo Opciones de sector, seleccione un color de fondo del menú emergente Color de fondo. Seleccione Ninguno, Ninguno, Mate, Blanco, Negro u Otro (con el Selector de color de Adobe).

Asignación de información de enlaces de URL a un sector Imagen

Asignar una dirección URL a un sector convierte el área completa del sector en un enlace de la página web resultante. Cuando un usuario hace clic en el enlace, el navegador web va a la dirección URL y el cuadro de destino especificados. Esta opción solo se encuentra disponible para los sectores Imagen.

  1. Seleccione un sector. Si trabaja en Photoshop, haga doble clic en el sector con la herramienta Seleccionar sector para visualizar el cuadro de diálogo Opciones de sector.
  2. En el cuadro de diálogo Opciones de sector, escriba una dirección URL en el cuadro de texto URL. Puede escribir una dirección URL relativa o una absoluta (completa). Si escribe una dirección URL absoluta, asegúrese de incluir el protocolo adecuado (por ejemplo, introduzca http://www.adobe.com/es, no www.adobe.com/es). Para más información sobre el uso de URL relativas y absolutas, consulte un manual de HTML.
  3. Si lo desea, escriba el nombre de un cuadro de destino en el cuadro de texto Destino:

    _blank

    Muestra el archivo enlazado en una nueva ventana, dejando abierta la ventana del navegador original.

    _self

    Muestra el archivo enlazado en el mismo cuadro que el archivo original.

    _parent

    Muestra el archivo enlazado en su propio cuadro primario original. Utilice esta opción si el documento HTML contiene cuadros y el cuadro actual es secundario. El archivo enlazado se visualiza en el cuadro primario actual.

    _top

    Reemplaza toda la ventana del navegador por el archivo enlazado, quitando todos los cuadros actuales. El nombre debe coincidir con un nombre de cuadro anteriormente definido en el archivo HTML del documento. Cuando un usuario hace clic en el enlace, el archivo especificado se visualiza en el nuevo cuadro.

    Nota:

    para más información sobre cuadros, consulte un manual de HTML.

Especificación de mensajes de navegador y texto de la etiqueta Alt

Puede especificar qué mensajes aparecen en el navegador. Estas opciones solo están disponibles para los sectores Imagen y solo aparecen en archivos HTML exportados.

  1. Seleccione un sector. Si trabaja en Photoshop, haga doble clic en el sector con la herramienta Seleccionar sector para visualizar el cuadro de diálogo Opciones de sector.
  2. En el cuadro de diálogo Opciones de sector, escriba el texto que desee.

    Texto de mensaje

    Cambia el mensaje por defecto del área de estado del navegador para un sector o sectores seleccionados. Si se da el caso, se visualizará por defecto la dirección URL del sector.

    Etiqueta Alt/Alt

    Especifica una etiqueta Alt para un sector o sectores seleccionados. El texto de la etiqueta Alt aparece en lugar de la imagen del sector en los navegadores no gráficos. También aparece en lugar de la imagen mientras se descarga la imagen y se trata de una sugerencia de herramientas en algunos navegadores.

Adición de texto HTML a un sector

Si elige un sector de tipo Sin imagen, puede especificar la visualización de texto en el área del sector de la página web resultante. Éste puede ser un texto sin formato o un texto formateado con etiquetas HTML estándar. También se pueden seleccionar las opciones de alineación vertical y horizontal. Para más información sobre etiquetas HTML específicas, consulte un manual de HTML.

Photoshop no muestra texto HTML en la ventana de documento; debe utilizar un navegador web para previsualizar el texto. Visualice el texto HTML en navegadores diferentes, con distintos ajustes y en diferentes sistemas operativos para confirmar que el texto se visualiza correctamente en Internet.

Nota:

la cantidad de texto contenido en un sector Sin imagen puede afectar a la composición de una página exportada.

  1. Seleccione un sector. Haga doble clic en el sector con la herramienta Seleccionar sector para mostrar el cuadro de diálogo Opciones de sector. Puede hacer doble clic sobre el sector en el cuadro de diálogo Guardar para Web y dispositivos para definir opciones de formato adicionales.
  2. En el cuadro de diálogo Opciones de sector, seleccione Sin imagen del menú Tipo de sector.
  3. Escriba el texto que desee en el cuadro de texto.
  4. (Solo cuadro de diálogo Guardar para Web y dispositivos) Si el texto incluye etiquetas de formato HTML, seleccione la opción El texto es HTML. Si no selecciona esta opción, las etiquetas HTML se omiten y todos los textos aparecen sin formato en la página web resultante.
  5. (Solo cuadro de diálogo Guardar para Web y dispositivos) Si lo desea, seleccione opciones de la sección Alineación de la celda del cuadro de diálogo:

    Por defecto

    Utiliza la opción por defecto del navegador para la alineación horizontal.

    Izquierdo

    Alinea el texto en el lado izquierdo del área del sector.

    Centro

    Alinea el texto en el centro del área del sector.

    Derecho

    Alinea el texto en el lado derecho del área del sector.

    Por defecto

    Utiliza la opción por defecto del navegador para la alineación vertical.

    Superior

    Alinea el texto en la parte superior del área del sector.

    Línea de base

    Establece una línea de base común para la primera línea de texto de las celdas de la misma fila (de la tabla HTML resultante). Cada celda de la fila debe utilizar la opción Línea de base.

    Medio

    Centra el texto verticalmente en el área del sector.

    Inferior

    Alinea el texto en la parte inferior del área del sector.

Logotipo de Adobe

Inicia sesión en tu cuenta