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