Documentos de Académico
Documentos de Profesional
Documentos de Cultura
0 Avanzado
GLOSARIO _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _115
Photoshop 7.0 Avanzado -1-
¿Por qué necesitamos un sistema de administración de color? Es necesario debido a que se producen
problemas de correspondencia de colores entre distintos dispositivos y aplicaciones. Por ello, necesitamos
disponer de un sistema que interpreta el color entre esos dispositivos. ¿No nos hemos encontrado con la
desagradable sorpresa de que al imprimir una imagen, los colores difieren de lo que visualizamos por nuestra
pantalla de ordenador? Eso es debido a que el monitor y la impresora tienen distintos espacios de color. Así
pues, para obtener el mismo color necesitamos unificar el espacio de color y, de esta forma, utilizaremos el
sistema de administración de color o CMS.
Por otra parte, debemos tener en cuenta que el sistema de administración de color no corrige una imagen con
dominancia de color, por lo que utilizaremos las herramientas de ajuste de Color, Tono/Saturación, etc. que nos
ofrece este programa. Por tanto, el CMS nos proporciona un entorno en el que se pueden evaluar la fiabilidad
de las imágenes en los distintos dispositivos, realiza el trabajo de leer y convertir los colores entre espacios de
color distintos.
No obstante, para entender con mayor facilidad el funcionamiento de este sistema, debemos conocer algunos
conceptos imprescindibles:
- Un espacio de color independiente de los dispositivos, al que generalmente se hace referencia como el
"espacio de trabajo" o "espacio de color de referencia".
- Perfiles ICC para cada dispositivo (escáneres, monitores, impresoras, imprentas, etc.), en los que se
describen las características de color de cada aparato concreto.
- Un motor de gestión del color. El motor de gestión de color o módulo de gestión de color (CMM) forma
parte del sistema CMS y se encarga de leer e interpretar los colores entre distintos dispositivos.
El espacio de color es un modelo para representar colores en términos de valores que puedan medirse, tales
como la cantidad de rojo, verde y azul que posee una imagen. En este sentido, debemos tener en cuenta que
CMS trabaja con espacios estándar, como son los que se describen a continuación:
LAB: en este caso, L se corresponde con la luminosidad relativa; A, con la cantidad relativa de rojo-verde y,
finalmente B, que se refiere a la relación amarillo-azul.
En un flujo de trabajo con gestión de color cada modo de color tiene asociado un espacio de trabajo.
La gama de color se puede definir como la capacidad de color referida a un espacio de color específico, es
decir, se refiere al rango de colores que un sistema de color puede mostrar en pantalla o imprimir.
La gama RGB contiene colores que se pueden ver en el monitor de un ordenador o una televisión (que emite
luz roja, verde y azul). En cambio, hay colores que no muestra con precisión en la pantalla, como son: el azul
y el amarillo puro.
La gama Lab es la amplia, pues abarca todos los colores de las gamas
RGB y CMYK. La cantidad de color que ve el ojo humano es mayor
que cualquier gama disponible en cualquier modo de color.
Gamas de color: A. Una gama de colores Lab B. Una gama de colores RGB C. Una gama de colores CMYK
Por otro lado, debemos tener presente una serie de datos sobre los dispositivos con los que trabajamos, dado
que la gama de color puede variar en cada uno de ellos. No hay dos dispositivos que tengan la misma gama
de color, ya que cada uno de ellos puede producir sólo un número limitado de colores. Por este motivo,
conviene intentar homogeneizar el color para que nuestros dispositivos trabajen dentro de una gama parecida,
con lo que el resultado final sea el más acertado.
Photoshop 7.0 Avanzado -5-
La Comisión Internationale de l'Eclairage (CIE) intenta establecer los estándares de color, asignando números
a cada color visible para el ojo humano.
Por su parte, el ICC, grupo de compañías International Consortium, constituyó un Comité para establecer los
estándares de color de la publicación electrónica, desarrollando perfiles de dispositivos que transfirieran
fácilmente información de color de un dispositivo a otro, y de una plataforma a otra.
La importancia de respetar estos estándares viene determinada porque cada dispositivo de impresión,
escáner, o monitor, tienen su propia manera de representar un color, es decir, tienen su propio espacio de
color.
Estos perfiles se crearon para poder asegurar que los colores se conviertan adecuadamente entre diferentes
dispositivos. De esta forma, obtenemos más control sobre el dispositivo fuente (monitor) y el dispositivo
destino ( por ejemplo: la impresora).
Los perfiles son archivos de datos que registran toda la información relevante de un dispositivo determinado,
incluyendo su espacio de color, sus capacidades y sus limitaciones.
Por ejemplo: el proceso que se realiza cuando transferimos una imagen desde nuestro monitor a una
impresora consiste en la comparación de los datos entre el dispositivo fuente (el monitor) y el dispositivo de
destino (impresora). En definitiva, la información de color de nuestro dispositivo fuente es regulada por el perfil
ICC. Por su parte, el CMM transforma los colores en archivos de imagen para producir una simulación de color
coherente entre el monitor y el dispositivo de impresión.
Cuando un espacio de color especificado en un dispositivo queda fuera de la gama de color de otro dispositivo,
se reasigna automáticamente la salida de valores reales para preservar la relación de colores entre los
distintos dispositivos.
Sin la ayuda de estos perfiles de dispositivo es muy difícil traducir con exactitud los datos de color en bruto
que provienen de un escáner o cámara digital. Por ello, la importancia de la gestión del color es que el usuario
puede emprender el proceso de corrección del color, con la garantía de que lo que está viendo en el monitor
es una representación visual precisa de la imagen original y de que la impresión final se ajustará a los colores
de la imagen.
En otro orden, cabe destacar que Photoshop nos ofrece Adobe Gamma, que crea un perfil ICC personalizado,
el cual veremos más adelante.
Photoshop 7.0 Avanzado -6-
Los documentos recién creados y otros que importamos no tienen un perfil incrustado, por lo que se llaman
documentos sin etiqueta. Los espacios de trabajo actúan como perfiles de color para estos documentos. Por
ejemplo: si tenemos como espacio de trabajo Photoshop 4 Default CMYK, el nuevo documento que creemos
utilizará los colores incluidos en ese espacio de color. Así pues, debemos tener presente que el aspecto que
determina la percepción del documento es su perfil de color incrustado, y no el espacio de trabajo en el que
estemos. Además, podemos tener varias imágenes abiertas al mismo tiempo y cada una tendrá su propio
espacio de trabajo, y todas se representarán perfectamente.
Perfil de color
incrustado en un
archivo de imagen
El recorte de color es la posterización de color. Ésta se produce cuando movemos una imagen entre
espacios de color estándar, tales como RGB y CMYK, así como entre subconjuntos de cada espacio de color
(por ejemplo: de Adobe RGB a RGB) o entre las gamas de color que diferentes tintas puedan producir.
El modo en que un color recortado se asigna en la nueva gama, se llama intento de representación.
Un aspecto de enorme importancia a la hora de trabajar con Photoshop consiste en optimizar nuestro entorno
de trabajo. Para ello, empezaremos calibrando el monitor teniendo presentes las diferentes opciones, con
objeto de definir los distintos perfiles del espacio de trabajo que vamos a utilizar.
Para ajustar los diferentes dispositivos con los que vamos a trabajar, por ejemplo: con el monitor y la
impresora, debemos calibrar el color de éstos procurando alcanzar el mayor grado de compatibilidad entre
ellos. Asimismo, debemos intentar que las características y la gama de color se acoplen a un estándar. En
relación con esto, podemos conseguir una buena calibración con el Adobe Gamma.
Con Adobe Gamma crearemos un perfil ICC para el monitor, que ayudará a visualizar los colores con mayor
fiabilidad, así como a eliminar la dominancia de color del monitor y a mostrar los grises de manera más neutra.
Adobe Gamma es una herramienta que se instala automáticamente en el sistema cuando instalamos el
programa Photoshop. Mide el brillo de los valores de medios tonos que genera un dispositivo, normalmente un
monitor. Además, debemos señalar que un valor gamma más alto produce una imagen más oscura
globalmente.
Antes de comenzar la creación del perfil personalizado, debemos tener presentes una serie de circunstancias,
por ejemplo, las condiciones físicas del trabajo, el equipo y nosotros mismos. En relación con esto último, es
preciso valorar si nuestra vista se encuentra en perfecto estado, dado que las variables que pueden incidir
sobre la misma son múltiples. Por ejemplo: pueden afectarnos los reflejos en la pantalla, los constantes
cambios de luz natural, la luz artificial, etc.
Paralelamente, es aconsejable leer el manual de instrucciones del monitor, donde aparecen una serie de datos
a tener en cuenta, como es la temperatura del mismo, también conocida como punto blanco.
Otro aspecto a considerar son los controladores de los distintos dispositivos con los que vamos a trabajar, que
normalmente van actualizando los propios fabricantes. De este modo, es posible arreglar errores al añadir los
perfiles ICC que han creado para sus productos.
Por último, debemos tener en cuenta que el rendimiento del monitor cambia y disminuye con el tiempo, por lo
que es aconsejable realizar la descripción del monitor prácticamente todos los meses. Si resulta difícil o
imposible calibrar el monitor a un estándar, puede que sea demasiado antiguo y esté descolorido.
- Comprobar que el monitor ha estado funcionando al menos durante media hora, este tiempo es suficiente
para entrar en calentamiento y leer los colores con más exactitud.
- Es conveniente suprimir los motivos de fondo a todo color en el escritorio del monitor, los motivos muy
cargados o brillantes alrededor del documento, que interfieren con la percepción exacta del color.
b) El siguiente paso consiste en hacer clic para establecer la opción Control Panel y luego pulsar en
Siguiente. Tras realizar esta operación, nos aparecerá un cuadroDescripción en el que deben mostrarse
uno o más perfiles instalados para el monitor. En el caso de que exista más de uno, debemos tener en
cuenta que el último es el que se encuentra actualmente en uso. Si queremos basar un nuevo perfil en otro
distinto al que está actualmente en el campo, hacemos clic en el botón Load.
c) Usando los controladores del monitor aumentamos el contraste al 100%, o bien incrementamos los niveles
tanto como lo permita el control. Donde aparece Brightness and Contrast (Brillo y Contraste), tenemos
que subir o bajar el brillo del monitor hasta que los cuadros grises del tablero sean casi negros sin llegar a
ensuciar el blanco que aparece bajo los cuadros negros y grises. El Brillo y Contraste son el Nivel y rango
global, respectivamente, de la intensidad de la visualización. Estos parámetros funcionan igual que en un
televisor.
d) La opción Phosphors debemos cambiarla sólo si estamos completamente seguros de si lo que se nos
muestra no es correcto. Así pues, en caso de que pensemos que nos es correcta, pero no sabemos cuál
es, elegimos Triniton, porque la mayoría de los monitores vienen configurados con ese tubo de imagen. Los
Fósforos son la sustancia que utilizan los monitores para emitir luz. Fósforos distintos tienen características
de color distintas.
Para muchos usuarios aparece la opción Custom (Personalizado). En este caso, damos la opción por válida.
Photoshop 7.0 Avanzado - 10 -
e) A continuación, pasamos a la opción Gamma. En este punto, nos aseguraremos de tener activada la casilla
View Single Gamma Only (Ver sólo Gama única). El siguiente paso consiste en arrastrar el regulador a
izquierda y derecha hasta que el tono sólido del centro sea el mismo que el de las franjas exteriores.
Gamma es el Brillo de los valores de medios tonos. Los valores que genera un monitor del blanco al negro no
son lineales. Si se realiza un gráfico de los valores, éstos forman una curva, pero no una línea recta. El valor
de gamma define la línea de dirección de dicha curva en la mitad del trayecto entre el blanco y el negro. El
ajuste de gamma compensa la reproducción tonal no lineal de dispositivos de salida como los tubos del
monitor.
Si hemos realizado lo anterior, puede afirmarse que acabamos de definir la gamma usando un controlador que
aplica el mismo valor gamma a cada uno de los tres canales RGB. Ahora bien, si queremos un control mayor,
podemos definir uno a uno los canales. En este caso debemos desactivar la opción View Single Gamma
Only, y uno a uno, arrastraremos el regulador debajo de cada cuadro hasta que el cuadro central se confunda
con el marco de la franja en torno a él.
f) En la casilla Desired elegimos Window Default, ya que estamos trabajando en este entorno.
Photoshop 7.0 Avanzado - 11 -
g) Seguidamente, en el área White Point (Punto Blanco) nos encontramos con dos listas desplegables. La
primera se refiere a la configuración del Hardware real de nuestro monitor, donde se elige la temperatura
que usa realmente (para ello debemos tener a mano el manual del monitor).
Punto blanco se refiere a las coordenadas (medidas en el espacio de color CIE XYZ) en las que los fósforos
del rojo, el verde y el azul a toda intensidad crean el blanco.
Si no hemos podido determinar la configuración del hardware, hacemos clic en el botón Measure y seguimos
las instrucciones que aparecen en pantalla. Nos aparecerán tres cuadrados, debiendo elegir el color gris más
neutro. Seguidamente iremos pinchando en el cuadrado de la derecha o de la izquierda, como se nos indica
en las instrucciones y cuando consideremos que el gris que vemos en el central es el más neutro, hacemos
clic sobre este cuadrado y la entrada de la lista desplegable Hardware indicará ahora Custom.
Por otro lado, la lista desplegable Adjusted nos ofrece las mismas opciones de temperatura de color que
ofrecía la lista desplegable Hardware. Por su parte, el botón Wizard es un asistente paso a paso.
h) Por último, hacemos clic en Guardar y luego en OK, en el cuadro de diálogo Adobe Gamma.
En conclusión, hemos calibrado y perfilado nuestro monitor. Por tanto, sólo nos queda establecer la
consistencia del color, bien sea al imprimir o al realizar un trabajo para Web en Photoshop.
Photoshop 7.0 Avanzado - 12 -
RECUERDE
- Los espacios de color son modelos para representar colores con valores que puedan medirse, es decir,
asignando números a cada color visible.
- Los perfiles ICC son archivos de datos que registran toda la información de los dispositivos incluido su
espacio de color.
- Debemos revisar todos los dispositivos con los que trabajamos e incluso del espacio físico de trabajo, ya que
son muchos los factores que influyen a la hora de trabajar.
Para hacer más fácil la configuración de la gestión de color, Photoshop 7.0 agrupa todos los ajustes en un solo
cuadro de diálogo llamado Ajustes de color. En este cuadro podemos elegir entre una serie de ajustes
predefinidos, o manejar los controles individualmente para crear ajustes personalizados. Estos ajustes se
pueden guardar para poder utilizarlos en otras aplicaciones.
Photoshop nos permite definir un buen perfil de trabajo, donde se muestre la capacidad de color del monitor,
que abarque la mayoría de los espacios de salida de color y que nos ofrezca una buena visión de las imágenes
que vienen de diferentes espacios de color.
El cuadro de diálogo Ajustes de color se encuentra en el menú Edición-Ajustes de color o también con el
atajo de teclado Ctrl+May+K.
En esta lista podemos elegir los distintos ajustes predefinidos. Estos ajustes proporcionan la gestión de color
suficiente para las necesidades básicas del usuario.
Photoshop 7.0 Avanzado - 16 -
Cuando elegimos una de las configuraciones de esta lista desplegable, el resto de las opciones que aparecen
en el cuadro de diálogo se establecen con los parámetros dictados por dicha configuración.
A veces decidimos no utilizar la administración de color, por ejemplo: en aquellos trabajos que vayamos a
visualizar en diferentes monitores y sistemas operativos, o para trabajar en vídeo. Esta opción no etiqueta los
documentos.
b) Emular Photoshop 4.
Photoshop 4 fue la última versión de Photoshop que no tenía características de administración de color. Se
usaba un espacio de trabajo basado en las características de un monitor de Macintosh, tanto si trabajábamos
con Macintosh o Windows. Podemos elegir esta opción si trabajamos con archivos creados en versiones
anteriores de Photoshop.
c) Valores por defecto-Preimpresión Europa, Valores por defecto-Preimpresión Japón y Valores por
defecto-Preimpresión EE.UU.
Cada una de ellas define las condiciones apropiadas para la impresión comercial común de la región
específica.
Esta opción nos sitúa dentro del espacio de trabajo en modo RGB, que es bueno para presentaciones en
pantalla y trabajo en la Web.
Photoshop 7.0 Avanzado - 17 -
Esta configuración es óptima para crear gráficos que se visualizarán en la Web o en una Intranet.
2.3.1. RGB
a) RGB Personalizado. Sólo disponible en el modo avanzado, y podemos crear nuestro propio espacio RGB.
Es aconsejable no utilizarla, a no ser que sepa exactamente qué datos debe utilizar.
b) Cargar RGB y Guardar RGB. Sólo disponible en el Modo Avanzado. La opción Cargar RGB nos permite
buscar un perfil ICC que esté en la carpeta Color del sistema. Con la opción guardar podemos convertir un
archivo de configuración *.ams en un perfil ICC después de cargarlo con el comando Cargar RGB. Se
guarda en cualquier ubicación del disco duro.
c) Otro. Aquí encontramos cualquier perfil que hayamos creado con el comando Personalizar, pero que
todavía no se haya guardado con el comando Guardar RGB.
Photoshop 7.0 Avanzado - 18 -
d) Perfiles creados de Adobe Gamma. Si se usa Windows NT 4, se empleará Adobe Gamma para cargar
perfiles personalizados del monitor creados por Hardware, o software de terceros.
e) Espacios de trabajo estándar. Es aconsejable elegir uno de estos perfiles, a no ser que trabajemos en
condiciones inusuales. Podemos encontrar los mejores perfiles como espacios de trabajo predeterminados
en la lista siguiente:
- Adobe RGB (1998). Un amplio espacio de trabajo para producir una salida RGB y CMYK adecuada.
Es una buena opción como espacio de trabajo predeterminado.
- Apple RGB. Aconsejable para trabajos finales que se visualizarán en monitores Macintosh, o si se usa
software más antiguo que no es capaz de realizar una administración del color.
- ColorMatch RGB. Es un espacio de color pequeño, para trabajos que tendrán salida de impresión
comercial CMYK.
- RGB IEC61966-2.1. Es el idóneo para la creación de gráficos web, pero si pensamos que vamos a
utilizar la imagen en web e impresión, deberíamos elegir Adobe RGB (1998).
- Más perfiles RGB. Sólo en el Modo Avanzado. Contiene perfiles RGB disponibles en las carpetas
System Level Color del ordenador. Nos encontramos perfiles de todo tipo para monitores, impresoras,
escáneres y cámaras. Existen, además, espacios de trabajo estándares: NTSC (1953), PAL/SECAM
y SMPTE-C, que se refieren a espacios de color de TV y vídeo; CIE_RGB y Wide Gamut RGB, que
son espacios de color muy anchos y no recomendables a no ser que se trabaje con archivos de 16 bits
por canal.
2.3.2. CMYK
de un perfil o crear uno nuevo. Pero si lo que queremos es recrear una configuración personalizada que
creamos y guardamos en una versión anterior de Photoshop, lo más sencillo es usar las opciones Cargar
CMYK, y Guardar CMYK.
b) Cargar CMYK y Guardar CMYK. Se utilizan estas opciones para cargar nuevos perfiles ICC, o para cargar
archivos CMYK Setup(*.API), o Separation Setup (*.asp), que se hayan creado en versiones anteriores.
c) Otro. Contiene todos aquellos archivos creados con el comando Personalizar, pero no se han guardado
todavía con el comando Guardar CMYK.
d) Espacios de trabajo CMYK estándar. Aquí nos encontramos con las opciones que vamos a utilizar con
más frecuencia. Fueron designadas parar describir los colores que pueden imprimirse usando varias clases
de impresoras y papeles en condiciones típicas de EEUU, Europa y Japón.
Si trabajamos con archivos anteriores a Photoshop 4, o bien con archivos que se usen en programas que no
tengan administración de color, podemos utilizar el CMYK predeterminado de Photoshop 4 o de Photoshop 5.
2.3.3. Gris
b) Gamma personalizada. Sólo disponible en Modo Avanzado. Se puede crear un perfil para imágenes en
escala de grises que imiten su visualización en un monitor que tenga una configuración de gamma
personalizada.
c) Cargar niveles de gris y Guardar grises. Disponible sólo en el Modo Avanzado. Se usa para cargar
perfiles ICC grises personalizados que tengamos sin instalar, o bien para guardar una configuración
personalizada que hayamos creado.
d) Otro. Contiene cualquier perfil que hayamos creado en la opción personalizar, pero que aún no hayamos
guardado.
e) Espacios de trabajo estándar. Contiene perfiles estándar que reflejan puntos de ganancia del 10, 15, 20,
25 y 30%, y Gray Gamma 1.8, así como Gray Gamma 2.2. El Gray Gamma 1.8. imita la gamma de un
monitor Macintosh y las configuraciones de escala de grises predeterminadas en versiones anteriores de
Photoshop 4. En cambio, el Gray Gamma 2.2. imita la gamma predeterminada por un monitor Windows.
Esta opción visualiza los canales de color plano y los bitonales (duotonos). Éstos son los únicos perfiles que
no están adjuntos a los archivos. Excepto la opción Gamma personalizada y las dos opciones de Gray
Gamma, ésta contiene las mismas opciones que las ofrecidas por la lista desplegable Grises.
Photoshop 7.0 Avanzado - 21 -
Cuando hemos especificado un ajuste predefinido de gestión de color, los documentos que abrimos adoptan
como perfil de color el espacio de trabajo. Pero puede ocurrir que peguemos o arrastremos una parte de un
documento sin perfil a otro con perfil incrustado, o que abramos un documento cuya etiqueta de perfil sea
distinta del espacio de trabajo activo. En estos casos, Photoshop tiene que gestionar los datos de color del
archivo, los compara con el perfil del espacio de trabajo y se pregunta qué hacer, si mantener el perfil del
documento igual, si convertirlo al del espacio
de trabajo o si no aplica la gestión de color
en esos archivos. A esto se refiere las
Normas de gestión de color, a la posibilidad
de crear un perfil administración de color
para un espacio de trabajo diferente al perfil
predeterminado.
Nos aparecen tres listas desplegables: RGB, CMYK y Gris. En cada una de ellas elegiremos la norma por
defecto para cada modo de color. Cada una de ellas contiene a su vez tres opciones: Sin activar, Mantener
perfiles incrustados y Convertir el espacio de trabajo.
a) Sin activar: no significa ausencia total de administración de color, sino que no asignará un espacio de
trabajo ICC a los archivos creados recientemente. También significa que los perfiles adjuntos a los
documentos abiertos serán ignorados y descartados, si no coinciden con el espacio de trabajo
predeterminado. Y por último, cuando se pega una imagen en otra, los colores se añadirán basándose en
su valor numérico, ya que el color variará según la superficie donde se apliquen. No es lo mismo una imagen
sobre un papel satinado, que sobre uno mate.
Photoshop 7.0 Avanzado - 22 -
b) Mantener perfiles incrustados: significa que los perfiles adjuntos a los documentos abiertos se usan y se
conservan. Este sistema intenta mantener los valores de color percibidos cuando la imagen receptora es
RGB o de escala de grises, y también usará valores numéricos cuando la imagen receptora sea CMYK. Esto
ocurre cuando el material de un archivo se copia en otro y ambos tienen espacios de trabajo que no
coinciden.
c) Convertir a espacio de trabajo: significa que convierte todas las imágenes abiertas al espacio de color
actual, con independencia de si tienen adjuntado un perfil.
Se recomienda que usemos el sistema de administración del color Mantener perfiles incrustados para los
tres modos de color.
Si activamos las opciones de Diferencias de perfil, Photoshop nos informará, cada vez que abramos un
documento o peguemos colores, de que esos documentos tienen una etiqueta distinta a la del espacio de
trabajo.
En cambio, si activamos la opción Faltan perfiles, Photoshop nos informará de que el documento que hemos
abierto no tiene perfil incrustado, es decir, es un documento sin etiqueta. Así pues, podemos pasar por alto los
valores por defecto de las Normas de gestión.
Photoshop 7.0 Avanzado - 23 -
Advertencia:
Cuando tenemos un volumen de trabajo muy amplio y diferentes estaciones de trabajo, estas decisiones nos
pueden retrasar mucho el trabajo.
Las opciones de conversión sólo aparecerán si tenemos activado el Modo Avanzado. Nos ofrecen diferentes
posibilidades cuando convierte un perfil de imagen, cuando elige un perfil de prueba automática y cuando se
asigna un perfil de impresión.
2.5.1.Motor
El motor que vamos a utilizar depende de si el grupo de trabajo con el que trabajamos utiliza nuestro mismo
sistema operativo o no, es decir, si todos utilizamos Windows (excepto Windows NT 4), elegimos el sistema
Microsoft ICM. Sin embargo, si todos trabajamos bajo el sistema de Macintosh, se utilizará el ColorSync; pero
si trabajamos en distintas plataformas, entonces la mejor opción es Adobe ACE, ya que van a funcionar igual
en ambas plataformas.
2.5.2.Propósito
Cuando se intenta cambiar el perfil usado por una imagen, el motor de administración de color cambia la
interpretación de los números de los colores dentro de los límites del nuevo perfil. Realmente es un propósito
de cambio de representación predeterminado.
a) Perceptual: es la opción más aconsejable para trabajar con imágenes fotográficas. Al elegir esta opción los
puntos blancos de la imagen fuente y la de destino se emparejan unos con otros, y los demás colores
mantienen la diferencia relativa original, preservándose la apariencia general de la imagen sobre el color real.
Esta opción funciona muy bien cuando trabajamos con una imagen que viene de un espacio de trabajo amplio,
por ejemplo: el RGB, y la pasamos a uno más pequeño, por ejemplo: el CMYK. La información de color es
comprimida, y los colores fuentes tienen que ser comprimidos. Para que los colores no se recorten, no haya
una pérdida de detalle de la imagen, y se desaturen los colores comunes a ambos espacios, se produce un
espacio necesario para asignar ranuras de colores que de otro modo resultarían recortados.
Con la representación Perceptual se sacrifica la fidelidad absoluta del color para conservar el detalle y la
apariencia general de la imagen. Mantiene la relación visual entre los colores en la forma que el ojo humano
la percibe como natural, aunque los mismos valores de color pueden cambiar.
b) Saturación: este proceso se centra en producir colores distintivos, más que en mantener una especificación
de color exacta. Se le da más importancia a la pureza del color que al color real, por lo que se utiliza en gráficos
de presentación: posters psicodélicos, viñetas, etc. en los que es más importante la saturación y el brillo de
los colores, que éstos en sí.
c) Relativo colorimétrico: esta opción compara el punto blanco de la imagen fuente y el de la imagen de
destino, y cambia todos los colores en función del punto blanco. Esto hace que se produzca un recorte en los
colores que no están dentro del nuevo perfil, es decir, se reduce el número de colores únicos. Se aconseja
esta opción para imágenes de una gama de color pequeña a un destino con una gama de color mayor.
Relativo colorimétrico es la interpretación por defecto, que usan todas las configuraciones predefinidas en el
menú Ajustes del cuadro de diálogo Ajustes de color.
d) Absoluto colorimétrico: esta opción es muy parecida a la anterior, pero no cambia los colores que están
comprendidos dentro de la gama de destino. Establece mayor relevancia a la precisión del color que a las
relaciones entre ellos. Al convertir a una gama más pequeña, dos colores que son diferentes en el espacio de
origen pueden asignarse al mismo color del espacio de destino.
a) Usar compensación de punto negro: el rango tonal de una imagen viene dado por el número de grises
intermedios que ésta contiene, entre el blanco puro y el negro puro, pero los perfiles ICC, aunque definen
la relación entre los puntos blancos no hacen lo mismo entre los puntos negros, con lo que siempre
aparecería una descompensación en la imagen final, ya que no se han podido evaluar los puntos negros.
Activando esta opción, Adobe evalúa los puntos negros de la fuente y del destino, haciendo las correcciones
pertinentes para que los negros del archivo corregido no sean defectuosos. Se debe activar cuando
convierte una imagen RGB a CMYK, o de CMYK a otro. No debe activarse cuando se convierte de un
espacio RGB a otro que no sea CMYK.
b) Usar tramado: se produce cuando se entremezclan pequeños puntos de color, el ojo humano los mezcla
como si realmente formaran un solo color que se formó de los diferentes colores.
Si se activa esta opción, se reduce la cantidad de bandas percibidas por el recorte de color, pero aumentará
el tamaño de archivo.
2.7.Controles avanzados
Estos controles representados por las dos últimas opciones, son aconsejables para usuarios avanzados:
Desaturar colores de monitor y Fusionar colores RGB usando gamma. La primera opción, Desaturar colores
de monitor, nos dará una idea general de cómo se mostrarán los colores que no pueden visualizarse en el
monitor, es decir, de los colores de los espacios de color que tienen una gama más amplia que la del monitor.
Pero esto produce que no veamos igual los colores en el monitor que una vez impresos.
La segunda opción, Fusionar colores RGB usando gamma predeterminada 1,00, controla cómo se
fusionan entre sí los colores RGB. El valor gamma de 1,00 debe producir al menos defectos de bordes.
Una vez creada una configuración personalizada de gestión de color la podemos guardar. Esto nos permitirá
tanto volver a utilizarla como compartirla con otras aplicaciones que también usen el cuadro de diálogo
Ajustes de color.
Photoshop 7.0 Avanzado - 26 -
Para guardar nuestra configuración hacemos clic en la opción de Guardar del cuadro de diálogo Ajustes, le
asignamos un nombre y lo guardamos. Estos ajustes los tenemos que guardar en una carpeta específica para
que nuestra configuración personalizada aparezca en el mencionado cuadro de diálogo. Esta carpeta se
encuentra en la carpeta Archivos de programa / Archivos comunes / Adobe / Color / Ajustes (Settings).
Archivos de programa/Archivos
comunes/Adobe/Color/Settings
Podemos introducir un comentario que acompañe a nuestra configuración, el cual aparecerá en el área
Descripción del cuadro de diálogo Ajustes cuando coloquemos el puntero sobre el nombre de nuestra
configuración.
Así pues, para cargar una configuración hacemos clic en la opción Cargar del cuadro de diálogo Ajustes y
seleccionamos el archivo que queramos cargar.
Guardar las configuraciones nos permite utilizar las mismas configuraciones de ajustes de color en varias
aplicaciones Adobe ( Illustrator, ImageReady, etc.), de forma que el color se reproducirá coherentemente en
todas las aplicaciones, y los colores de un mismo documento no cambiarán, aunque los veamos en distintos
programas. A esto se le llama Sincronizar la gestión de color. Para conseguir una buena sincronización lo
único que debemos hacer es guardar y cargar los archivos de ajustes, en la carpeta Ajustes, de las
aplicaciones que vayamos a utilizar.
Photoshop 7.0 Avanzado - 27 -
- No gestionar color en este documento: convertimos un documento con perfil en otro sin etiqueta.
- Espacio de trabajo modo de color: etiquetamos el documento con el perfil del espacio de trabajo activo.
b) Convertir en perfil: consiste en cambiar permanentemente de modo los datos de un archivo de imagen.
Anteriormente, lo hemos realizado cambiando del modo RGB a CMYK, cuando vamos a realizar una
impresión y hemos estado trabajando en RGB.
En Espacio de destino elegimos el perfil de color al que queremos convertir los colores del documento y
seleccionamos un motor y un propósito. En cambio, los que vienen por defecto, suelen ser los más adecuados.
También es aconsejable mantener activadas las opciones de punto negro y tramado para una mejor
interpretación de los colores. Si queremos acoplar las capas de la imagen al convertir, seleccionamos esa
opción.
Photoshop 7.0 Avanzado - 28 -
La diferencia entre Asignar perfil y Convertir perfil es que en la primera los valores de color se asignan
directamente al espacio de perfil nuevo, mientras que Convertir perfil cambia los valores de color antes de
asignarlos al espacio del perfil nuevo y consigue así mantener los colores originales del documento.
Photoshop 7.0 Avanzado - 29 -
RECUERDE
- Photoshop nos permite configurar el color según la tarea que vayamos a realizar, definiendo un buen perfil
de trabajo.
- Los ajustes predefinidos nos proporcionan los ajustes suficientes para las necesidades básicas de nuestro
trabajo. También pueden servir de punto de partida para personalizar ajustes propios.
- Los espacios de trabajo actúan como perfil de color de los documentos sin etiquetar y los recién creados.
- Si no estamos muy seguros del tipo de configuración de color, podemos pasarla por alto y volver en cualquier
momento a cambiarla.
- Podemos convertir los colores de un documento, a otro perfil de color distinto, o eliminar el perfil de un
documento con los comandos Asignar perfil y Convertir perfil.
- Podemos guardar las configuraciones de gestión de color personalizadas para poder utilizarlas en otras
aplicaciones Adobe. De esta manera veremos los documentos en distintas aplicaciones pero con los mismos
colores.
Photoshop 7.0 Avanzado - 31 -
Tema 3 Espacio de
trabajo
En la lista desplegable encontramos diversos sectores en los que podemos ajustar nuestras preferencias. Se
puede acceder a ellos a través de la lista por los atajos de teclado que se indican, o bien con los botones
Anterior y Siguiente del cuadro de diálogo.
a) Selector del color: si trabajamos con Windows, podemos elegir entre la opción Adobe y los sistemas de
color de Windows. Normalmente, usaremos Adobe. El selector de color de Photoshop nos permite
seleccionar entre espacios de color RGB, CMYK, LAB y colores personalizados. En aquellas ocasiones
donde dicho color no se pueda imprimir o representar en web, Photoshop nos alertará mediante los
símbolos: impresión y gráficos web. Al hacer clic sobre uno de estos iconos, el sistema elegirá el
color más próximo que se pueda representar correctamente en el sistema de impresión o en gráficos web.
Mediante la selección de la casilla "Sólo colores web", tendremos la opción de trabajar sólo bajo el sistema
web y Photoshop sólo tendrá en cuenta la representación de estos colores.
b) Interpolación: ésta se produce cuando cambiamos el tamaño de la imagen, produciendo una modificación
en los píxeles. Al desplegar la lista, nos encontramos con tres tipos de interpolaciones. La más
recomendable es la que nos aparece por defecto, la Bicúbica, que suaviza los bordes de la imagen. En el
otro extremo de apariencia de los bordes, nos encontramos con la opción Por aproximación. Ésta nos crea
unos bordes muy acentuados, nada suavizados y nos da poca calidad de imagen. Y por último, en medio
de las dos opciones nos encontramos la Bilineal, que sería conveniente utilizarla cuando las imágenes
tienen bordes muy finos y los tonos de la imagen son continuos.
En el cuadro de diálogo, se elige el método de interpolación por defecto que aparecerá en los comandos
Tamaño de imagen o Transformación, pero cuando utilizamos Tamaño de Imagen tenemos la opción de
cambiar el método sin tener en cuenta el que estaba por
defecto.
Photoshop 7.0 Avanzado - 35 -
c) Tecla Rehacer: el atajo que viene configurado por defecto es Ctrl + Z. Éste nos permite deshacer el último
paso que hayamos realizado. En cambio, si queremos ir paso por paso deshaciendo acciones que hayamos
realizado sobre un archivo, disponemos del atajo Alt + Ctrl +Z, o bien del menú edición / paso atrás. Para ir
hacia delante tenemos el atajo Mayús + Ctrl +Z o el menú edición / paso adelante.
Estos atajos nos permiten ir rápidamente a los menús, pero también podemos situarnos en la ventana de
Historia, e ir paso a paso, activando y desactivando, para hacer y deshacer. Es el mismo proceso, aunque lo
realicemos desde herramientas diferentes.
Paso atrás
Paso adelante
Por defecto, Photoshop nos presenta los 20 últimos estados de Historia. A partir de estos 20 se van eliminando
para que no ocupen tanta memoria. Si nos interesa conservar un estado concreto, debemos realizar una
instantánea de éste, con objeto de poder volver cuando queramos. No obstante, es preciso tener presente que
en el momento de cerrar y volver a abrir el archivo, perdemos todos los estado de Historia y de las
instantáneas.
Photoshop 7.0 Avanzado - 36 -
d) Exportar Portapapeles: dentro de la casilla Opciones. Si la tenemos activada, nos permitirá pegar
imágenes que estemos utilizando en Photoshop en otras aplicaciones. Si no seleccionamos esta opción, el
contenido del portapapeles se elimina al salir del programa. Para vaciar el portapapeles, tenemos la opción
en Edición / Purgar / Portapapeles.
e) Nombres Pantone cortos: como su nombre indica, si la activamos, Photoshop usa el nombre abreviado
de los Pantone.
f) Mostrar información de las herramientas: si la tenemos activada, nos aparecerá una breve descripción o
el atajo a utilizar, según la herramienta sobre la que se encuentre nuestro cursor. Es muy práctico.
g) Zoom con teclado cambia las ventanas de tamaño: esta opción nos permite mediante los atajos de
teclado Ctrl + + (más) y Ctrl + - (menos), que la imagen se redimensione a la vez que aumenta o
disminuye el tamaño de la ventana.
h) Actualizar automáticamente documentos abiertos: si tenemos activada esta opción nos permitirá
movernos desde Photoshop a ImageReady, sin tener que cerrar y abrir el documento en el segundo
programa. Funciona con la opción " Ir a " que se encuentra en la barra menú / archivo y con el botón de
la barra de herramientas Ir a iImageReady.
l) Guardar ubicaciones de paleta: si la activamos, nos guardará el espacio de trabajo como lo hayamos
dejado antes de cerrar. Es decir, si hemos elegido sólo las paletas de capas, trazados e historias, y las
hemos dejado visibles y en un solo bloque, cuando volvamos a abrir el programa, no habrá variado y
podremos continuar trabajando como si no hubiera pasado el tiempo.
Photoshop 7.0 Avanzado - 37 -
ll) Mostrar nombres de fuentes en inglés: al activar esta opción, nos aparecerán las fuentes que tienen un
nombre inglés en el encabezamiento.
m) Usar tecla mayúscula para cambiar de herramienta: si esta opción está deseleccionada, podemos
cambiar entre las herramientas agrupadas sólo con el atajo de teclado. Por ejemplo: para cambiar entre el
marco ovalado y el marco cuadrado sólo tendremos que pulsar la tecla M. En cambio, si activamos la
opción Usar tecla Mayús para cambiar de herramienta, realizar la misma acción, tendremos que pulsar
además de la M, la tecla Mayúscula.
Para acceder a este cuadro de diálogo pulsamos el botón Siguiente de Preferencias generales o desde el
menú Edición-Preferencias-Manejo de archivos.
Mediante este cuadro de diálogo podemos determinar nuestras preferencias cuando guardamos un archivo y
trabajamos con archivos del grupo de trabajo.
a) Prev. Imagen: se refiere a las miniaturas que vemos cuando elegimos una imagen en el cuadro de diálogo
Abrir o en el Explorador. Son muy útiles a la hora de identificar imágenes y lo más cómodo es elegir la
opción Guardar siempre.
Photoshop 7.0 Avanzado - 38 -
c) Preguntar antes de guardar archivos TIFF con capas: si guardamos los archivos TIFF con capas, sólo
podremos abrirlos con Photoshop, además de que éstos ocupan más espacio. Por lo tanto, es conveniente
tener activada esta opción para que nos avise de si realmente queremos guardar un archivo TIFF con
capas.
d) Maximizar siempre la compatibilidad de los archivos de Photoshop (PSD): esta opción nos permite
visualizar los archivos que hemos creado en Photoshop 6 en versiones anteriores.
e) Habilitar funcionalidad de grupo de trabajo: si activamos esta opción se mostrará el menú emergente
Grupo de trabajo , que está en la barra de estado en la parte inferior de la pantalla de Photoshop. El
Grupo de trabajo nos permite trabajar en red compartiendo archivos. En Extraer del servidor, podemos
determinar si extraemos el archivo que queremos abrir del servidor, si abrimos la copia local o si, en cambio,
preferimos que el programa nos pregunte. La opción Actualizar nos permite determinar si queremos abrir la
última versión del archivo que se encuentre en el servidor.
f) Lista de archivos recientes: podemos establecer hasta un máximo de 30 archivos en la lista de archivos
recientes. Esta lista que se encuentra en el menú Archivo es muy útil cuando trabajamos con unos archivos
frecuentemente.
a) Canales de color: si activamos esta opción, los canales de color de la paleta canales se teñirán cada uno
de su color, es decir, en una imagen RGB en el canal rojo, aparecerá la imagen en rojo, en el azul en azul,
etc., si no aparecen en blanco y negro.
b) Usar tramado de difusión: si en nuestro monitor se muestran 8 bits de color en vez de 24, nos será muy
útil esta opción. Cuando se muestran 8 bits de color, en el monitor sólo tendremos 256 colores en vez de
miles de colores. En este caso, Photoshop utiliza una técnica llamada tramado de motivo, que se emplea
para mezclar los píxeles y conseguir nuevos colores. Pero este tramado genera un motivo característico
entre las áreas claras y las oscuras. Para minimizarlo activamos esta opción de Tramado de difusión.
c) Usar doblado de píxeles: esta opción acelera la visualización de los efectos de una herramienta, doblando
el tamaño de los píxeles temporalmente y reduciendo a la mitad su resolución para que la visualización sea
más rápida.
d) Cursores de pintura / Otros cursores: en este apartado podemos determinar la apariencia que tendrán
los punteros de las herramientas. Estándar, para mostrar el puntero como el icono de la herramienta, es
decir, si utilizamos el pincel, el puntero será un pincel. Por otra parte, Preciso nos muestra el puntero de la
herramienta en forma de cruz. Y, por último, tamaño de pincel, nos muestra el puntero como el tamaño de
la herramienta que hayamos elegido.
La opción Cursores de pintura se refiere a las herramientas: Borrador, Lápiz, Pincel, Pincel corrector, Tampón,
Tampón de motivo, Dedo, Desenfocar, Enfocar, Sobrexponer, Subexponer y Esponja.
Finalmente, la opción Otros cursores se refiere a las herramientas: Marco, Lazo, Lazo poligonal, Lazo
magnético, Varita mágica, Recortar, Sector, Parche, Cuentagotas, Pluma, Degradado, Línea, Bote de pintura,
Pluma magnética, Medición y Muestra de color.
a) Ajustes de transparencia: Photoshop representa la transparencia con un tablero de cuadrículas. Así pues,
diferenciamos claramente la parte transparente de la imagen de la cromada. En este cuadro de diálogo,
tenemos la opción de cambiar el tamaño de los cuadros y su color. Esto es útil cuando en la imagen en la
que estamos trabajando existen unos colores parecidos a los de la cuadrícula y se confunden. La opción
Utilizar vídeo alfa permite que se envíe la información de transparencia a la tarjeta de vídeo del ordenador.
b) Aviso de gama: la gama es el rango de colores que un sistema de color puede mostrar e imprimir. El aviso
de gama muestra los colores que están fuera de ese rango resaltándolos con un color. Ese color y su
opacidad lo podemos cambiar para que resalte mejor en nuestra imagen, haciendo clic en el cuadro de color
nos aparece el selector de color. Para activar el resaltado de color y nos avise de los tonos fuera de gama,
seleccionamos la opción del menú Vista-Aviso de gama.
Cuando pulsamos Ctrl + R, o bien menú Vista-Reglas, nos aparecerán las reglas en el archivo sobre el que
estemos trabajando en la parte superior y a la izquierda. Podemos cambiar las unidades de las reglas no sólo
en el menú de preferencias, sino también a través de la paleta Info. Una vez lo modifiquemos en un lado,
automáticamente cambiará en el otro. Las marcas de la regla muestran la posición del puntero.
Las columnas se suelen utilizar cuando se importa una imagen a un programa de diseño de páginas y
queremos que esta imagen encaje perfectamente en un número de columnas. En Tamaño de puntos / picas,
debemos elegir PostScript, si imprimimos en un dispositivo PostScript, y Tradicional si imprimimos en una
impresora normal.
Photoshop 7.0 Avanzado - 41 -
b) Número de serie existente de Photoshop: para ejecutar algunos plugins es preciso indicar el número de
serie del programa Photoshop.
c) Discos de memoria virtual: Photoshop necesita la memoria RAM para realizar todas las operaciones, pero
cuando no dispongamos de la suficiente, puede utilizar los discos de memoria virtual. Éstos pueden
corresponder a cualquier unidad o partición con memoria libre. Photoshop utiliza el disco duro en el que
está instalado el sistema operativo como disco de memoria primario. En este cuadro de diálogo, podemos
designar un segundo, un tercero y un cuarto disco.
Photoshop 7.0 Avanzado - 42 -
Photoshop permite hasta 200GB de espacio de discos de memoria virtual. Para los usuarios de Windows, no
es aconsejable que en la primera unidad seleccionen "De arranque ".
Para trabajar mejor, los discos de memoria virtual deben estar en una unidad distinta a la de los archivos en
los que estemos trabajando y debe ser local, es decir, no accederemos a ellos a través de la red. Es importante
que las unidades que designemos estén ubicadas en un espacio contiguo al del disco duro, por lo que
debemos optimizar el disco duro frecuentemente con el Desfragmentador de Windows, por ejemplo.
La configuración de caché de imagen nos indica la velocidad de visualización de las áreas de la pantalla
usadas con frecuencia. Nos aparece por defecto el nivel 4, que es lo más aconsejable.
La opción Utilizar caché para histogramas hace que el histograma se muestre con mayor rapidez y se base
en un muestreo representativo de todos los píxeles. Mediante Uso de memoria nos informa de la memoria
RAM que está disponible en el sistema operativo, así como de la que utiliza Photoshop para sus operaciones.
Este tanto por ciento podemos modificarlo.
Los cambios que hagamos en este cuadro de diálogo y en el anterior de plugins y memoria virtual sólo se
apreciarán cuando volvamos a iniciar el programa.
Podemos guardar las ubicaciones de las paletas cuando salimos de la aplicación, seleccionando la opción
Guardar ubicaciones de paletas en el cuadro de diálogo Preferencias generales. Si queremos trabajar con
Photoshop 7.0 Avanzado - 43 -
las ubicaciones por defecto, sólo tenemos que deseleccionar esta opción. Además, Photoshop nos permite
guardar espacios de trabajo personalizados, guarda la situación de las paletas y los cuadros de diálogo. Esto
es útil cuando el ordenador es compartido por varios usuarios y cada uno trabaja con una serie de paletas y
una ubicación determinada.
Photoshop permite trabajar en red compartiendo archivos y trabajando en grupo. Para ello, necesitamos
conectarnos a un servidor WebDAV, que será el encargado de gestionar los grupos de trabajo a través de
Internet. Cuando trabajamos mediante esta tecnología podemos extraer archivos y trabajar con ellos,
actualizar los cambios en el servidor y añadir archivos en éste. Este método es bastante seguro, porque los
usuarios no pueden modificar el archivo en el que estemos trabajando hasta que no hayamos registrado los
cambios. De esta manera, no se produce sobreescritura mientras estamos trabajando con un archivo.
Además, varios usuarios pueden descargar copias del archivo, pero sólo uno puede extraer el archivo cada
vez.
Para configurar un servidor y utilizarlo con Photoshop, debemos hacerlo en el menú Archivo-Grupo de
trabajo-Servidores del grupo de trabajo. En este cuadro de diálogo, especificamos una carpeta, en la que
se almacenarán las copias locales de los archivos que gestionemos. También debemos especificar un servidor
dándole un sobrenombre y una URL, donde podremos añadir otros servidores o eliminarlos.
Como hemos mencionado anteriormente, en Preferencias, podemos determinar si abrimos una copia local del
archivo, si lo extraemos o preferimos que el programa nos pregunte.
Por otra parte, para operar en el grupo de trabajo, podemos acceder a distintas opciones desde el menú
Archivo-Grupo de trabajo o desde el menú emergente de la barra de estado . Si este símbolo no
aparece, debemos activar la opción Habilitar funcionalidad del grupo de trabajo en el cuadro de diálogo
Preferencias-Manejo de archivos.
Photoshop 7.0 Avanzado - 44 -
a) Abrir archivos: desde Archivo-Grupo de trabajo-Abrir, o bien desde el menú emergente. Cuando
abrimos un archivo desde un servidor WebDAV se crea una copia local del archivo en nuestro disco duro,
el programa nos preguntará si queremos abrir y extraer al mismo tiempo, o sólo abrir una copia local sin
extraerla.
Una vez abierto un archivo, podemos volver a la versión anterior del archivo en el servidor, si lo hemos
extraído. En cambio, si tan solo hemos abierto una copia local, podemos actualizarla con los cambios que han
hecho otros usuarios de ese archivo en el servidor. Tanto uno como otro descartan los cambios que hayamos
realizado.
c) Registrar un archivo: cuando hemos acabado de realizar las modificaciones al archivo, lo registramos y
con ello actualizamos los cambios en el servidor, y permitimos que otros usuarios puedan trabajar con él.
Es preciso indicarlo en: Archivo-Grupo de trabajo-Registrar o en el menú emergente. Pero si lo que
queremos es registrar el archivo, es decir, desbloquearlo descartando los cambios que hayamos hecho,
disponemos de la opción Cancelar extracción.
d) Guardar un archivo: podemos ir guardando los cambios en el servidor, pero sin registrarlo, sólo para
compartir los cambios con otros usuarios sin desbloquearlo. Para ello, seleccionamos del menú Archivo-
Grupo de trabajo-Guardar o en el menú emergente.
e) Añadir un archivo al servidor: cuando tengamos abierto el archivo que queremos incluir en el servidor,
elegimos Archivo-Grupo de trabajo-Guardar como. En el cuadro de diálogo, seleccionamos un servidor,
una carpeta donde guardarlo, y le damos nombre y formato. A continuación, hacemos clic en Guardar.
Photoshop 7.0 Avanzado - 46 -
RECUERDE
- Tenemos la posibilidad de personalizar nuestro espacio de trabajo. Por ejemplo, podremos elegir sólo colores
para Web, definir cuantos estados de historia nos interesa tener, o cómo nos aparecerán los cursores de las
herramientas que estamos utilizando. En definitiva, tenemos una amplia gama de posibilidades, que
podremos ir cambiando según las necesidades de la tarea a realizar.
- Desde el cuadro de diálogo Preferencias podemos también determinar el tanto por ciento de la memoria
virtual que utiliza Photoshop, además de especificar otros discos de memoria virtual si la memoria RAM no
es suficiente. De esta manera, podremos realizar operaciones más complicadas sin temer que el ordenador
utilice más recursos de los necesarios.
- Photoshop también nos permite guardar la configuración de las paletas como espacios de trabajo distintos,
así si compartimos el ordenador, cada usuario tendrá la organización que más le guste, nada más abrir
Photoshop.
- Podemos trabajar en red y compartir archivos con otros usuarios de una forma segura.
Photoshop 7.0 Avanzado - 47 -
Photoshop nos brinda la oportunidad de ahorrar tiempo en el proceso de creación y diseño gracias a la
característica de automatizar las tareas, ya que contiene una serie de herramientas que nos ayudarán a
agilizar el trabajo. Es decir, ahora con un sólo clic del ratón realizaremos aquellas acciones que utilizamos con
más frecuencia, agrupando incluso diferentes órdenes.
En Photoshop 7.0, nos encontramos con varios automatismos, siendo el más común las Acciones. Además,
desde el menú Archivo-Automatizar podemos acceder a las opciones droplets, el comando Lote y otros, que
nos permiten realizar con mayor facilidad y rapidez nuestro trabajo. A continuación veremos cada una de estas
herramientas.
4.1 Acciones
Las acciones se definen como un grupo de comandos creados por el usuario y que se ejecutan en un archivo.
Nos permite grabar comandos parar generar por ejemplo, efectos complicados, y de esta manera, poder
repetirlos tantas veces como deseemos sin necesidad de recordar paso por paso. Por ejemplo, si normalmente
todas las imágenes con las que trabajamos tienen un tamaño que hay que reducir, ponerles un marco y
guardarlas en un formato específico y en una determinada carpeta, con todos estos comandos podemos hacer
una acción, de manera que con tan solo hacer clic en un botón la fotografía se transforme tal y cómo hemos
definido previamente. En las acciones se pueden introducir detenciones que nos permiten aplicar un efecto
que no se puede grabar (por ejemplo, pintar sobre una imagen) y también podemos incluir controles modales
que nos permiten introducir valores en un cuadro de diálogo.
La mayoría de las herramientas y los comandos de Photoshop se pueden utilizar para crear las acciones, las
cuales iremos guardando en la paleta Acciones. Para mostrar dicha paleta de acciones accederemos al Menú
> Ventana > Mostrar acciones, o bien emplearemos el atajo F9.
Asimismo, mediante la paleta Acciones podemos grabar, ejecutar, editar y eliminar acciones, además de
cargar y guardar archivos de acciones.
Por otro lado, debemos saber que para una mejor organización,
las acciones se pueden agrupar por conjuntos o carpetas, por
ejemplo, todas las acciones que se refieran a un cambio de
formato, las podemos meter en una carpeta llamada Formato.
A continuación, veremos todos los elementos que nos ofrece esta paleta, para poder utilizarla correctamente:
Conjunto
Acción
Comandos
Nos indica si está activada o desactivada cada una de las acciones o comandos.
Si la flecha apunta hacia la derecha nos muestra sólo el nombre de la acción conjunto o comando. No
obstante, si hacemos clic sobre ella apuntará hacía abajo y nos mostrará su contenido expandido. Si
queremos volver a contraerlo debemos hacer clic sobre ella nuevamente.
Botón de parada. Podemos detener la grabación que se está ejecutando o la acción que se está
procesando.
Podemos observar que dicho menú se divide en seis secciones, separados por una
línea divisoria entre los grupos del menú. A través de este menú se accede a todas
las operaciones que se puede realizar con las acciones, aunque la mayoría son
accesibles desde los iconos situados en la parte inferior de la paleta: Iniciar
grabación, Ejecutar selección, Insertar parada, Acción nueva y Eliminar. En la
parte inferior podremos ver las últimas acciones recientemente cargadas.
- Los resultados de las acciones varían según la imagen, según su tamaño, resolución, etc. No es lo mismo
aplicar un filtro en una imagen de 72 ppp que en una de 900 ppp.
- Cuando grabamos comandos especificando una posición es conveniente que las medidas de la regla
estén en porcentaje, así la acción se ejecutará en la misma posición relativa de la imagen. Si ejecutamos
una acción de este tipo en imágenes con distinto tamaño solo con las medidas de porcentaje se ejecutará
el comando en la misma posición en todas las imágenes.
- Cuando grabemos comandos que incluyan ajustes de cuadro de diálogo hay que tener en cuenta que
únicamente se grabará si modificamos los ajustes, es decir, si lo dejamos con los ajustes por defecto no
se grabará.
Por otro lado, para grabar una acción se deberán seguir los siguientes pasos, teniendo en cuenta que
debemos tener un archivo abierto para trabajar sobre él.
En Nombre introducimos el nombre que le vamos a dar a la acción, teniendo en cuenta que debe ser lo más
descriptivo y claro posible.
Mediante la opción Configurar, seleccionamos la carpeta o conjunto en el que queremos introducir la acción
nueva. No obstante, si queremos meter la acción en una carpeta nueva, tenemos que crearla previamente (lo
haremos mediante el botón Crear grupo nuevo, situado en la parte inferior de la paleta Acciones).
Podemos asignar a nuestra nueva acción una tecla de función, o una combinación de teclas con Ctrl. y/o
Mayus, que ejecuta automáticamente la acción. En la opción de color, le asignaremos un color para
visualizarla más rápidamente en la paleta, en modo botón.
b) Una vez completado el cuadro de diálogo anterior haremos clic en Grabar, y dicho botón de la paleta
Acciones se volverá rojo. Ahora todos los comandos y operaciones que realicemos se grabarán como una
acción. Si queremos interrumpir la grabación sólo tenemos que hacer clic en el botón de parada de la paleta
Acciones, Detener grabación en el menú de la paleta o bien pulsando la tecla ESC. Para reanudar la
grabación seleccionaremos la acción y haremos clic en el botón de Grabación o Iniciar grabación en el
menú de la paleta, y seguiremos elaborando la acción en el punto en que lo dejamos.
Consejo: hay que tener especial cuidado al grabar la operación de Guardar Como, ya que en la grabación,
nunca debemos cambiar el nombre del archivo. De lo contrario, todos los archivos a los que le apliquemos la
acción tomarán el nombre que le hayamos dado durante la grabación. Hasta este momento hemos descrito el
proceso básico para crear acciones en Photoshop, pero ahora trataremos otra serie de operaciones que se
pueden incluir en una acción.
Photoshop nos permite insertar un trazado como parte de una acción, pudiendo incluirlo cuando estamos
grabando una acción o bien después. Si optamos por esta última, debemos elegir el sitio donde queramos
insertarlo. Para ello, seleccionaremos un comando sabiendo que nuestro trazado se insertará justo después
de éste. Pero si no seleccionamos un comando en concreto, sino la acción, el trazado insertado se situará en
la última posición.
Una vez iniciada la grabación y situados en la posición correcta, debemos seleccionar el trazado en la paleta
Trazados y en el menú de la paleta Acciones elegiremos la opción Insertar trazado.
Si nuestra intención es insertar varios trazados, tenemos que incluir un comando en la acción de Grabar
trazado, ya que si no lo hiciéramos, cada trazado que vayamos insertando, sustituirá al anterior.
Photoshop 7.0 Avanzado - 53 -
Hay comandos que no se pueden grabar como una acción, o bien, que son específicos de cada archivo. Para
ello existen las detenciones, de manera que la ejecución de la acción se detendrá, para que el usuario pueda
realizar una tarea manual, tras la cual continuar con la acción.
Por ejemplo, si disponemos de una serie de retratos que hay que recortar, enmarcar, nombrar y guardarlos
en formato TIFF, todos estos comandos se pueden grabar en una acción, pero el nombre de cada retrato es
distinto en cada documento. Es por ello que debemos insertar una detención en la acción, para que el sistema
nos pregunte por el nombre que se le quiera dar a cada retrato.
Para insertar una detención, nos situaremos en una acción, en cuyo caso, la detención se realizará al final de
la acción, o bien en un comando específico, lo que conlleva que la detención se incluya justo después de dicho
comando.
En el cuadro de diálogo podemos escribir un mensaje que sirva de recordatorio de la tarea manual (en nuestro
caso podemos poner "Escribir nombre"). La casilla Continuar nos ofrece la posibilidad de mostrar el mensaje
con un botón de Detener, o bien, con dos botones, para que el usuario pueda elegir si Continuar o Detener la
acción. Las siguientes imágenes muestran la apariencia de los mensajes:
Otra de las opciones para detener la ejecución de una acción, nos la ofrece la introducción de los controles
modales, pero esta vez, para poder introducir valores en un cuadro de diálogo. Únicamente podremos
introducir controles modales para acciones que abran cuadros de diálogo, como es el caso de los comandos
Tono/Saturación, Ajustar niveles, etc.
Photoshop 7.0 Avanzado - 54 -
Podemos activarlos y desactivarlos haciendo clic en el símbolo de control modal a la izquierda del comando o
acción.
Si lo desactivamos en la acción, se desactivarán todos los controles modales de los comandos que componen
esa acción, en cambio si lo desactivamos en el comando sólo se desactivará en ese comando.
Hay que resaltar que desactivar el control modal no significa que el comando no se ejecute, sino que no se
accederá al cuadro de diálogo para ajustar valores cuando se esté ejecutando la acción. Por tanto, se aplicará
el comando con los valores con los que se grabó.
En definitiva, los controles modales nos dan, por tanto, un mayor control sobre la acción que ejecutamos sobre
un archivo, aunque también ralentiza la ejecución.
Hay herramientas que no se pueden grabar, como por ejemplo las herramientas de pintura o los comandos de
los menús Vista o Ventana, pero muchas de estas herramientas, se pueden insertar en una acción, con la
opción Insertar elemento de menú, del menú de la paleta Acciones. Para ello hay que tener en cuenta que
no se graba en la acción ningún valor para este comando y hasta que no se ejecuta la acción, no se ejecuta
el comando. Si estos comandos tienen un cuadro de diálogo, la acción se detendrá hasta que pulsemos el
botón de OK. Por último, añadir que Photoshop no permite desactivar el control modal, en la paleta Acciones.
Para insertar un elemento de menú, elegimos la opción Insertar item de menú, del menú de la paleta. En ese
momento aparecerá el cuadro que se muestra en la imagen siguiente. Al seleccionar el comando que
queremos insertar, automáticamente se cambiará la Opción de menú con el nombre del elemento que
acabamos de insertar.
Por ejemplo, si hemos guardado una selección como acción y queremos rellenarla de un color, después de
haber hecho clic en Insertar ítem de menú, debemos elegir en la barra de Menú >Edición >Rellenar, y
quedará guardada esa acción en la paleta de Acciones.
Photoshop 7.0 Avanzado - 55 -
Para ejecutar una acción, seleccionamos la acción y hacemos clic en el botón Ejecutar selección, o bien,
elegimos la opción Ejecutar del menú de la paleta. Si la acción tiene asociada una combinación de teclas
pulsamos dicha combinación y la acción se ejecutará automáticamente.
Si tan sólo deseamos ejecutar un comando determinado de una acción, seleccionamos el comando y
manteniendo pulsada la tecla Ctrl, haremos doble clic sobre el comando (o clic en el botón Ejecutar de la
paleta).
Para deshacer una acción disponemos de dos posibilidades: la primera desde la paleta Historia, eliminando
estado por estado. La segunda alternativa y, sin duda, la forma más cómoda y rápida, es hacer una
instantánea del archivo antes de ejecutar la acción.
3. Pausa entre comandos: hay que determinar una cantidad de segundos entre la ejecución de cada
comando.
4. Detener para anotación sonora: si no está marcada, la acción continúa mientras se ejecuta una
anotación sonora.
- Reordenar: los comandos y las acciones se pueden reordenar y cambiar de ubicación. Para ello, sólo
tenemos que seleccionar un comando o acción y arrastrar el ratón manteniendo pulsado el botón izquierdo.
Cuando la línea resaltada aparezca en el lugar de destino, tan solo hay que dejar de presionar el botón del
ratón.
- Grabar comandos nuevos: para grabar comandos nuevos en una acción, debemos hacer clic en el botón
de Grabar. Si queremos grabarlo al final de la acción, hay que seleccionar previamente el nombre de la
acción. Si lo que deseamos grabar después de un determinado comando, seleccionaremos entonces ese
comando, antes de grabar.
- Volver a grabar: esta operación se realiza cuando deseamos introducir nuevos valores. Para ello, hay que
seleccionar una acción y elegir la opción del menú de la paleta Volver a grabar. Paralelamente, para volver
a grabar un solo comando, se seleccionará y se hará doble clic sobre él para cambiar los valores.
- Duplicar acciones y comandos: nos permite hacer cambios, pero sin perder la versión original.
Seleccionando una acción o comando, elegimos la opción Duplicar del menú de la paleta. La nueva versión
se sitúa detrás del original. También podemos hacerlo arrastrando lo seleccionado hasta el botón Acción
nueva o manteniendo pulsada la tecla Alt y arrastrándola a otra posición.
- Eliminar acciones y comandos: podemos emplear el botón Papelera, o la opción Eliminar del menú de la
paleta.
Photoshop presenta una serie de acciones predefinidas que podemos ver en la parte inferior del menú de la
paleta Acciones, tal y como se muestra en la imagen siguiente. Para cargar acciones que no estén disponibles
desde el menú, accederemos a la opción Cargar acciones, mediante la cual buscaremos el archivo y
haremos clic en el botón de Cargar.
Photoshop 7.0 Avanzado - 57 -
Si queremos restaurar las acciones que estaban por defecto, seleccionamos la opción Restaurar acciones
del menú de la paleta.
>Crear droplet. La acción a partir de la cual queramos crear un droplet, deberemos grabarla previamente en
la paleta Acciones.
La imagen siguiente muestra todas las opciones a la hora de crear un droplet. Observamos que se encuentra
dividida en 4 secciones: Guardar, Ejecutar, Destino, y por último Errores. Veámosla con más detalle:
a) La primera sección nos ofrece la oportunidad de guardar el droplet eligiendo la ubicación exacta.
- Ignorar comandos "Abrir" de Acción. Si activamos esta casilla ignoramos cualquier comando que
aparezca en la acción que empiece por Abrir. Debemos tener en cuenta la acción que vayamos a realizar
puesto que a veces, ésta contiene el comando Abrir para determinados archivos que son necesarios para
la acción, por lo que en estos casos no es conveniente desactivarla.
- Incluir todas las subcarpetas. Para procesar los archivos que se encuentran en subcarpetas.
- Omitir advertencias sobre perfiles de color. Al activar esta opción, si estamos trabajando con distintos
perfiles, nos aparecerá un cuadro para indicarnos que no coincide el perfil del espacio de color.
c) Destino. Como su nombre indica será el destino donde se ubicarán las imágenes tras utilizar el droplets. Si
elegimos la opción Ninguno los archivos se quedarán abiertos sin guardar los cambios, a menos que la
acción contenga el comando Guardar.
Mediante la opción de Guardar y cerrar, el droplet guarda los archivos en la ubicación que tenían. La opción
Carpeta guarda los archivos procesados en otra ubicación que debemos especificar haciendo clic en
Seleccionar.
- Ignorar comandos "Guardar como" de Acción: si activamos esta opción el comando Guardar como de
la acción hará referencia a los archivos que procesemos, en vez de a los nombres de archivo y ubicación
especificados en la acción.
- Nombres de archivos. Nos permite cambiar los nombres y las extensiones de los archivos que vamos a
modificar.
- Compatibilidad. Para hacer compatible los nombres de los archivos con los distintos sistemas
operativos.
d) Errores. Si se cometen errores en el proceso Detener para buscar errores nos avisará en el momento del
error cometido, aunque mediante la opción de Errores de registro a Archivo, se grabará cada error en el
archivo indicado sin detener el droplet y nos informará después de terminar el proceso.
Photoshop 7.0 Avanzado - 59 -
Para procesar los archivos con un droplet, sólo tenemos que arrastrarlos hasta el icono del droplet.
Los droplets son muy útiles para operaciones que realicemos frecuentemente o para procesar una serie de
archivos que necesiten los mismos ajustes. Por ejemplo, un fotógrafo de un periódico que ha realizado un
reportaje en un lugar cerrado con una luz verdosa podrá procesar todas las fotos del reportaje mediante un
droplet que corrija esa dominancia de color. Únicamente tendrá que realizar el primer ajuste para grabarlo en
una acción y todas las imágenes serán tratadas de la misma forma. Esto ahorra mucho tiempo, factor
fundamental en la elaboración de un periódico.
El funcionamiento de este comando es muy parecido al de los droplets, pero a diferencia de los anteriores, no
se crea una pequeña aplicación sino que trabajamos desde Photoshop y nos permite ejecutar una acción en
una carpeta de archivos. De esta manera, se procesan una serie de archivos.
Las opciones del cuadro de diálogo Lote son básicamente las mismas que cuando creamos un droplet, sólo
cambia el conjunto Origen. Desde aquí seleccionamos los archivos que queremos procesar, mediante las
siguientes opciones:
- Importar, para ejecutar la acción en imágenes a partir de una cámara digital o escáner.
- Archivos abiertos, ejecuta la acción en todos los archivos que tengamos abiertos en ese momento.
Si somos estudiantes estaremos acostumbrados a las hojas de fotos de diferentes tamaños que nos dan en
los estudios de fotografía, para que se los demos a cada profesor. Pues bien, esta utilidad también se puede
Photoshop 7.0 Avanzado - 61 -
realizar mediante el menú Archivo>Automatizar>Conjunto de imágenes, que dispone varias copias de una
misma imagen en una página, tal y como se muestra en la siguiente imagen:
Cuando seleccionamos la opción, se abre una ventana, de la cual seleccionaremos las siguientes opciones
para configurar nuestro conjunto de imágenes:
- En Origen: podemos elegir entre Primer documento para hacer el conjunto de imágenes con el archivo
que esté abierto en ese momento; Archivo para seleccionar uno guardado en disco o Carpeta para
explorar una carpeta que contenga archivos de imagen.
Podemos colocar una etiqueta en el documento con el nombre del archivo o un texto personalizado, e incluso
elegir en qué posición de la imagen colocarlo.
Por ejemplo, en un periódico suelen recortar las imágenes resaltando la parte más importante, la que llama la
atención, eliminando elementos accesorios. En el caso de una imagen en la que todos los elementos que
aparecen fuesen importantes, pero el espacio que ocupa es demasiado grande para encajarlo en una página,
este comando sería útil ya que no recorta zonas de la imagen, la remuestrea para adaptarlo a un tamaño.
Esta opción convierte cada página de un documento PDF en un archivo de Photoshop diferente.
a) En PDF de origen hacemos clic en el botón seleccionar y elegimos el archivo PDF que queremos
convertir en imagen.
d) En Destino especificamos el nombre genérico que van a tener los archivos. Este nombre irá seguido de
un número que corresponde con el número de página del archivo PDF. Por último, mediante el botón de
Seleccionar determinamos la ubicación de los archivos.
Photoshop 7.0 Avanzado - 63 -
De hecho, éste es otro método de organización de imágenes que, además, se hace visible sin la necesidad
de abrir Photoshop. Tan sólo se necesita un navegador de Internet, como se demuestra en la siguiente imagen:
a) Sitio: En Estilos, Photoshop nos presenta una serie de estilos de diseño para la galería. Aquel que elijamos
aparecerá en miniatura a la derecha del cuadro de diálogo. Por su parte, en el campo Correo electrónico
introduciremos la dirección de contacto de la galería. Los archivos que genera Photoshop para realizar la
página Web tendrán como extensión .htm o .html, opción que elegimos en el campo Extensión.
b) Carpetas: Desde esta sección, seleccionamos la carpeta que contiene las imágenes que se van a incluir
en la galería. Si queremos tener en cuenta las subcarpetas debemos activar la opcion Incluir subcarpetas.
También debemos elegir la ubicación de destino de los archivos html que se generan.
c) Opciones: podemos definir opciones en diversos aspectos que se encuentra en el menú emergente. Por
ejemplo, disponemos de opciones para el titular de la galería, las imágenes, elegir colores y opciones de
seguridad.
Mediante Titular se especifica el nombre del sitio, el nombre del fotógrafo, una dirección o teléfono de contacto
y la fecha. En todas las opciones en las que se introduce texto personalizado podemos elegir también el tipo
de letra y el tamaño.
Todas las opciones que se refieren a las imágenes que aparecen en la galería a tamaño grande se encuentran
en el cuadro Imágenes grandes. Desde aquí, podremos determinar si queremos redimensionar la imagen
para restringirla a unas proporciones, la calidad de la imagen resultante, o la elección de bordear y mostrar
información al pie de cada fotografía. En Miniaturas se seleccionan las opciones para la página principal de
la galería. Determinamos el tamaño, la distribución de las miniaturas en filas y columnas, el borde y el texto
que llevarán las imágenes.
En el proceso de realización de una galería Web, Photoshop genera una serie de archivos que guarda en la
ubicación especificada. En ella, se crea un archivo llamado index que se refiere a la página principal de la
galería. Después, guarda en una subcarpeta todas las imágenes en formato JPEG y en otra las mismas
imágenes pero en miniatura. Por último, añadir que también genera una subcarpeta con todas las páginas en
HTML. Si el usuario tiene conocimientos de este lenguaje puede cambiar el diseño de la galería modificando
parámetros en este lenguaje.
RECUERDE
- Una de las mejoras que incorpora Photoshop es la posibilidad de ahorrar tiempo en las tareas repetitivas,
mediante una serie de elementos que automatizarán los procesos de creación.
- Desde la paleta Acciones creamos una serie de comandos que podemos ejecutar sobre los diferentes
archivos que abramos en el programa. En las acciones se pueden incluir controles modales que permiten
añadir valores en un cuadro de diálogo. Esto nos permite tener un mayor control sobre los cambios en la
imagen. También podemos incluir detenciones para realizar las operaciones que no se pueden grabar en una
acción.
- Podemos utilizar las acciones creadas a partir de la paleta Acciones para ejecutarlas sobre archivos a través
del comando Lote que permite ejecutar acciones sobre carpetas de archivos, o los droplets que son
pequeñas aplicaciones que ejecutan las acciones cuando se arrastra un archivo o carpeta de archivos sobre
su icono.
- El comando Galería de fotografías Web nos ayuda a crear rápida y fácilmente una página Web donde
enseñar nuestras fotografías.
- Los comandos Hoja de contactos y Conjunto imágenes permiten crear documentos en los que se incluyan
una serie de imágenes distintas o varias versiones de una misma imagen. Esto nos puede ayudar a organizar
nuestros archivos de imágenes.
Photoshop 7.0 Avanzado - 67 -
5.1. Introducción...............................................................................69
5.2. Trabajar con sectores ...............................................................70
5.2.1. Crear y ver sectores.........................................................71
5.2.2. Seleccionar y modificar sectores .....................................72
5.2.3. Opciones de sector ..........................................................75
5.3. Mapas de imágenes ..................................................................79
5.3.1. Crear y ver mapas de imágenes......................................80
5.3.2. Seleccionar y modificar mapas de imágenes ..................82
5.3.3. Opciones de mapas de imágenes ...................................82
5.3.4. Resultado final del mapa de imágenes............................84
Photoshop 7.0 Avanzado - 69 -
5.1. Introducción
Photoshop e ImageReady proporcionan herramientas para realizar páginas Web que incluyen imágenes,
animaciones y efectos. Las páginas se realizan de forma rápida y sencilla, ya que no hace falta tener
conocimientos de lenguaje HTML o Java.
Con Photoshop trataremos las imágenes que aparecerán en la página, podremos dividirlas en sectores y
guardarlas para la Web. En ImageReady también disponemos de herramientas de tratamiento de imágenes,
además de otras más avanzadas para la creación de animaciones y efectos. Así pues, ImageReady trabaja
sólo con el modo de color RGB y una resolución de 72 ppp, ya que las páginas que creemos únicamente se
verán a través de un navegador, es decir, a través de Internet. De esta manera, siempre que estemos tratando
una imagen para web en Photoshop y queramos seguir con ella, en ImageReady, debemos cambiar el modo
de color a RGB.
Una de las herramientas más relevantes de ImageReady es la optimización, que nos permite reducir el tamaño
de las imágenes para que el tiempo de descarga sea el menor posible. Este aspecto es muy importante en
una página Web, ya que eso evita que el usuario, cansado de esperar, abandone nuestra página.
De todas formas, es conveniente aclarar el proceso de diseño de una página web, ya que así el lector
comprenderá rápidamente la utilidad de cada una de las herramientas que componen Image Ready. Para ello,
elegiremos un ejemplo de una página vista por millones de usuarios, el correo electrónico de Hotmail:
En esta imagen podemos apreciar la parte superior de la página principal del correo de Hotmail, donde
observamos que existen 4 partes bien diferenciadas y accesibles al usuario mediante pestañas.
El diseñador que creó esta página, la ideó así tal cual en Photoshop, es decir, creó la imagen tal y como la
vemos ahora. Utilizando un editor de páginas web como Dreamweaver, no es aconsejable utilizar una imagen
como tal. Para ello, el diseñador tiene que proporcionar al webmaster, pequeñas imágenes que ocupen menos,
para que éste las monte como si fuera un puzzle, mediante las tablas de HTML.
En la página web, hemos seleccionado la parte superior para poder apreciar cómo se ha realizado esta página:
las partes sombreadas en gris corresponden a imágenes, mientras que las partes de color azul son campos
de la tabla creada en HTML. Profundizando en este concepto, añadiremos que el web master ha necesitado
una tabla como la que se muestra a continuación:
La imagen total, se ha cortado mediante sectores de Image Ready creando los trozos que aparecen en la
imagen inferior. El resto de la imagen forma parte de la tabla con un fondo de color azul y letra insertada en el
código HTML. De esta manera, la página no ocupa tanto tamaño y no tardará tanto tiempo en cargarse.
Ahora que ya hemos comprendido el proceso de creación de una página web, desde el punto de vista del
diseño, explicaremos con mayor detalle las distintas herramientas con las que podemos trabajar en
ImageReady.
Cuando guardamos una imagen como página web, los sectores se guardan como archivos independientes con
sus propios ajustes, paletas de colores, enlaces y efectos. Son útiles también para aislar zonas de la imagen
que tengan efectos. Por ejemplo: si un área de la zona tiene una animación, podemos optimizarla en formato
GIF y el resto de la imagen en JPEG.
- Sectores automáticos, que se generan para las áreas de la imagen en las que no hemos definido
sectores de usuario ni basados en capa.
- Subsectores, son un tipo de sector automático que se genera cuando se superponen sectores.
Siempre que se mueve un sector de usuario o un sector basado en capa, los sectores automáticos y los
subsectores se regeneran automáticamente.
Para diferenciarlos en la imagen, debemos tener en cuenta que los sectores de usuario y los basados en capa
están definidos por una línea continua y los otros con una línea discontinua. Además, cada sector está
numerado y contiene un símbolo que nos ofrece información.
Sector imagen
Sector enlazado
Los sectores de usuario y los basados en capas tienen símbolos azules, y los automáticos grises. Se numeran
automáticamente de izquierda a derecha y de arriba abajo. Por otra parte, podemos cambiar el color de las
líneas y seleccionar si queremos ver o no los números de sector en el menú Preferencias-Sectores.
1. Normal: para determinar el tamaño del sector arrastrando con el ratón en la imagen.
3. Tamaño fijo: para especificar una altura y anchura del sector en píxeles.
Para crear sectores basados en guías o selecciones, en el menú Sectores elegimos una de las dos opciones.
De esta manera, creamos sectores más exactos.
b) Crear sectores basados en capa: incluyen todos los píxeles de esa capa. Cuando movemos una capa o
la modificamos, el sector se ajusta automáticamente a la nueva área de la capa.
Para crear este tipo de sectores debemos tener seleccionada una capa de la paleta Capas y, a continuación,
elegimos la opción Nuevo sector basado en capa del menú Capa.
c) Convertir sectores automáticos y basados en capa en sectores de usuario: los sectores de usuario se
pueden mover, dividir, redimensionar, eliminar, organizar, etc. En cambio, los automáticos y los basados en
capas no. Están enlazados entre sí y los basados en capas están ligados a los píxeles de la capa. Pero
estos sectores se pueden convertir en sectores de usuario para poder realizar todas estas operaciones.
Para ello, seleccionamos el sector que queremos convertir y hacemos clic en la opción Ascender a sector
de usuario en la barra de opciones o en el menú Sectores.
Como ya hemos mencionado anteriormente, los sectores se pueden dividir, mover, duplicar, combinar, etc.,
aunque los sectores automáticos y los basados en capas no, siempre podemos convertirlos en sectores de
usuario.
Para seleccionar los sectores debemos usar la herramienta Seleccionar sector haciendo clic sobre el
sector. Si queremos seleccionar varios sectores a la vez, mantendremos pulsada la tecla Mayus. Estas
selecciones pueden ser guardadas y después cargadas para poder acceder a ellas de manera más rápida,
igual que hacíamos en Photoshop. En el menú Sectores tenemos las opciones de Guardar selección, Cargar
selección y Eliminar selección.
a) Mover y redimensionar sectores de usuario: seleccionando el sector y arrastrando sobre la imagen los
cambiamos de posición y, situándonos en las esquinas o en los manejadores, arrastrándolos, los
redimensionamos. Así pues, se modificará el sector que tenemos seleccionado y aquellos sectores que
están a su lado.
Photoshop 7.0 Avanzado - 73 -
Desde esta ventana, podemos elegir entre dividir horizontalmente, verticalmente o ambas. Y además nos
permite seleccionar entre dividir el sector en varios sectores uniformes o según el número de píxeles. Si un
sector con 50 píxeles, es dividido en 20 píxeles por sector, el último sector sólo tendrá 10 píxeles.
c) Duplicar sectores: los sectores duplicados serán siempre sectores de usuario independientemente de si el
original era un sector automático o uno de capas. Para duplicar un sector, lo seleccionamos y elegimos la
opción Duplicar sector del menú Sectores. El nuevo sector aparecerá en la imagen y lo podremos mover,
redimensionar, etc. El sector duplicado tendrá las mismas dimensiones y ajustes de optimización que el
original.
d) Copiar y pegar sectores: podemos pegarlos en la misma imagen o en otra distinta. Seleccionamos el
sector, después, en el menú Sectores seleccionamos la opción Copiar y en esa misma imagen o en otra
que tengamos abierta, seleccionamos la opción Pegar del mismo menú.
e) Combinar sectores: podemos combinar sectores de manera que varios se conviertan en uno solo. El
sector resultante será uno que englobe a todos los sectores seleccionados. Los ajustes de optimización del
sector resultante serán los mismos que los de aquel que seleccionamos en primer lugar, y será siempre un
sector de usuario, independientemente de si los sectores que seleccionamos eran basados en capas o
automáticos. La opción Combinar sectores se encuentra en el menú Sectores.
Photoshop 7.0 Avanzado - 74 -
f) Ordenar sectores: cuando los sectores se superponen, el que está encima de todos es el último que hemos
creado. Para cambiar el orden de apilamiento y poder acceder a los que están debajo, seleccionamos un
sector y en la barra de opciones elegimos una opción: Traer al frente, Hacia delante, Hacia atrás, Enviar
detrás.
Estas opciones también se encuentran en el menú Sectores-Organizar. Otra manera de ordenar los sectores
es seleccionándolos en la paleta Rollover, donde aparecen todos los sectores, y moverlos arriba y abajo
cambiando el orden, tal y como se hacía en la paleta Capas.
g) Alinear y distribuir sectores: podemos alinear los sectores con la parte superior, la inferior, etc. o
distribuirlos equitativamente vertical u horizontalmente. Esto permite eliminar sectores automáticos
innecesarios y así el archivo será más pequeño.
Para alinear un sector, lo seleccionamos y elegimos una opción de la barra de opciones o del menú Sectores-
Alinear o Sectores-Distribuir.
Alinear Distribuir
h) Eliminar sectores: cuando se eliminan sectores se reorganizan los sectores automáticos para rellenar los
huecos. Cuando eliminamos un sector basado en capa no se elimina la capa, pero si eliminamos ésta sí
desaparece el sector basado en esa capa. Para eliminar un sector lo seleccionamos y pulsamos la tecla
Supr o Retroceso, o bien en el menú Sectores elegimos le opción Eliminar sectores. Podemos borrar todos
los sectores de usuario y los basados en capa en el menú Sectores-Eliminar todos.
Photoshop 7.0 Avanzado - 75 -
i) Enlazar sectores: al enlazar sectores forman un grupo que comparten los mismos ajustes de optimización.
Los sectores automáticos por defecto están enlazados entre sí y forman un grupo. Para enlazar sectores
seleccionamos dos o más sectores, (recuerda que para seleccionar varios sectores debemos mantener
pulsada la tecla Mayus.). A continuación, elegimos del menú Sectores, la opción Enlazar sectores. A cada
grupo enlazado se le asigna un color para visualizarlos claramente en la imagen.
Para desenlazarlos tenemos varias opciones en el mismo menú, Desenlazar sectores para desenlazar un
solo sector del resto del grupo y desenlazar grupo para desenlazar los sectores de usuario de un grupo, o
Desenlazar todos para desenlazar todos los sectores de usuario de la imagen. No se pueden desenlazar los
sectores automáticos.
a) Tipo: las opciones de la paleta sector varían dependiendo del tipo de contenido
del sector, si contiene imagen o no.
Los sectores Imagen contienen datos de imagen y efectos de rollover, y los sectores Sin imagen contienen un
color uniforme o texto HTML. Los sectores Sin imagen se descargan con mayor rapidez que los sectores
Imagen. Photoshop e ImageReady presentan un inconveniente: no permiten la visualización de los sectores
Sin imagen, sólo podemos visualizarlos en un navegador.
b) Nombre: por defecto, Image Ready los nombra con el nombre del documento, junto con el número de orden
del sector. Los sectores de capa se nombran con el nombre de la capa y el número del sector. A veces, es
conveniente cambiar el nombre del sector para ayudarnos a trabajar con ellos. Para ello, basta hacer clic
en el campo de Nombre y escribir uno nuevo.
No obstante, podemos elegir entre varias opciones de color. Si queremos otro color
más personalizado, la opción Otro nos lleva al Selector de color.
El sector nº5 es un
sector Sin imagen.
En la opción Fondo
hemos elegido un
color.
Resultado visulizado
en un navegador
Photoshop 7.0 Avanzado - 77 -
d) URL: esta opción solo se encuentra en los sectores Imagen. Si introducimos en este campo una dirección
URL, cuando un usuario visualice la página en un navegador Web esa zona se convierte en interactiva, de
manera que si hace clic sobre ella, le conducirá a la dirección que le hemos indicado.
e) Destino: se refiere a la forma de visualizar la página enlazada cuya dirección hemos introducido en el
campo URL. Podemos visualizarla en una nueva ventana del navegador (_blank), en la misma ventana que
en la que estábamos (_self), en su propio marco original (_parent) o incluso eliminar todos los marcos
(_top).
f) Dimensiones: al expandir la paleta Sector, haciendo clic en el símbolo Mostrar opciones , en la parte inferior
podremos modificar y mover los sectores mediante coordenadas numéricas. Los valores X, Y se refieren a
la posición del sector en el eje X y en el eje Y. Los valores An, Al se refieren a la anchura y altura del sector
respectivamente. Si lo que tenemos seleccionado es un sector basado en capa, estos valores son I, S, D,
B, que se refieren a la distancia en píxeles entre los bordes de la capa y los bordes del sector. I se refiere a
los bordes izquierdos, S a los superiores, D a los derechos y B a los inferiores.
h) Texto: cuando tenemos seleccionado un sector Sin Imagen, en la paleta Sector aparece un área en la que
podemos introducir texto HTML que aparecerá luego en el sector cuando lo visualicemos en un navegador.
El texto no puede ser demasiado largo, porque se extenderá hacia sectores colindantes. Podemos
determinar la alineación del texto en los campos Alineación de la celda.
Photoshop 7.0 Avanzado - 79 -
Un ejemplo típico de los mapas de imágenes que estamos muy acostumbrados a utilizar mientras navegamos,
es el que se muestra en la imagen siguiente. Supongamos que queremos hacer un viaje a Perú y necesitamos
hotel en Lima. Así pues, en la página de Meliá Hoteles se nos muestra una búsqueda geográfica, que mediante
la visualización de un mapa del mundo, iremos seleccionando las zonas correspondientes hasta llegar a Perú.
Esta operación se realiza de manera muy cómoda para el usuario, ya que con tan solo 2 clics de ratón hemos
encontrado un hotel.
Photoshop 7.0 Avanzado - 80 -
En el mapa del mundo de la primera página web, al pasar el ratón por cada una de las zonas sensibles, nos
daremos cuenta de que al hacer clic en cada una de ellas, se nos cargan páginas diferentes, es decir, al
diseñar la imagen debemos definir cada una de las zonas sensibles, que hará posteriormente de vínculo.
Por último, debemos añadir que la operación de crear mapas de imágenes en Image Ready da como resultado
un trozo de código HTML, que insertaremos en el mismo código de la página web que contendrá dicho mapa.
Existen dos tipos de mapas de imágenes: los que se crean mediante las herramientas de mapas de
imágenes, y los basados en una capa. Veremos primero la creación de mapas de imágenes que se crean con
herramienta.
Con las herramientas mapas de imágenes rectangular y circular sólo tenemos que hacer clic sobre la
imagen, y manteniendo pulsado el botón del ratón, arrastraremos por el área de imagen que queremos incluir.
En la barra de opciones podemos especificar un tamaño fijo en píxeles.
Con la herramienta mapa de imágenes poligonal hacemos clic sobre la imagen para determinar el primer
punto del polígono y, a continuación, seguimos haciendo clic para ir fijando los puntos siguientes. Para cerrarlo
basta con hacer doble clic o colocar el puntero sobre el punto inicial y hacer clic.
En el mapa de América
hemos creado los mapas de
imágenes que corresponden
a los países.
Photoshop 7.0 Avanzado - 81 -
b) Los mapas de imágenes basados en capa se crean a partir de una capa, por lo que los píxeles de la capa
determinan el área de mapa de imágenes. Si modificamos la capa, el mapa de imágenes se modifica
incluyendo los nuevos píxeles.
Para crear un mapa de imágenes basado en capa, debemos tener seleccionada una capa y a continuación
seleccionar la opción Nueva área de mapa de imágenes creada a partir de capas que se encuentra en el
menú Capas.
El inconveniente de los mapas de imágenes basados en capa es que, al estar ligados a los píxeles de la capa,
no se pueden mover, redimensionar o alinear. Sólo podría hacerse si lo convertimos en un mapa de imágenes
basado en herramienta. Para ello, tenemos que seleccionar el mapa de imágenes y elegir del menú de la
paleta Mapas la opción Ascender área de mapa de imágenes basada en una capa.
Si no los vemos bien en la imagen, porque las líneas no contrastan con los colores de la imagen, podemos
cambiar el color en el cuadro de diálogo Preferencias-Mapas de imágenes. En él determinamos, por ejemplo,
el color de las líneas, o bien si queremos ver el cuadro delimitador del mapa, entre otras opciones.
Ya hemos visto que los mapas de imágenes se seleccionan con la herramienta Seleccionar mapas de
imágenes. Y las modificaciones que podemos hacer en los mapas son las mismas y se hacen de la misma
manera que las que hacíamos con los sectores, es decir, mover, redimensionar, duplicar, alinear, distribuir, etc.
Estas opciones se encuentran en el menú de la paleta Mapas y en la barra de opciones, en la parte superior
de la ventana de Photoshop.
Para ver la paleta Mapas seleccionamos Ventana-Mapa de imágenes, o bien hacemos clic en el botón
de la paleta que esté en la barra de opciones.
Las opciones disponibles para el mapa de imágenes basado en herramientas son las siguientes:
Dimensiones: introduciendo valores en los campos X, Y cambiamos la posición del mapa. Mientras que los
valores An, Al redimensionan el mapa de manera más exacta que haciéndolo con los manejadores. Si
tenemos seleccionado un mapa de imágenes circular, el campo que aparece no es el de Altura y Anchura sino
R, para modificar el radio de la circunferencia.
En cambio, si tenemos seleccionado un mapa de imágenes basado en capa las opciones son otras:
Forma: nos permite elegir la forma del mapa de imagen respecto a la capa, que puede ser Rectángulo,
Círculo o Polígono. Las áreas resultantes de elegir Rectángulo o Círculo son áreas amplias que engloban
todos los píxeles de la capa. La opción Polígono se adapta más a la forma de la capa, adaptación que
podemos controlar con el regulador Calidad. Éste determina el número de segmentos del polígono. Mientras
más segmentos tenga éste, más se adaptará.
Las opciones comunes a los dos tipos de mapas de imágenes, que al ser los mismos que los explicados en el
apartado de sectores los explicaremos brevemente. Son los siguientes:
Alt: el texto que introduzcamos aquí aparecerá en el área del mapa de imágenes cuando el puntero se sitúe
sobre él en el navegador.
Como hemos mencionado anteriormente, el resultado de crear un mapa de imágenes es un código HTML, que
debemos insertar en el código HTML de la página que contendrá dicho mapa.
Así pues, siguiendo con nuestro ejemplo del mapa de hoteles, el resultado que hemos obtenido es el siguiente:
<HTML>
<HEAD>
<TITLE>mapaamerica</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
</HEAD>
<BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
<!-- ImageReady Slices (mapaamerica.gif) -->
<IMG SRC="images/mapaamerica.gif" WIDTH=314 HEIGHT=310 BORDER=0 ALT=""
USEMAP="#mapaamerica_Map">
<MAP NAME="mapaamerica_Map">
<AREA SHAPE="poly" ALT="Busque hotel en Uruguay" COORDS="153,210, 152,197,
156,195, 169,209, 164,214" HREF="http://www.solmelia.com/reservas/uruguay"
TARGET="_self">
<AREA SHAPE="poly" ALT="Busque hotel en Brasil" COORDS="182,48, 190,61, 194,66,
240,85, 254,101, 235,125, 226,155, 199,168, 188,180, 172,207, 158,192, 171,177,
165,160, 153,155, 156,144, 152,132, 145,131, 145,122, 125,113, 123,107, 108,112,
92,103, 92,93, 104,82, 107,66, 111,58, 122,69, 145,49, 152,59"
HREF="http://www.solmelia.com/reservas/brasil"
TARGET="_self">
<AREA SHAPE="poly" ALT="Busque hotel en Venezuela" COORDS="144,45, 139,33,
146,27, 131,18, 118,20, 108,19, 100,15, 95,26, 95,35, 117,35, 116,57, 121,63,
132,55, 124,47" HREF="http://www.solmelia.com/reservas/venezuela"
TARGET="_self">
<AREA SHAPE="poly" ALT="busque hotel en Colombia" COORDS="63,60, 71,52, 68,35,
96,12, 90,25, 93,37, 114,39, 113,58, 103,57, 103,67, 105,82, 101,74, 82,65"
HREF="http://www.solmelia.com/reservas/colombia" TARGET="_self">
<AREA SHAPE="poly" ALT="busque hotel en Perú" COORDS="98,75, 103,75, 100,84,
Photoshop 7.0 Avanzado - 85 -
Éste es el código resultante de la creación de los mapas de imágenes para cada país. Vamos a explicar uno
de ellos, ya que los demás son iguales.
Ésta es la forma en que representa el código HTML los datos que hemos introducido en la paleta Mapas de
imágenes.
Photoshop 7.0 Avanzado - 86 -
RECUERDE
- Con ImageReady podemos diseñar páginas Web con efectos, animaciones y enlaces de una manera
sencilla sin conocer los lenguajes HTML o JavaScript.
- Los sectores y mapas de imágenes permiten dividir la imagen en zonas sensibles que permiten aplicar
efectos de rollover y enlazar direcciones URL. También son útiles para la optimización de la imagen por
zonas.
- Todas las opciones que determinemos para los sectores, mapas de imágenes, generan códigos HTML.
Photoshop 7.0 Avanzado - 87 -
6.1. ROLLOVERS
Los Rollovers son efectos que se producen en determinadas áreas de la imagen cuando las vemos en un
navegador y situamos el puntero o hacemos clic sobre ellas. Por ejemplo: un botón que se hunde o que
resplandece cuando hacemos clic en él. Los estados de rollover se basan en las capas, la utilización de la
paleta Capas es fundamental en la creación de estados de rollover, ya que los cambios que hagamos en las
capas en los distintos estados de rollover serán los efectos que se verán en el navegador.
Con versiones anteriores a Photoshop 6, cuando se diseñaba un botón teníamos que crear los diferentes
estados que lo componían, es decir, cuando estaba estático, cuando nos colocáramos sobre él, o bien cuando
lo pulsárbamos, y recortar estos botones uno a uno, para su posterior publicación en web.
ImageReady nos permite crear un botón con sus diferentes estados, y con soólo guardandor el archivo que
los contiene, automáticamente nos guardará por separado, los distintos archivos que generan los estados del
botón, asegurándonos que cada vez que insertemos el botón en una página, irá acompañado
automáticamente por las diferentes posiciones que hemos creado.
Se recomienda utilizar sectores o mapa de imágenes basados en capa, porque las dimensiones de la capa
pueden variar cuando creamos un estado de rollover, y los sectores y mapas de imágenes basados en capa
se ajustan automáticamente para incluir los nuevos píxeles.
En ImageReady, se puede crear rápidamente un sector basado en capa para un rollover, basta con tener
seleccionada la capa en la paleta Capas y, a continuación, hacer clic en el botón Crear rollover a partir de
las capas, que se encuentra en la paleta Rollover.
Iremos explicando cómo crear un estado de rollover paso por paso con un ejemplo. Para ello, lo primero es
crear el botón.,
Paso 1.
Debemos seleccionar el sector o mapa de imágenes al que queremos añadir un estado de rollover. Lo
podemos seleccionar en la imagen o en la paleta Rollover. Recordemos que si en la paleta no aparecen
sectores o mapas debemos activar las casillas correspondientes en Opciones de paleta.
Paso 2.
Ahora añadiremos un estado de rollover al sector
seleccionado. Podemos hacerlo de dos maneras: desde la
paleta Rollover haciendo clic en el botón Crear estado de
rollover , o desde el menú de la paleta seleccionando
Nuevo estado de rollover.
Photoshop 7.0 Avanzado - 92 -
Paso 3
Ahora teniendo seleccionado el estado y la capa correspondiente soólo tenemos que modificar la capa para
crear el efecto. En nuestro caso, vamos a aplicarle al botón un efecto de resplandor exterior.
En el menú Capa seleccionamos la opción Estilo de capa-Resplandor exterior. La paleta capas nos indicará
queé efecto hemos aplicado a la capa,. y lLa paleta Rollover desaparece y en su lugar se nos muestran los
controles para modificar los valores del efecto de Resplandor exterior.
Photoshop 7.0 Avanzado - 93 -
Podemos aplicar cualquier estilo de capa como efecto de rollover. Con estos sencillos tres pasos hemos
creado un estado de rollover en un botón.
Éste es el resultado, en el navegador, cuando un usuario coloque el puntero del ratón sobre el botón,
aparecerá el efecto de resplandor exterior.
No obstante, podemos seguir añadiendo estados de rollover; por ejemplo, vamos a añadir otro efecto de
rollover y esta vez sobre el texto.
Photoshop 7.0 Avanzado - 94 -
Paso 4.
Seleccionamos el sector y añadimos un nuevo estado tal y como
vimos en el paso 2. El nuevo estado por defecto, ahora es Abajo.
Paso 5.
Seleccionamos el nuevo estado y la capa de texto.
Paso 6.
Por otra parte, crear distintos estados de rollover en una imagen, modificando la capa correspondiente. Implica
Pero hay que tener en cuenta presente que algunos cambios afectan sólo al estado activo y otros afectan a
todos los estados en los que se incluyen las capas.
- Cambios que afectan sólo al estado activo: los cambios que hagamos con los comandos y opciones de
la paleta Capas (visibilidad, opacidad, etc....).
- Cambios que afectan a todos los estados: aquellos que cambien los valores de los píxeles de la capa
mediante, por ejemplo, la herramienta Pintura, los comandos de color y tono, filtros o texto.
En ocasiones, hacemos cambios específicos en un estado y luego queremos que éstos aparezcan también en
todos los demás estados. Para no tener que realizar los cambios uno a uno, disponemos de una serie de
botones que nos permiten unificar cambios en la posición de la capa, en su visibilidad o en su estilo.
Photoshop 7.0 Avanzado - 95 -
Esto también afecta a los cuadros de las animaciones que veremos más
adelante.
Una vez creado un efecto de rollover, podemos modificarlo fácilmente en la capa que corresponda al estado
que tengamos activo.
a) Sobre: el efecto se produce cuando el usuario mueve el puntero del ratón sobre el área del sector o
mapa de imágenes mientras el botón del ratón no está pulsado.
b) Abajo: activa el efecto mientras esté pulsado el botón del ratón sobre el sector o mapa de imágenes.
c) Clic: activa el efecto cuando el usuario hace clic sobre el área y se mantiene hasta que se mueve el ratón
fuera del área del sector o mapa de imágenes.
d) Personalizado: para esta opción debemos crear un código JavaScript y añadirlo al archivo Html.
f) Seleccionado: se activa cuando el usuario hace clic en el área del sector o mapa de imágenes y se
mantiene hasta que se activa otro estado de rollover. Si activamos la casilla Usar como estado
seleccionado por defecto, el efecto aparecerá desde el principio, desde que se cargue la imagen en el
navegador.
g) Fuera: el efecto se activa cuando el usuario se mueve fuera del área del sector o mapa de imágenes.
h) Arriba: activa el efecto cuando el usuario suelta el botón del ratón en el área del sector o mapa de
imágenes.
Photoshop 7.0 Avanzado - 96 -
Para ver los efectos de rollover tal y como se verían en el navegador tenemos dos opciones,: verlo en el mismo
documento en ImageReady o abrir un navegador por defecto.
Para verlo en el navegador que tengamos por defecto, basta hacer clic en el botón Previsualizar en el
navegador por defecto en el cuadro de herramientas. Mientras que para visualizar los efectos de
rollover en el mismo documento, hacemos clic en el botón Previsualizar documento en el cuadro de
herramientas, o elegimos del menú Imagen-Previsualizar documento. A continuación, en la ventana de
documento realizamos las acciones que activan los estados de rollover. Para salir del modo de
previsualización seleccionamos cualquier herramienta del cuadro de herramientas o hacemos clic en Cancelar
en la barra de opciones.
6.2. Animaciones
Las animaciones son una serie de imágenes o cuadros que se visualizan en el tiempo. Cada cuadro o imagen
es ligeramente distinto del anterior, con lo que se crea la sensación de movimiento cuando los vemos uno
detrás de otro. Se pueden asociar animaciones a estados de rollover. Si la asociamos al estado Normal, la
animación se iniciará nada más descargarse la imagen en el navegador, si la asociamos a otro estado, la
animación no comenzará hasta que se realiza la acción con el ratón.
Para crear animaciones también necesitamos trabajar con las capas, las animaciones se crearán a partir de
los cambios que realicemos en las capas de la imagen.
Un ejemplo que solemos ver habitualmente cuando navegamos por Internet, son los famosos banner de
publicidad. Éstos pueden estar hechos mediante animaciones en Image Ready, aunque también unotra
aplicación muy utilizada es Flash de Macromedia.
La paleta Animación nos permite crear y ver las animaciones,; para verla seleccionamos Ventana-Animación.
Photoshop 7.0 Avanzado - 97 -
Podemos visualizar los cuadros de la animación. ImageReady permite tantos cuadros como permita la
memoria del sistema. Los cuadros seleccionados tienen un marco azul y el cuadro activo un borde blanco. El
que vemos en la imagen está seleccionado y activo. Podemos cambiar el tamaño de las miniaturas para ver
mejor cada cuadro, para ello lo que seleccionaremos Opciones de paleta del menú de la paleta.
Vamos a crear una animación muy sencilla, paso a paso, para explicar la creación de animaciones. Nuestra
animación consistirá en una pelota que botará en la imagen.
Paso 1.
En un archivo nuevo, rellenamos un círculo de un color en una nueva capa distinta del fondo. Este círculo será
nuestra pelota. Si nos fijamos en la paleta Animación, veremos que nos muestra un cuadro de la animación
y que este cuadro es exactamente igual a nuestra imagen. Cada cuadro que añadimos para hacer la
animación se crea como un duplicado del anterior.
Teniendo el archivo abierto y visualizando la paleta Animación, vamos a crear el siguiente cuadro de la
animación. Para ello, hacemos clic en el botón de la paleta Duplica cuadro actual o elegimos la opción
Cuadro nuevo en el menú de la paleta.
Photoshop 7.0 Avanzado - 98 -
Paso 2.
Ahora en la paleta Capas seleccionamos la que
corresponde a la pelota. Asegurémonos de que el cuadro
activo es el número 2. Movemos la capa hasta una nueva
posición, arriba, en diagonal con la posición anterior.
Paso 3.
Continuamos con la animación añadiendo cuadros y cambiando la posición de la capa en cada uno hasta que
la pelota llegue hasta el final de la imagen. El recorrido de la pelota será en zigzag para que parezca que está
botando sobre la palabra animación.. El resultado de la animación sería este:
Photoshop 7.0 Avanzado - 99 -
Hemos creado una animación sencilla,. eEste esquema de creación es el que se sigue para cualquiera,
aunque ésta sea más complicada. Soólo tenemos que tener en cuenta qué cuadro de la animación está activo
y en queé capa estamos trabajando. Podemos jugar también con la visibilidad de las capas, por ejemplo,: si
en la animación que hemos creado, queremos que en los cuadros pares la pelota cambie de color,. Bbasta
con duplicar la capa de la pelota en los cuadros pares, cambiarle el color y hacer que cada capa duplicada se
vea en su cuadro correspondiente y esté oculta en los demás.
Una vez creada una animación, siempre se puede modificar;, soólo hay que seleccionar un cuadro y modificar
la capa. ImageReady nos permite más modificaciones que son las siguientes: vemos a continuación.
Seleccionamos dos cuadros continuos y hacemos clic en el boton Intercalar de la paleta o en el menú
de la paleta. Se nos mostrará el siguiente cuadro de diálogo:
d) Retardo de los cuadros: el retardo de los cuadros se refiere al tiempo que está
en pantalla cada cuadro. Es una manera de ralentizar la animación. Para
especificar el retardo hay que hacer clic en el valor Retardo debajo de cada
cuadro y del menú emergente seleccionar un valor.
e) Añadir capas a los cuadros: esta opción ahorra tiempo en la creación de animaciones, ya que crea una
capa con cada cuadro que añadimos a la animación, capa que está visible en ese cuadro y oculto en los
demás. Para ello, debemos elegir la opción Crear una capa para cada cuadro en el menú de la paleta.
Cuando visualizamos una animación vemos los cuadros sucesivamente y se crea la ilusión de movimiento.
Para ver la animación en la ventana del documento, tan solo hay que hacer clic en el botón Reproducir de
la paleta Animación, y se repetirá tantas veces como hayamos especificado en las opciones de repetición.
Para detener la animación, hacemos clic en el botón Detener .
La animación también puede visualizarse en un navegador Web haciendo clic en el botón del cuadro de
herramientas.
Las animaciones se optimizan igual que las imágenes no animadas. El formato siempre debe ser GIF, ya que
es el único que permite la visualización de animaciones en Internet. Se pueden guardar con otros formatos,
pero en la página Web soólo se verá un cuadro estático de la animación.
Photoshop 7.0 Avanzado - 101 -
La opción Rectángulo delimitador recorta cada cuadro en el área que ha cambiado con respecto al anterior;
esto reduce considerablemente el tamaño del archivo. Eliminación de píxeles redundantes hace
transparentes los píxeles que no han cambiado con respecto al cuadro anterior,. Ppara que esta opción
funcione debemos tener seleccionada la opción Transparencia de la paleta Optimizar. Una vez aceptadas
estas opciones, podremos realizar los ajustes en la paleta Optimizar.
a) Abrir GIF animados: Sseleccionamos Archivo-Abrir y elegimos el archivo GIF. Éste se abre como una pila
de capas y cada una corresponde a un cuadro., eEn cada uno de esos cuadros, la capa relacionada con
ese su cuadro estaá visible en éste y oculta en los demás.
b) Abrir archivos de Photoshop como animaciones: podemos abrir un archivo de Photoshop en el que cada
capa del archivo original se convierte en un cuadro en ImageReady. Las capas se colocan en la paleta
Animación como cuadros en su orden de pila, es decir, la capa de fondo es el primer cuadro. Para ello,
abrimos el archivo de Photoshop y seleccionamos la opción Crear cuadros a partir de capas en el menú
de la paleta.
También nos permite ImageReady, importar carpetas de archivos como cuadros, es decir, cada archivo de
la carpeta aparecerá en la paleta Animación como un cuadro y en la paleta Capas como una capa.
Debemos determinar primero los archivos de la carpeta que vamos a importar, estos archivoslos cuales
deberían tener las mismas dimensiones en píxeles, ya que así la visualización de la animación se verá
mejor. A continuación, seleccionamos la opción Abrir-Importar-Carpeta como cuadros y seleccionamos
la carpeta que queremos importar. El resultado de la animación sería como la proyección de diapositivas.
ImageReady nos permite ver imágenes optimizadas directamente en la ventana del documento. Podemos ver
hasta cuatro versiones de una misma imagen. Solamente,o tenemos que hacer clic en las pestañas de la parte
superior de la ventana del documento.
Dependiendo del tipo de imagen que vayamos a optimizar es más conveniente un formato u otro. A
continuación, veremos los distintos formatos en los que se puede guardar una imagen para Web y sus
características.
Este formato admite el color de 24 bits y mantiene loas pequeñas variaciones de tono y brillo que se
encuentran en las imágenes de tono continuo. Comprime el archivo descartando datos de forma selectiva, por
lo que se produce una pérdida en la calidad de la imagen.
Por otra parte, debemos señalar que Se puedepodemos crear un archivo JPEG progresivo,. eEsto quiere decir
que cuando se descargue la imagen en un navegador, primero se descargará una versión de baja resolución
de la imagen mientras se descarga la imagen completa. El formato JPEG no admite transparencia, y en una
imagen con píxeles transparentes éstos se rellenan con un color que especificamos en la paleta Optimizar.
En definitiva, Por estaslas características de este formato, este formato es el son las adecuadaso para las
fotografías de tono contíinuo.
El formato GIF utiliza el color de 8 bits y comprime la imagen sin pérdida, pero si optimizamos una imagen de
24 bits en este formato es inevitable que tengamos pérdidas en la información de color. Comprime con eficacia
áreas uniformes de color, por lo que es aconsejable para imágenes sencillas con textos, logos, etc. Permite
transparencia de fondo y podemos reducir el número de colores.
Photoshop 7.0 Avanzado - 104 -
Al igual que el formato GIF utiliza el color de 8 bits y comprime eficazmente áreas uniformes de color, los
archivos PNG-8 realizan una mayor compresión de las imágenes, por lo que el archivo resultante siempre es
más pequeño que el resultante con el formato GIF. El inconveniente de este formato es que no todos los
navegadores lo admiten.
Este formato admite el color de 24 bits y, al igual que el formato JPEG, es apropiado para la compresión de
fotografías de tono continuo, ya que preserva las variaciones de brillo y tono. Pero produce archivos mucho
más grandes que los comprimidos con el formato JPEG. Admite transparencia en 256 niveles.
Este formato se utiliza para optimizar imágenes para dispositivos inalámbricos como los teléfonos móviles.
Admite color de 1 bit, lo que quiere decir que las imágenes optimizadas en este formato contendrán sólo dos
colores: blanco y negro.
Cada uno de estos formatos que hemos explicado, tienen distintas opciones de optimización. que a
continuación expondremos.
Para aplicar unos ajustes de optimización, debemos tener una vista seleccionada. Si nuestra imagen contiene
sectores, seleccionamos aquellos a los que queremos aplicarles los ajustes de optimización.
Formatos
Para optimizar una imagen podemos elegir un ajuste con nombre (predefinido) o modificar los ajustes
personalizando la optimización.
Otra posibilidad es la optimización según el tamaño del archivo, es decir, seleccionamos el tamaño que
queremos que tenga nuestro archivo al final y los cambios en la optimización se realizan automáticamente para
obtener como resultado un archivo de ese tamaño que hemos especificado. Esta opción se encuentra en el
menú de la paleta Optimizar-Optimizar a tamaño de archivo.
En el cuadro de diálogo, introducimos un valor para el tamaño que deseamos que tenga el archivo.
Determinaremos si los cambios automáticos que realiza ImageReady los hace teniendo en cuenta los ajustes
actuales o eligiendo un formato GIF o JPEG, según convenga a las características de la imagen.
A continuación, iremos explicando las distintas opciones de optimización que nos ofrece ImageReady para
cada tipo de formato.
- Tramado: el tramado se refiere a la forma de representar los colores que no están disponibles. A las
imágenes con colores uniformes no hace falta aplicarles tramado, pero a las de tono continuo es necesario
para que no se generen bandas de color.
Difusión: aplica un motivo al azar,. sSi seleccionamos este algoritmo, debemos determinar un porcentaje
de tramado. Un mayor porcentaje da la sensación de más colores y detalles en la imagen, pero también
aumenta el tamaño del archivo y puede provocar grietas entre sectores si no están enlazados.
Motivo: aplica un motivo cuadrado para representar los colores que no se encuentran en la tabla de
colores.
Ruido: aplica un motivo al azar, pero no lo difumina entre los píxeles adyacentes.
Ampliando una parte de la imagen podemos apreciar los distintos tipos de tramado.
Tramado de difusión
Photoshop 7.0 Avanzado - 107 -
Tramado de motivo
Tramado de ruido
- Tramado de transparencia: Ccuando la opción Transparencia está activada, podemos elegir un tramado
de transparencia. Éstos son:
Son iguales que los algoritmos que veíamos para el tramado de los
colores. Podemos especificar también una cantidad de tramado.
- Ajuste a Web: especificamos un nivel de tolerancia para cambiar los colores por los equivalentes más
cercanos de la paleta Web.
- Usar tabla de colores unificada: si activamos esta opción, se utilizará la misma tabla de colores para todos
los estados de rollover.
- Progresivo: cumple la misma función que Entrelazado en los ajustes para los formatos GIF y PNG-8. Los
archivos JPEG progresivos necesitan más memoria RAM para visualizarlos y algunos navegadores no los
admiten.
- Desenfocar: aplica un efecto igual que el filtro Desenfoque gaussiano y permite una mayor compresión del
archivo.
- Perfil ICC: esta opción mantiene el perfil ICC con el archivo y es útil, ya que algunos navegadores utilizan
los perfiles para corregir el color.
- Mate: el formato JPEG no admite transparencia, por lo que si nuestra imagen original tiene píxeles
transparentes debemos elegir un color de mate para rellenar esos píxeles.
- Mantener metadatos EXIF: activamos esta opción para mantener los metadatos de una cámara digital.
Photoshop 7.0 Avanzado - 109 -
Los ajustes que apliquemos en una imagen podemos guardarlos y aplicarlos a otras imágenes, cuando
guardamos los ajustes,. dDe esta manera, el proceso de ajustes de imágenes se hará tan solo mediante un
clic de ratón. Estos ajustes guardados, aparecen en el menú emergente Ajustes, junto con los ajustes
predefinidos. Para guardar los ajustes elegimos la opción Guardar ajustes en el menú de la paleta, le
asignamos un nombre y aceptamos. Debemos guardar los ajustes en la carpeta Ajustes dentro de la carpeta
Ajustes preestablecidos. En cambio, si los guardamos en otra ubicación, no podremos acceder a ellos desde
el menú emergente Ajustes.
Desde el menú de la paleta podemos eliminar ajustes, pero una vez eliminados no se pueden recuperar.
La optimización ponderada permite modificar los ajustes de optimización mediante máscaras de texto, de
forma o canales alfa. Con estas máscaras aislamos un área de la imagen, cuya perdida de calidad queremos
que sea menor, de esta manera forma que aumentamos la calidad en zonas importantes de la imagen y en el
resto se mantienen los ajustes.
Photoshop 7.0 Avanzado - 110 -
En las máscaras, las áreas blancas ofrecen la mayor calidad y las áreas negras la menor calidad. Por otra
parte, Ppodemos utilizar la Optimización ponderada en aquellos ajustes que tengan este símbolo al lado.
Por ejemplo: para la calidad de compresión en el formato JPEG, o para el ajuste Pérdida del formato GIF o los
tramados.
Antes de aplicar la optimización ponderada, hemos de crear las máscaras y en la paleta Optimizar hacer clic
en el botón de optimización ponderada. Seguidamente, en el cuadro de diálogo que aparece determinaremos
la calidad del área con máscara. Este es el cuadro de diálogo para la optimización ponderada para en la
imagen de los plátanos.
En la parte superior del cuadro especificamos queé tipo de máscara vamos a utilizar, si de texto, de forma, o
un canal alfa. En la parte inferior, establecemos el nivel de calidad máximo y el nivel de calidad mínimo.
Optimizar colores se refiere a reducir el número de colores de la imagen, esto es un factor clave en la
optimización de imágenes en formato GIF y PNG-8. Con una reducción controlada de colores se puede
conservar la calidad de la imagen y reducir considerablemente el tamaño del archivo.
Para controlar los colores de las imágenes contamos con la Tabla de colores, desde la cual se pueden añadir,
eliminar, cambiar o bloquear colores. Para visualizar la Tabla de colores en ImageReady, seleccionamos Tabla
de colores en el menú Ventana.
Desde la Tabla de
colores podemos ver los
colores de la imagen
completa o de un sector
seleccionado.
Photoshop 7.0 Avanzado - 111 -
- Web: utiliza una tabla de colores estándar de 216 colores. Los colores de la tabla que no están en la imagen
son eliminados.
- Personalizada: preserva la paleta actual como una fija que no actualiza los colores cuando realizamos
cambios en la imagen.
- Mac OS y Windows: crea una tabla por defecto de 8 bits, es decir, 256 colores, del sistema Mac OS o
Windows. Esta tabla se basa en una muestra uniforme de colores RGB. Los colores de la tabla que no están
en la imagen son eliminados.
Al utilizar alguno de estos algoritmos de reducción de color se generan tablas que luego podemos personalizar
añadiendo o eliminando colores.
Puede que al crear una tabla de colores, algunos colores representativos se quedaran fuera, y podemos
añadirlos luego. Para ello, seleccionamos un color de la imagen con la herramienta Cuentagotas o un color
de la paleta Color o de la paleta Muestras y, a continuación, hacemos clic en el botón Color nuevo de la
Tabla de colores.
El nuevo color aparece en la tabla de colores con un cuadrado blanco en la esquina inferior derecha, eso
quiere decirlo cual significa que está bloqueado.
Para eliminar colores, solo tenemos que seleccionarlo en la imagen optimizada con el cuentagotas o en la
misma tabla de colores y hacer clic en el botón Papelera.
Photoshop 7.0 Avanzado - 112 -
Para evitar que se eliminen colores que no queremos en la reducción de color, y evitar que se tramen en la
aplicación, podemos bloquearlos haciendo clic en el botón Bloquear. Para desbloquearlo volvemos a
hacer clic en él. El Color bloqueado tendrá un pequeño cuadrado blanco en la esquina inferior derecha.
ImageReady nos permite cambiar un color por otro en la tabla de colores y, por tanto, en la imagen optimizada.
Basta con seleccionar un color de la tabla de colores, hacer doble clic sobre él para acceder al Selector de
color y seleccionar un nuevo color. El nuevo color aparecerá en la tabla de colores compartiendo espacio con
el anterior, y en la imagen optimizada se ha sustituido uno por otro.
Es posible cambiar unos colores por otros que sean compatibles con Web, estolo cual garantiza que no se
producirán tramados cuando la imagen se vea en un navegador. Seleccionamos un color y hacemos clic en el
botón Convertir a Web o en el menú de la tabla elegimos la opción Desplazar los colores seleccionados
a la paleta Web, el nuevo color aparecerá en la tabla con un pequeño rombo en el centro, eso que nos indica
que el color es compatible con Web.
Para deshacer el cambio de un color a otro compatible en Web, basta con volver a hacer clic en el botón
Convertir a Web, o si queremos restaurar todos los colores de la paleta convertidos a Web en el menú de la
paleta, encontramos la opción Anular la conversión de todos los colores convertidos a Web.
Es posible añadir transparencia a una imagen desde la Tabla de colores seleccionando un color y haciéndolo
transparente,. eEs una forma rápida y fácil.
Seleccionamos el color que queremos hacer transparente en la tabla de colores y hacemos clic en el botón
Asignar transparencia o seleccionamos la opción Hacer corresponder los colores seleccionados
con el transparente. En la paleta de colores, el color original y la transparencia comparten el mismo espacio.
.
Para eliminar la transparencia de ese color basta seleccionarlo y volver a hacer clic en el botón Asignar
transparencia.
Las tablas de colores se pueden guardar para utilizarlas con otras imágenes o podemos cargar tablas creadas
en otras aplicaciones. Cuando se carga una nueva tabla de colores en una imagen, los colores de ésta
cambian a los colores de la nueva tabla.
Para guardar una tabla seleccionamos la opción Guardar tabla de colores del menú de la paleta Tabla de
colores. Le asignamos un nombre y los guardamos en la carpeta Colores optimizados, dentro de la carpeta
Ajustes preestablecidos,. de esta maneraAsí pues, podremos acceder a la tablal desde el menú emergente de
Algoritmo de reducción de color en la paleta Optimizar. Si no guardamos la tabla en esta ubicación, tendremos
que cargarla con la opción Cargar tabla de colores del menú de la paleta Tabla de colores.
Photoshop 7.0 Avanzado - 114 -
RECUERDE
- Con ImageReady podemos crear animaciones para incluir en la página Web a modo de banner o
incorporadas a un estado de rollover. Esto hace la página más dinámica y atrayente.
- Para la creación de animaciones trabajamos con las capas de la imagen, los movimientos y efectos que se
verán después en la animación.
- ImageReady nos permite visualizar los efectos de rollover en un navegador por defecto o en la misma
ventana del documento.
- Las animaciones deben guardarse y optimizarse en formato GIF, ya que es el único que permite visualizar
animaciones en Internet.
- ImageReady nos brinda la posibilidad de abrir archivos Quicktime como animaciones, incluso archivos de
Photoshop Psd en los que las capas se convierten en cuadros. También podemos abrir una carpeta de
archivos como una animación de manera que cada archivo se convierta en un cuadro y una capa.
- El tiempo de descarga en Internet es muy importante, no debe ser demasiado largo, ya que el usuario puede
cansarse y abandonar nuestra página. Para que las imágenes se descarguen más rápidamente deben tener
un tamaño adecuado, sin sacrificar la calidad de la misma. El equilibrio entre tamaño y calidad se consigue
a través de la optimización.
- También determinamos el tamaño del archivo controlando los colores de la imagen, eliminado aquellos
menos relevantes, pero conservando la calidad. Esto lo podemos hacer con los formatos GIF y PNG-8.
GLOSARIO
Adobe Gamma. Permite al usuario ajustar el contraste de los medios tonos del monitor.
Anotaciones. Las escritas permiten introducir un texto explicativo y las sonoras un sonido.
BMP. Extensión para imágenes en bitmap. Pueden contener información de color de 1 a 24 bits.
Canal. Toda imagen está compuesta por canales y el número de ellos depende del modo de color de la
imagen.
Canal compuesto. Canal compuesto será aquel que consta de dos o más canales.
Canales de color. Los diferentes canales que posee una imagen y contienen información sobre sus colores.
CMYK. Cyan, magenta, amarillo y negro. Se utilizan para el proceso de color de una impresión.
Conjunto de imágenes. Dispone varias copias de una misma imagen en un documento nuevo.
Control modal. Permite la configuración de un comando de una acción mediante un cuadro de diálogo.
Discos de memoria virtual. Cualquier unidad o partición con memoria libre que Photoshop utiliza para realizar
operaciones cuando no hay suficiente memoria RAM.
Photoshop 7.0 Avanzado - 116 -
Droplets. Automatismo que crea un ejecutable, que contiene las funciones predeterminadas por el usuario.
Duotono. Es un proceso de impresión en escala de grises, utilizando diferentes tintas para representar los
valores tonales de la imagen.
Espacios de trabajo. Actúan como el perfil de color de los documentos sin etiqueta y los recién creados usan
el modo de color asociado.
EPS. Encapsulado Postcript. Contiene la información que se va a imprimir y a menudo es una resolución baja.
Entrelazado. Propiedad de la imagen que se utiliza en la paleta Optimizada. Significa que la imagen irá
apareciendo en los monitores de los usuarios, con poca resolución, e irá aumentando poco a poco.
Formato de imagen. El formato de imagen o de archivo se refiere a la estructura de datos en que se guardará
el documento, por ejemplo: JPEG, TIFF, BMP, GIF, etc.
Gif. Formato utilizado para guardar imágenes que se publican en Web, contiene un máximo de 256 colores.
Gif animado. Tipo de archivo con movimiento para publicar en Web (*.gif), que se crea en Image Ready
utilizando la paleta de animación y la paleta de capas que aparece en el programa.
Gama de color. Rango de colores que un sistema de color puede mostrar en pantalla o imprimir.
Hoja de contactos. Nos permite visualizar una serie de imágenes contenidas en una carpeta en un
documento nuevo, ordenadas por filas y columnas.
Indexado. Tipo de imagen con menos cantidad de color, que ocupa menor espacio.
Instantánea. Captura de la imagen del momento actual que se almacenará en la paleta historia por debajo de
la miniatura primera.
Photoshop 7.0 Avanzado - 117 -
JPG. Formato que admite el color de 24 bits y mantiene las pequeñas variaciones de tono y brillo encontradas
en las imágenes de tono continuo; comprime el archivo descartando datos de forma selectiva, por lo que se
produce una pérdida en la calidad de la imagen.
LAB. Modo de color y tipo de imagen que contiene 24 bits y tres canales.
Lote. Comando que nos permite ejecutar una acción en una carpeta de archivos desde Photoshop.
Mapas de imágenes. Permiten enlazar áreas de imágenes con una dirección URL y crear efectos de rollover.
Máscaras de capa. Cubren partes de una capa que no interesa mostrar, aunque no se pierden, sino que se
ocultan tras la máscara sin necesidad de borrarlas.
Mate. Opción que aparece en la paleta Optimizada. Especifica el color de fondo que rodea a la imagen que
aparecerá en los monitores de los usuarios al publicarse en Web.
Modos de color. Cada uno de los modelos en que se puede representar una imagen tanto en su visualización
como en su impresión.
Optimizar. Intenta conseguir un equilibrio entre la reducción del tamaño de los archivos manteniendo la
calidad.
Optimización ponderada. Permite modificar los ajustes de optimización mediante máscaras de texto, de
forma o canales alfa.
Paleta Optimizar. Permite elegir el tipo de formato de la imagen que vamos a publicar en Web, el número de
colores de la imagen optimizada, y el color de fondo que rodeará a la misma.
PDF. Tipo de formato que se utiliza en el programa Acrobat Reader, que puede contener muchas páginas con
información.
Photoshop 7.0 Avanzado - 118 -
Perfiles ICC. Archivos de datos que registran toda la información relevante de un dispositivo determinado,
incluyendo su espacio de color, sus capacidades y sus limitaciones.
PNG-8. Formato que utiliza el color de 8 bits y comprime eficazmente áreas uniformes de color.
PNG-24. Formato que admite el color de 24 bits y es apropiado para la compresión de fotografías de tono
continuo, ya que preserva las variaciones de brillo y tono.
Progresivo. Opción de optimización del formato JPEG, que cumple la misma función que Entrelazado en los
ajustes para los formatos GIF y PNG-8.
RGB. Rojo, verde y azul. Contiene 16.7 Millones de colores para una imagen.
Rollover. Efectos que se producen en determinadas áreas de la imagen cuando las vemos en un navegador
y situamos el puntero o hacemos clic sobre ellas.
Saturación. Medida de la autenticidad de un color, su pureza, que representa la cantidad de gris de un color
respecto a su tono.
Tramado. Se produce cuando se entremezclan pequeños puntos de color, que el ojo humano los mezcla como
si realmente formaran uno sólo
WBMP. Formato que se utiliza para optimizar imágenes para dispositivos inalámbricos.