manual de adobe photoshop 7.0 avanzado

Photoshop 7.0 Avanzado

Tema 1: Optimización del entorno de trabajoy la administración de color _ _ _ _ _ _ _ _ _ _ _ _ _ _ _1

Tema 2: La gestión del color en Photoshop 7 _ _ _ _ _ _ _ _ _13

Tema 3: Espacio de trabajo _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _31

Tema 4: Automatizar las tareas _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _47

Tema 5: Diseño de páginas web con Imageready _ _ _ _ _ _ _67

Tema 6: Diseño de páginas web con Imageready (II parte) _87

GLOSARIO _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _115

Photoshop 7.0 Avanzado - 1 -

1.1. El sistema de administración de color (CMS)..........................3

1.1.1. Espacios de color y gama de color....................................3

1.2. Establecimiento estándar del color (CIE) y los perfiles ICC ..5

1.2.1. Perfiles ICC ........................................................................5

1.3. Espacios de trabajo de color de photoshop 7.........................6

1.3.1. Recorte de color.................................................................7

1.4. Optimización del entorno de trabajo.........................................7

1.4.1. Calibración del color...........................................................7

1.4.2. Adobe gamma....................................................................7

1.4.3. Entorno de trabajo ............................................................8

1.4.4. Crear el perfil del monitor...................................................8

Tema 1 Optimización del entorno

de trabajo y la administracióndel color

1.1. El sistema de administración de color (CMS)

El sistema de administración del color de Photoshop, CMS, Color Manager System, constituye la característicamás importante que nos ofrece este programa, ya que nos va a permitir tener un control exhaustivo sobre loscolores de los archivos.

¿Por qué necesitamos un sistema de administración de color? Es necesario debido a que se producenproblemas de correspondencia de colores entre distintos dispositivos y aplicaciones. Por ello, necesitamosdisponer de un sistema que interpreta el color entre esos dispositivos. ¿No nos hemos encontrado con ladesagradable sorpresa de que al imprimir una imagen, los colores difieren de lo que visualizamos por nuestrapantalla 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 elsistema 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 condominancia de color, por lo que utilizaremos las herramientas de ajuste de Color, Tono/Saturación, etc. que nosofrece este programa. Por tanto, el CMS nos proporciona un entorno en el que se pueden evaluar la fiabilidadde las imágenes en los distintos dispositivos, realiza el trabajo de leer y convertir los colores entre espacios decolor distintos.

No obstante, para entender con mayor facilidad el funcionamiento de este sistema, debemos conocer algunosconceptos 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 sedescriben 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) formaparte del sistema CMS y se encarga de leer e interpretar los colores entre distintos dispositivos.

1.1.1. Espacios de color y gama de color

El espacio de color es un modelo para representar colores en términos de valores que puedan medirse, talescomo la cantidad de rojo, verde y azul que posee una imagen. En este sentido, debemos tener en cuenta queCMS trabaja con espacios estándar, como son los que se describen a continuación:

RGB: conformado por rojo, verde y azul.CMYK: conformado por cian, magenta, amarillo y negro.


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, esdecir, 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 emiteluz roja, verde y azul). En cambio, hay colores que no muestra con precisión en la pantalla, como son: el azuly el amarillo puro.

La gama CMYK es más reducida y sólo se compone de aquelloscolores que se pueden imprimir utilizando tintas de cuatricromía. Si loscolores que no se pueden imprimir se muestran en pantalla, se lesdenomina colores fuera de gama, fuera de la gama CMYK.

La gama Lab es la amplia, pues abarca todos los colores de las gamasRGB y CMYK. La cantidad de color que ve el ojo humano es mayorque 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, dadoque la gama de color puede variar en cada uno de ellos. No hay dos dispositivos que tengan la misma gamade 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.


Espacios de TrabajoModos decolor

1.2. Establecimiento estándar del color (CIE) y los perfiles ICC

Se necesita definir un conjunto estándar de reglas que configuren el modo de la información sobre los valoresde color que se intercambiarán entre los distintos espacios de color.

La Comisión Internationale de l'Eclairage (CIE) intenta establecer los estándares de color, asignando númerosa cada color visible para el ojo humano.

Por su parte, el ICC, grupo de compañías International Consortium, constituyó un Comité para establecer losestándares de color de la publicación electrónica, desarrollando perfiles de dispositivos que transfirieranfá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 decolor.

1.2.1. Perfiles ICC

Estos perfiles se crearon para poder asegurar que los colores se conviertan adecuadamente entre diferentesdispositivos. De esta forma, obtenemos más control sobre el dispositivo fuente (monitor) y el dispositivodestino ( 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 unaimpresora consiste en la comparación de los datos entre el dispositivo fuente (el monitor) y el dispositivo dedestino (impresora). En definitiva, la información de color de nuestro dispositivo fuente es regulada por el perfilICC. Por su parte, el CMM transforma los colores en archivos de imagen para producir una simulación de colorcoherente 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 losdistintos dispositivos.

Sin la ayuda de estos perfiles de dispositivo es muy difícil traducir con exactitud los datos de color en brutoque provienen de un escáner o cámara digital. Por ello, la importancia de la gestión del color es que el usuariopuede emprender el proceso de corrección del color, con la garantía de que lo que está viendo en el monitores una representación visual precisa de la imagen original y de que la impresión final se ajustará a los coloresde 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.


1.3. Espacios de trabajo de color en Photoshop 7

El espacio de trabajo es el conjunto de colores disponibles al editar un archivo, que incluye los espacios decolor RGB y CMYK. Asimismo, no podemos considerar que la gama de color y el espacio de trabajo sean lomismo, porque varían según el dispositivo.

Adobe Photoshop 7ofrece diferentesespacios de trabajo de color estándar.Así, para imágenes RGB ofrece losespacios de trabajo RGB, Adobe RGB1998, Apple RGB y Colormatch RGB.

Por otra parte, para las imágenes,CMYK nos ofrece: US Web CoatedSWOP, US Web Uncoated, USSheetfed Coated, US SheeftedUncoated, Japan Standard, EuroscaleUncoated y Euroscale Coated.

Los documentos recién creados y otros que importamos no tienen un perfil incrustado, por lo que se llamandocumentos sin etiqueta. Los espacios de trabajo actúan como perfiles de color para estos documentos. Porejemplo: si tenemos como espacio de trabajo Photoshop 4 Default CMYK, el nuevo documento que creemosutilizará los colores incluidos en ese espacio de color. Así pues, debemos tener presente que el aspecto quedetermina la percepción del documento es su perfil de color incrustado, y no el espacio de trabajo en el queestemos. Además, podemos tener varias imágenes abiertas al mismo tiempo y cada una tendrá su propioespacio de trabajo, y todas se representarán perfectamente.


Perfil de colorincrustado en unarchivo de imagen

Nota: Esta información se muestra en laventanta del Explorador de Archivos

1.3.1. Recorte de color

El recorte de color es la posterización de color. Ésta se produce cuando movemos una imagen entreespacios 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.

1.4. Optimización del entorno de trabajo

Un aspecto de enorme importancia a la hora de trabajar con Photoshop consiste en optimizar nuestro entornode trabajo. Para ello, empezaremos calibrando el monitor teniendo presentes las diferentes opciones, conobjeto de definir los distintos perfiles del espacio de trabajo que vamos a utilizar.

1.4.1. Calibración del color

Para ajustar los diferentes dispositivos con los que vamos a trabajar, por ejemplo: con el monitor y laimpresora, debemos calibrar el color de éstos procurando alcanzar el mayor grado de compatibilidad entreellos. Asimismo, debemos intentar que las características y la gama de color se acoplen a un estándar. Enrelación con esto, podemos conseguir una buena calibración con el Adobe Gamma.

1.4.2. Adobe Gamma

Con Adobe Gamma crearemos un perfil ICC para el monitor, que ayudará a visualizar los colores con mayorfiabilidad, 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 elprograma Photoshop. Mide el brillo de los valores de medios tonos que genera un dispositivo, normalmente unmonitor. Además, debemos señalar que un valor gamma más alto produce una imagen más oscuraglobalmente.

Al instalar Photoshop, el programa instala lacaracterística Adobe Gamma en la carpeta delPanel de Control. Por tanto, a través de estepanel podremos calibrar el monitor y construirun perfil ICC, ajustándolo al modo en quenuestro monitor opera realmente.


1.4.3. Entorno de trabajo

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, espreciso valorar si nuestra vista se encuentra en perfecto estado, dado que las variables que pueden incidirsobre la misma son múltiples. Por ejemplo: pueden afectarnos los reflejos en la pantalla, los constantescambios de luz natural, la luz artificial, etc.

Paralelamente, es aconsejable leer el manual de instrucciones del monitor, donde aparecen una serie de datosa 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, quenormalmente van actualizando los propios fabricantes. De este modo, es posible arreglar errores al añadir losperfiles 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 loque es aconsejable realizar la descripción del monitor prácticamente todos los meses. Si resulta difícil oimposible calibrar el monitor a un estándar, puede que sea demasiado antiguo y esté descolorido.

1.4.4. Crear el perfil del monitor

Para calibrar perfectamente el monitor seguiremos una serie de recomendaciones:

- Comprobar que el monitor ha estado funcionando al menos durante media hora, este tiempo es suficientepara entrar en calentamiento y leer los colores con más exactitud.

- Asegurarnos de que el monitor muestra miles (16bits) de colores o más.

- Es conveniente suprimir los motivos de fondo a todo color en el escritorio del monitor, los motivos muycargados o brillantes alrededor del documento, que interfieren con la percepción exacta del color.

Para la calibración del monitor debemos tenercerradas todas las aplicaciones, y ejecutar lossiguientes pasos:

a) En primer lugar, abrimos el Panel de control y,seguidamente, hacemos doble clic en AdobeGamma. Una vez realizado esto, podemostrabajar con un solo cuadro de diálogo que tienediferentes tareas, o bien usar un método paso apaso que incluya un Asistente.


b) El siguiente paso consiste en hacer clic para establecer la opción Control Panel y luego pulsar enSiguiente. Tras realizar esta operación, nos aparecerá un cuadroDescripción en el que deben mostrarseuno o más perfiles instalados para el monitor. En el caso de que exista más de uno, debemos tener encuenta que el último es el que se encuentra actualmente en uso. Si queremos basar un nuevo perfil en otrodistinto 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 nivelestanto como lo permita el control. Donde aparece Brightness and Contrast (Brillo y Contraste), tenemosque subir o bajar el brillo del monitor hasta que los cuadros grises del tablero sean casi negros sin llegar aensuciar el blanco que aparece bajo los cuadros negros y grises. El Brillo y Contraste son el Nivel y rangoglobal, respectivamente, de la intensidad de la visualización. Estos parámetros funcionan igual que en untelevisor.

d) La opción Phosphors debemos cambiarla sólo si estamos completamente seguros de si lo que se nosmuestra no es correcto. Así pues, en caso de que pensemos que nos es correcta, pero no sabemos cuáles, elegimos Triniton, porque la mayoría de los monitores vienen configurados con ese tubo de imagen. LosFósforos son la sustancia que utilizan los monitores para emitir luz. Fósforos distintos tienen característicasde color distintas.

Para muchos usuarios aparece la opción Custom (Personalizado). En este caso, damos la opción por válida.


Uno o más perfiles

e) A continuación, pasamos a la opción Gamma. En este punto, nos aseguraremos de tener activada la casillaView Single Gamma Only (Ver sólo Gama única). El siguiente paso consiste en arrastrar el regulador aizquierda 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 noson lineales. Si se realiza un gráfico de los valores, éstos forman una curva, pero no una línea recta. El valorde gamma define la línea de dirección de dicha curva en la mitad del trayecto entre el blanco y el negro. Elajuste de gamma compensa la reproducción tonal no lineal de dispositivos de salida como los tubos delmonitor.

Si hemos realizado lo anterior, puede afirmarse que acabamos de definir la gamma usando un controlador queaplica 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 GammaOnly, y uno a uno, arrastraremos el regulador debajo de cada cuadro hasta que el cuadro central se confundacon el marco de la franja en torno a él.

f) En la casilla Desired elegimos Window Default, ya que estamos trabajando en este entorno.


g) Seguidamente, en el área White Point (Punto Blanco) nos encontramos con dos listas desplegables. Laprimera se refiere a la configuración del Hardware real de nuestro monitor, donde se elige la temperaturaque 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ósforosdel 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 seguimoslas instrucciones que aparecen en pantalla. Nos aparecerán tres cuadrados, debiendo elegir el color gris másneutro. Seguidamente iremos pinchando en el cuadrado de la derecha o de la izquierda, como se nos indicaen las instrucciones y cuando consideremos que el gris que vemos en el central es el más neutro, hacemosclic 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 queofrecía la lista desplegable Hardware. Por su parte, el botón Wizard es un asistente paso a paso.

Finalmente, hacemos clic en OK y luego, en el cuadro de diálogo Guardar como, le proporcionamos unnombre descriptivo al perfil personalizado de nuestro monitor. En nuestro PC, la extensión será .ICM.

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 laconsistencia del color, bien sea al imprimir o al realizar un trabajo para Web en Photoshop.


RECUERDE

- El sistema de administración de color de Photoshop (CMS) proporciona un entorno en el que se puedeevaluar la fiabilidad de las imágenes en los distintos dispositivos y realizar el trabajo de leer y convertir loscolores entre diferentes espacios de color.

- 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 suespacio de color.

- Debemos revisar todos los dispositivos con los que trabajamos e incluso del espacio físico de trabajo, ya queson muchos los factores que influyen a la hora de trabajar.

- Con el Adobe Gamma podemos calibrar el monitor y crear un perfil personalizado.



2.1. El cuadro de diálogo Ajustes de color ...................................15

2.2. Lista desplegable Ajustes ........................................................15

2.3. Espacios de trabajo ..................................................................17

2.3.1. RGB .................................................................................17

2.3.2. CMYK...............................................................................18

2.3.3. Gris...................................................................................19

2.3.4. Tinta plana de Espacios de trabajo .................................20

2.4. Normas de gestión de color.....................................................21

2.5. Opciones de conversión: Motor y Propósito .........................23

2.5.1. Motor ................................................................................23

2.5.2. Propósito ..........................................................................23

2.6. Compensación del punto negro y tramado............................24

2.7. Controles avanzados ................................................................25

2.8. Guardar / cargar ajustes y sincronizar la gestión de colorentre aplicaciones.....................................................................25

2.9. Elección entre asignar y convertir en perfil ...........................27

Tema 2 La Gestión del color enPhotoshop 7.0

Para hacer más fácil la configuración de la gestión de color, Photoshop 7.0 agrupa todos los ajustes en un solocuadro de diálogo llamado Ajustes de color. En este cuadro podemos elegir entre una serie de ajustespredefinidos, o manejar los controles individualmente para crear ajustes personalizados. Estos ajustes sepueden 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ágenesque vienen de diferentes espacios de color.

2.1. El cuadro de diálogo Ajustes de color

El cuadro de diálogo Ajustes de color se encuentra en el menú Edición-Ajustes de color o también con elatajo de teclado Ctrl+May+K.

Este cuadro de diálogo lo utilizamospara definir el espacio de color detrabajo predeterminado que se usarácuando creemos la imagen, y asídefinir una pequeña biografía de lamisma, es decir, servirá para indicaren qué espacio de color nació elarchivo y dónde reside actualmente.

2.2. Lista desplegable Ajustes

En esta lista podemos elegir los distintos ajustes predefinidos. Estos ajustes proporcionan la gestión de colorsuficiente para las necesidades básicas del usuario.


Cuando elegimos una de las configuraciones de esta lista desplegable, el resto de las opciones que aparecenen el cuadro de diálogo se establecen con los parámetros dictados por dicha configuración.

Nos ofrece las siguientes preconfiguraciones:

a) Gestión de color desactivada.

A veces decidimos no utilizar la administración de color, por ejemplo: en aquellos trabajos que vayamos avisualizar en diferentes monitores y sistemas operativos, o para trabajar en vídeo. Esta opción no etiqueta losdocumentos.

b) Emular Photoshop 4.

Photoshop 4 fue la última versión de Photoshop que no tenía características de administración de color. Seusaba un espacio de trabajo basado en las características de un monitor de Macintosh, tanto si trabajábamoscon Macintosh o Windows. Podemos elegir esta opción si trabajamos con archivos creados en versionesanteriores de Photoshop.

c) Valores por defecto-Preimpresión Europa, Valores por defecto-Preimpresión Japón y Valores pordefecto-Preimpresión EE.UU.

Cada una de ellas define las condiciones apropiadas para la impresión comercial común de la regiónespecífica.

d) Espacios por defecto de Photoshop 5.

Esta opción nos sitúa dentro del espacio de trabajo en modo RGB, que es bueno para presentaciones enpantalla y trabajo en la Web.


e) Valores por defecto-Gráficas Web.

Esta configuración es óptima para crear gráficos que se visualizarán en la Web o en una Intranet.

f) Flujo de trabajo ColorSync.

Esta versión es sólo para Macintosh.

2.3. Espacios de trabajo

Los espacios de trabajo actúan como elperfil de color de los documentos sinetiqueta y los recién creados, que usan elmodo de color asociado. Es decir, sitenemos como espacio de trabajo AdobeRGB, cuando creemos un nuevodocumento, éste utilizará los colores delespacio de trabajo Adobe RGB.

Contiene cuatro listas desplegablesetiquetadas: RGB, CMYK, Gris y TintaPlana.

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 permitebuscar un perfil ICC que esté en la carpeta Color del sistema. Con la opción guardar podemos convertir unarchivo de configuración *.ams en un perfil ICC después de cargarlo con el comando Cargar RGB. Seguarda en cualquier ubicación del disco duro.

c) Otro. Aquí encontramos cualquier perfil que hayamos creado con el comando Personalizar, pero quetodavía no se haya guardado con el comando Guardar RGB.


d) Perfiles creados de Adobe Gamma. Si se usa Windows NT 4, se empleará Adobe Gamma para cargarperfiles 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 encondiciones inusuales. Podemos encontrar los mejores perfiles como espacios de trabajo predeterminadosen 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 usasoftware 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óncomercial CMYK.

- RGB IEC61966-2.1. Es el idóneo para la creación de gráficos web, pero si pensamos que vamos autilizar 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 carpetasSystem 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/SECAMy SMPTE-C, que se refieren a espacios de color de TV y vídeo; CIE_RGB y Wide Gamut RGB, queson espacios de color muy anchos y no recomendables a no ser que se trabaje con archivos de 16 bitspor canal.

2.3.2. CMYK

Se aplicará a las nuevas imágenes CMYK que se creen.Este espacio predeterminado de trabajo CMYK estambién el espacio que se utiliza cuando se usa lacaracterística de pruebas del menú Vista. Este espaciose utiliza automáticamente, incluso cuando la imagenque se prueba es RGB, o tiene un espacio de trabajoCMYK diferente.

a) Personalizar. Si hacemos clic en esta opción, nosaparecerá una ventana, muy conocida si alguna vezla hemos cambiado en Photoshop 5.5. En ella,podemos perfeccionar o cambiar las configuraciones


de un perfil o crear uno nuevo. Pero si lo que queremos es recrear una configuración personalizada quecreamos y guardamos en una versión anterior de Photoshop, lo más sencillo es usar las opciones CargarCMYK, y Guardar CMYK.

b) Cargar CMYK y Guardar CMYK. Se utilizan estas opciones para cargar nuevos perfiles ICC, o para cargararchivos 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 guardadotodavía con el comando Guardar CMYK.

d) Espacios de trabajo CMYK estándar. Aquí nos encontramos con las opciones que vamos a utilizar conmás frecuencia. Fueron designadas parar describir los colores que pueden imprimirse usando varias clasesde 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 notengan administración de color, podemos utilizar el CMYK predeterminado de Photoshop 4 o de Photoshop 5.

2.3.3. Gris

Se emplea con imágenes de escala de grises.

a) Ganancia de punto personalizada.Sólo disponible en el Modo Avanzado.Si hacemos clic en esta opción, nosaparecerá una ventana, donde se debenintroducir valores o hacer clic en puntosy arrastrar sobre la curva para cambiarel punto de ganancia. La ganancia depunto se refiere a los semitonos de unaimpresora que se extienden conforme elpapel va absorbiendo la tinta.Photoshop calcula esta ganancia depunto como la cantidad en la queaumenta o disminuye el punto previsto.Es aconsejable preguntar a lasimprentas qué valores debemos usar.


b) Gamma personalizada. Sólo disponible en Modo Avanzado. Se puede crear un perfil para imágenes enescala de grises que imiten su visualización en un monitor que tenga una configuración de gammapersonalizada.

c) Cargar niveles de gris y Guardar grises. Disponible sólo en el Modo Avanzado. Se usa para cargarperfiles ICC grises personalizados que tengamos sin instalar, o bien para guardar una configuraciónpersonalizada que hayamos creado.

d) Otro. Contiene cualquier perfil que hayamos creado en la opción personalizar, pero que aún no hayamosguardado.

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 unmonitor Macintosh y las configuraciones de escala de grises predeterminadas en versiones anteriores dePhotoshop 4. En cambio, el Gray Gamma 2.2. imita la gamma predeterminada por un monitor Windows.

2.3.4. Tinta plana de Espacios de trabajo

Esta opción visualiza los canales de color plano y los bitonales (duotonos). Éstos son los únicos perfiles queno están adjuntos a los archivos. Excepto la opción Gamma personalizada y las dos opciones de GrayGamma, ésta contiene las mismas opciones que las ofrecidas por la lista desplegable Grises.


Imagen con ganancia de punto y sin ganancia de punto

2.4. Normas de gestión de color

Cuando hemos especificado un ajuste predefinido de gestión de color, los documentos que abrimos adoptancomo perfil de color el espacio de trabajo. Pero puede ocurrir que peguemos o arrastremos una parte de undocumento sin perfil a otro con perfil incrustado, o que abramos un documento cuya etiqueta de perfil seadistinta del espacio de trabajo activo. En estos casos, Photoshop tiene que gestionar los datos de color delarchivo, los compara con el perfil del espacio de trabajo y se pregunta qué hacer, si mantener el perfil deldocumento igual, si convertirlo al del espaciode trabajo o si no aplica la gestión de coloren esos archivos. A esto se refiere lasNormas de gestión de color, a la posibilidadde crear un perfil administración de colorpara un espacio de trabajo diferente al perfilpredeterminado.

Nos aparecen tres listas desplegables: RGB, CMYK y Gris. En cada una de ellas elegiremos la norma pordefecto para cada modo de color. Cada una de ellas contiene a su vez tres opciones: Sin activar, Mantenerperfiles 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 detrabajo ICC a los archivos creados recientemente. También significa que los perfiles adjuntos a losdocumentos abiertos serán ignorados y descartados, si no coinciden con el espacio de trabajopredeterminado. Y por último, cuando se pega una imagen en otra, los colores se añadirán basándose ensu valor numérico, ya que el color variará según la superficie donde se apliquen. No es lo mismo una imagensobre un papel satinado, que sobre uno mate.


b) Mantener perfiles incrustados: significa que los perfiles adjuntos a los documentos abiertos se usan y seconservan. Este sistema intenta mantener los valores de color percibidos cuando la imagen receptora esRGB o de escala de grises, y también usará valores numéricos cuando la imagen receptora sea CMYK. Estoocurre cuando el material de un archivo se copia en otro y ambos tienen espacios de trabajo que nocoinciden.

c) Convertir a espacio de trabajo: significa que convierte todas las imágenes abiertas al espacio de coloractual, con independencia de si tienen adjuntado un perfil.

Se recomienda que usemos el sistema de administración del color Mantener perfiles incrustados para lostres modos de color.

Si activamos las opciones de Diferencias de perfil, Photoshop nos informará, cada vez que abramos undocumento o peguemos colores, de que esos documentos tienen una etiqueta distinta a la del espacio detrabajo.

En cambio, si activamos la opción Faltan perfiles, Photoshop nos informará de que el documento que hemosabierto no tiene perfil incrustado, es decir, es un documento sin etiqueta. Así pues, podemos pasar por alto losvalores por defecto de las Normas de gestión.


Advertencia:

Cuando tenemos un volumen de trabajo muy amplio y diferentes estaciones de trabajo, estas decisiones nospueden retrasar mucho el trabajo.

2.5. Opciones de conversión: Motor y Propósito

Las opciones de conversión sólo aparecerán si tenemos activado el Modo Avanzado. Nos ofrecen diferentesposibilidades cuando convierte un perfil de imagen, cuando elige un perfil de prueba automática y cuando seasigna 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 mismosistema operativo o no, es decir, si todos utilizamos Windows (excepto Windows NT 4), elegimos el sistemaMicrosoft ICM. Sin embargo, si todos trabajamos bajo el sistema de Macintosh, se utilizará el ColorSync; perosi trabajamos en distintas plataformas, entonces la mejor opción es Adobe ACE, ya que van a funcionar igualen 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 lainterpretación de los números de los colores dentro de los límites del nuevo perfil. Realmente es un propósitode cambio de representación predeterminado.

Hay cuatro propósitos definidospor el ICC: Perceptual, Saturación,Absoluto colorimétrico y Relativocolorimétrico.


Se aconseja Adobe ACE

a) Perceptual: es la opción más aconsejable para trabajar con imágenes fotográficas. Al elegir esta opción lospuntos blancos de la imagen fuente y la de destino se emparejan unos con otros, y los demás coloresmantienen 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 escomprimida, y los colores fuentes tienen que ser comprimidos. Para que los colores no se recorten, no hayauna pérdida de detalle de la imagen, y se desaturen los colores comunes a ambos espacios, se produce unespacio 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 laapariencia general de la imagen. Mantiene la relación visual entre los colores en la forma que el ojo humanola 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ónde color exacta. Se le da más importancia a la pureza del color que al color real, por lo que se utiliza en gráficosde presentación: posters psicodélicos, viñetas, etc. en los que es más importante la saturación y el brillo delos 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 dedestino, y cambia todos los colores en función del punto blanco. Esto hace que se produzca un recorte en loscolores que no están dentro del nuevo perfil, es decir, se reduce el número de colores únicos. Se aconsejaesta 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 elmenú 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áncomprendidos dentro de la gama de destino. Establece mayor relevancia a la precisión del color que a lasrelaciones entre ellos. Al convertir a una gama más pequeña, dos colores que son diferentes en el espacio deorigen pueden asignarse al mismo color del espacio de destino.

2.6. Compensación del punto negro de tramado

En la parte inferior del apartadode la opción de conversión, nosencontramos con dos nuevasopciones: Usar compensación depunto negro y Usar tramado.


a) Usar compensación de punto negro: el rango tonal de una imagen viene dado por el número de grisesintermedios que ésta contiene, entre el blanco puro y el negro puro, pero los perfiles ICC, aunque definenla relación entre los puntos blancos no hacen lo mismo entre los puntos negros, con lo que siempreaparecerí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 correccionespertinentes para que los negros del archivo corregido no sean defectuosos. Se debe activar cuandoconvierte una imagen RGB a CMYK, o de CMYK a otro. No debe activarse cuando se convierte de unespacio RGB a otro que no sea CMYK.

b) Usar tramado: se produce cuando se entremezclan pequeños puntos de color, el ojo humano los mezclacomo 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 coloresde monitor, nos dará una idea general de cómo se mostrarán los colores que no pueden visualizarse en elmonitor, 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 sefusionan entre sí los colores RGB. El valor gamma de 1,00 debe producir al menos defectos de bordes.

2.8. Guardar/Cargar Ajustes y sincronizar la gestión del color entreaplicaciones

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álogoAjustes de color.


Para guardar nuestra configuración hacemos clic en la opción de Guardar del cuadro de diálogo Ajustes, leasignamos un nombre y lo guardamos. Estos ajustes los tenemos que guardar en una carpeta específica paraque nuestra configuración personalizada aparezca en el mencionado cuadro de diálogo. Esta carpeta seencuentra en la carpeta Archivos de programa / Archivos comunes / Adobe / Color / Ajustes (Settings).

Podemos introducir un comentario que acompañe a nuestra configuración, el cual aparecerá en el áreaDescripción del cuadro de diálogo Ajustes cuando coloquemos el puntero sobre el nombre de nuestraconfiguración.

Así pues, para cargar una configuración hacemos clic en la opción Cargar del cuadro de diálogo Ajustes yseleccionamos el archivo que queramos cargar.

Guardar las configuraciones nos permite utilizar las mismas configuraciones de ajustes de color en variasaplicaciones Adobe ( Illustrator, ImageReady, etc.), de forma que el color se reproducirá coherentemente entodas las aplicaciones, y los colores de un mismo documento no cambiarán, aunque los veamos en distintosprogramas. 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 lasaplicaciones que vayamos a utilizar.


Archivos de programa/Archivoscomunes/Adobe/Color/Settings

2.9. Elección entre asignar y convertir en perfil

Podemos asignar otros perfiles a las imágenes desdela barra de menú Imagen - Modo.

a) Asignar un perfil: es interpretar los datos del archivo.

- 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.

- Perfil: asignamos un nuevo perfil a un documento que ya tenía uno.

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 unaimpresión y hemos estado trabajando en RGB.

En Espacio de destino elegimos el perfil de color al que queremos convertir los colores del documento yseleccionamos 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 mejorinterpretación de los colores. Si queremos acoplar las capas de la imagen al convertir, seleccionamos esaopción.


La diferencia entre Asignar perfil y Convertir perfil es que en la primera los valores de color se asignandirectamente al espacio de perfil nuevo, mientras que Convertir perfil cambia los valores de color antes deasignarlos al espacio del perfil nuevo y consigue así mantener los colores originales del documento.


RECUERDE

- Photoshop nos permite configurar el color según la tarea que vayamos a realizar, definiendo un buen perfilde trabajo.

- Los ajustes predefinidos nos proporcionan los ajustes suficientes para las necesidades básicas de nuestrotrabajo. 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 cualquiermomento a cambiarla.

- Podemos convertir los colores de un documento, a otro perfil de color distinto, o eliminar el perfil de undocumento con los comandos Asignar perfil y Convertir perfil.

- Podemos guardar las configuraciones de gestión de color personalizadas para poder utilizarlas en otrasaplicaciones Adobe. De esta manera veremos los documentos en distintas aplicaciones pero con los mismoscolores.



3.1. Preferencias generales.............................................................33

3.2. Manejo de archivos...................................................................37

3.3. Pantalla y Cursores...................................................................38

3.4. Transparencia y Gama..............................................................39

3.5. Unidades y Reglas ....................................................................40

3.6. Guías, Cuadrículas y Sectores ................................................41

3.7. Plug-Ins y Discos de memoria virtual .....................................41

3.8. Memoria y Caché de imagen....................................................42

3.9. Personalización del espacio de trabajo..................................42

3.10. Grupos de trabajo ...................................................................43

Tema 3 Espacio detrabajo

3.1 Preferencias generales

Photoshop nos permite personalizar el espacio de trabajo, especificando la ubicación de las paletas, lasopciones de guardado de archivos, opciones de visualización, opciones de cursor, etc. De esta manera,tendremos la oportunidad de trabajar de la forma más cómoda posible. La mayoría de estos ajustes se realizana través del cuadro de diálogo Preferencias.

El cuadro de diálogo de Preferencias lo encontramos en el menú Edición o con el atajo Ctrl + K.

En la lista desplegable encontramos diversos sectores en los que podemos ajustar nuestras preferencias. Sepuede acceder a ellos a través de la lista por los atajos de teclado que se indican, o bien con los botonesAnterior y Siguiente del cuadro de diálogo.

Si bien, continuando con el cuadro de preferencias encontramos las siguientes opciones:


a) Selector del color: si trabajamos con Windows, podemos elegir entre la opción Adobe y los sistemas decolor de Windows. Normalmente, usaremos Adobe. El selector de color de Photoshop nos permiteseleccionar entre espacios de color RGB, CMYK, LAB y colores personalizados. En aquellas ocasionesdonde dicho color no se pueda imprimir o representar en web, Photoshop nos alertará mediante lossímbolos: impresión y gráficos web. Al hacer clic sobre uno de estos iconos, el sistema elegirá elcolor 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ónen los píxeles. Al desplegar la lista, nos encontramos con tres tipos de interpolaciones. La másrecomendable es la que nos aparece por defecto, la Bicúbica, que suaviza los bordes de la imagen. En elotro extremo de apariencia de los bordes, nos encontramos con la opción Por aproximación. Ésta nos creaunos bordes muy acentuados, nada suavizados y nos da poca calidad de imagen. Y por último, en mediode las dos opciones nos encontramos la Bilineal, que sería conveniente utilizarla cuando las imágenestienen 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 comandosTamaño de imagen o Transformación, pero cuando utilizamos Tamaño de Imagen tenemos la opción decambiar el método sin tener en cuenta el que estaba pordefecto.


c) Tecla Rehacer: el atajo que viene configurado por defecto es Ctrl + Z. Éste nos permite deshacer el últimopaso que hayamos realizado. En cambio, si queremos ir paso por paso deshaciendo acciones que hayamosrealizado sobre un archivo, disponemos del atajo Alt + Ctrl +Z, o bien del menú edición / paso atrás. Para irhacia 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 deHistoria, e ir paso a paso, activando y desactivando, para hacer y deshacer. Es el mismo proceso, aunque lorealicemos desde herramientas diferentes.

Por defecto, Photoshop nos presenta los 20 últimos estados de Historia. A partir de estos 20 se van eliminandopara que no ocupen tanta memoria. Si nos interesa conservar un estado concreto, debemos realizar unainstantánea de éste, con objeto de poder volver cuando queramos. No obstante, es preciso tener presente queen el momento de cerrar y volver a abrir el archivo, perdemos todos los estado de Historia y de lasinstantáneas.


Paso atrás

Paso adelante

d) Exportar Portapapeles: dentro de la casilla Opciones. Si la tenemos activada, nos permitirá pegarimágenes que estemos utilizando en Photoshop en otras aplicaciones. Si no seleccionamos esta opción, elcontenido del portapapeles se elimina al salir del programa. Para vaciar el portapapeles, tenemos la opciónen Edición / Purgar / Portapapeles.

e) Nombres Pantone cortos: como su nombre indica, si la activamos, Photoshop usa el nombre abreviadode los Pantone.

f) Mostrar información de las herramientas: si la tenemos activada, nos aparecerá una breve descripción oel 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 deteclado Ctrl + + (más) y Ctrl + - (menos), que la imagen se redimensione a la vez que aumenta odisminuye 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 segundoprograma. Funciona con la opción " Ir a " que se encuentra en la barra menú / archivo y con el botón dela barra de herramientas Ir a iImageReady.

i) Mostrar opciones de texto asiático: nospermitirá configurar tipos de letras chinos,japoneses y coreanos. Pero hemos de haberrealizado una instalación del programapersonalizada.

j) Notificar al terminar: el programa emitirá unsonido para indicarnos que las operaciones queestamos realizando han concluido.

k) Colores dinámicos: facilita la mezcla de coloresen la paleta colores al desplazarnos con elregulador.

l) Guardar ubicaciones de paleta: si la activamos, nos guardará el espacio de trabajo como lo hayamosdejado antes de cerrar. Es decir, si hemos elegido sólo las paletas de capas, trazados e historias, y lashemos dejado visibles y en un solo bloque, cuando volvamos a abrir el programa, no habrá variado ypodremos continuar trabajando como si no hubiera pasado el tiempo.


Ir a ImagenReady(Ctrl.+Mayus+M)

ll) Mostrar nombres de fuentes en inglés: al activar esta opción, nos aparecerán las fuentes que tienen unnombre inglés en el encabezamiento.

m) Usar tecla mayúscula para cambiar de herramienta: si esta opción está deseleccionada, podemoscambiar entre las herramientas agrupadas sólo con el atajo de teclado. Por ejemplo: para cambiar entre elmarco ovalado y el marco cuadrado sólo tendremos que pulsar la tecla M. En cambio, si activamos laopción Usar tecla Mayús para cambiar de herramienta, realizar la misma acción, tendremos que pulsarademás de la M, la tecla Mayúscula.

3.2 Manejo de archivos

Para acceder a este cuadro de diálogo pulsamos el botón Siguiente de Preferencias generales o desde elmenú Edición-Preferencias-Manejo de archivos.

Mediante este cuadro de diálogo podemos determinar nuestras preferencias cuando guardamos un archivo ytrabajamos con archivos del grupo de trabajo.

Las opciones que nos ofrece son las siguientes:

a) Prev. Imagen: se refiere a las miniaturas que vemos cuando elegimos una imagen en el cuadro de diálogoAbrir o en el Explorador. Son muy útiles a la hora de identificar imágenes y lo más cómodo es elegir laopción Guardar siempre.


b) Extensión de archivos: las extensiones de los archivos aparecerán en mayúsculas o minúsculasdependiendo de la opción que elijamos.

c) Preguntar antes de guardar archivos TIFF con capas: si guardamos los archivos TIFF con capas, sólopodremos abrirlos con Photoshop, además de que éstos ocupan más espacio. Por lo tanto, es convenientetener activada esta opción para que nos avise de si realmente queremos guardar un archivo TIFF concapas.

d) Maximizar siempre la compatibilidad de los archivos de Photoshop (PSD): esta opción nos permitevisualizar 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ú emergenteGrupo de trabajo , que está en la barra de estado en la parte inferior de la pantalla de Photoshop. ElGrupo de trabajo nos permite trabajar en red compartiendo archivos. En Extraer del servidor, podemosdeterminar 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 archivosrecientes. Esta lista que se encuentra en el menú Archivo es muy útil cuando trabajamos con unos archivosfrecuentemente.

3.3 Pantalla y Cursores

El siguiente cuadro de diálogo está compuesto por las opciones de pantalla y cursores. En él podemosdeterminar la forma del puntero de las herramientas, agilizar las visualizaciones de los efectos de éstas, activarel tramado de difusión o aplicar el color correspondiente a cada uno de los canales de color de la paleta Capas.


a) Canales de color: si activamos esta opción, los canales de color de la paleta canales se teñirán cada unode 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 demiles de colores. En este caso, Photoshop utiliza una técnica llamada tramado de motivo, que se empleapara mezclar los píxeles y conseguir nuevos colores. Pero este tramado genera un motivo característicoentre 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, doblandoel tamaño de los píxeles temporalmente y reduciendo a la mitad su resolución para que la visualización seamás rápida.

d) Cursores de pintura / Otros cursores: en este apartado podemos determinar la apariencia que tendránlos punteros de las herramientas. Estándar, para mostrar el puntero como el icono de la herramienta, esdecir, si utilizamos el pincel, el puntero será un pincel. Por otra parte, Preciso nos muestra el puntero de laherramienta en forma de cruz. Y, por último, tamaño de pincel, nos muestra el puntero como el tamaño dela 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, Lazomagnético, Varita mágica, Recortar, Sector, Parche, Cuentagotas, Pluma, Degradado, Línea, Bote de pintura,Pluma magnética, Medición y Muestra de color.

3.4 Transparencia y Gama

Continuamos haciendo clic en el botón siguiente y encontramos la opción de trasparencia y gama.


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 laque estamos trabajando existen unos colores parecidos a los de la cuadrícula y se confunden. La opciónUtilizar 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 avisode gama muestra los colores que están fuera de ese rango resaltándolos con un color. Ese color y suopacidad lo podemos cambiar para que resalte mejor en nuestra imagen, haciendo clic en el cuadro de colornos 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.

3.5 Unidades y Reglas

Cuando pulsamos Ctrl + R, o bien menú Vista-Reglas, nos aparecerán las reglas en el archivo sobre el queestemos trabajando en la parte superior y a la izquierda. Podemos cambiar las unidades de las reglas no sóloen 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 yqueremos 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 unaimpresora normal.


3.6 Guías, Cuadrículas y Sectores

En este apartado,determinaremos el color,el estilo de las guías,cuadrículas y sectores deuna imagen. Estas líneasaparecen en la imagen,pero no se imprimen. Sonmuy útiles para alinearelementos o recortarimágenes, y sobre todopara imágenes web.

3.7 Plug-Ins y Discos de memoria virtual

a) Directorio de plugins adicionales: cuando instalamos plugins en Photoshop debemos realizarlo en lacarpeta Plugins. En caso de poseer otros plugins en otras carpetas, pueden ser utilizados con Photoshop,activando la opción Directorio de plugins adicionales y especificando la carpeta donde se hallan.

b) Número de serie existente de Photoshop: para ejecutar algunos plugins es preciso indicar el número deserie del programa Photoshop.

c) Discos de memoria virtual: Photoshop necesita la memoria RAM para realizar todas las operaciones, perocuando no dispongamos de la suficiente, puede utilizar los discos de memoria virtual. Éstos puedencorresponder a cualquier unidad o partición con memoria libre. Photoshop utiliza el disco duro en el queestá instalado el sistema operativo como disco de memoria primario. En este cuadro de diálogo, podemosdesignar un segundo, un tercero y un cuarto disco.


Photoshop permite hasta 200GB de espacio de discos de memoria virtual. Para los usuarios de Windows, noes 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 enlos que estemos trabajando y debe ser local, es decir, no accederemos a ellos a través de la red. Es importanteque las unidades que designemos estén ubicadas en un espacio contiguo al del disco duro, por lo quedebemos optimizar el disco duro frecuentemente con el Desfragmentador de Windows, por ejemplo.

3.8 Memoria y Caché de imagen

La configuración de caché de imagen nos indica la velocidad de visualización de las áreas de la pantallausadas 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 baseen un muestreo representativo de todos los píxeles. Mediante Uso de memoria nos informa de la memoriaRAM 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 seapreciarán cuando volvamos a iniciar el programa.

3.9 Personalización del espacio de trabajo

Podemos guardar las ubicaciones de las paletas cuando salimos de la aplicación, seleccionando la opciónGuardar ubicaciones de paletas en el cuadro de diálogo Preferencias generales. Si queremos trabajar con


las ubicaciones por defecto, sólo tenemos que deseleccionar esta opción. Además, Photoshop nos permiteguardar espacios de trabajo personalizados, guarda la situación de las paletas y los cuadros de diálogo. Estoes útil cuando el ordenador es compartido por varios usuarios y cada uno trabaja con una serie de paletas yuna ubicación determinada.

Para guardar una disposición de laspaletas y los cuadros de diálogo en elmenú Ventana-Espacio de trabajo,elegimos Guardar espacio de trabajoy, a continuación, le ponemos unnombre. Desde este menú, podemoseliminarlos, elegir uno de ellos paratrabajar o restaurar las ubicacionesoriginales de las paletas.

3.10 Grupos de trabajo

Photoshop permite trabajar en red compartiendo archivos y trabajando en grupo. Para ello, necesitamosconectarnos a un servidor WebDAV, que será el encargado de gestionar los grupos de trabajo a través deInternet. 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 losusuarios no pueden modificar el archivo en el que estemos trabajando hasta que no hayamos registrado loscambios. 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 cadavez.

Para configurar un servidor y utilizarlo con Photoshop, debemos hacerlo en el menú Archivo-Grupo detrabajo-Servidores del grupo de trabajo. En este cuadro de diálogo, especificamos una carpeta, en la quese almacenarán las copias locales de los archivos que gestionemos. También debemos especificar un servidordá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 delarchivo, 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 noaparece, debemos activar la opción Habilitar funcionalidad del grupo de trabajo en el cuadro de diálogoPreferencias-Manejo de archivos.


a) Abrir archivos: desde Archivo-Grupo de trabajo-Abrir, o bien desde el menú emergente. Cuandoabrimos 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 sinextraerla.

Una vez abierto un archivo, podemos volver a la versión anterior del archivo en el servidor, si lo hemosextraído. En cambio, si tan solo hemos abierto una copia local, podemos actualizarla con los cambios que hanhecho otros usuarios de ese archivo en el servidor. Tanto uno como otro descartan los cambios que hayamosrealizado.

b) Extraer archivos: en Archivo-Grupo de trabajo-Extraer, o bien desde el menú emergente. Al extraer unarchivo del servidor evitamos que otros usuarios realicen cambios en ese documento, lo bloqueamos. Paradesbloquearlo sólo debemos registrar los cambios que hayamos realizado. En cambio, si queremos extraerun archivo, es decir, si no lo ha extraído otro usuario antes, tenemos la opción Verificar estado que seencuentra en el menú emergente o en el menú Archivo-Grupo de trabajo.


Para añadir servidores

c) Registrar un archivo: cuando hemos acabado de realizar las modificaciones al archivo, lo registramos ycon 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 quequeremos 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 paracompartir 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.


RECUERDE

- Tenemos la posibilidad de personalizar nuestro espacio de trabajo. Por ejemplo, podremos elegir sólo colorespara Web, definir cuantos estados de historia nos interesa tener, o cómo nos aparecerán los cursores de lasherramientas que estamos utilizando. En definitiva, tenemos una amplia gama de posibilidades, quepodremos 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 memoriavirtual que utiliza Photoshop, además de especificar otros discos de memoria virtual si la memoria RAM noes suficiente. De esta manera, podremos realizar operaciones más complicadas sin temer que el ordenadorutilice 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 abrirPhotoshop.

- Podemos trabajar en red y compartir archivos con otros usuarios de una forma segura.



4.1. Acciones ....................................................................................49

4.1.1. Grabar acciones...............................................................51

4.1.1.1. Insertar trazados.................................................52

4.1.1.2. Insertar detenciones ...........................................53

4.1.1.3. Controles modales..............................................53

4.1.1.4. Insertar elemento de menú ................................54

4.1.2. Ejecutar acciones.............................................................55

4.1.3. Operaciones con acciones y comandos ..........................56

4.1.4. Cargar y guardar acciones...............................................56

4.2. Usar droplets .............................................................................57

4.3. Comando lote ............................................................................59

4.4. Hoja de contacto .......................................................................60

4.5. Conjunto de imágenes..............................................................60

4.6. Cambio de modo condicional ..................................................61

4.7. Encajar imagen..........................................................................62

4.8. Pdf multipágina a psd...............................................................62

4.9. Crear galerías de fotografías web ...........................................63

Tema 4 Automatizar lastareas

Photoshop nos brinda la oportunidad de ahorrar tiempo en el proceso de creación y diseño gracias a lacaracterística de automatizar las tareas, ya que contiene una serie de herramientas que nos ayudarán aagilizar el trabajo. Es decir, ahora con un sólo clic del ratón realizaremos aquellas acciones que utilizamos conmá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, quenos permiten realizar con mayor facilidad y rapidez nuestro trabajo. A continuación veremos cada una de estasherramientas.

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, poderrepetirlos tantas veces como deseemos sin necesidad de recordar paso por paso. Por ejemplo, si normalmentetodas las imágenes con las que trabajamos tienen un tamaño que hay que reducir, ponerles un marco yguardarlas en un formato específico y en una determinada carpeta, con todos estos comandos podemos haceruna acción, de manera que con tan solo hacer clic en un botón la fotografía se transforme tal y cómo hemosdefinido previamente. En las acciones se pueden introducir detenciones que nos permiten aplicar un efectoque no se puede grabar (por ejemplo, pintar sobre una imagen) y también podemos incluir controles modalesque 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, lascuales 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 decargar 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, porejemplo, todas las acciones que se refieran a un cambio deformato, las podemos meter en una carpeta llamada Formato.

Paralelamente, las acciones de la paleta se pueden visualizarde dos modos, el modo lista y el modo botón. El primero deellos presenta las acciones como una lista en la que se puedencontraer y expandir las acciones, conjuntos y comandos. Por suparte, el modo botón sólo permite ver las acciones como unbotón y, por tanto, no se muestran comandos o conjuntos.


A continuación, veremos todos los elementos que nos ofrece esta paleta, para poder utilizarla correctamente:

Funciones de la paleta Acciones:

Nos indica si está activada o desactivada cada una de las acciones o comandos.

Indica un control modal. Permite la configuración de un comando mediante un cuadro de diálogo.Cuando aparece en gris, se mostrarán los cuadros de diálogo en cada opción y podremos cambiar lascaracterísticas de las acciones una por una. Si aparece en rojo las acciones se desarrollaranautomáticamente, con la configuración predeterminada.

Si la flecha apunta hacia la derecha nos muestra sólo el nombre de la acción conjunto o comando. Noobstante, si hacemos clic sobre ella apuntará hacía abajo y nos mostrará su contenido expandido. Siqueremos volver a contraerlo debemos hacer clic sobre ella nuevamente.

Nos indica el grupo que contiene una acción o un conjunto de ellas. Sihacemos doble clic podremos cambiarle el nombre.

Botón de parada. Podemos detener la grabación que se está ejecutando o la acción que se estáprocesando.

Botón de grabación. Comienza la grabación de una acción.

Reproduce una acción, o restablece una que fue parada.

Crear grupo nuevo. Nos permite crear un nuevo grupo de acciones.


Conjunto

Acción

Comandos

Introduciremos una acción nueva.

Eliminaremos cualquier grupo o acción.

Nos abre el menú acciones, tal y como se muestra en la imagen siguiente.

Podemos observar que dicho menú se divide en seis secciones, separados por unalínea divisoria entre los grupos del menú. A través de este menú se accede a todaslas operaciones que se puede realizar con las acciones, aunque la mayoría sonaccesibles desde los iconos situados en la parte inferior de la paleta: Iniciargrabación, Ejecutar selección, Insertar parada, Acción nueva y Eliminar. En laparte inferior podremos ver las últimas acciones recientemente cargadas.

4.1.1. Grabar acciones

El proceso para crear nuevas acciones es bien sencillo, como veremos acontinuación. Al iniciar la grabación, todas las operaciones, comandos, yherramientas que se utilicen se irán añadiendo a ésta, hasta que detengamos lagrabación. Antes de comenzar la grabación de una acción, debemos tener encuenta algunos consejos:

- Los resultados de las acciones varían según la imagen, según su tamaño, resolución, etc. No es lo mismoaplicar 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 reglaestén en porcentaje, así la acción se ejecutará en la misma posición relativa de la imagen. Si ejecutamosuna 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 nose grabará.

Por otro lado, para grabar una acción se deberán seguir los siguientes pasos, teniendo en cuenta quedebemos tener un archivo abierto para trabajar sobre él.

a) Hacemos clic en el botón Acción nueva oelegimos la opción en el menú emergente de lapaleta. Nos aparecerá este cuadro de diálogo:


En Nombre introducimos el nombre que le vamos a dar a la acción, teniendo en cuenta que debe ser lo másdescriptivo y claro posible.

Mediante la opción Configurar, seleccionamos la carpeta o conjunto en el que queremos introducir la acciónnueva. No obstante, si queremos meter la acción en una carpeta nueva, tenemos que crearla previamente (loharemos 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/oMayus, que ejecuta automáticamente la acción. En la opción de color, le asignaremos un color paravisualizarla 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 paletaAcciones se volverá rojo. Ahora todos los comandos y operaciones que realicemos se grabarán como unaacción. Si queremos interrumpir la grabación sólo tenemos que hacer clic en el botón de parada de la paletaAcciones, Detener grabación en el menú de la paleta o bien pulsando la tecla ESC. Para reanudar lagrabación seleccionaremos la acción y haremos clic en el botón de Grabación o Iniciar grabación en elmenú 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 laacción tomarán el nombre que le hayamos dado durante la grabación. Hasta este momento hemos descrito elproceso básico para crear acciones en Photoshop, pero ahora trataremos otra serie de operaciones que sepueden incluir en una acción.

4.1.1.1. Insertar trazados

Photoshop nos permite insertar un trazado como parte de una acción, pudiendo incluirlo cuando estamosgrabando una acción o bien después. Si optamos por esta última, debemos elegir el sitio donde queramosinsertarlo. Para ello, seleccionaremos un comando sabiendo que nuestro trazado se insertará justo despuésde éste. Pero si no seleccionamos un comando en concreto, sino la acción, el trazado insertado se situará enla última posición.

Una vez iniciada la grabación y situados en la posición correcta, debemos seleccionar el trazado en la paletaTrazados 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 Grabartrazado, ya que si no lo hiciéramos, cada trazado que vayamos insertando, sustituirá al anterior.


4.1.1.2 Insertar detenciones

Hay comandos que no se pueden grabar como una acción, o bien, que son específicos de cada archivo. Paraello existen las detenciones, de manera que la ejecución de la acción se detendrá, para que el usuario puedarealizar 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 guardarlosen formato TIFF, todos estos comandos se pueden grabar en una acción, pero el nombre de cada retrato esdistinto en cada documento. Es por ello que debemos insertar una detención en la acción, para que el sistemanos 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 dela acción, o bien en un comando específico, lo que conlleva que la detención se incluya justo después de dichocomando.

Teniendo en cuenta todo lo anterior,seleccionamos la opción Insertar detenciónen el menú de la paleta Acciones.

En el cuadro de diálogo podemos escribir un mensaje que sirva de recordatorio de la tarea manual (en nuestrocaso podemos poner "Escribir nombre"). La casilla Continuar nos ofrece la posibilidad de mostrar el mensajecon un botón de Detener, o bien, con dos botones, para que el usuario pueda elegir si Continuar o Detener laacción. Las siguientes imágenes muestran la apariencia de los mensajes:

4.1.1.3. Controles modales

Otra de las opciones para detener la ejecución de una acción, nos la ofrece la introducción de los controlesmodales, pero esta vez, para poder introducir valores en un cuadro de diálogo. Únicamente podremosintroducir controles modales para acciones que abran cuadros de diálogo, como es el caso de los comandosTono/Saturación, Ajustar niveles, etc.


Podemos activarlos y desactivarlos haciendo clic en el símbolo de control modal a la izquierda del comando oacción.

Si lo desactivamos en la acción, se desactivarán todos los controles modales de los comandos que componenesa 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 seaccederá 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 sobreun archivo, aunque también ralentiza la ejecución.

4.1.1.4. Insertar elemento de menú

Hay herramientas que no se pueden grabar, como por ejemplo las herramientas de pintura o los comandos delos menús Vista o Ventana, pero muchas de estas herramientas, se pueden insertar en una acción, con laopción Insertar elemento de menú, del menú de la paleta Acciones. Para ello hay que tener en cuenta queno se graba en la acción ningún valor para este comando y hasta que no se ejecuta la acción, no se ejecutael comando. Si estos comandos tienen un cuadro de diálogo, la acción se detendrá hasta que pulsemos elbotó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 esemomento aparecerá el cuadro que se muestra en la imagen siguiente. Al seleccionar el comando quequeremos insertar, automáticamente se cambiará la Opción de menú con el nombre del elemento queacabamos de insertar.

Por ejemplo, si hemos guardado una selección como acción y queremos rellenarla de un color, después dehaber hecho clic en Insertar ítem de menú, debemos elegir en la barra de Menú >Edición >Rellenar, yquedará guardada esa acción en la paleta de Acciones.


4.1.2. Ejecutar acciones

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 teclaspulsamos 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 ymanteniendo pulsada la tecla Ctrl, haremos doble clic sobre el comando (o clic en el botón Ejecutar de lapaleta).

Para deshacer una acción disponemos de dos posibilidades: la primera desde la paleta Historia, eliminandoestado por estado. La segunda alternativa y, sin duda, la forma más cómoda y rápida, es hacer unainstantánea del archivo antes de ejecutar la acción.

Podemos determinar la velocidad de ejecución de lasacciones para poder apreciar mejor los pasos que lacomponen. Para ello seleccionamos Opciones deejecución del menú de la paleta.

1. Acelerado es la opción elegida por defecto: tan sólo se aprecia el efecto.

2. Paso a paso: hasta que no ha terminado un comando y se ve su efecto no comienza el siguiente. Deesta manera, podremos detectar errores durante la ejecución de la acción.


3. Pausa entre comandos: hay que determinar una cantidad de segundos entre la ejecución de cadacomando.

4. Detener para anotación sonora: si no está marcada, la acción continúa mientras se ejecuta unaanotación sonora.

4.1.3. Operaciones con acciones y comandos

Desde la paleta de Acciones, podemos realizar las siguientes operaciones:

- Reordenar: los comandos y las acciones se pueden reordenar y cambiar de ubicación. Para ello, sólotenemos 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 delratón.

- Grabar comandos nuevos: para grabar comandos nuevos en una acción, debemos hacer clic en el botónde Grabar. Si queremos grabarlo al final de la acción, hay que seleccionar previamente el nombre de laacción. Si lo que deseamos grabar después de un determinado comando, seleccionaremos entonces esecomando, antes de grabar.

- Volver a grabar: esta operación se realiza cuando deseamos introducir nuevos valores. Para ello, hay queseleccionar una acción y elegir la opción del menú de la paleta Volver a grabar. Paralelamente, para volvera 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ónse sitúa detrás del original. También podemos hacerlo arrastrando lo seleccionado hasta el botón Acciónnueva 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 lapaleta.

4.1.4. Cargar y guardar acciones

Photoshop presenta una serie de acciones predefinidas que podemos ver en la parte inferior del menú de lapaleta Acciones, tal y como se muestra en la imagen siguiente. Para cargar acciones que no estén disponiblesdesde el menú, accederemos a la opción Cargar acciones, mediante la cual buscaremos el archivo yharemos clic en el botón de Cargar.


Para grabar un conjunto de acciones seleccionamos la opción Guardar del menúde la paleta.

Es posible guardarlas en cualquier ubicación, pero será más cómodo hacerlo enla carpeta Acciones de Photoshop de la carpeta Ajustes, ya que seránaccesibles desde el menú de la paleta.

Si queremos restaurar las acciones que estaban por defecto, seleccionamos la opción Restaurar accionesdel menú de la paleta.

4.2. Usar Droplets

Los droplets son pequeñasaplicaciones que realizan unaacción sobre uno o varios archivos,para ejecutarlos tan sólo hay quearrastrar dosel archivo hasta elicono del droplet ( ). En relacióncon esto, conviene saber que losdroplets se pueden situar en elescritorio o en cualquier otracarpeta.

Para crear un droplets basándonosen acciones, seleccionamos elmenú Archivo> Automatizar


>Crear droplet. La acción a partir de la cual queramos crear un droplet, deberemos grabarla previamente enla paleta Acciones.

La imagen siguiente muestra todas las opciones a la hora de crear un droplet. Observamos que se encuentradividida 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.

b) La sección de Ejecutar contiene las siguientes opciones:

- En la opción Configurar elegiremos el conjunto de acciones y en Acción seleccionamos la acción a partirde la cual vamos a crear el droplet.

- Ignorar comandos "Abrir" de Acción. Si activamos esta casilla ignoramos cualquier comando queaparezca en la acción que empiece por Abrir. Debemos tener en cuenta la acción que vayamos a realizarpuesto que a veces, ésta contiene el comando Abrir para determinados archivos que son necesarios parala 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 distintosperfiles, 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. Sielegimos la opción Ninguno los archivos se quedarán abiertos sin guardar los cambios, a menos que laacció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ónCarpeta guarda los archivos procesados en otra ubicación que debemos especificar haciendo clic enSeleccionar.

- Ignorar comandos "Guardar como" de Acción: si activamos esta opción el comando Guardar como dela acción hará referencia a los archivos que procesemos, en vez de a los nombres de archivo y ubicaciónespecificados en la acción.

- Nombres de archivos. Nos permite cambiar los nombres y las extensiones de los archivos que vamos amodificar.

- Compatibilidad. Para hacer compatible los nombres de los archivos con los distintos sistemasoperativos.

d) Errores. Si se cometen errores en el proceso Detener para buscar errores nos avisará en el momento delerror cometido, aunque mediante la opción de Errores de registro a Archivo, se grabará cada error en elarchivo indicado sin detener el droplet y nos informará después de terminar el proceso.


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 dearchivos que necesiten los mismos ajustes. Por ejemplo, un fotógrafo de un periódico que ha realizado unreportaje en un lugar cerrado con una luz verdosa podrá procesar todas las fotos del reportaje mediante undroplet que corrija esa dominancia de color. Únicamente tendrá que realizar el primer ajuste para grabarlo enuna acción y todas las imágenes serán tratadas de la misma forma. Esto ahorra mucho tiempo, factorfundamental en la elaboración de un periódico.

4.3. Comando Lote

El funcionamiento de este comando es muy parecido al de los droplets, pero a diferencia de los anteriores, nose crea una pequeña aplicación sino que trabajamos desde Photoshop y nos permite ejecutar una acción enuna 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ólocambia el conjunto Origen. Desde aquí seleccionamos los archivos que queremos procesar, mediante lassiguientes opciones:

- Carpeta, para seleccionar archivos que se encuentran en el ordenador.

- 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.

- Explorador de archivos, ejecuta la acción en los archivos seleccionados en el Explorador de archivos.


4.4. Hoja de contacto

Nos permite visualizar una serie de imágenes contenidas enuna carpeta de una manera rápida y sencilla, parecida a latradicional hoja de contactos utilizada en los estudios defotografía, tal y como se muestra a continuación.

Es una herramienta muy útil, no sólo por que nos ofrece unmétodo de organización, sino porque se hace muy rápida laselección de un archivo en concreto. En Carpeta de origenelegimos la carpeta donde se encuentran las imágenes quequeremos incluir en la hoja de contactos.

Determinamos también el tamaño del documento, suresolución, el modo de color, el tamaño de las miniaturas y eltipo de letra en el que se escribirá el nombre del archivo.

4.5. Conjunto de imágenes

Si somos estudiantes estaremos acostumbrados a las hojas de fotos de diferentes tamaños que nos dan enlos estudios de fotografía, para que se los demos a cada profesor. Pues bien, esta utilidad también se puede


realizar mediante el menú Archivo>Automatizar>Conjunto de imágenes, que dispone varias copias de unamisma 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 opcionespara configurar nuestro conjunto de imágenes:

- En Origen: podemos elegir entre Primer documento para hacer el conjunto de imágenes con el archivoque esté abierto en ese momento; Archivo para seleccionar uno guardado en disco o Carpeta paraexplorar una carpeta que contenga archivos de imagen.

- Documento: seleccionamos el tamaño del documento, la resolución, la composición de las imágenes, elmodo de color y si el archivo tendrá cada imagen en una capa o si, en cambio, estarán todas acopladas.

Podemos colocar una etiqueta en el documento con el nombre del archivo o un texto personalizado, e inclusoelegir en qué posición de la imagen colocarlo.

4.6. Cambio de modo condicional

Con esta opción del menú Automatizar cambiamos el modode una imagen por el modo que especifiquemos, teniendo encuenta el modo original de la imagen.


4.7. Encajar imagen

Encaja la imagen que tengamos abierta en las medidasque especifiquemos sin cambiar su proporción. Estaopción remuestrea la imagen, por lo que cambian los datosde la imagen.

Por ejemplo, en un periódico suelen recortar las imágenes resaltando la parte más importante, la que llama laatención, eliminando elementos accesorios. En el caso de una imagen en la que todos los elementos queaparecen 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.

4.8. PDF Multipágina a PSD

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 queremosconvertir en imagen.

b) En Rango de páginas especificamos qué páginas del documento vamos a convertir.

c) En Opciones de salida determinamos la resolución del documento y el modo de color. La opciónSuavizar suaviza los bordes durante la rasterización.

d) En Destino especificamos el nombre genérico que van a tener los archivos. Este nombre irá seguido deun número que corresponde con el número de página del archivo PDF. Por último, mediante el botón deSeleccionar determinamos la ubicación de los archivos.


4.9. Crear galerías de fotografías web

Una galería de fotografías web, no es más que una página web que contiene unas miniaturas de imágenesque hacen de vínculo, y que haciendo clic sobre ellas, nos muestra otra página con la imagen a tamañocompleto. Este comando del menú Automatizar crea una galería web a partir de un conjunto de imágenes quenosotros especifiquemos. Esta opción que podría ser complicada, sobre todo para usuarios sin conocimientosde creación de páginas Web, se realiza rápidamente y con facilidad gracias a este comando.

De hecho, éste es otro método de organización de imágenes que, además, se hace visible sin la necesidadde abrir Photoshop. Tan sólo se necesita un navegador de Internet, como se demuestra en la siguiente imagen:

Photoshop nos presenta una serie de opciones para personalizar la galería.


a) Sitio: En Estilos, Photoshop nos presenta una serie de estilos de diseño para la galería. Aquel que elijamosaparecerá en miniatura a la derecha del cuadro de diálogo. Por su parte, en el campo Correo electrónicointroduciremos la dirección de contacto de la galería. Los archivos que genera Photoshop para realizar lapá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 incluiren 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. Porejemplo, disponemos de opciones para el titular de la galería, las imágenes, elegir colores y opciones deseguridad.

Mediante Titular se especifica el nombre del sitio, el nombre del fotógrafo, una dirección o teléfono de contactoy la fecha. En todas las opciones en las que se introduce texto personalizado podemos elegir también el tipode 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 encuentranen el cuadro Imágenes grandes. Desde aquí, podremos determinar si queremos redimensionar la imagenpara restringirla a unas proporciones, la calidad de la imagen resultante, o la elección de bordear y mostrarinformación al pie de cada fotografía. En Miniaturas se seleccionan las opciones para la página principal dela galería. Determinamos el tamaño, la distribución de las miniaturas en filas y columnas, el borde y el textoque llevarán las imágenes.

Photoshop nos permite personalizar un pocomás la página cambiando los colores dedeterminados elementos de la galería. Paraello tenemos la opción Colorespersonalizados. En este sentido, paracambiar los colores sólo tenemos que hacerclic en el cuadro de color y elegir aquel quemás nos guste en el selector de color.

Mediante la última opción, Photoshop nospermite adoptar una medida de seguridadpara evitar copias ilegales de las imágenes,consistente en colocar un textopersonalizado (nombre del archivo,copyright...) justo encima de cada fotografía.En la imagen siguiente podemos apreciarcomo la imagen de tamaño grande, muestrasu nombre (platanos.tif) justo encima.


En el proceso de realización de una galería Web, Photoshop genera una serie de archivos que guarda en laubicación especificada. En ella, se crea un archivo llamado index que se refiere a la página principal de lagalería. Después, guarda en una subcarpeta todas las imágenes en formato JPEG y en otra las mismasimágenes pero en miniatura. Por último, añadir que también genera una subcarpeta con todas las páginas enHTML. Si el usuario tiene conocimientos de este lenguaje puede cambiar el diseño de la galería modificandoparámetros en este lenguaje.


Archivos generados por Photoshop en lacreación de una galería Web

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 diferentesarchivos que abramos en el programa. En las acciones se pueden incluir controles modales que permitenañadir valores en un cuadro de diálogo. Esto nos permite tener un mayor control sobre los cambios en laimagen. También podemos incluir detenciones para realizar las operaciones que no se pueden grabar en unaacción.

- Podemos utilizar las acciones creadas a partir de la paleta Acciones para ejecutarlas sobre archivos a travésdel comando Lote que permite ejecutar acciones sobre carpetas de archivos, o los droplets que sonpequeñas aplicaciones que ejecutan las acciones cuando se arrastra un archivo o carpeta de archivos sobresu icono.

- El comando Galería de fotografías Web nos ayuda a crear rápida y fácilmente una página Web dondeenseñar nuestras fotografías.

- Los comandos Hoja de contactos y Conjunto imágenes permiten crear documentos en los que se incluyanuna serie de imágenes distintas o varias versiones de una misma imagen. Esto nos puede ayudar a organizarnuestros archivos de imágenes.



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

Tema 5 Diseño de páginas web

con ImageReady

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 tenerconocimientos de lenguaje HTML o Java.

Con Photoshop trataremos las imágenes que aparecerán en la página, podremos dividirlas en sectores yguardarlas 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 trabajasólo con el modo de color RGB y una resolución de 72 ppp, ya que las páginas que creemos únicamente severán a través de un navegador, es decir, a través de Internet. De esta manera, siempre que estemos tratandouna imagen para web en Photoshop y queramos seguir con ella, en ImageReady, debemos cambiar el modode color a RGB.

Una de las herramientas más relevantes de ImageReady es la optimización, que nos permite reducir el tamañode las imágenes para que el tiempo de descarga sea el menor posible. Este aspecto es muy importante enuna 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 lectorcomprenderá 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, dondeobservamos 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 lavemos ahora. Utilizando un editor de páginas web como Dreamweaver, no es aconsejable utilizar una imagencomo 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.

Observemos ahora la siguiente imagen:


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 camposde la tabla creada en HTML. Profundizando en este concepto, añadiremos que el web master ha necesitadouna 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 laimagen inferior. El resto de la imagen forma parte de la tabla con un fondo de color azul y letra insertada en elcó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 deldiseño, explicaremos con mayor detalle las distintas herramientas con las que podemos trabajar enImageReady.

5.2. Trabajar con sectores

Los sectores son áreas rectangulares en las que se puededividir una imagen. Éstos permiten realizar efectos derollover y animación, pero sobre todo permiten laoptimización de una imagen de forma selectiva. Porejemplo, si tenemos una imagen con un motivo centralrodeado de áreas menos importantes, podemos optimizarla imagen por sectores, de manera que el motivo centraltenga una mayor calidad y el resto menos. Así, restamoscalidad a lo que menos interesa de la imagen,manteniéndola en el motivo central.


Cuando guardamos una imagen como página web, los sectores se guardan como archivos independientes consus propios ajustes, paletas de colores, enlaces y efectos. Son útiles también para aislar zonas de la imagenque tengan efectos. Por ejemplo: si un área de la zona tiene una animación, podemos optimizarla en formatoGIF y el resto de la imagen en JPEG.

5.2.1. Crear y ver sectores

Existen distintos tipos de sectores:

- Sectores de usuario, que se crean con la herramienta sector.

- Sectores basados en capa, que se crean a partir de una capa.

- Sectores automáticos, que se generan para las áreas de la imagen en las que no hemos definidosectores 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 lossubsectores se regeneran automáticamente.

Para diferenciarlos en la imagen, debemos tener en cuenta que los sectores de usuario y los basados en capaestá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 sin imagen

Sector con efecto rollover

Sector basado en capas

Sector enlazado

Los sectores de usuario y los basados en capas tienen símbolos azules, y los automáticos grises. Se numeranautomáticamente de izquierda a derecha y de arriba abajo. Por otra parte, podemos cambiar el color de laslíneas y seleccionar si queremos ver o no los números de sector en el menú Preferencias-Sectores.

a) Para crear sectores de usuario utilizamos laherramienta Sector. También podemos crearsectores a partir de guías o selecciones.


Seleccionando la herramienta Sector, podemos elegir tres estilos de creación de sectores:

1. Normal: para determinar el tamaño del sector arrastrando con el ratón en la imagen.

2. Proporciones fijas: para mantener unas proporciones de altura-anchura.

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 ola 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 sepueden mover, dividir, redimensionar, eliminar, organizar, etc. En cambio, los automáticos y los basados encapas no. Están enlazados entre sí y los basados en capas están ligados a los píxeles de la capa. Peroestos 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 sectorde usuario en la barra de opciones o en el menú Sectores.

5.2.2. Seleccionar y modificar 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 deusuario.

Para seleccionar los sectores debemos usar la herramienta Seleccionar sector haciendo clic sobre elsector. Si queremos seleccionar varios sectores a la vez, mantendremos pulsada la tecla Mayus. Estasselecciones 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, Cargarselección y Eliminar selección.

a) Mover y redimensionar sectores de usuario: seleccionando el sector y arrastrando sobre la imagen loscambiamos de posición y, situándonos en las esquinas o en los manejadores, arrastrándolos, losredimensionamos. Así pues, se modificará el sector que tenemos seleccionado y aquellos sectores queestán a su lado.


b) Dividir sectores de usuario y sectoresautomáticos: teniendo seleccionadosuno o varios sectores, elegimos la opciónDividir sector del menú Sectores yaparecerá el siguiente cuadro de diálogo:

Desde esta ventana, podemos elegir entre dividir horizontalmente, verticalmente o ambas. Y además nospermite seleccionar entre dividir el sector en varios sectores uniformes o según el número de píxeles. Si unsector 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 eloriginal era un sector automático o uno de capas. Para duplicar un sector, lo seleccionamos y elegimos laopció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 eloriginal.

d) Copiar y pegar sectores: podemos pegarlos en la misma imagen o en otra distinta. Seleccionamos elsector, después, en el menú Sectores seleccionamos la opción Copiar y en esa misma imagen o en otraque 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. Elsector resultante será uno que englobe a todos los sectores seleccionados. Los ajustes de optimización delsector resultante serán los mismos que los de aquel que seleccionamos en primer lugar, y será siempre unsector de usuario, independientemente de si los sectores que seleccionamos eran basados en capas oautomáticos. La opción Combinar sectores se encuentra en el menú Sectores.


f) Ordenar sectores: cuando los sectores se superponen, el que está encima de todos es el último que hemoscreado. Para cambiar el orden de apilamiento y poder acceder a los que están debajo, seleccionamos unsector y en la barra de opciones elegimos una opción: Traer al frente, Hacia delante, Hacia atrás, Enviardetrás.

Estas opciones también se encuentran en el menú Sectores-Organizar. Otra manera de ordenar los sectoreses seleccionándolos en la paleta Rollover, donde aparecen todos los sectores, y moverlos arriba y abajocambiando 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. odistribuirlos equitativamente vertical u horizontalmente. Esto permite eliminar sectores automáticosinnecesarios 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.

h) Eliminar sectores: cuando se eliminan sectores se reorganizan los sectores automáticos para rellenar loshuecos. 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 teclaSupr o Retroceso, o bien en el menú Sectores elegimos le opción Eliminar sectores. Podemos borrar todoslos sectores de usuario y los basados en capa en el menú Sectores-Eliminar todos.


Alinear Distribuir

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 sectoresseleccionamos dos o más sectores, (recuerda que para seleccionar varios sectores debemos mantenerpulsada la tecla Mayus.). A continuación, elegimos del menú Sectores, la opción Enlazar sectores. A cadagrupo 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 unsolo sector del resto del grupo y desenlazar grupo para desenlazar los sectores de usuario de un grupo, oDesenlazar todos para desenlazar todos los sectores de usuario de la imagen. No se pueden desenlazar lossectores automáticos.

5.2.3. Opciones de sector

Las opciones de sector determinancómo aparecerán los datos delsector en un navegador. Porejemplo: podemos hacer queaparezca un mensaje en la barrade estado del navegador cuando elusuario se sitúa con el ratón sobredicha imagen. Para visualizar estasopciones, en el menú Vista,elegimos Sector o, si tenemosseleccionado un sector, hacemosclic en el icono de la barrade opciones.


En esta imagen hay tresgrupos enlazados, unoidentificado con colorrosa y otro verde. El decolor gris identifica pordefecto a los sectoresautomáticos.

Haciendo clic en el símbolo Mostrar opciones, la paletasector se expande mostrando otras secciones.

a) Tipo: las opciones de la paleta sector varían dependiendo del tipo de contenidodel sector, si contiene imagen o no.

Los sectores Imagen contienen datos de imagen y efectos de rollover, y los sectores Sin imagen contienen uncolor uniforme o texto HTML. Los sectores Sin imagen se descargan con mayor rapidez que los sectoresImagen. Photoshop e ImageReady presentan un inconveniente: no permiten la visualización de los sectoresSin 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 ordendel sector. Los sectores de capa se nombran con el nombre de la capa y el número del sector. A veces, esconveniente cambiar el nombre del sector para ayudarnos a trabajar con ellos. Para ello, basta hacer clicen el campo de Nombre y escribir uno nuevo.

c) Fondo: en este campo elegimos un color para el área transparente de un sectorImagen o un color de fondo para todo el área de un sector Sin Imagen.

No obstante, podemos elegir entre varias opciones de color. Si queremos otro colormás personalizado, la opción Otro nos lleva al Selector de color.


El sector nº5 es unsector Sin imagen.En la opción Fondohemos elegido uncolor.

Resultado visulizadoen un navegador

d) URL: esta opción solo se encuentra en los sectores Imagen. Si introducimos en este campo una direcciónURL, cuando un usuario visualice la página en un navegador Web esa zona se convierte en interactiva, demanera 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 elcampo URL. Podemos visualizarla en una nueva ventana del navegador (_blank), en la misma ventana queen 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 inferiorpodremos modificar y mover los sectores mediante coordenadas numéricas. Los valores X, Y se refieren ala 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 sectorrespectivamente. 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 alos bordes izquierdos, S a los superiores, D a los derechos y B a los inferiores.

g) Mensaje / Alt: estos campos nospermiten introducir mensajes queaparecerán en el navegador Web.Estas opciones sólo están activasen los sectores Imagen. El texto queintroduzcamos en Mensajeaparecerá en el área de estado delnavegador y el texto introducido enAlt aparecerá cuando se estédescargando la imagen o cuandonos situemos con el puntero encimadel sector.


Ajustes de sector basadoen capa

Ajustes sector de usuarios


h) Texto: cuando tenemos seleccionado un sector Sin Imagen, en la paleta Sector aparece un área en la quepodemos 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. Podemosdeterminar la alineación del texto en los campos Alineación de la celda.

5.3. Mapas de imágenes

Los mapas de imágenes permiten enlazar áreas de imágenes con una dirección URL y crear efectos derollover. La principal diferencia entre mapas de imágenes y sectores es la manera de exportar la imagen comopágina web, los mapas de imágenes mantienen la imagen como un archivo único mientras que los sectoreshacen que la imagen que se va a exportar constituya un archivo diferente. Otra diferencia es que los sectoresson siempre rectangulares, mientras que los mapas de imágenes permiten determinar áreas de imagencirculares, poligonales y rectangulares.

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 necesitamoshotel en Lima. Así pues, en la página de Meliá Hoteles se nos muestra una búsqueda geográfica, que mediantela 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 hemosencontrado un hotel.


En el mapa del mundo de la primera página web, al pasar el ratón por cada una de las zonas sensibles, nosdaremos cuenta de que al hacer clic en cada una de ellas, se nos cargan páginas diferentes, es decir, aldiseñ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 resultadoun trozo de código HTML, que insertaremos en el mismo código de la página web que contendrá dicho mapa.

5.3.1 Crear y ver mapas de imágenes

Existen dos tipos de mapas de imágenes: los que se crean mediante las herramientas de mapas deimágenes, y los basados en una capa. Veremos primero la creación de mapas de imágenes que se crean conherramienta.

a) Para crear un mapa de imágenes disponemos de varias herramientas Mapade imágenes: rectangular, circular y poligonal.

Con las herramientas mapas de imágenes rectangular y circular sólo tenemos que hacer clic sobre laimagen, 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 primerpunto del polígono y, a continuación, seguimos haciendo clic para ir fijando los puntos siguientes. Para cerrarlobasta con hacer doble clic o colocar el puntero sobre el punto inicial y hacer clic.


En el mapa de Américahemos creado los mapas deimágenes que correspondena los países.

b) Los mapas de imágenes basados en capa se crean a partir de una capa, por lo que los píxeles de la capadeterminan el área de mapa de imágenes. Si modificamos la capa, el mapa de imágenes se modificaincluyendo los nuevos píxeles.

Para crear un mapa de imágenes basado en capa, debemos tener seleccionada una capa y a continuaciónseleccionar la opción Nueva área de mapa de imágenes creada a partir de capas que se encuentra en elmenú 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ágenesbasado en herramienta. Para ello, tenemos que seleccionar el mapa de imágenes y elegir del menú de lapaleta Mapas la opción Ascender área de mapa de imágenes basada en una capa.

Los mapas de imágenes que hemos creado anteriormente, se visualizan cuandoseleccionamos la herramienta Seleccionar mapas de imágenes.


También aparecen en la imagen cuando seleccionamos la opción menú Vista-Mostrar-Mapas de imágenes.

Si no los vemos bien en la imagen, porque las líneas no contrastan con los colores de la imagen, podemoscambiar 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.

5.3.2.Seleccionar y modificar mapas de imágenes.

Ya hemos visto que los mapas de imágenes se seleccionan con la herramienta Seleccionar mapas deimágenes. Y las modificaciones que podemos hacer en los mapas son las mismas y se hacen de la mismamanera 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 superiorde la ventana de Photoshop.

A continuación, veremos las opciones que nos ofrece la paleta Mapas.

5.3.3. Opciones de mapas de imágenes

Para ver la paleta Mapas seleccionamos Ventana-Mapa de imágenes, o bien hacemos clic en el botónde la paleta que esté en la barra de opciones.

Las opciones de la paleta varíansegún tengamos seleccionado unmapa de imágenes basado enherramienta o uno basado en capa.


Mapa de imágenes basado en herramienta

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 losvalores An, Al redimensionan el mapa de manera más exacta que haciéndolo con los manejadores. Sitenemos seleccionado un mapa de imágenes circular, el campo que aparece no es el de Altura y Anchura sinoR, 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 englobantodos los píxeles de la capa. La opción Polígono se adapta más a la forma de la capa, adaptación quepodemos controlar con el regulador Calidad. Éste determina el número de segmentos del polígono. Mientrasmá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 elapartado de sectores los explicaremos brevemente. Son los siguientes:

Nombre: en este campo podemos introducir un nuevo nombre para el mapa.

URL: introduciremos la dirección a la que deseamos enlazar el mapa de imágenes.


Mapa de imágenes basado en capa

Destino: seleccionamos una forma de visualizar la nueva ventana.

Alt: el texto que introduzcamos aquí aparecerá en el área del mapa de imágenes cuando el puntero se sitúesobre él en el navegador.

5.3.4. Resultado final del mapa de imágenes

Como hemos mencionado anteriormente, el resultado de crear un mapa de imágenes es un código HTML, quedebemos 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>



<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,

91,89, 89,101, 93,106, 98,106, 102,106, 105,111, 110,120, 109,136, 102,143,

85,133, 55,85, 60,82, 64,88, 73,78, 80,67, 84,68, 95,74"

HREF="http://www.solmelia.com/reservas/perú"

TARGET="_self">

<AREA SHAPE="poly" ALT="Busque un hotel en Argentina" COORDS="120,158, 109,195,

109,235, 111,255, 110,279, 121,287, 129,298, 121,282, 130,265, 122,260, 134,243,

129,235, 136,238, 138,230, 154,222, 154,212, 148,205, 156,190, 166,182, 170,174,

166,175, 158,181, 150,178, 152,171, 131,156, 130,160"

HREF="http://www.solmelia.com/reservas/argentina"

TARGET="_self">

Éste es el código resultante de la creación de los mapas de imágenes para cada país. Vamos a explicar unode ellos, ya que los demás son iguales.

<AREA SHAPE="poly": nos indica que es un mapa de imágenes de forma poligonal.

ALT="Busque un hotel en Argentina": éste es el texto que aparece en la barra de

estado del navegador y que hemos introducido en el campo Alt de la paleta Mapa

de imágenes.

COORDS="120,158, 109,195, 109,235, 111,255, 110,279, 121,287, 129,298, 121,282,

130,265, 122,260, 134,243, 129,235, 136,238, 138,230, 154,222, 154,212, 148,205,

156,190, 166,182, 170,174, 166,175, 158,181, 150,178, 152,171, 131,156, 130,160":

son las coordenadas de creación del polígono.

HREF=http://www.solmelia.com/reservas/argentina: señala la dirección URL de la

página a la que iremos cuando hagamos clic sobre Argentina.

TARGET="_self">: nos indica que la nueva página se verá en el mismo marco que en

la original.

Ésta es la forma en que representa el código HTML los datos que hemos introducido en la paleta Mapas deimágenes.


RECUERDE

- Con ImageReady podemos diseñar páginas Web con efectos, animaciones y enlaces de una manerasencilla sin conocer los lenguajes HTML o JavaScript.

- Los sectores y mapas de imágenes permiten dividir la imagen en zonas sensibles que permiten aplicarefectos de rollover y enlazar direcciones URL. También son útiles para la optimización de la imagen porzonas.

- Todas las opciones que determinemos para los sectores, mapas de imágenes, generan códigos HTML.



6.1. Rollovers ....................................................................................896.1.1. Utilizar la paleta Rollover .................................................896.1.2. Crear y editar rollovers.....................................................906.1.4. Crear estados de rollover.................................................916.1.5. Modificar estados de rollover ...........................................956.1.6. Previsualizar estados de rollover .....................................96

6.2. Animaciones ..............................................................................966.2.1. Crear y editar animaciones ..............................................976.2.2. Ver animaciones.............................................................1006.2.3. Optimizar animaciones...................................................1006.2.4. Abrir e importar archivos como animaciones.................101

6.3. Optimizar imágenes ................................................................1026.3.1. Formatos de optimización..............................................103

6.3.1.1. Formato JPEG..................................................1036.3.1.2. Formato GIF .....................................................1036.3.1.3. Formato PNG-8 ................................................1046.3.1.4. Formato PNG-24 ..............................................1046.3.1.5. Formato WBMP................................................104

6.3.2.Optimizar imágenes ........................................................1046.3.2.1. Guardar ajustes de optimización......................1096.3.2.2. La optimización ponderada ..............................109

6.3.3. Optimizar colores ...........................................................1106.3.3.1. Añadir y eliminar colores a la tabla de colores.1116.3.3.2. Cambiar colores................................................1126.3.3.3. Añadir transparencia a una imagen..................1126.3.3.4. Cargar y guardar tablas de colores ..................113

Tema 6 Diseño de páginas web

con ImageReadyII Parte

6.1. ROLLOVERS

Los Rollovers son efectos que se producen en determinadas áreas de la imagen cuando las vemos en unnavegador y situamos el puntero o hacemos clic sobre ellas. Por ejemplo: un botón que se hunde o queresplandece cuando hacemos clic en él. Los estados de rollover se basan en las capas, la utilización de lapaleta Capas es fundamental en la creación de estados de rollover, ya que los cambios que hagamos en lascapas 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 diferentesestados que lo componían, es decir, cuando estaba estático, cuando nos colocáramos sobre él, o bien cuandolo 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 quelos contiene, automáticamente nos guardará por separado, los distintos archivos que generan los estados delbotón, asegurándonos que cada vez que insertemos el botón en una página, irá acompañadoautomáticamente por las diferentes posiciones que hemos creado.

6.6.1. Utilizar la paleta Rollover

En la paleta Rollover se muestran los estados de rollover de una imagen. Pordefecto, cada imagen tiene un estado, el Normal, este es el que tiene laimagen cuando se descarga en el navegador. Desde esta paleta podemosañadir estados de rollover a la imagen. Además de los estados, desde lapaleta Rollover podemos ver sectores, mapas de imágenes y cuadros deanimación.

Para ver la paleta Rollover seleccionamos la opción Ventana-Rollovers.Para que en la paleta podamos ver los mapas de imágenes, los sectores y loscuadros de animación, tenemos que seleccionar en el menú de la paleta laopción Opciones de paleta. Nos aparecerá este cuadro de diálogo:


Estado normal Estado Sobre, cuando situamos el puntero sobre él.

a) Contenido de la paleta: si queremos ver lossectores, mapas de imágenes y cuadros deanimación, soólo tenemos que activar las casillascorrespondientes.

b) Tamaño de miniatura: determinamos el tamañode la miniatura de la capa, del sector o mapa deimágenes. No es conveniente que sea demasiadogrande, ya que se ralentizan las operaciones.

c) Contenido de la miniatura: podemos elegir entrever el documento entero o soólo el sector, capa omapa de imágenes. Con la opción Límites deobjeto, veremos más claramente la organizacióndel documento. Mostrar distintivo de icono deminiatura se refiere a si queremos que en la paletaaparezcan los iconos de sector, mapa deimágenes o estado del rollover al lado de laminiatura.

Los estados se pueden expandir ycontraer para verlos según nosconvenga en la paleta. Para ello, solotenemos que haceremos clic en laflecha que se encuentra a la izquierdadel nombre del sector o mapa deimágenes.

6.1.2. Crear y editar rollovers

Como ya hemos explicado, un rollover es un efecto en el que aparecen distintos estados de una imagencuando situamos el ratón sobre esa imagen o hacemos clic sobre ella desde el navegador de Internet. Unestado de rollover viene definido por una configuración específica de la paleta Capas, que incluye la ubicaciónde la capa, estilo y otras opciones.


Distintivo de iconode miniatura

Se recomienda utilizar sectores o mapa de imágenes basados en capa, porque las dimensiones de la capapueden variar cuando creamos un estado de rollover, y los sectores y mapas de imágenes basados en capase 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 tenerseleccionada la capa en la paleta Capas y, a continuación, hacer clic en el botón Crear rollover a partir delas capas, que se encuentra en la paleta Rollover.

6.1.3. Crear estados de rollover

Iremos explicando cómo crear un estado de rollover paso por paso con un ejemplo. Para ello, lo primero escrear el botón.,

Paso 1.Debemos seleccionar el sector o mapa de imágenes al que queremos añadir un estado de rollover. Lopodemos seleccionar en la imagen o en la paleta Rollover. Recordemos que si en la paleta no aparecensectores o mapas debemos activar las casillas correspondientes en Opciones de paleta.

Paso 2.Ahora añadiremos un estado de rollover al sectorseleccionado. Podemos hacerlo de dos maneras: desde lapaleta Rollover haciendo clic en el botón Crear estado derollover , o desde el menú de la paleta seleccionandoNuevo estado de rollover.


El resultado en la paleta de Rollover será éste:

Ya tenemos un estado de rollover en el sector seleccionado. El estado queaparece por defecto es el estado Sobre, es decir, el estado que mostrarádicho botóneste botón cuando el usuario sitúe su ratón sobre dicho botónéldesde un navegador de Internet.

Paso 3Ahora teniendo seleccionado el estado y la capa correspondiente soólo tenemos que modificar la capa paracrear 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 loscontroles para modificar los valores del efecto de Resplandor exterior.


El resultado en el botón que estamos creando es éste:

Podemos aplicar cualquier estilo de capa como efecto de rollover. Con estos sencillos tres pasos hemoscreado 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 derollover y esta vez sobre el texto.


Paso 4.Seleccionamos el sector y añadimos un nuevo estado tal y comovimos 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.

Con la herramienta Texto seleccionamos el texto en la imagen y hacemosclic en el botón Crear texto deformado . Elegimos una opción deEstilo, por ejemplo: Inflar y hacemos clic en OK.

Ya hemos realizado el nuevo efecto, y elresultado de todas estas operaciones ennuestro botón es que cuando el usuario

sitúe el ratón sobre el botón, éste tendrá un efecto de resplandor exterior, ycuando haga clic sobre él, el texto se inflará.

Por otra parte, crear distintos estados de rollover en una imagen, modificando la capa correspondiente. ImplicaPero hay que tener en cuenta presente que algunos cambios afectan sólo al estado activo y otros afectan atodos 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 dela paleta Capas (visibilidad, opacidad, etc....).

- Cambios que afectan a todos los estados: aquellos que cambien los valores de los píxeles de la capamediante, 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 entodos los demás estados. Para no tener que realizar los cambios uno a uno, disponemos de una serie debotones que nos permiten unificar cambios en la posición de la capa, en su visibilidad o en su estilo.


Esto también afecta a los cuadros de las animaciones que veremos másadelante.

6.1.4. Modificar estados de rollover.

Una vez creado un efecto de rollover, podemos modificarlo fácilmente en la capa que corresponda al estadoque tengamos activo.

Cuando creamos un estado, ImageReady asignatipos de estados por defecto, pero desde lapaleta Rollover podemos cambiarlo fácilmente.Para cambiar el tipo de estado basta con hacerdoble clic en el estado, o desde el menú de lapaleta elegir Opción de estados de rollover.Aparecerá el siguiente cuadro de diálogo dondepodemos especificar el tipo de estado.

a) Sobre: el efecto se produce cuando el usuario mueve el puntero del ratón sobre el área del sector omapa 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ónfuera 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.

e) Ninguno: no muestra ningún efecto.

f) Seleccionado: se activa cuando el usuario hace clic en el área del sector o mapa de imágenes y semantiene hasta que se activa otro estado de rollover. Si activamos la casilla Usar como estadoseleccionado por defecto, el efecto aparecerá desde el principio, desde que se cargue la imagen en elnavegador.

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 deimágenes.


Los estados de rollover se pueden copiar, pegar, duplicar yreorganizar tal y como hacíamos con los sectores o capas.Las opciones disponibles para estas operaciones seencuentran en el menú de la paleta Rollover.

6.1.5. Previsualizar estados de rollover.

Para ver los efectos de rollover tal y como se verían en el navegador tenemos dos opciones,: verlo en el mismodocumento 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 elnavegador por defecto en el cuadro de herramientas. Mientras que para visualizar los efectos derollover en el mismo documento, hacemos clic en el botón Previsualizar documento en el cuadro deherramientas, o elegimos del menú Imagen-Previsualizar documento. A continuación, en la ventana dedocumento realizamos las acciones que activan los estados de rollover. Para salir del modo deprevisualización seleccionamos cualquier herramienta del cuadro de herramientas o hacemos clic en Cancelaren 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 imagenes ligeramente distinto del anterior, con lo que se crea la sensación de movimiento cuando los vemos unodetrás de otro. Se pueden asociar animaciones a estados de rollover. Si la asociamos al estado Normal, laanimación se iniciará nada más descargarse la imagen en el navegador, si la asociamos a otro estado, laanimació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 delos cambios que realicemos en las capas de la imagen.

Un ejemplo que solemos ver habitualmente cuando navegamos por Internet, son los famosos banner depublicidad. Éstos pueden estar hechos mediante animaciones en Image Ready, aunque también unotraaplicación muy utilizada es Flash de Macromedia.

La paleta Animación nos permite crear y ver las animaciones,; para verla seleccionamos Ventana-Animación.


Podemos visualizar los cuadros de la animación. ImageReady permite tantos cuadros como permita lamemoria del sistema. Los cuadros seleccionados tienen un marco azul y el cuadro activo un borde blanco. Elque vemos en la imagen está seleccionado y activo. Podemos cambiar el tamaño de las miniaturas para vermejor cada cuadro, para ello lo que seleccionaremos Opciones de paleta del menú de la paleta.

6.2.1. Crear y editar animaciones

Vamos a crear una animación muy sencilla, paso a paso, para explicar la creación de animaciones. Nuestraanimació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óny que este cuadro es exactamente igual a nuestra imagen. Cada cuadro que añadimos para hacer laanimació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 laanimación. Para ello, hacemos clic en el botón de la paleta Duplica cuadro actual o elegimos la opciónCuadro nuevo en el menú de la paleta.


Paso 2.Ahora en la paleta Capas seleccionamos la quecorresponde a la pelota. Asegurémonos de que el cuadroactivo es el número 2. Movemos la capa hasta una nuevaposición, arriba, en diagonal con la posición anterior.

En el segundo cuadro aparece ahora lanueva posición, mientras que en elprimero se mantiene la posiciónoriginal.

Paso 3.Continuamos con la animación añadiendo cuadros y cambiando la posición de la capa en cada uno hasta quela 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:


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á activoy en queé capa estamos trabajando. Podemos jugar también con la visibilidad de las capas, por ejemplo,: sien la animación que hemos creado, queremos que en los cuadros pares la pelota cambie de color,. Bbastacon duplicar la capa de la pelota en los cuadros pares, cambiarle el color y hacer que cada capa duplicada sevea 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 modificarla capa. ImageReady nos permite más modificaciones que son las siguientes: vemos a continuación.

a) Reordenar y eliminar cuadros: podemos cambiar elorden de los cuadros de una animación seleccionandolos cuadros y arrastrándolos a su nueva ubicación.También tenemos la posibilidad de invertir el orden decuadros contiguos, copiar, pegar o eliminar cuadros otoda la animación. Todas estas opciones se encuentranen el menú de la paleta Animación.

b) Intercalar cuadros: es una opción muy útil cuandonuestra animación se basa en un movimiento continuo.Este comando añade una serie de cuadros entre doscuadros existentes, variando los atributos de las capasde forma equitativa entre los nuevos cuadros.

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:

Podemos determinar cuántos cuadros queremosintercalar, si queremos usar todas las capas o tansolo la capa seleccionada, y sobre todo, quéatributos de la capa se van a variar.

Si sólo hemos seleccionado un cuadro en vez de dosen el menú Intercalar con, podemos decidir si lointercalamos con el siguiente o con el anterior. Porejemplo: para que una capa desaparezcagradualmente en principio solo debemos tener doscuadros, uno con la capa visible y otro con laopacidad a cero. Si intercalamos, la capa nodesaparecerá de pronto sino gradualmente.


c) Especificar repeticiones: para especificar cuaántas veces se repite laanimación cuando la reproducimos. Se puede reproducir una vez, infinitas veceso podemos especificar un número en Otro.

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. Paraespecificar el retardo hay que hacer clic en el valor Retardo debajo de cadacuadro 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 unacapa con cada cuadro que añadimos a la animación, capa que está visible en ese cuadro y oculto en losdemás. Para ello, debemos elegir la opción Crear una capa para cada cuadro en el menú de la paleta.

6.2.2. Ver animaciones

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 dela 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 deherramientas.

6.2.3. Optimizar animaciones.

Las animaciones se optimizan igual que las imágenes no animadas. El formato siempre debe ser GIF, ya quees 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.


Seleccionamos la opción Optimizaranimación del menú de la paleta, y se nosmostrará el siguiente cuadro:

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 hacetransparentes los píxeles que no han cambiado con respecto al cuadro anterior,. Ppara que esta opciónfuncione debemos tener seleccionada la opción Transparencia de la paleta Optimizar. Una vez aceptadasestas opciones, podremos realizar los ajustes en la paleta Optimizar.

6.2.4. Abrir e importar archivos como animaciones.En ImageReady se pueden abrir y editar GIF animados, archivos de Photoshop de varias capas y películas deQuickTime.

a) Abrir GIF animados: Sseleccionamos Archivo-Abrir y elegimos el archivo GIF. Éste se abre como una pilade capas y cada una corresponde a un cuadro., eEn cada uno de esos cuadros, la capa relacionada conese 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 cadacapa del archivo original se convierte en un cuadro en ImageReady. Las capas se colocan en la paletaAnimació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 dela 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 cualesdeberí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 seleccionamosla carpeta que queremos importar. El resultado de la animación sería como la proyección de diapositivas.

c) Abrir películas QuickTime comoanimaciones: desde ImageReady podemosabrir y editar películas en formato MOV, AVI yFLIC. Antes de abrir el archivo nos apareceráeste cuadro de diálogo:


Este cuadro nos permite abrir toda la película o una selección.

6.3. Optimizar imágenes

Como sabemos, el tamaño de los archivos que vamos a utilizar en Internet es muy importante, puesto que nopueden ser muy grandes porque debido al tiempo de descarga sería considerable, pero tampoco podemosreducir demasiado el tamaño, porque la calidad de la imagen se resiente. Mediante la opción de Optimizarimágenes intentaremos conseguir un equilibrio entre la reducción del tamaño de los archivos manteniendo lacalidad.

Para hacer una optimización precisa de una imagen en ImageReady,contamos con la paleta Optimizar, y para visualizarla elegimos la opciónOptimizar del menú Ventana.

ImageReady nos permite ver imágenes optimizadas directamente en la ventana del documento. Podemos verhasta cuatro versiones de una misma imagen. Solamente,o tenemos que hacer clic en las pestañas de la partesuperior de la ventana del documento.

- Original: vemos la imagen sin optimizar.

- Optimizada: para ver la imagen con los ajustes de optimización aplicados.

- 2 copias: para ver dos versiones de la imagen.

- 4 copias: para ver cuatro versiones de la imagen.


Para seleccionar una de las vistas, es precisosolo hay que hacer clic sobre ella. Al trabajarcon las vistas 2 y 4 copias, tenemos queseleccionar una de ellas antes de realizar losajustes de optimización. En la parte inferior delas vistas, aparece una barra de información,éstaque nos indica el nombre y el tamaño delarchivo en la vista original, y las opciones deoptimización, el tamaño y tiempo de descargadel archivo en las vistas Optimizada y 2 y 4copias. Para ver u ocultar esta informaciónseleccionamos Vista-Ocultar info deoptimización o Mostrar info deoptimización.

6.3.1. Formatos de optimización

Dependiendo del tipo de imagen que vayamos a optimizar es más conveniente un formato u otro. Acontinuación, veremos los distintos formatos en los que se puede guardar una imagen para Web y suscaracterísticas.

6.3.1.1. Formato JPEG

Este formato admite el color de 24 bits y mantiene loas pequeñas variaciones de tono y brillo que seencuentran en las imágenes de tono continuo. Comprime el archivo descartando datos de forma selectiva, porlo 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 decirque cuando se descargue la imagen en un navegador, primero se descargará una versión de baja resoluciónde la imagen mientras se descarga la imagen completa. El formato JPEG no admite transparencia, y en unaimagen 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 lasfotografías de tono contíinuo.

6.3.1.2. Formato GIF

El formato GIF utiliza el color de 8 bits y comprime la imagen sin pérdida, pero si optimizamos una imagen de24 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. Permitetransparencia de fondo y podemos reducir el número de colores.


6.3.1.3. Formato PNG-8

Al igual que el formato GIF utiliza el color de 8 bits y comprime eficazmente áreas uniformes de color, losarchivos PNG-8 realizan una mayor compresión de las imágenes, por lo que el archivo resultante siempre esmás pequeño que el resultante con el formato GIF. El inconveniente de este formato es que no todos losnavegadores lo admiten.

6.3.1.4. Formato PNG-24

Este formato admite el color de 24 bits y, al igual que el formato JPEG, es apropiado para la compresión defotografías de tono continuo, ya que preserva las variaciones de brillo y tono. Pero produce archivos muchomás grandes que los comprimidos con el formato JPEG. Admite transparencia en 256 niveles.

6.3.1.5. Formato WBMP

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 doscolores: blanco y negro.

Cada uno de estos formatos que hemos explicado, tienen distintas opciones de optimización. que acontinuación expondremos.

6.3.2. Optimizar imágenes

Para aplicar unos ajustes de optimización, debemos tener una vista seleccionada. Si nuestra imagen contienesectores, seleccionamos aquellos a los que queremos aplicarles los ajustes de optimización.


Ajustes predefinidosAjustes

Formatos

Para optimizar una imagen podemos elegir un ajuste con nombre (predefinido) o modificar los ajustespersonalizando la optimización.

Otra posibilidad es la optimización según el tamaño del archivo, es decir, seleccionamos el tamaño quequeremos que tenga nuestro archivo al final y los cambios en la optimización se realizan automáticamente paraobtener como resultado un archivo de ese tamaño que hemos especificado. Esta opción se encuentra en elmenú 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 ajustesactuales 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 paracada tipo de formato.

A) Opciones para los formatos GIF y PNG-8

- Pérdida: al introducir un valor en este campo, la compresión será conperdida, es decir, descartará datos. Cuanto mayor es el valor más datosse descartan y el tamaño del archivo resultante es menor,. eEnconsecuencia, la calidad de la imagen también se resiente.

- Algoritmo de reducción de color: elegimos un algoritmo del menúemergente para generar una tabla de colores. Explicaremosmás adelante en el apartado de optimización de colores, los algoritmosdisponibles.

- Colores: determinamos el número máximo de colores.


- Tramado: el tramado se refiere a la forma de representar los colores que no están disponibles. A lasimágenes con colores uniformes no hace falta aplicarles tramado, pero a las de tono continuo es necesariopara que no se generen bandas de color.

- Algoritmo de tramado: debemos elegir una opción del menú emergente.

Sin tramado: no aplica tramado a la imagen.

Difusión: aplica un motivo al azar,. sSi seleccionamos este algoritmo, debemos determinar un porcentajede tramado. Un mayor porcentaje da la sensación de más colores y detalles en la imagen, pero tambiénaumenta 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 decolores.

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

- Transparencia y mate: en este apartado especificamos cómose optimizarán los píxeles transparentes de la imagen. Paraque los píxeles transparentes continúen siendo transparentes,y los parcialmente transparentes se fusionen con un color, activamos la casilla Transparencia y elegimos uncolor Mate. Para que los píxeles que tengan más de un 50% de transparencia sean completamentetransparentes, y los que tienen menos del 50% sean completamente opacos, activamos la casillaTransparencia y seleccionamos Ninguno en Mate. Para que tanto los píxeles parcialmente transparentes,como los completamente transparentes estén rellenos de un color, desactivamos la casilla Transparencia yseleccionamos un color de mate.

- Tramado de transparencia: Ccuando la opción Transparencia está activada, podemos elegir un tramadode transparencia. Éstos son:

- Tramado de transparencia de difusión.

- Tramado de transparencia de motivo.

- Tramado de transparencia de ruido.


Tramado de motivo

Tramado de ruido

Son iguales que los algoritmos que veíamos para el tramado de loscolores. Podemos especificar también una cantidad de tramado.

- Entrelazado: si activamos esta opción se crea una imagen debaja resolución que se visualiza en el navegador mientras sedescarga la original. Esto hace que el tiempo de descarga parael usuario parezca más corto.

- Ajuste a Web: especificamos un nivel de tolerancia para cambiar los colores por los equivalentes máscercanos de la paleta Web.

- Usar tabla de colores unificada: si activamos esta opción, se utilizará la misma tabla de colores para todoslos estados de rollover.

B) Opciones para el formato JPEG

- Optimizado: esta opción crea un archivo JPEG mejorado con untamaño inferior.

- Calidad: podemos fijar la calidad de compresión en el menúemergente eligiendo Baja, Media, Alta o Máxima, o bienespecificando un valor en el cuadro de texto. Cuanto más alto seael valor de Calidad, más detalles de la imagen se preservarán,pero también el tamaño del archivo será mayor. Hay queencontrar un punto de equilibrio.

- Progresivo: cumple la misma función que Entrelazado en los ajustes para los formatos GIF y PNG-8. Losarchivos JPEG progresivos necesitan más memoria RAM para visualizarlos y algunos navegadores no losadmiten.

- Desenfocar: aplica un efecto igual que el filtro Desenfoque gaussiano y permite una mayor compresión delarchivo.

- Perfil ICC: esta opción mantiene el perfil ICC con el archivo y es útil, ya que algunos navegadores utilizanlos perfiles para corregir el color.

- Mate: el formato JPEG no admite transparencia, por lo que si nuestra imagen original tiene píxelestransparentes 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.


C) Opciones para el formato PNG-24

Sólo tiene las opciones de Entrelazado, Transparencia y Mateque ya vimos en las opciones para los formatos GIF y PNG-8.

D) Opciones para el formato WBMP

Sólo nos ofrece la opción de Algoritmo de tramado, paradeterminar cómo se van a convertir los píxeles de color de laimagen original, a los píxeles en blanco y negro de la imagenresultante. Estos algoritmos de tramado son los mismos que losque hemos expuesto anteriormente.

6.3.2.1. Guardar ajustes de optimización

Los ajustes que apliquemos en una imagen podemos guardarlos y aplicarlos a otras imágenes, cuandoguardamos los ajustes,. dDe esta manera, el proceso de ajustes de imágenes se hará tan solo mediante unclic de ratón. Estos ajustes guardados, aparecen en el menú emergente Ajustes, junto con los ajustespredefinidos. Para guardar los ajustes elegimos la opción Guardar ajustes en el menú de la paleta, leasignamos un nombre y aceptamos. Debemos guardar los ajustes en la carpeta Ajustes dentro de la carpetaAjustes preestablecidos. En cambio, si los guardamos en otra ubicación, no podremos acceder a ellos desdeel menú emergente Ajustes.

Desde el menú de la paleta podemos eliminar ajustes, pero una vez eliminados no se pueden recuperar.

6.3.2.2. La optimización ponderada

La optimización ponderada permite modificar los ajustes de optimización mediante máscaras de texto, deforma o canales alfa. Con estas máscaras aislamos un área de la imagen, cuya perdida de calidad queremosque sea menor, de esta manera forma que aumentamos la calidad en zonas importantes de la imagen y en elresto se mantienen los ajustes.


En las máscaras, las áreas blancas ofrecen la mayor calidad y las áreas negras la menor calidad. Por otraparte, 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 lostramados.

Antes de aplicar la optimización ponderada, hemos de crear las máscaras y en la paleta Optimizar hacer clicen el botón de optimización ponderada. Seguidamente, en el cuadro de diálogo que aparece determinaremosla calidad del área con máscara. Este es el cuadro de diálogo para la optimización ponderada para en laimagen de los plátanos.

En la parte superior del cuadro especificamos queé tipo de máscara vamos a utilizar, si de texto, de forma, oun canal alfa. En la parte inferior, establecemos el nivel de calidad máximo y el nivel de calidad mínimo.

6.3.3. Optimizar colores

Optimizar colores se refiere a reducir el número de colores de la imagen, esto es un factor clave en laoptimización de imágenes en formato GIF y PNG-8. Con una reducción controlada de colores se puedeconservar 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 Tablade colores en el menú Ventana.

Desde la Tabla decolores podemos ver loscolores de la imagencompleta o de un sectorseleccionado.


El área blanca indica lazona de mayor calidad y

la negra la de menor.

Para cambiar el conjunto de colores de la tabla seleccionamos unaopción de reducción de color de la paleta Optimizar.

Podemos aplicar los siguientes algoritmos de reducción de color:

- Perceptual: crea una tabla de colores personalizada dandoprioridad a aquellos colores más sensibles para el ojo humano.

- Selectiva: crea una tabla parecida a la anterior, pero favoreciendoáreas de color y la conservación de colores Web.

- Adaptable: crea una tabla de colores personalizada. Realiza unamuestra del espectro de la imagen y favorece los colores queaparecen con más frecuencia.

- Web: utiliza una tabla de colores estándar de 216 colores. Los colores de la tabla que no están en la imagenson eliminados.

- Personalizada: preserva la paleta actual como una fija que no actualiza los colores cuando realizamoscambios en la imagen.

- Mac OS y Windows: crea una tabla por defecto de 8 bits, es decir, 256 colores, del sistema Mac OS oWindows. Esta tabla se basa en una muestra uniforme de colores RGB. Los colores de la tabla que no estánen la imagen son eliminados.

Al utilizar alguno de estos algoritmos de reducción de color se generan tablas que luego podemos personalizarañadiendo o eliminando colores.

6.3.3.1. Añadir y eliminar colores a la tabla de colores

Puede que al crear una tabla de colores, algunos colores representativos se quedaran fuera, y podemosañadirlos luego. Para ello, seleccionamos un color de la imagen con la herramienta Cuentagotas o un colorde la paleta Color o de la paleta Muestras y, a continuación, hacemos clic en el botón Color nuevo de laTabla de colores.

El nuevo color aparece en la tabla de colores con un cuadrado blanco en la esquina inferior derecha, esoquiere decirlo cual significa que está bloqueado.

Para eliminar colores, solo tenemos que seleccionarlo en la imagen optimizada con el cuentagotas o en lamisma tabla de colores y hacer clic en el botón Papelera.


Para evitar que se eliminen colores que no queremos en la reducción de color, y evitar que se tramen en laaplicación, podemos bloquearlos haciendo clic en el botón Bloquear. Para desbloquearlo volvemos ahacer clic en él. El Color bloqueado tendrá un pequeño cuadrado blanco en la esquina inferior derecha.

6.3.3.2. Cambiar colores

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 decolor y seleccionar un nuevo color. El nuevo color aparecerá en la tabla de colores compartiendo espacio conel 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 seproducirán tramados cuando la imagen se vea en un navegador. Seleccionamos un color y hacemos clic en elbotón Convertir a Web o en el menú de la tabla elegimos la opción Desplazar los colores seleccionadosa la paleta Web, el nuevo color aparecerá en la tabla con un pequeño rombo en el centro, eso que nos indicaque 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ónConvertir a Web, o si queremos restaurar todos los colores de la paleta convertidos a Web en el menú de lapaleta, encontramos la opción Anular la conversión de todos los colores convertidos a Web.

6.3.3.3. Añadir transparencia a una imagen

Es posible añadir transparencia a una imagen desde la Tabla de colores seleccionando un color y haciéndolotransparente,. 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ónAsignar transparencia o seleccionamos la opción Hacer corresponder los colores seleccionadoscon el transparente. En la paleta de colores, el color original y la transparencia comparten el mismo espacio..

En la imagen siguiente, hemos hechotransparente un color blanco, ya que laimagen de los plátanos irá sobre un fondoblanco en la página web, con lo cual nohace falta aquélla podemos prescindir delas partes totalmente blancas de laimçagen. Éste es el resultado:


Para eliminar la transparencia de ese color basta seleccionarlo y volver a hacer clic en el botón Asignartransparencia.

6.3.3.4. Cargar y guardar tablas de colores

Las tablas de colores se pueden guardar para utilizarlas con otras imágenes o podemos cargar tablas creadasen otras aplicaciones. Cuando se carga una nueva tabla de colores en una imagen, los colores de éstacambian 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 decolores. Le asignamos un nombre y los guardamos en la carpeta Colores optimizados, dentro de la carpetaAjustes preestablecidos,. de esta maneraAsí pues, podremos acceder a la tablal desde el menú emergente deAlgoritmo de reducción de color en la paleta Optimizar. Si no guardamos la tabla en esta ubicación, tendremosque cargarla con la opción Cargar tabla de colores del menú de la paleta Tabla de colores.


RECUERDE

- Con ImageReady podemos crear animaciones para incluir en la página Web a modo de banner oincorporadas 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 severán después en la animación.

- ImageReady nos permite visualizar los efectos de rollover en un navegador por defecto o en la mismaventana del documento.

- Las animaciones deben guardarse y optimizarse en formato GIF, ya que es el único que permite visualizaranimaciones en Internet.

- ImageReady nos brinda la posibilidad de abrir archivos Quicktime como animaciones, incluso archivos dePhotoshop Psd en los que las capas se convierten en cuadros. También podemos abrir una carpeta dearchivos 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 puedecansarse y abandonar nuestra página. Para que las imágenes se descarguen más rápidamente deben tenerun tamaño adecuado, sin sacrificar la calidad de la misma. El equilibrio entre tamaño y calidad se consiguea través de la optimización.

- También determinamos el tamaño del archivo controlando los colores de la imagen, eliminado aquellosmenos relevantes, pero conservando la calidad. Esto lo podemos hacer con los formatos GIF y PNG-8.

- Podemos crear droplets para aplicar ajustes a una serie de imágenes.


GLOSARIO

A

Acciones. Automatismo que permite guardar funciones que se usan a menudo.

Adobe Gamma. Permite al usuario ajustar el contraste de los medios tonos del monitor.

Animaciones. Serie de imágenes o cuadros que se visualizan en el tiempo, creando sensación demovimiento.

Anotaciones. Las escritas permiten introducir un texto explicativo y las sonoras un sonido.

B

Bit. Es la medida más pequeña de información que se utiliza en el ordenador.

BMP. Extensión para imágenes en bitmap. Pueden contener información de color de 1 a 24 bits.

C

Canal. Toda imagen está compuesta por canales y el número de ellos depende del modo de color de laimagen.

Canales Alfa. Son utilizados para guardar selecciones.

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.

D

Discos de memoria virtual. Cualquier unidad o partición con memoria libre que Photoshop utiliza para realizaroperaciones cuando no hay suficiente memoria RAM.


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 losvalores tonales de la imagen.

E

Espacios de trabajo. Actúan como el perfil de color de los documentos sin etiqueta y los recién creados usanel 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.

F

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.

G

Gamma. No muestra la luminosidad de la pantalla de nuestro monitor.

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 Readyutilizando 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.

H

Hoja de contactos. Nos permite visualizar una serie de imágenes contenidas en una carpeta en undocumento nuevo, ordenadas por filas y columnas.

I

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 dela miniatura primera.


J

JPG. Formato que admite el color de 24 bits y mantiene las pequeñas variaciones de tono y brillo encontradasen las imágenes de tono continuo; comprime el archivo descartando datos de forma selectiva, por lo que seproduce una pérdida en la calidad de la imagen.

L

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.

M

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 seocultan 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 queaparecerá 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óncomo en su impresión.

O

Optimizar. Intenta conseguir un equilibrio entre la reducción del tamaño de los archivos manteniendo lacalidad.

Optimización ponderada. Permite modificar los ajustes de optimización mediante máscaras de texto, deforma o canales alfa.

P

Paleta Optimizar. Permite elegir el tipo de formato de la imagen que vamos a publicar en Web, el número decolores 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 coninformación.


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 tonocontinuo, 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 losajustes para los formatos GIF y PNG-8.

R

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 navegadory situamos el puntero o hacemos clic sobre ellas.

S

Saturación. Medida de la autenticidad de un color, su pureza, que representa la cantidad de gris de un colorrespecto a su tono.

Sector. Área rectangular en la que se puede dividir una imagen.

Servidor WebDAV . Permite trabajar en red compartiendo archivos y trabajando en grupo.

T

TIFF. Formato utilizado para trabajar en diferentes plataformas.

Tono. Propiedad de un color por el ojo humano.

Tramado. Se produce cuando se entremezclan pequeños puntos de color, que el ojo humano los mezcla comosi realmente formaran uno sólo

U

URL. Es la localización en Internet de una página Web.

W

WBMP. Formato que se utiliza para optimizar imágenes para dispositivos inalámbricos.


manual de adobe photoshop 7.0 avanzado

Documents