Módulo 3: Tratamiento informatizado de imágenesphotoshop.png


Sin duda, el programa de diseño gráfico por excelencia es Adobe Photoshop. Desde siempre lo ha sido y hoy por hoy pocos competidores pueden hacerle sombra. Bien cierto es que para diseñadores de páginas web es una herramienta que resulta incluso más potente de lo necesario, pero también es cierto que nunca está de más contar con una utilidad, tan buena, que los límites sean más bien nuestros propios conocimientos que sus posibilidades.

La mayor de las desventajas de Photoshop podría ser su precio, poco al alcance de la mayoría de diseñadores nóveles.




Adobe Photoshop CS5


Capítulo 1:
Novedades

Capítulo 2:
Espacio de trabajo
  • Conceptos básicos del espacio de trabajo
  • Paneles y menús
  • Herramientas
  • Visualización de imágenes
  • Reglas, cuadrícula y guías
  • Ajustes preestablecidos, plugins y preferencias
  • Deshacer y panel Historia
  • Memoria y rendimiento
  • Servicios en línea de Adobe

Capítulo 3:
Apertura e importación de imágenes
  • Información fundamental sobre imágenes
  • Tamaño y resolución de imágenes
  • Adquisición de imágenes de cámaras y escáneres
  • Creación, apertura e importación de imágenes
  • Colocación de archivos
  • Imágenes de alto rango dinámico

Capítulo 4:
Fundamentos del color
  • Acerca del color
  • Modos de color
  • Conversión entre modos de color
  • Selección de colores
  • Panel Kuler

Capítulo 5:
Ajustes tonales y de color
  • Visualización de histogramas y valores de píxeles
  • Explicación de los ajustes de color
  • Ajuste del color y tono de una imagen
  • Preparación de imágenes para la imprenta
  • Igualación, reemplazo y mezcla de colores
  • Realización de ajustes de imagen rápidos
  • Aplicación de efectos de color especiales a las imágenes

Capítulo 6:
Retoque y transformación
  • Ajustes de recorte, rotación y lienzo
  • Retoque y reparación de imágenes
  • Corrección de la distorsión y el ruido de la imagen
  • Ajuste del enfoque y desenfoque de la imagen
  • Transformación de objetos
  • Deformación de posición libre
  • Escala según el contenido
  • Filtro Licuar
  • Punto de fuga
  • Creación de imágenes panorámicas con Photomerge

Capítulo 7:
Selección y máscaras
  • Realización de selecciones
  • Ajuste de selecciones de píxeles
  • Desplazamiento, copia y eliminación de los píxeles seleccionados
  • Canales
  • Guardado de selecciones y utilización de máscaras
  • Cálculo de canales

Capítulo 8:
Capas
  • Conceptos básicos de las capas
  • Selección, agrupación y enlace de capas
  • Movimiento, apilamiento y bloqueo de capas
  • Gestión de capas
  • Opacidad y fusión
  • Estilos y efectos de capa
  • Capas de ajuste y de relleno
  • Edición no destructiva
  • Composiciones de capas
  • Creación de máscaras en capas

Capítulo 9:
Pintura
  • Herramientas de pintura
  • Pinceles preestablecidos
  • Creación y modificación de pinceles
  • Modos de fusión
  • Degradados
  • Relleno y trazado de selecciones, capas y trazados
  • Creación y gestión de motivos

Capítulo 10:
Dibujo
  • Acerca del dibujo
  • Dibujo de formas
  • Dibujo con las herramientas de pluma
  • Gestión de trazados
  • Edición de trazados
  • Conversión entre trazados y bordes de selección
  • Adición de color a trazados

Capítulo 11:
Filtros
  • Conceptos básicos sobre los filtros
  • Referencia de efectos de filtro
  • Aplicación de filtros específicos
  • Adición de efectos de iluminación

Capítulo 12:
Texto
  • Creación de texto
  • Edición de texto
  • Aplicación de formato a caracteres
  • Fuentes
  • Espaciado entre líneas y caracteres
  • Escalado y rotación de texto
  • Aplicación de formato a párrafos
  • Creación de efectos de texto
  • Texto asiático

Capítulo 13:
Guardado y exportación de imágenes
  • Guardado de imágenes
  • Guardado de archivos PDF
  • Guardado y exportación de archivos en otros formatos
  • Formatos de archivo
  • Metadatos y notas
  • Protección por copyright Digimarc
  • Colocación de imágenes de Photoshop en otras aplicaciones

Capítulo 14:
Impresión
  • Impresión desde Photoshop
  • Impresión con gestión de color en Photoshop
  • Impresión de imágenes en imprentas comerciales
  • Duotonos
  • Impresión de tintas planas

Capítulo 15:
Gráficos Web
  • Trabajo con gráficos Web
  • Sectores en páginas Web
  • Modificación de sectores
  • Opciones de sector

Capítulo 16:
Vídeo y animación
  • Vídeo y animación en Photoshop
  • Creación de imágenes para vídeo
  • Importación de archivos de vídeo y secuencias de imágenes (Photoshop Extended)
  • Interpretación de metraje de vídeo (Photoshop Extended)
  • Pintado de cuadros en las capas de vídeo (Photoshop Extended)
  • Edición de vídeo y capas de animación (Photoshop Extended)
  • Creación de animaciones de cuadros
  • Creación de animaciones de línea de tiempo (Photoshop Extended)
  • Previsualización de vídeo y animaciones
  • Guardado y exportación de vídeo y animaciones

Capítulo 17:
3D
  • Espacio de trabajo en 3D (Photoshop Extended)
  • Pintura y edición de texturas en 3D (Photoshop Extended)
  • Creación, combinación y conversión en 3D (Photoshop Extended)
  • Interpretación y guardado 3D (Photoshop Extended)

Capítulo 18:
Imágenes técnicas
  • Archivos DICOM (Photoshop Extended)
  • Medida (Photoshop Extended)
  • Recuento de objetos en las imágenes (Photoshop Extended)
  • Photoshop y MATLAB (Photoshop Extended)
  • Pilas de imágenes (Photoshop Extended)

Capítulo 19:
Automatización de tareas
  • Automatización con acciones
  • Creación de acciones
  • Procesamiento de un lote de archivos
  • Creación de secuencias de comandos
  • Creación de gráficos de datos

Capítulo 20:
Plugins opcionales
  • Conjuntos de imágenes y hojas de contactos
  • Creación de galerías de fotografías Web
  • Extracción de un objeto de su fondo
  • Generación de motivos utilizando el Creador de motivos
  • Importación de una imagen utilizando la interfaz TWAIN

Capítulo 21:
Métodos abreviados de teclado
  • Personalización de métodos abreviados de teclado
  • Métodos abreviados de teclado por defecto


Ajustes de color


Existen diferencias de color entre los diseños (psd’s) y lo que se acaba viendo en el navegador. Además de estas diferencias de color entre el navegador y el psd, existe otro problema bastante desesperante en los degradados, en ocasiones se aprecian cambios bruscos de color.
Estos problemas son causados por los ajustes de color en Photoshop, que permanecían en su configuración por defecto (mal, muy mal hecho)

Podemos encontrar los ajustes de color en el menú Edición de Photoshop > Ajustes de Color.
En la ventana Ajustes de color, elegimos en el grupo Espacios de Trabajo las siguientes opciones:
  • RGB: sRGB iEC61966-2.1
  • Gris: Gray Gamma 2.2
Dentro del grupo Normas de gestión de color:
  • RGB: Convertir a RGB de trabajo
  • CMYK: Desactivar
  • Gris: Desactivar
  • Diferencias de perfil: Preguntar al abrir

Sin ningún documento abierto, en el menú Vista > Ajuste de prueba seleccionamos Monitor RGB. Al abrir un documento marcamos en el menú Vista la opción Colores de prueba para asegurarnos de que los colores que estamos viendo en Photoshop coinciden con los que se verán en un navegador.


Tipos de archivo de imagen para la web


Lo que buscamos siempre para la web es un punto medio entre calidad y tamaño de archivo.
A día de hoy existen tres tipos de imagen válidos para utilizar en las páginas web debido a su calidad y su poco peso, estando optimizados para ser visualizados en un monitor.

  • JPEG nos sirve para manipular y compartir archivos de imagen de tipo fotográfico.
  • GIF es útil para manipular imágenes con bloques de colores planos utilizando un menor tamaño que Jpeg.
  • PNG podemos dividirlos en dos "tipos":
    • PNG8 que tiene las bondades del Gif.
    • PNG24 que, aunque aumenta el tamaño del PNG8, permite efectos como brillos y sombras y mejora con mucho las transparencias.

El formato PNG además no tiene restricciones de patentes y está recomendado por el W3C.

Por tanto, podemos concluir que el formato Gif es sustituible en todo caso por el PNG8, el PNG24 no tiene rival para iconos, botones y otros elementos de diseño que requieran de más colores y efectos pero, sin embargo, el jpg sigue siendo preferido para imágenes fotográficas.

Calibración del monitorcontraste.jpg

El monitor es el hardware que, combinado con la tarjeta gráfica, produce los colores de las imágenes que vemos, por tanto, el modo en que vemos una imagen dependerá en gran medida del monitor que estamos usando. Aunque no podemos controlarlo todo, hay muchas cosas que podemos configurar, el brillo, el contraste, la temperatura del color, ...etc.

Adecuación del entorno:
  • Lo primero es cuidar la iluminación de la sala. La iluminación debe mantenerse en un nivel de entre 32 y 64 lux, si no disponemos de un luxómetro podemos hacerlo con una cámara digital consiguiendo 1/2 f/2.8 para ISO 100. También es importante tener las luces de escritorio apuntando a la pared que tenemos enfrente (es decir, detrás del monitor), de forma que no incidan sobre la pantalla.
  • Debemos comprobar la profundidad de color de la tarjeta gráfica. En windows, desde propiedades de pantalla, en la pestaña "Configuración", el número de colores debe estar a 32 bits (Color verdadero).
  • Configuraremos también el fondo de photoshop a un gris medio tirando a oscuro, en RGB el 85, 85, 85.
  • La limpieza del cristal de la pantalla no puede olvidarse debido a que muchos monitores tienen un tratamiento antirreflectante.

Calibración (El orden de los pasos conviene seguirlo tal cual):
  • Para ajustar la temperatura del color usamos el menú del monitor, dependerá lógicamente del modelo que tengamos. Seleccionar el preajuste 6500K.
  • A continuación utilizaremos un software de calibración, hay muchos, Windows 7 incluye uno en su panel de control, estos programas, a modo de asistente, nos guían a través de imágenes preparadas para que la calibración resulte una tarea sencilla.

Podemos utilizar un software gratuito - Calibrize
También podemos seguir una serie de pantallas online en la web http://www.lagom.nl/lcd-test/ optimizado para monitores LCD.
Podemos descargar esa página para hacer la calibración offline:



Se puede calibrar razonablemente bien un monitor por software, aunque no llegará a ser como por hardware (Calibrador de pantalla)




Desarrolloweb
Publicado el agosto 18, 2009 por Kus
http://www.maestrosdelweb.com/editorial/formatos-gif-jpg-png/
http://www.hugorodriguez.com/calibracion/calibracion_v2_01.htm