Guía del usuario Cancelar

Tramado en imágenes Web

  1. Guía del usuario de Photoshop Elements
  2. Introducción a Photoshop Elements
    1. Novedades de Photoshop Elements
    2. Requisitos del sistema | Photoshop Elements
    3. Conceptos básicos del espacio de trabajo
    4. Modo Guiada
    5. Realización de proyectos fotográficos
  3. Entorno y espacio de trabajo
    1. Familiarícese con la pantalla de inicio
    2. Conceptos básicos del espacio de trabajo
    3. Herramientas
    4. Paneles y cestas
    5. Apertura de archivos
    6. Reglas, cuadrículas y guías
    7. Modo rápido mejorado
    8. Información de archivo
    9. Ajustes preestablecidos y bibliotecas
    10. Compatibilidad con toque múltiple
    11. Discos de memoria virtual, plugins y actualizaciones de la aplicación
    12. Acciones de deshacer, rehacer y cancelar
    13. Visualización de imágenes
  4. Corrección y mejora de fotografías
    1. Redimensionar imágenes
    2. Recorte de fotografías
    3. Procesamiento de archivos de imagen RAW de cámara
    4. Adición de desenfoque, sustitución de colores y clonación de áreas de imagen
    5. Ajuste de sombras y luz
    6. Retoque y corrección de fotografías
    7. Enfocar fotografías
    8. Transformación
    9. Tono inteligente automático
    10. Recomposición
    11. Uso de acciones para procesar fotografías
    12. Composición de Photomerge
    13. Creación de imágenes panorámicas
    14. Superposiciones en movimiento
    15. Elementos en movimiento
  5. Adición de formas y texto
    1. Adición de texto
    2. Edición de texto
    3. Creación de formas
    4. Edición de formas
    5. Introducción a la pintura
    6. Herramientas de pintura
    7. Configurar pinceles
    8. Motivos
    9. Rellenos y trazos
    10. Degradados
    11. Trabajo con texto asiático
  6. Filtros, efectos y ediciones guiadas
    1. Modo Guiada
    2. Filtros
    3. Modo de edición Guiada: ediciones de Photomerge
    4. Modo guiado: ediciones básicas
    5. Filtros de ajuste
    6. Efectos
    7. Ediciones divertidas del modo de edición Guiada
    8. Ediciones especiales del modo de edición Guiada
    9. Filtros artísticos
    10. Modo de edición Guiada: modificaciones del color
    11. Modo guiado: ediciones de blanco y negro
    12. Filtros de desenfoque
    13. Filtros de trazos de pincel
    14. Filtros de distorsión
    15. Otros filtros
    16. Filtros de ruido
    17. Filtros para interpretar
    18. Filtros para bosquejar
    19. Filtros para estilizar
    20. Filtros de textura
  7. Trabajo con colores
    1. Conceptos del color
    2. Configurar la gestión de color
    3. Fundamentos de la corrección de tonos y colores
    4. Selección de colores
    5. Ajuste del color, la saturación y el tono
    6. Corrección de tintes de color
    7. Uso de modos de imagen y tablas de colores
    8. Color y Camera Raw
  8. Trabajo con selecciones
    1. Realizar selecciones en Photoshop Elements
    2. Almacenamiento de selecciones
    3. Modificación de selecciones
    4. Desplazamiento y copia de selecciones
    5. Edite y perfeccione selecciones
    6. Bordes de selección suaves con suavizado y calado
  9. Trabajo con capas
    1. Creación de capas
    2. Edición de capas
    3. Copia y organización de capas
    4. Capas de ajuste y de relleno
    5. Máscaras de recorte
    6. Máscaras de capas
    7. Estilos de capa
    8. Opacidad y modos de fusión
  10. Creación de proyectos fotográficos
    1. Aspectos básicos del proyecto
    2. Realización de proyectos fotográficos
    3. Edición de proyectos fotográficos
  11. Almacenamiento, impresión y uso compartido de fotografías
    1. Guardado de imágenes
    2. Impresión de fotografías
    3. Uso compartido de fotografías en línea
    4. Optimización de imágenes
    5. Optimización de imágenes para el formato JPEG
    6. Tramado en imágenes Web
    7. Edición guiada - Panel Compartir
    8. Previsualización de imágenes Web
    9. Uso de transparencia y mates
    10. Optimización de imágenes para los formatos GIF o PNG-8
    11. Optimización de imágenes para el formato PNG-24
  12. Métodos abreviados de teclado
    1. Teclas para seleccionar herramientas
    2. Teclas para seleccionar y mover objetos
    3. Teclas para el panel Capas
    4. Teclas para mostrar u ocultar los paneles (modo Experto)
    5. Teclas para pintura y pinceles
    6. Teclas para utilizar texto
    7. Teclas para el filtro Licuar
    8. Teclas para transformar selecciones
    9. Teclas para el panel Muestras de color
    10. Teclas para el cuadro de diálogo Camera Raw
    11. Teclas para la Galería de filtros
    12. Teclas para utilizar modos de fusión
    13. Teclas para ver imágenes (modo Experto)

Acerca del tramado

La mayoría de diseñadores crean las páginas Web utilizando pantallas de 24 bits (que muestran más de 16 millones de colores), aunque algunos usuarios ven las páginas Web en ordenadores con pantallas de 8 bits (que solo muestran 256 colores). En consecuencia, las imágenes Web suelen tener colores no disponibles en algunos ordenadores. Los ordenadores utilizan una técnica denominada tramado para simular colores que no pueden mostrar. El tramado utiliza píxeles adyacentes de diferentes colores para dar el aspecto de un tercer color. Por ejemplo, un color rojo y un color amarillo pueden tramarse en un motivo de mosaico para producir la ilusión de un color naranja que no tiene el panel de colores de 8 bits.

El tramado simula tonos continuos

Nota:

Utilice los colores del panel Web para que los colores no se tramen al visualizarlos en los sistemas Windows o Mac OS que pueden mostrar 256 colores. Al crear una imagen original, puede utilizar el Selector de color para seleccionar colores compatibles con Web.

Cuando optimice imágenes, tenga en cuenta que pueden producirse dos clases de tramado:

Tramado de aplicación

Se produce en las imágenes GIF y PNG-8 cuando Photoshop Elements intenta simular colores que no están en la tabla de colores actual. Para controlar el tramado de aplicación, elija un motivo de tramado o, para intentar evitarlo, añada más colores a la tabla.

Tramado de navegador

Se produce cuando un navegador Web que utiliza una pantalla de 8 bits (modo de 256 colores) intenta simular colores que no están en el panel de colores de 8 bits. El tramado de navegador puede producirse en las imágenes GIF, PNG o JPEG. Para controlar la cantidad de tramado de navegador en Photoshop Elements, cambie los colores seleccionados en la imagen por colores compatibles con Web. Para especificar colores compatibles con Web, elija un color en el Selector de color.

Puede previsualizar el tramado de aplicación en las imágenes GIF y PNG-8. Las imágenes con colores fundamentalmente uniformes pueden verse correctamente sin tramado. A la inversa, las imágenes con colores de tono continuo (especialmente degradados de color) pueden necesitar el tramado para evitar bandas de colores.

Controlar el tramado en imágenes Web

  1. Abra una imagen y elija Archivo > Guardar para Web.
  2. Elija los ajustes de optimización.
  3. Introduzca un valor en el cuadro de texto Tramado o haga clic en la flecha del menú Tramado y arrastre el regulador que aparece.
  4. El porcentaje de tramado controla la cantidad de tramado que se aplica a la imagen. Un porcentaje de tramado mayor hace que aparezcan más colores y más detalle en una imagen, pero también puede incrementar el tamaño del archivo. Para una compresión y calidad de imagen óptimas, utilice el porcentaje más bajo de tramado de aplicación que proporcione el detalle de color que necesite.

Previsualizar el tramado

Puede previsualizar el tramado de navegador directamente en Photoshop Elements o en un navegador que utilice una pantalla de 8 bits (modo de 256 colores).

  1. Abra una imagen y elija Archivo > Guardar para Web.
  2. Elija los ajustes de optimización.
  3. Para previsualizar el tramado en Photoshop Elements, seleccione Tramado de navegador en el menú del panel del documento en el cuadro de diálogo Guardar para Web. (Para ver el menú, haga clic en el triángulo de la esquina superior derecha de la imagen optimizada).
  4. Para previsualizar el tramado en un navegador, siga estos pasos:
    • Defina la pantalla de color del ordenador en color de 8 bits (256 colores). Para obtener más información sobre cómo cambiar la pantalla de color, consulte la documentación del sistema operativo.

    • Seleccione un navegador en el menú Previsualizar en, situado en el cuadro de diálogo Guardar para Web.

Logotipo de Adobe

Inicia sesión en tu cuenta