Guía del usuario Cancelar

Uso de transparencia y mates

Buscar
  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
    14. Uso de las funciones de Windows 7
  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
  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 de las imágenes Web transparentes y mate

La transparencia hace posible crear una imagen no rectangular para la Web. La transparencia de fondo, compatible con los formatos GIF y PNG, mantiene píxeles transparentes en la imagen y permite ver el fondo de la página Web a través de las áreas transparentes de la imagen. (Aunque el formato JPEG no admite la transparencia, puede especificar que un color mate simule el aspecto de la transparencia en la imagen original).

Botón Web sin transparencia (izquierda) y con ella (derecha)

Los halos de fondo, compatibles con los formatos GIF, PNG y JPEG, simulan la transparencia rellenando o fusionando los píxeles transparentes con un color mate que coincide con el del fondo de la página Web. Los halos de fondo funcionan mejor si el fondo de la página Web es un color uniforme y si conoce el color.

Para crear la transparencia o los halos de fondo en la imagen optimizada, debe comenzar con una imagen que contenga transparencia. Puede crear transparencia al crear una nueva capa o al utilizar las herramientas Borrador de fondos o Borrador mágico.

Al trabajar con archivos GIF o PNG-8, se puede crear transparencia con borde irregular: todos los píxeles que son más del 50 % transparentes en la imagen original se convierten en píxeles completamente transparentes en la imagen optimizada; y todos los píxeles que son más del 50 % opacos en la imagen original se convierten en píxeles completamente opacos en la imagen optimizada. Utilice la transparencia con bordes definidos si no conoce el color de fondo de la página Web o si el fondo contiene una textura o un motivo. No obstante, tenga en cuenta que la transparencia con bordes definidos puede producir bordes dentados en la imagen.

GIF sin transparencia de bordes definidos (izquierda) y con ella (derecha)

Mantener la transparencia de fondo en una imagen GIF o PNG

Los formatos GIF y PNG-8 admiten un nivel de transparencia, es decir, los píxeles pueden ser completamente transparentes o completamente opacos, pero no parcialmente transparentes. (En cambio, el formato PNG-24 admite transparencia en varios niveles; es decir, puede tener hasta 256 grados de transparencia en una imagen, desde opaco hasta totalmente transparente).

  1. Abra o cree una imagen que contenga transparencia y elija Archivo > Guardar para Web.
  2. En el cuadro de diálogo Guardar para Web, seleccione GIF, PNG-8 o PNG-24 como formato de optimización.
  3. Seleccione Transparencia.
  4. Para los formatos GIF y PNG-8, especifique cómo tratar los píxeles parcialmente transparentes de la imagen original. Puede fusionar estos píxeles con un color mate o crear una transparencia con bordes definidos.

Crear una imagen GIF o PNG mate

Si conoce el color de fondo de la página Web en la que se va a visualizar una imagen, puede utilizar la función de mate para rellenar o fusionar píxeles transparentes con un color mate que coincida con el fondo de la página Web.

  1. Abra o cree una imagen que contenga transparencia y elija Archivo > Guardar para Web.
  2. En el cuadro de diálogo Guardar para Web, seleccione GIF, PNG-8 o PNG-24 como formato de optimización.
  3. Para los formatos GIF y PNG-8, realice una de las acciones siguientes:

    • Para mantener la transparencia de los píxeles completamente transparentes y fusionar los parcialmente transparentes con el color mate, seleccione Transparencia. Esta opción evita el efecto de halo que se aprecia al colocar una imagen suavizada en un fondo de página Web que difiere del fondo de la imagen. A su vez, evita los bordes dentados de la transparencia con borde irregular.

    • Para rellenar los píxeles transparentes con el color mate y fusionar los parcialmente transparentes con el color mate, desactive la opción Transparencia.

  4. Seleccione un color del menú Mate:

    • Color de cuentagotas (para utilizar el color del cuadro de muestra del cuentagotas)

    • Blanco, Negro u Otro (para seleccionar un color con el Selector de color)

Crear transparencia con borde definido en un archivo GIF o PNG-8

Utilice la transparencia con bordes definidos si no conoce el color de fondo de la página Web o si el fondo contiene una textura o un motivo. No obstante, tenga en cuenta que la transparencia con bordes definidos puede producir bordes dentados en la imagen.

  1. Abra o cree una imagen que contenga transparencia y elija Archivo > Guardar para Web.
  2. En el cuadro de diálogo Guardar para Web, seleccione GIF o PNG-8 como formato de optimización.
  3. Seleccione Transparencia.
  4. Seleccione Ninguno en el menú Mate.

Crear una imagen JPEG mate

Aunque el formato JPEG no admite la transparencia, puede especificar que un color mate simule el aspecto de la transparencia en la imagen original. El color mate rellena los píxeles completamente transparentes y se fusiona con los parcialmente transparentes. Al colocar la imagen JPEG en una página Web con un fondo que coincide con el color mate, la imagen parece fusionarse con el fondo.

  1. Abra o cree una imagen que contenga transparencia y elija Archivo > Guardar para Web.
  2. En el cuadro de diálogo Guardar para Web, seleccione JPEG como formato de optimización.
  3. Seleccione un color del menú Mate: Ninguno, Color de cuentagotas (para utilizar el color del cuadro de muestra del cuentagotas), Blanco, Negro u Otro (para utilizar el Selector de color).

Al seleccionar Ninguno, se utiliza el blanco como color mate.

Páginas relacionadas

Logotipo de Adobe

Inicia sesión en tu cuenta

Vínculos rápidos

Ver todos los planes Administrar los planes

Avisos legales    |    Política de privacidad en línea