Adobe Photoshop e ImageReady se han convertido en herramientas muy demandadas por los diseñadores de sitios Web. El nuevo paquete CS2 se ha concebido para realizar gráficos que se descarguen rápida y fácilmente. Además, ImageReady CS2 escribe código JavaScript y HTML, algo que los programas de imágenes tradicionales apenas se han planteado.

Este libro libro enseña optimizar imágenes, crear rollovers interactivos y planificar una navegación efectiva. Conocerá las técnicas fundamentales para integrar Illustrator, GoLive, Macromedia Flash y Dreamweaver con Photoshop dentro del flujo de trabajo.
Encontrará consejos, trucos y una valiosa información sobre las nuevas funciones Web de Photoshop e ImageReady CS2.

El CD-ROM adjunto contiene los archivos necesarios para realizar los ejercicios del libro.

Ahorra Con Agapea
"Compra "Photoshop CS2 para la Web" junto a "Hipatia de Alejandría":

Por solo 74.5 € Gastos de envío gratis^**

INTRODUCCIÓN
Unas palabras de Lynda
Funcionamiento del libro
Requisitos del equipo para Photoshop CS2 e ImageReady CS2
Macintosh:
Windows:
Obtener versiones de prueba

CAPÍTULO 1. COMENZAR
Crear gráficos Web en Photoshop CS2 e ImageReady CS2
Cuándo usar Photoshop CS2 y cuándo usar ImageReady CS2

CAPÍTULO 2. LA INTERFAZ
La pantalla de bienvenida
Visión general de la interfaz
El cuadro de herramientas
Menús desplegables del cuadro de herramientas
La barra de opciones
Las paletas
Alternar entre Photoshop CS2 e ImageReady CS2
1. [PS/IR] Personalizar las posiciones de las paletas
2. [PS/IR] Personalizar las posiciones de las paletas
Devolver las paletas a su configuración predeterminada
Métodos abreviados de teclado
3. [PS] Personalizar los métodos abreviados del teclado
Guardar e imprimir conjuntos de métodos abreviados del teclado
4. [PS] Personalizar los menús
5. [PS] Guardar espacios de trabajo personalizados

CAPÍTULO 3. ORGANIZAR ACTIVOS
Visión general de la interfaz
1. [BRIDGE] Ver y organizar activos
Rotar imágenes
2. [BRIDGE] Calificar y clasificar activos
3. [BRIDGE] Palabras clave y búsquedas

CAPÍTULO 4. TRABAJAR CON EL COLOR
Administración del color e Internet
Consideraciones sobre la administración del color para usuarios de Windows
Configuración de gamma de Windows y configuración de gamma de Mac
Ajustar la configuración gamma en un Mac
Consideraciones sobre la administración del color para usuarios de Mac
El declive del color seguro para la Web
¿Qué ocurre con los sistemas de 8 bits si no usamos colores seguros para la Web?
Escoger el color en Photoshop CS2 y en ImageReady CS2
1. [PS/IR] Seleccionar colores con el Selector de color
Seleccionar colores con la paleta Color
2. [PS/IR] Seleccionar color con la paleta Muestras
3. [PS] Crear y guardar muestras personalizadas
Guardar las muestras que estemos usando en otros programas de Adobe Creative Suite 2
4. [PS/IR] Cambiar el color de las imágenes con capas
5. [PS] Copiar color como HTML

CAPÍTULO 5. TRABAJAR CON CAPAS
¿Qué son las capas?
1. [PS/IR] Crear capas y cambiar su nombre
Agrupar archivos de Photoshop
2. [PS/IR] Reordenar, Girar y mover capas
3. [PS/IR] Ajustar el modo de fusión, el relleno y la opacidad
4. [PS/IR] Mover y alinear capas
Seleccionar varias capas
Enlazar capas
5. [PS] Usar grupos de capas
Anidar grupos de capas
Conjuntos de capa en ImageReady CS2
6. [PS/IR] Usar composiciones de capas
7. [PS] Usar capas de ajuste
8. [PS/IR] Usar estilos de capa
Estilos de capa de Photoshop CS2 e ImageReady CS2

CAPÍTULO 6. CREAR TEXTO
Texto basado en vectores
Texto por carácter o texto por párrafo
La barra de opciones de texto
La paleta Carácter
La paleta Párrafo
1. [PS/IR] Crear texto por carácter
¿Qué es el suavizado?
Rasterizar texto
2. [PS/IR] Crear texto por párrafo
Emular texto HTML con la composición del sistema
3. [PS] Comprobar la ortografía
4. [PS] Buscar y reemplazar texto

CAPÍTULO 7. OPTIMIZAR IMÁGENES
¿Qué afecta a la velocidad en Internet?
Formatos de archivo Web
Transparencia y animación
¿Con pérdida o sin pérdida?
¿Cómo podemos reducir el tamaño de los JPEG?
Opciones de optimización JPEG
1. [PS] Optimizar JPEG
Guardar Imágenes y HTML, Sólo imágenes y Sólo HTML
2. [PS] Optimización JPEG selectiva con canales alfa
¿Cómo podemos reducir el tamaño de los GIF?
Recomprimir GIF
Opciones de optimización GIF
3. [PS] Optimizar GIF
4. [PS] Seleccionar la paleta de reducción de color adecuada
Cambiar los colores seleccionados en una paleta de colores seguros para la Web
5. [PS] Reducir colores
¿Qué es el tramado?
6. [PS] Bloquear colores
7. [PS] Optimización GIF selectiva con canales alfa
8. [PS] Vista previa de las imágenes en un navegador Web
Optimizar imágenes en Photoshop CS2 y en ImageReady CS2
9. [IR] Optimizar JPEG con ImageReady CS2
Previsualizar imágenes en ImageReady CS2
10. [IR] Optimizar GIF con ImageReady CS2

CAPÍTULO 8. CREAR FONDOS WEB
¿Qué es una imagen de fondo?
Vocabulario: Muestra de fondo y creación de mosaicos
Sobre el tamaño de la imagen de fondo
Trucos de diseño para mejorar la legibilidad
1. [IR] Definir y previsualizar imágenes de fondo
2. [IR] Optimizar y guardar imágenes de fondo
Guardar HTML desde ImageReady CS2
3. [PS/IR] Crear imágenes de fondo simétricas
Definir y guardar imágenes de fondo en Photoshop CS2
4. [IR] Crear fondos uniformes a partir de fotografías
5. [PS/IR] Crear imágenes de fondo a pantalla completa
6. [IR] Usar muestras de dirección

CAPÍTULO 9. DISEÑAR LA NAVEGACIÓN
Planificar una navegación efectiva
Herramientas de forma, herramientas de texto y capas de estilo
Comparar imágenes de mapa de bits y gráficos vectoriales
1. [PS/IR] Crear una barra de navegación horizontal
Las capas de forma
2. [PS/IR] Crear botones elípticos
3. [PS] Editar varios botones con objetos inteligentes
4. [PS/IR] Crear botones con formas de píldora
Ocultar y mostrar trazados
5. [PS/IR] Crear botones tridimensionales
Crear un botón anguloso
6. [PS/IR] Crear barras de navegación con pestañas
Cambiar el color de las guías
7. [PS] Crear barras de navegación con iconos

CAPÍTULO 10. CREAR GRÁFICOS TRANSPARENTES
Las limitaciones de las transparencias GIF
¿Qué es el suavizado?
Reconocer las capas transparentes
GIF, máscaras y transparencia
Problemas de desplazamiento en navegadores
1. [IR] Crear y previsualizar GIF transparentes
2. [IR] Reparar los bordes de GIF transparentes
3. [IR] Reparar los bordes suaves de GIF transparentes
4. [IR] Guardar GIF transparentes optimizados
5. [PS] Crear y guardar GIF transparentes en Photoshop CS2
6. [PS] Crear GIF transparentes a partir de imágenes no transparentes
Crear zonas transparentes con el Borrador mágico
7. [IR] Simular transparencia con JPEG
Transparencia JPEG y fondos con motivos

CAPÍTULO 11. CREAR GIF ANIMADOS
La paleta Animación
Controlar la velocidad de las animaciones
Estética de la animación
El formato GIF animado
Problemas con la compresión GIF
1. [PS] Crear animaciones usando la visibilidad de capa
2. [PS/IR] Establecer el número de ciclos y la velocidad
3. [PS/IR] Animar con opacidad
4. [PS/IR] Seleccionar, duplicar e invertir cuadros
5. [PS/IR] Animar con la posición y los estilos de capa
6. [PS] Optimizar y guardar GIF animados
Optimizar y guardar GIF animados en ImageReady CS2
7. [PS] Optimizar GIF animados transparentes
8. [IR] Crea una presentación de imágenes animada

CAPÍTULO 12. SECTORES
Secciones
Tipos de sectores
Líneas de sector, números de sector, símbolos de sector y colores de sector
Paletas Contenido de Web y Sector
1. [IR] Crear sectores de usuario
Preferencias de sector
Borrar sectores
2. [IR] Crear sectores basados en capas
Convertir sectores basados en capa en sectores de usuario.
3. [IR] Cambiar de nombre a los sectores
Modificar la configuración predeterminada que da nombre a los sectores
4. [IR] Optimizar y guardar sectores
5. [IR] Aplicar texto alternativo y mensajes de barra de estado
6. [IR] Asignar URL a sectores
Vínculos relativos y absolutos
7. [IR] Usar conjuntos de sectores

CAPÍTULO 13. CREAR IMÁGENES DE SUSTITUCIÓN
Sobre las imágenes de sustitución
Estados de la imagen de sustitución
Paleta Contenido de Web
1. [IR] Usar estilos de imagen de sustitución predefinidos
2. [IR] Optimizar y guardar imágenes de sustitución
3. [IR] Crear imágenes de sustitución a partir de estilos de capa
4. [IR] Crear imágenes de sustitución usando la visibilidad de la capa
5. [IR] Crear imágenes de sustitución usando texto
6. [IR] Crear imágenes de sustitución remotas
7. [IR] Crear imágenes de sustitución remotas con estados Seleccionado
8. [IR] Crear imágenes de sustitución animadas

CAPÍTULO 14. CREAR MAPAS DE IMÁGENES
Mapas de imágenes del lado cliente y del lado servidor
Crear mapas de imágenes del lado servidor en ImageReady CS2
¿Qué aspecto tiene un mapa de imágenes?
Crear mapas de imágenes en ImageReady CS2
Sobre las paletas Contenido de Web y Mapa de imágenes
1. [IR] Crear un mapa de imágenes con las herramientas de mapa de imágenes
Cambiar el tamaño de los mapas de imágenes
2. [IR] Crear un mapa de imágenes a partir de capas
3. [IR] Cambiar de nombre, optimizar y guardar mapas de imágenes
4. [IR] Asignar URL y aplicar texto alternativo a mapas de imágenes
5. [IR] Crear imágenes de sustitución basadas en mapas de imágenes

CAPÍTULO 15. CREAR GALERÍAS FOTOGRÁFICAS WEB
Galerías fotográficas Web
1. [PS] Crear una galería de fotografías Web
2. [PS] Personalizar una galería de fotografías Web
Configuración de la galería de fotografías Web
3. [PS] Crear una galería de fotografías Web en colaboración

CAPÍTULO 16. AUTOMATIZACIÓN
¿Qué son las acciones?
Usar acciones predefinidas
1. [IR] Crear acciones
Editar acciones
Droplets
2. [IR] Crear droplets
Crear droplets en Photoshop CS2
Cambiar la ubicación en la que se guardan los droplets

CAPÍTULO 17. CREAR GRÁFICOS DE DATOS
Palabras extrañas y definiciones
1. [PS] Conjuntos de datos
2. [PS] Definir variables de visibilidad y crear conjuntos de datos
3. [PS] Definir variables de sustitución de texto
4. [PS/IR] Definir variables de sustitución de píxeles
Opciones de sustitución de píxeles
5. [IR] Previsualizar y exportar conjuntos de datos
6. [PS] Importar conjuntos de datos de archivos de texto

CAPÍTULO 18. INTEGRACIÓN CON ILLUSTRATOR Y ACROBAT
1. [PS] Exportar archivos Photoshop desde Illustrator CS2
2. [PS] Insertar archivos Illustrator CS2 como objetos inteligentes
3. [PS] Crear PDF desde Photoshop CS2
Opciones de compresión de Adobe PDF
4. [PS] Guardar PDF protegidos con contraseña
Estudiar Adobe Acrobat 7
5. [PS] Crear archivos PDF con varias páginas
6. [PS] Crear presentaciones PDF

CAPÍTULO 19. INTEGRACIÓN CON MACROMEDIA FLASH
Importar archivos de Photoshop a Macromedia Flash
1. [IR] Exportar imágenes a Macromedia Flash (SWF)
Conservar la apariencia
Estudiar Macromedia Flash
2. [IR] Exportar imágenes con capas de texto y de forma
Problemas de compatibilidad con las capas de texto
3. [IR] Crear imágenes con estilos de capa
El complemento PSD2FLA de Media Lab
Más sobre Photoshop y su integración con Flash
4. Exportar archivos Macromedia Flash (SWF) para la Web
Exportar animaciones SWF para la Web

CAPÍTULO 20. INTEGRACIÓN CON GOLIVE Y DREAMWEAVER
Utilizar contenido de Photoshop CS2 e ImageReady CS2 en GoLive CS2o Dreamweaver MX 2004
1. [IR] Utilizar objetos inteligentes en GoLive CS2
2. [IR] Editar y actualizar objetos inteligentesen GoLive CS2
3. [PS] Trabajar con variables en GoLive CS2
4. [IR] Importar imágenesde sustitucióna Dreamweaver MX 2004
¿Qué es un archivo ImageReadyHTML.mxp?
Estudiar Dreamweaver MX 2004

APÉNDICE A. SOLUCIÓN DE PROBLEMAS, PREGUNTAS FRECUENTESY SERVICIO TÉCNICO

APÉNDICE B. RECURSOS EN INTERNET
Foros de usuarios de Adobe
Foros de diseño de Adobe
Adobe Studio
Asociación nacional de profesionales de Photoshop (NAPP)
Planet Photoshop

APÉNDICE C. ¿QUÉ HAY EN EL CD-ROM?
Archivos de ejercicios
Archivos QuickTime
Editar los archivos de ejercicios en equipos con Windows
Ver las extensiones de los archivos en equipos con Windows

ÍNDICE ALFABÉTICO