Diseño Visual

Libro del Alumno

Adobe CS4

Adobe CS4 Diseño Visual
Libro del Alumno

reproducción y transmisión. Andrea Chong Alonso AVISO DE DERECHOS Copyright 2009 by Adobe Systems Incorporated. Andrea Chong Alonso L.A Diana Rodriguez Morán Portada y Contraportada L. Segunda Edición 2007.G.L. Adobe® Photoshop® CS4 Extended. El presente anuncio no incluye el uso del software de Adobe Systems.G.C.I e I. el logotipo de Adobe Certified Associate. www. Valencia González Dirección de Proyecto L. Edna Valtierra Sánchez Corrección de Estilo y Formato L. Todos los derechos reservados. Adobe® Acrobat® 8 Professional. ISTE NETS*S reimpreso con el permiso de National Educational Technology Standards for Students. Adobe® InDesign® CS4. logotipos. el logotipo de Adobe Systems. en C. títulos..R Astrid Vásquez Rodríguez Adaptacion y validacion de contenidos L. servicios. . Los productos.E. Usted debe cumplir con los términos de la licencia de usuario final que viene con el software. palabras o frases de terceros en estos materiales pueden ser marcas de sus respectivos propietarios. Bertha NIdia García Robles L. en los Estados Unidos y/u otros países.Dirección General Ing. Perla Lucero Bringas López Traduccion L.G Joanna Elisa Medina Flores L. Inc. Flor de María Millán Narváez Desarrollo Editorial L.D. en C. diseño. nombres de compañías. en Lit. Todos los derechos reservados.iste.S. Lat. ISTE® (International Society for Technology in Education).D. Queda prohibido todo tipo de copiado.org/. en C. Eduardo A. MARCAS Adobe Systems Incorporated.D.I. Adobe® Illustrator® CS4. Adobe® Dreamweaver® CS4 y Adobe® Flash® CS4 son marcas o marcas registradas de Adobe Systems.

Educational Technology Consulting • iii . en el cual se demandan de habilidades tecnológicas que se apliquen en diversos ámbitos del desarrollo personal y profesional de las personas. Ante este panorama. Se tiene con esto. un material que le permitirá contar con extraordinarias posibilidades para crear y desarrollar diversos proyectos.Introducción Introducción Actualmente vivimos en una sociedad de la información. InDesign. desarrollo. hasta el lanzamiento del proyecto. Los efectos de esta sociedad se manifiestan de manera muy especial en las actividades laborales y en el mundo educativo. Tendrá la oportunidad de aprender en un entorno simulado de trabajo profesional que le será de utilidad para toda la vida. evaluación y revisión. Por esto se libera en el idioma español el material de Diseño Visual mediante el cual usted podrá prepararse para obtener la Certificación en Herramientas Web de Adobe CS4. consciente de la responsabilidad. como empresa innovadora y comprometida con la educación y la preparación del futuro de nuestro país. una sociedad que fomenta el uso de potentes y versátiles tecnologías y conlleva cambios que alcanzan todos los ámbitos de la actividad humana. impulsada por grandes avances científicos y enmarcada por la globalización. Ilustrator CS4 y Adobe Acrobat 8. InDesign CS4. Ilustrator y Acrobat (todas en su versión CS4). Tendrá así un sinfín de oportunidades de desarrollar proyectos exitosos. ha contribuido en la construcción del conocimiento y habilidades tecnológicas y profesionales que los estudiantes deben desarrollar. Mediante la utilización de este manual usted desarrollará cuatro áreas de habilidades clave: • Colaboración y administración de proyectos • Diseño • Investigación y comunicación utilizando herramientas de diseño gráfico • Herramientas de creación web profesionales Con Diseño Visual adquirirá posibilidades extraordinarias. Diseño Visual es un plan de estudios basado en proyectos mediante el cual se enseñan habilidades de comunicación digital en la producción impresa y en el diseño gráfico. pues contará con el entorno de creación más avanzado para generar y diseñar material impreso y aprenderá cada una de las principales herramientas de Photoshop CS4. se utilizan las principales herramientas del diseño y se ofrece un material que le permitirá dominar las potentes herramientas de Adobe como Photoshop. pasando por el diseño. Educational Technology Consulting Latinoamérica (ETCLATAM). y aprenderá desde el proceso de planeación.

.

Contenido Proyecto 1 Collages y fotografía Introducción a la fotografía digital Demasiadas ventajas Iniciar con la fotografía digital Cámaras digitales: Cómo llegamos a este punto 10 mitos sobre la fotografía digital 13 15 15 15 15 16 Visión general del espacio de trabajo de Adobe Photoshop CS4 Extended Comenzar a trabajar con Adobe Phtoshop Explorar el espacio de trabajo de Photoshop Personalizar su espacio de trabajo Abrir un archivo en Photoshop Como abrir un archivo con un Adobe Bridge Crear un nuevo documento de Photoshop Visión general de la Barra de herramientas Cómo seleccionar y utilizar la herramienta de zoom de la Barra de herramientas Cómo desplazarse por una imagen con la Herramienta Mano Cómo rotar una imagen Utilizar la Barra de Navegación 17 17 17 19 21 22 23 24 25 26 28 28 Cómo escanear imágenes Plan Captura Edición Guardar Escanear para Adobe Photoshop CS4 Como corregir color Ajuste automático Ajuste de Niveles con una capa de ajustes Ajuste de la claridad y oscuridad utilizando las herramientas Sobreexponer y Subexponer Aplicación del Filtro Máscara de Enfoque 29 30 30 30 30 30 32 32 33 35 36 Como retocar fotos Uso de el panel Historia Uso de la Herramienta Tampón de Clonar Uso de la herramienta Pincel Corrector Puntual Uso de la herramienta Pincel de Ojos Rojos 37 37 39 41 43 43 43 45 48 49 51 51 51 Cómo generar diferentes formatos de archivo Guardando archivos para web Creación de archivos para impresión Imprimir imágenes y guardar las configuraciones de diálogo de impresión Crear imágenes para video Cómo redimensionar y recortar imágenes Respaldando su original Redimensionar imágenes Educational Technology Consulting • v .

Recortar imágenes 54 Cómo utilizar las herramientas de selección Uso de la Varita Mágica Uso de las herramientas Marco Uso de las herramientas Lazo Acerca de las máscaras vectoriales Combinar imágenes en Photoshop 56 56 58 60 63 66 Principios y reglas de los derechos de autor Reglas sobre los derechos de autor 73 73 Uso de la Interfaz de Acrobat 9 y navegación básica Área de trabajo de Acrobat Barras de herramientas de Acrobat Como ver y navegar a través de un documento PDF Desplazamiento automático a través de un documento (consejo de accesibilidad) 74 74 75 75 79 Cómo crear un PDF Uso de Acrobat Distiller Configuración de Acrobat Distiller Creación de un archivo Adobe PDF Creación de un archivo Adobe PDF utilizando la impresora de Adobe PDF Creación de documentos PDF desde Acrobat utilizando varios archivos Conversión de páginas Web a archivos PDF 79 79 79 81 82 82 84 Proyecto 2 Logotipos Hoja de trabajo: Principios del diseño 87 89 Como entender el manejo del color Administración del color cuando abre archivos Uso de pruebas de ajuste Manejo del color en procesos de impresión Interpretación Hoja de trabajo: Revisión y rediseño de logotipos 91 91 93 94 95 97 Cómo crear un documento nuevo Cómo utilizar las herramientas de dibujo Configuración de opciones de pincel Uso de puntas de pincel especiales Uso de la herramienta Tampón de motivo 99 100 100 103 104 Cómo dibujar formas Tipos de formas Dibujando capas de forma Ajuste del trazado de una forma Añadir o restar de áreas de forma Control de la apariencia de una forma con estilos de capa 105 105 106 107 108 109 Imágenes vectoriales y de mapa de bits Mapas de bits a escala e imágenes vectoriales 111 111 Cómo utilizar las herramientas de selección 1 112 vi • Educational Technology Consulting .

Uso de la Varita Mágica Uso de las herramientas Marco Uso de las herramientas Lazo Acerca de las máscaras vectoriales 112 113 115 118 Cómo agregar texto a imágenes Cómo modificar texto con las paletas Carácter y Párrafo Transformar un cuadro de texto Crear texto deformado Modificar texto con estilos de capa 121 122 124 125 125 Cómo generar diferentes formatos de archivo Guardando archivos para web 126 127 Creación de archivos para impresión Cómo establecer la resolución a 300 ppp Convertir imágenes a CMYK Creación de TIFFs Imprimir imágenes y guardar las configuraciones de impresión Crear imágenes para video 128 128 129 129 131 132 Proyecto 3 Tarjetas de Presentación Entender conceptos tipográficos Texto Serif y sans serif Tamaño de la fuente Interlineado Kerning y tracking Definir desplazamiento vertical Hoja de trabajo: Análisis de tarjetas de presentación Hoja de trabajo: Revisión y rediseño de tarjetas de presentación 135 137 137 137 138 138 140 141 143 Uso de filtros Creación de una forma personalizada Uso del filtro Licuar 145 145 148 Visión general del espacio de trabajo de Adobe InDesign CS4 Exportar el espacio de trabajo Personalizar el área de trabajo Abrir un archivo en InDesign Visión general de la Barra de herramientas Seleccionar un objeto y trabajar con el Panel de control Navegar a través de las páginas de su documento 149 149 150 152 153 156 158 Configuración de un documento Creando un documento nuevo 159 159 Cómo utilizar texto Agregar un marco de texto Aplicar formato al texto Selección de texto y aplicación de formato básico a texto Ajuste del espaciado en el texto y aplicación del desplazamiento vertical 161 161 163 163 165 Educational Technology Consulting • vii .

y el panel Alinear Uso de las reglas Uso de las guías Uso de la cuadrícula Uso del panel Alinear 167 168 168 169 172 Cómo preparar archivos para su impresión Enviar a impresión Enviar archivos a una imprenta 175 176 178 Cómo crear una presentación PDF Agregar botones de navegación a una presentación Agregar una transición de página Cómo hacer que las transiciones avancen automáticamente 183 184 185 186 Proyecto 4 Anuncios Hoja de trabajo: Análisis de anuncios Hoja de trabajo: Plan del proyecto Hoja de trabajo: Entrevista con el Cliente: Anuncio 189 191 195 199 205 207 208 211 Cómo crear composiciones de capas Actualizar composiciones de capas Exportar composiciones de capas Hoja de trabajo: Revisión y rediseño del anuncio Cómo agregar una marca de agua a las imágenes Cómo trabajar con marcos de texto Cambiar la configuración de un marco de texto Creación de un marco de texto no rectangular Cambiar el color de relleno del marco de texto Agregar un trazo al marco de texto 213 214 214 217 218 218 219 219 221 Cómo colocar imágenes en una página Ubicación de imágenes en una página sin crear primero un marco de gráficos Colocación de imágenes en marcos de gráficos Cómo trabajar con marcos de gráficos Creación de un marco de gráficos rectangular Creación de un marco de gráficos no rectangular Agregar una imagen a un marco de gráficos Agregando un trazo a un marco de gráficos Cambiar la forma de un marco de gráficos Cambiando la forma de una imagen pero no el marco 223 224 224 225 226 227 229 Cómo combinar marcos de gráficos con marcos de texto 230 Proyecto 5 Portafolios Cómo crear un organigrama para un portafolio Planeación de portafolios Portafolio de exhibición 233 235 235 235 viii • Educational Technology Consulting .Manejo de texto desbordado 167 Uso de la regla. la cuadrícula. guías.

Portafolio de progreso 236 Cómo preparar y organizar archivos para un portafolio PDF Convertir archivos a formato PDF Convertir páginas web a formato PDF Agregar multimedia a un documento PDF Restringir la edición e impresión del documento Cómo crear y organizar marcadores Para crear un marcador Ajustar la apariencia de un marcador Organizar la estructura de los marcadores Cómo crear vínculos en un documento PDF 236 237 238 239 242 242 243 246 247 248 Como crear y personalizar un portafolio PDF Arrastrar archivos a un portafolio PDF vacío Abrir y cerrar el panel Editar cartera Personalizar un portafolio PDF Crear una página de bienvenida Agregar encabezados y pies de página a los documentos Seleccionar el esquema de color Utilizar la vista de lista Publicar un portafolio PDF Navegar el portafolio PDF Asegurar el portafolio PDF Hoja de trabajo: Revisión por pares 251 251 253 253 254 257 258 259 261 261 262 265 Proyecto 6 Folletos Hoja de trabajo: Entrevista con el Cliente: Folleto Hoja de trabajo: Revisión y rediseño del folleto 267 269 273 Uso de las herramientas de comentario y marca Herramienta Nota adhesiva Herramientas Editar texto Herramientas Sello Herramientas de marca Mostrar y ocultar comentarios y ver la lista de comentarios Mostrar y ocultar la lista de comentarios Utilizar comentario de audio Revisar comentario de video Insertar páginas Crear Resumen de comentarios Recopilar comentarios para diversos revisores Comentar con Adobe Reader 275 275 277 280 281 282 282 284 286 286 287 288 291 Uso de mapas de degradado Aplicación de un mapa de degradado Personalización de un mapa de degradado 292 292 293 Aplicación de técnicas avanzadas de color 296 Educational Technology Consulting • ix .

suavizar y calar Suavizado y calado con el comando Perfeccionar borde Opciones de fusión de capa 304 308 308 311 Cómo trabajar con capas de InDesign Mover marcos de gráficos a una capa de material grafico Ocultar capas Bloqueo de capas 311 314 316 317 Cómo utilizar texto falso Cómo aplicar efectos al texto Aplicación del efecto Sombra paralela Aplicación del efecto Biselar y grabar Aplicación del efecto Desvanecimiento de degradado 317 319 319 321 321 Cómo ajustar texto alrededor de objetos Ajuste de texto alrededor de una forma simple. Uso del ajuste de texto para agregar una cita (tipo balazo) 322 322 324 Cómo utilizar estilos de carácter y de párrafo Creación de estilos basados en formato existente Creando un estilo desde cero Aplicar un estilo Edición de un estilo Creación y aplicación de estilos de carácter 325 326 327 329 329 330 Cómo importar archivos Editar el original Hoja de trabajo: Informe con el cliente 332 334 337 Proyecto 7 Boletines Generalidades del espacio de trabajo de Adobe Illustrator CS4 Exploración del espacio de trabajo Cómo personalizar el área de trabajo Cómo abrir un archivo en Illustrator Cómo crear un nuevo documento de Illustrator Generalidades del panel Herramientas Cómo utilizar la Herramienta Zoom para navegar por su documento Cómo desplazarse por un documento con la herramienta Mano Cómo seleccionar un objeto y trabajar con el panel de Control 339 341 341 342 343 344 345 346 347 349 x • Educational Technology Consulting .Uso de capas de ajuste Cambio en el tono y saturación Uso del comando Invertir Uso de la Corrección selectiva Posterización de una imagen Uso de filtros de fotografía Uso del Mezclador de canales Uso de la función Reemplazar color 296 297 298 299 299 300 301 303 Cómo utilizar el filtro Punto de fuga Cómo fusionar.

Generalidades del panel Navegador 349 Cómo dibujar con Illustrator Configuración de las opciones de dibujo en el panel de Control Dibujar con la Herramienta Lápiz Dibujar con la Herramienta Pincel Dibujar con la Herramienta Pincel de manchas Dibujar formas Utilizar la Herramienta Degrado 350 351 352 352 354 355 356 Cómo reutilizar objetos con bibliotecas Creación de una nueva biblioteca Agregar un objeto a la biblioteca Cómo agregar información a un elemento de la biblioteca Reutilizar un elemento de la biblioteca 358 359 359 360 361 Cómo utilizar plantillas de documentos Cómo utilizar plantillas preestablecidas 362 364 Cómo transformar objetos Uso de la Herramienta Transformación libre 367 367 Cómo manejar el ajuste de texto entre marcos Utilizar las opciones de autoajuste 371 373 Cómo agregar números de página Agregar números de página Agregar números de página a páginas maestras 375 375 377 Cómo crear subtítulos Creación de un estilo de subtítulos Agregar subtítulos a las imágenes 380 380 381 Uso de las herramientas de medición y análisis Definición de una escala de medida Medir objetos con las herramientas de selección Medir objetos con la Regla Para exportar datos de las medidas a una hoja de cálculo 382 382 384 385 386 Cómo importar texto de Microsoft Word 387 Proyecto 8 Mini-anuarios Cómo rellenar texto con una imagen Para rellenar una línea de texto con una imagen 389 391 391 Cómo usar páginas maestras Uso del panel Páginas Creación de páginas maestras Creación de páginas nuevas basadas en páginas maestras 393 394 394 395 Cómo utilizar estilos de objeto Cómo definir los estilos de objeto 397 398 Cómo usar libros Orígenes de estilo 403 404 Educational Technology Consulting • xi .

Creación de un libro nuevo Cómo agregar documentos a un archivo de libro Sincronice documentos de libro 404 404 406 Cómo utilizar la herramienta Rociar símbolo 408 xii • Educational Technology Consulting .

Proyecto 4Logotipos Proyecto Boletines PortafoliosFolletos Proyecto Proyecto 9 ProyectoPresentación 3 Tarjetas 8 Mini-anuarios Proyecto 6 nales Proyecto Proyecto de 5y7fotografía 1 Collages 2Portafolios Anuncios .

.

Así sea con un escáner en la casa. profesores y estudiantes. Podrá ver inmediatamente si obtuvo la fotografía que quiso y borrarla si no le gusta. escanear y meter las fotografías a un CD le permite copiarlas a la computadora rápida y fácilmente para editarlas. Iniciar con la fotografía digital Para tomar y ordenar fotos digitales. Demasiadas ventajas • • • • La fotografía digital quita el temor al error. • En una compañía de revelado.Diseño Gráfico con Fireworks CS4 Introducción a la fotografía digital La fotografía digital se ha hecho más común en los últimos años. Con tan sólo algunos clics del mouse podrá organizar. La fotografía digital reduce costos. Al llevar su rollo de película aun centro de revelado. De esta manera. • Imprimir tarjetas de cumpleaños. familiares. agentes de bienes raíces. • Diseñar tapetes para el ratón (mouse pad). efectiva y más barata que las formas tradicionales de fotografía. pida que se las entreguen en un CD en lugar de impresas. Es rápida. Podrá… • Crear una presentación de diapositivas para un proyecto escolar. La fotografía es el arte de capturar la luz. escuela o un centro de revelado. bomberos. Podrá subir fotos y compartirlas con familiares y amigos por medio de una computadora o un teléfono celular. Lo mejor de todo es que la fotografía digital es cada vez más sencilla y disfrutable. sólo por nombrar a algunos. • Escanear fotografías impresas y quemar un CD Puede escanear fotografías que haya tomado antes. podrá tener acceso a los servicios de las fotografías digitales. Para hacer más cambios podrá hacer uso de Adobe Photoshop Elements. por ejemplo policías. científicos. tazas y más. lo cual hizo la primera cámara. Tomar fotografías Hay varias maneras en las que se pueden tener las fotografías listas para utilizarlas en la computadora. y pagará sólo el revelado de las fotos que quiera. Realce de fotografía El gusto de tomar fotografías consiste en compartirlas con amigos. Educational Technology Consulting • 15 . Cámaras digitales: Cómo llegamos a este punto Una de las mejores cosas de la fotografía digital es que puede ver las fotografías justo después de tomarlas. Ésta se llamó Cámara obscura y tenía una gran pieza de vidrio que reflejaba la pintura en un lienzo o pared. sólo necesita una cámara digital y una computadora. realice una lista con los requisitos que ésta “debe tener” y encontrar la más adecuada para usted. pues no tendrá que comprar rollos de película. doctores. Antes de comprar una. pues le permite tomar cuantas fotos desee. agentes de seguros. La fotografía digital es fácil. compartirlas e imprimirlas. rápida y divertida. • Con una cámara digital Hay distintos tipos de cámaras digitales. donde le entreguen un CD con las fotografías de forma digital. Suena simple pero a la Fotografía le llevó más de 150 años poder llegar hasta donde está. Las posibilidades con las fotografías digitales son infinitas. calendarios o carteles. • Crear CDs. editar y compartir todas las fotografías digitales. • Ingresar un álbum de fotografía que muestre el progreso de la clase durante el año escolar. • Varias personas utilizan la fotografía digital en su trabajo.

2. pero cada año. Lleva mucho tiempo transferir las fotografías a una computadora. 3.000 por un megapixel. Esta tecnología ha avanzado considerablemente en los últimos 10 años. La fotografía a color se inventó en 1907. agentes de seguros. Una fotografía mostró el primer planeta fuera del sistema solar. 5. Ver fotografías de gente y de lugares se volvió un pasatiempo común en la década de 1850. La fotografía digital es cara. era fácil de utilizar y tenía película suficiente para cien fotografías. El periodismo fotográfico comenzó durante la Guerra civil estadounidense. siendo del tamaño de un autobús escolar. se dio cuenta lo poderosas que éstas podían llegar a ser. incluso en tamaños muy amplios. Las cámaras digitales son lentas. Este planeta es casi tres veces mayor al planeta más grande de nuestro sistema solar. La mayoría de las fotografías se tomaban para mostrar las cosas de la manera en que la gente quería verlas. De hecho. las cámaras digitales producen fotos de muy buena calidad. La fotografía digital es cada vez más barata. El poder de lo digital Las fotografías digitales no sólo son utilizadas por diversión. Por ejemplo. Así que a continuación presentamos 10 mitos sobre las cámaras digitales: 1. Su precio era de US$ 18. Las cámaras eran muy caras. Dado que las cámaras digitales han mejorado. Llamada cámara Kodak. es probablemente la cámara digital más grande que se ha construido. las cámaras digitales eran más lentas que las cámaras de película. el telescopio Hubble ha enviado imágenes digitales del espacio exterior profundo desde 1990. 16 • Educational Technology Consulting .Diseño Visual CS4 En otros tiempos… Un francés llamado Louis-Jaques Mandé Daguerre inventó la fotografía en 1839. Una fotografía digital no es tan buena como una de película fotográfica. Por un tiempo. 4. Las cámaras digitales son grandes y pesadas. Además de las cosas grandes. Tome un minuto y piense cómo podría utilizar la fotografía digital. la calidad de las fotografías no era muy buena y no había muchas herramientas para trabajar con las fotografías digitales. pero ahora la fotografía digital marca la pauta. Dentro de poco. Los rollos de película son buenos. bomberos. las cámaras digitales se hacen más rápidas. También son utilizadas por distintos profesionistas como policías. la tecnología digital también nos permite ver cosas muy pequeñas como células y particulas microscópicas. La primera cámara digital fue creada en 1994. ¿La utilizaría para tomar fotos de su mascota cada semana y registrar su crecimiento? ¿La utilizaría para un proyecto de arte? Las fotografías digitales le permiten experimentar la fotografía como nunca antes. la fotografía digital tuvo algunos problemas. 10 mitos sobre la fotografía digital En sus primeros días. también lo han hecho las fotografías que son tomadas con ellas e incluso las herramientas existentes para trabajar con ellas son más sencillas de utilizar. Hoy en día. Júpiter. agentes de bienes raíces. pero fue hasta 1935 que se popularizó. Ahora se puede comprar una cámara de tres megapixeles por US$200. Hay muchas cámaras digitales ligeras y pequeñas que proveen diversas funciones y crean fotografías de primera calidad. sólo por nombrar a algunos. científicos y doctores. La fotografía digital nos permite ver cosas nuevas. Cuando la gente vio las fotos de Brady en el periódico. Brady. La velocidad de transferencia se puede aumentar con una memoria USB o una tarjeta FireWire. Sin embargo aún existen algunas personas que tienen un punto de vista negativo de la fotografía digital. Las tarjetas más rápidas pueden copiar tres o cuatro fotografías JPEG de alta resolución a la computadora en un segundo. costará menos que la de película fotográfica. El pionero del periodismo fotográfico americano fue Mathew B. como instrumento para documentar la realidad de las batallas. George Eastman diseñó la primera cámara para el público general en 1888.

Es difícil imprimir fotografías digitales. 10.Diseño Gráfico con Fireworks CS4 6. navegar alrededor del lugar. Abra Adobe Photoshop e inmediatamente después presione las teclas Control + Alt + Mayús (Windows) o las teclas Commando + Opción + Shift (Mac OS) para restablecer las configuraciones preefinidas. 8. También puede agregar comandos y filtros a los menús al instalar third-party software conocido como módulos de plugin. Haga clic en Sí para confirmar que quiere borrar el archivo de Educational Technology Consulting • 17 . Cuando se abra el cuadro de diálogo (Figura 1). Explorar el espacio de trabajo de Photoshop Puede personalizar el diseño y funcionalidad del espacio de trabajo de Photoshop Para abrir y explorar el espacio de trabajo de Photoshop: Actividad 1. La fotografía digital no es tan divertida. 9. También puede trabajar con vectores gráficos que son elementos hechos de líneas suaves que conservan la calidad cuando se manejan en escalas. vea el tema “sobre formatos de archivo” en la ayuda de Photoshop. utilizar herramientas básicas de paneo y zoom así como a crear espacios de trabajo personalizados. Si no ve el ícono de Photoshop seleccione Iniciar.0 le permite organizar fotografías por categoría: familia. Para información sobre los tipos de archivos que se pueden utilizar con Adobe Photoshop CS4. mascotas. elija Todos los programas haga clic en Adobe Master Collection CS4 y después seleccione Adobe Photoshop CS4 (Windows) o vea en alguno de los folders de aplicación o el muelle (Mac OS). • Imágenes escaneadas de fotografías. escuela. amigos. negativos. Es difícil editar y ver fotografías digitales. • CDs digitales de imágenes digitales. Comenzar a trabajar con Adobe Phtoshop El espacio de trabajo de Adobe Photoshop incluye los menús de comando en la parte superior de su pantalla y una gran variedad de herramientas y paletas para editar y agregar elementos a su imagen. • Imágenes capturadas de video. Puede imprimirlas en casa. Imprimir fotos digitales es fácil. gráficos y otros documentos. 7. vacaciones. Puede crear obras de arte originales en Photoshop e importar imágenes al programa de varias fuentes como: • Fotografías de cámaras digitales. Adobe Photoshop es sorprendentemente fácil de utilizar. Photoshop trabaja con imágenes digitalizadas de mapas de bits (estas son imágenes de tono continuo que se han convertido en una serie de pequeños cuadros o elementos de imagen llamados pí xeles). crear nuevos documentos. • Obras de programas de diseño. Las impresiones de las fotografías digitales se ven mal. transparencias. en un centro de servicio fotográfico en internet e incluso ahora hay campañas de revelado que proveen este servicio. El software Adobe Photoshop Elements 5. Proteja sus archivos originales – también llamados negativos – al quemar un CD y enlistar su contenido. La fotografía digital puede ser muy divertida. Es casi imposible distinguir entre una impresión digital y una de película fotográfica. Visión general del espacio de trabajo de Adobe Photoshop CS4 Extended En esta guía aprenderá cómo abrir imágenes en Adobe Phtoshop CS4 Extended. Es difícil organizar y almacenar fotografías digitales.

está la barra de opciones con la Barra de herramientas del lado izquierdo. En la barra de aplicación está el ícono de aplicación. Figura 2 Interfaz de Adobe Photoshop CS4 El menú principal a través del botón de la barra de Aplicación organiza comandos en menús individuales. controles de Vista y control para cambiar el espacio de trabajo. El espacio trabajo de Photoshop aparece como se muestra en la ilustración de más adelante. el menú principal (Sólo en Windows). controles de aplicación. La Barra de herramientas contiene herramientas para crear y editar imágenes.Diseño Visual CS4 configuraciones de Photoshop y haga clic en Cerrar para cerrar la pantalla de bienvenida. 18 • Educational Technology Consulting . Las herramientas relacionadas están acomodadas en grupo. Figura 1 Haga clic en Sí para restablecer las configuraciones de Photoshop 2. elementos de página y demás. La Barra de opciones despliega opciones para la herramienta actualmente seleccionada. paletas (también llamadas paneles) y uno o más documentos de Windows abiertos separadamente. trabajos de arte. El espacio de trabajo predeterminado de Photoshop (Figura 2) despliega una Barra de aplicación en la parte superior de la pantalla. Debajo de la Barra de aplicación.

Para crear un espacio de trabajo personalizado. un ejemplo son las paletas de capas. apilar o acoplar paletas. mueva y manipule la interface de diseño de Photoshop (Figura 4). pero puede agregar cualquier paleta al seleccionarla del menú Windows. así como fueron nombradas en el espacio de trabajo. Educational Technology Consulting • 19 . Algunas paletas están desplegadas de manera predeterminada. aunque mueva o cierre una paleta. Figura 3 Seleccion Aspectos escenciales (Por defecto) Personalizar su espacio de trabajo Puede guardar el espacio y posiciones actuales de las paletas actuales.Diseño Gráfico con Fireworks CS4 El documento Windows despliega el archivo en el que trabaja actualmente. Podrá agrupar. Los nombres de los espacios de trabajo guardados se encuentran en el menú Espacios de trabajo en Ventana. También puede restaurar éste. Las paletas le ayudan a monitorear y modificar su trabajo. elijiendo Espacio de Trabajo y haciendo clic en Aspectos escenciales (Por defecto) (Figura 3). Para personalizar el espacio de trabajo Actividad 1. Diversas paletas tienen menús con opciones de paletas específicas. Usted puede resaurar el área de trabajo en cualquier momento seleccionando el menú ventana.

Figura 6 Cuadro de diálogo Guardar espacio de trabajo 3. Haga clic en Guardar. Menús). 4.Diseño Visual CS4 Figura 4 Espacio de trabajo personalizado 2. elija Espacio de trabajo y escoja Guardar espacio de trabajo (Figura5). 20 • Educational Technology Consulting . Figura 5 Guardar espacio de trabajo Para guardarlo. Métodos abreviados de teclado. Nombre su espacio de trabajo de trabajo y seleccione las opciones capturar para guardarlo (Ubicaciónes de panel. aparece el cuadro de diálogo Guardar espacio de trabajo (Figura 6). Seleccione Ventana.

El nuevo espacio de trabajo aparece en la parte superior del menú del espacio de trabajo. Para abrir un archivo Actividad 1. Elija Ventana y seleccione Espacio de trabajo. El archivo se abre en su propia ventana. Para abrir un archivo elija el menú Archivo. seleccione Abrir y navega ala carpeta imagenes1 y seleccione la imagen monedas. 2. Figura 7 En la esquina superior derecha aparece su espacio de trabajo Abrir un archivo en Photoshop Podrá abrir archivos en el comando Abrir o en el comando Abrir recientes. Selecciones su archivo y haga clic en Abrir. en cualquier momento puede regresar a su espacio de trabajo. al seleccionarlo del menú localizado en la flecha desplegable ubicada a un lado del nombre de su espacio de trabajo en la esquina superior derecha de la interfaz (Figura 7).Diseño Gráfico con Fireworks CS4 5. Incluso si hace cambios.jpg. llamada ventana de imagen (Figura 8). Su espacio de trabajo se muestra en la esquina superior derecha de la interfaz. Figura 8 Archivo abierto en la ventana de imagen Educational Technology Consulting • 21 .

Figura 9 Boton Iniciar Bridge de la barra de aplicaciones Si aparece un cuadro de diálogo preguntando si desea que Bridge se abra al iniciar sesión haga clic en No. carpetas íconos de aplicación y otras aplicaciones que utilice regularmente. 22 • Educational Technology Consulting . al panel Favoritos significa que tendrá un acceso fácil a éstos. Para cerrar el archivo de imagen. Añadir archivos.Diseño Visual CS4 3. Como abrir un archivo con un Adobe Bridge También puede abrir un archivo con un puente al utilizar el Adobe Bridge. No cierre Photoshop. navegue a la carpeta imagenes1. Haga clic en el botón Iniciar Bridge de la barra de aplicaciones (Figura 9). Para abrir un archivo con Adobe Bridge Actividad 1. Figura 10 Interfaz de Bridge Nota También puede seleccionar cualquier folder y luego seleccionar Archivo. Del panel Favoritos. elegir Añadir a favoritos. un buscador virtual de archivo que evita al buscador encontrar el archivo que usted necesita. Nota También puede abrir lo desde Archivo y elegir Buscar en Bridge. elija Archivo y seleccione Cerrar o haga clic en el botón para cerrar en la barra de título de la ventana de imagen. 2. en la parte superior izquierda de Adobe Bridge (Figura10).

4. Haga clic en OK. mientras usted ajusta la configuración de su nuevo archivo. elija Archivo y seleccione Abrir. Seleccione el menú Archivo y elija Nuevo. transparente. Educational Technology Consulting • 23 . magenta. entre 300 y 1200 píxeles por pulgada. Color Lab (basados en CIE L* a* b*) y Escala de grises.Diseño Gráfico con Fireworks CS4 3. Teclee un valor para Resolución. Verá muestras en miniatura de los contenidos de las carpetas en el centro del panel de Adobe Bridge. Puede elegir entre blanco. azul). No salga de Photoshop.jpg en el panel contenido y abra el archivo haciendo doble clic en su versión miniatura. Escoja una configuración para Modo de color. 5. 6. verde. El cuadro de diálogo Nuevo Archivo. 4. aparece con opciones para su archivo (Figura 11). En la esquina inferior izquierda. Haga doble clic en la carpeta de imágenes para abrirla. se necesita una mejor resolución. Modo de color determina qué método de color es utilizado para desplegar e imprimir la imagen en la que trabaja. Escoja una configuración para el Contenido de fondo. 72 píxeles es lo apropiado para una imagen que se utilizará en la web. Cierre la imagen. o utilice el menú principal de Adobe Bridge. CMYK (cian. Asegúrese de guardar su archivo mientras trabaja en él. lista para utilizarse (Figura12). La imagen se abre en Photoshop. Crear un nuevo documento de Photoshop Puede definir un nuevo documento y definir su tamaño. Para que se imprima una imagen. Escoja entre RGB (Rojo. El nuevo archivo abre la ventana de imagen. 2. o colores específicos de fondo detrás de su imagen. Para crear un nuevo documento de Photoshop Actividad 1. resolución. Photoshop basa sus modos de color en modelos que son útiles para imágenes utilizadas en impresiones. Seleccione el archivo dinero. 5. amarillo y negro). modo de color y elementos de fondo. Figura 11 Cuadro de diálogo Nuevo 3. vea que la información del tamaño del archivo cambia.

Diseño Visual CS4 Figura 12 Ventana de imagen 7. No guarde en esta ocasión. la web y vistas móviles (Figura 13). con sólo una herramienta mostrada de cada grupo y las otras ocultas detrás de ésta. donde puede producir gráficas sofisticadas para impresiones. Seleccione una herramienta oculta al hacer clic y sostenerlo en el triángulo. Visión general de la Barra de herramientas Photoshop provee un conjunto integrado de herramientas. Para guardar una archivo por primera vez. seleccione Archivo y elija Guardar como del menú principal. Un pequeño triángulo en la esquina inferior izquierda del ícono es la señal que hay herramientas ocultas. Figura 13 Visualización de las herramientas de la Barra de herramientas 24 • Educational Technology Consulting . Algunas herramientas están arregladas en grupos.

examine la barra de estado en la parte inferior de la ventana de imagen y vea el porcentaje mostrado en el extremo izquierdo (Figura 15). El proceso para seleccionar y utilizar esta herramienta es similar al del resto de las herramientas en la Barra. Figura 14 Barra de herramientas 2. Educational Technology Consulting • 25 . Abra una imagen de la carpeta imagenes1. Observe la Barra de herramientas que aparece a la izquierda de la ventana de imagen. Barra de Estado Nivel de Zoom Figura 15 Nivel de Zoom y Barra de estado Esto representa la imagen alargada o nivel de zoom de la Barra de herramientas. primer plano. edición. fondo. Cómo seleccionar y utilizar la herramienta de zoom de la Barra de herramientas La Barra de herramientas – la barra larga delgada a la izquierda del espacio de trabajo – contiene herramientas de selección. pintura. Vuelva a hacer clic en la flecha para regresar a la versión de una columna. Nota En Windows. Haga clic en la flecha doble localizada en la parte superior de la Barra de herramientas para cambiar a la versión dos columnas (Figura 14). la barra de estado puede aparecer en la parte de abajo del espacio de trabajo. Cómo utilizar la Herramienta Zoom Actividad 1.Diseño Gráfico con Fireworks CS4 La siguiente sección cubre la herramienta de Zoom. cajas de selección de color y de vizualización.

Si da clic de nuevo. para que éste muestre su nombre y el método abreviado de teclado (Figura 16). 26 • Educational Technology Consulting . ya sea al hacer clic en su botón o al presionar la tecla Z. Seleccione la herramienta Zoom. Esto resulta útil si quiere ver una parte de la imagen que no está a la vista. Figura 16 Nombre de herramienta y método abreviado de teclado 4. La posición en la que colocó la lupa. La imagen se agranda para que ésta llene la ventana de imagen completa. para que la lupa aparezca con un signo de menos en el centro. Cómo utilizar la herramienta Mano Actividad 1. Ahora la vista se concentra se reduce a un grado menor. arrastre el mouse hasta formar rectángulo para encerrar un área de la imagen (Figura 17). Mantenga presionada la tecla Alt (Windows) u Opción (Mac OS). Abra una imagen y con la herramienta Zoom. Cómo desplazarse por una imagen con la Herramienta Mano La Herramienta Mano mueve una imagen dentro de su ventana. Con la herramienta Zoom. Cierre el archivo sin guardar cambios. 5. Figura 17 Uso de la herramienta Zoom para agrandar un areá de la imagen 9.Diseño Visual CS4 3. 6. el zoom avanza al siguiente nivel y puede alcanzar hasta 3200% (Windows) o 1600% (Mac OS). Haga clic en cualquier parte de la ventana de imagen. Mueva el puntero sobre la Barra de herramientas y páselo sobre el ícono que tiene el signo de lupa. amplíela hasta que aparezcan las barras de desplazamiento en la ventana de imagen (Figura 18). 7. el método abreviado de teclado. Haga clic en cualquier lugar de la imagen y posteriormente deje de presionar la tecla. 8. que remplaza el valor anterior de la barra de estado. será el centro de la imagen expandida. Mueva el puntero sobre la ventana de imagen. La imagen se agranda de acuerdo a un nivel de porcentaje. Observe que ahora se ve como una lupa con el signo de más en el centro.

Figura 20 Despplazándose en la imagen con la herramienta Mano Educational Technology Consulting • 27 .Diseño Gráfico con Fireworks CS4 Figura 18 Ventana de imagen con las barras de desplazamiento 2. Con la herramienta Mano. arrastre y desplácese alrededor de la imagen (Figura 20). Seleccione la herramienta Mano de la Barra de herramientas (Figura 19). También puede presionar Shift+H. Figura 19 Seleccione la herramienta Mano 3.

canales o selección de bordes.99 en el espacio para ángulo. 28 • Educational Technology Consulting . • Arbitrario: Rota la imagen en el ángulo que usted especifique. Este comando no funciona con capas individuales.Diseño Visual CS4 Cómo rotar una imagen Cuando utilice imágenes importadas de una cámara. También es una manera fácil de moverse por una imagen. Para rotar una selección o capa utilice los comandos Transformación y Transformación libre. en el sentido contrario de las manecillas del reloj. La figura se expande (Figura 22). Para rotar una imagen Actividad 1. Utilizar la Barra de Navegación Una manera fácil de hacer cambios en el nivel del Zoom es desplazarse con la Herramienta Mano o acercarse con la Herramienta Zoom a una imagen. elija Rotación de imagen y escoja alguno de los comandos que aparecen en el submenú (Figura21) : Figura 21 Rotar una imagen Comandos: • 180°: Rota la imagen en medio giro. Si elige esta opción ingrese un ángulo entre -359. ni partes de capas.99 y 359. no se preocupe. puede ser que éstas no se abran en la orientación que desee. pues la versión en miniatura muestra exactamente la parte la imagen que aparece en la ventana de imagen. haga clic en OK. Elija el menú Ventana y seleccione Navegador para abrir el panel Navegador. Especialmente cuando el porcentaje exacto no es importante. • 90° AC: Rota la imagen en un cuarto de giro. 2. Seleccione Imagen. ó utilizar el panel Navegador. en el sentido de las manecillas del reloj. Si eligio una rotación arbitraria. Localice el control de zoom que está bajo la imagen en miniatura del panel y deslícelo hacia la derecha. • 90° ACD: Rota la imagen en un cuarto de giro. Utilizar el panel Navegador Actividad 1. podrá hacer uso del comando de Rotación de imagen.

Cierre la imágen y támbien Photoshop. etc. periódicos. Nota El margen del rectángulo rojo representa la porción de la imagen que aparece en la ventana de imagen (Figura 23). Cómo escanear imágenes Reúna imágenes de revistas.Diseño Gráfico con Fireworks CS4 Figura 22 Usar el control del zoom para expandir o reducir la escala de una imagen 3. flores. Cuando se acerca demasiado a la imagen. Deslice el control de zoom hacia la izquierda para reducir la escala en la ventana de imagen. con el zoom. material gráfico u objetos encontrados (hojas. Escanee las imágenes y los objetos y cree un producto individual (archivos electrónicos y carpeta con material original) Capture (escanee) Planee Edite Guarde Educational Technology Consulting • 29 . Figura 23 Rectángulo rojo en la paleta navegador 4. Esto también es una manera excelente de verificar en qué parte de la imagen trabaja. podrá arrastrar el margen rojo para desplazarse hacia otras áreas de la imagen miniatura.) para practicar el escaneo y crear contenido grafico que sea utilizado en proyectos futuros. libros.

• Agregue efectos especiales. • Inicie Adobe Photoshop (en caso de que no haya iniciado al encender el escáner). Edición Edite la imagen: • Inicie Adobe Photoshop. Si utilizará la imagen en un diseño impreso. • Guarde como un archivo listo para imprimir. utilice por ejemplo la herramienta Color automático para corregir este problema. es recomendable que mantenga la resolución lo más alta posible. Independientemente del método que utilice. • Obtenga una vista preliminar del escaneado para determinar el área que quiere capturar. • Podría notar que a la imagen le falta contraste. Las imágenes escaneadas pueden ser significativamente mejoradas con las técnicas de retoque descritas en estas guías. • Establezca el tamaño final. • Realice el escaneo de nuevo para obtener la imagen a utilizar. Si utilizará la imagen en un diseño impreso. Escanear para Adobe Photoshop CS4 Se pueden escanear imágenes para ser utilizadas en Photoshop por cualquiera de los siguientes dos métodos: • Importar con la interfaz TWAIN de su escáner. • Guarde como un archivo Web-Ready. será recomendable que establezca la resolución en al menos 300 ppp. • Ajuste el tamaño de acuerdo a sus necesidades. Guardar Guardar archivos: • Guarde como un archivo al cual pueda modificar en el futuro. • Coloque la imagen u objeto en la superficie del escáner. • Realice el escaneado utilizando uno de los métodos descritos al final de esta guía. • Establezca la resolución. podrá abrir y editar las imágenes inmediatamente en Photoshop. • Importar con el plug-in de Photoshop llamado WIA.Diseño Visual CS4 Plan Pregúntese lo siguiente: • ¿Qué mensaje quiero comunicar? • ¿Qué imagen u objeto quiero utilizar? • ¿La imagen que seleccioné relata la historia? Enfocándose en el mensaje • ¿La imagen seleccionada relata la misma historia de la misma manera en que lo haría otra imagen? • ¿Cómo usaré esta imagen? ¿Desplegada en un monitor? ¿Impresa? • ¿Necesitaré modificar esta imagen de nuevo para utilizarla con otro propósito? • ¿La imagen seleccionada incluye información externa? • ¿Contiene detalles que causen distracción? Captura Vista preliminar del escaneado: • Encienda el escáner. 30 • Educational Technology Consulting . Aplique corrección de color automático.

Haga clic en Iniciar. seleccione la opción Abrir Imagen Adquirida en Photoshop. Inicie Photoshop. Actividad 1. Figura 25 Selección del escáner Educational Technology Consulting • 31 . 4. Para importar con TWAIN. Seleccione el escáner que quiera utilizar (Figura 25). El asistente de soporte WIA aparecerá (Figura 24). Haga clic en Explorar… para seleccionar la ubicación en la cual se almacenarán las imágenes escaneadas. Figura 24 Página inicial del Asistente de Soporte WIA 3. La opción Crear Sub carpeta Única le permite guardar imágenes directamente en una carpeta cuyo nombre corresponde a la fecha actual. Deberá instalar el dispositivo TWAIN y su software. luego necesitará reiniciar su computadora antes de poder importar imágenes a Photoshop a través del TWAIN. después en Importar y luego seleccione su escáner. Nota: Para asegurarse que la imagen se abrirá en Photoshop. Haga clic en Archivo despues en Importar y finalmente en Soporte WIA. haga clic en Archivo. 5. lo que hará es básicamente abrir el software del escáner desde Photoshop. El Software TWAIN de su escáner se abrirá. Esta opción es útil cuando se planea escanear una gran cantidad de imágenes y no es necesario especificar opciones de escaneado demasiado precisas. Importar con WIA El plug-in WIA le permite especificar la ubicación en la cual se almacenarán las imágenes cuando las escanee. La opción TWAIN le permite especificar un rango de opciones dependiendo de las que estén disponibles en su escáner.Diseño Gráfico con Fireworks CS4 Importar con TWAIN TWAIN es una interfaz para la captura de imágenes utilizada por la mayoría de los escáneres. La opción TWAIN. 2. Haga clic en Aceptar. Consulte las instrucciones de su escáner para mayor información.

Para utilizar el Color automático Actividad 1. Seleccione el menú Imagen. Para una máxima flexibilidad al momento de trabajar con la imagen. Nota La mayoría de las tareas en esta guía se aplican principalmente a fotografías. seleccione el formato de archivo PSD (Formato nativo de Photoshop). Figura 26 Configuración de opciones de escaneado 8. elija Ajustes y haga clic en Color automático. es posible que requiera ajustar la calidad del color y los niveles de iluminación. medios tonos e iluminaciones. 32 • Educational Technology Consulting . estas opciones serán suficientes para cubrir sus necesidades. Seleccione Archivo. En una sección posterior en esta guía encontrará como realizar los ajustes de forma manual. En muchos casos. Ajuste automático Photoshop incluye varias opciones para ajustar la calidad de la imagen automáticamente. Estas opciones pueden mejorar la apariencia de una imagen y corregir problemas que hayan surgido durante el escaneado o cuando tomó la fotografía.Diseño Visual CS4 6. 7. Photoshop aplicará color automático a la imagen. 9. elija Guardar para guardar la imagen. Abra la imagen que desee corregir. Haga clic en Aceptar. Aparece un cuadro de diálogo preguntandole ¿Qué imagen desea copiar? (Figura 26). 2. Como corregir color Una vez que haya abierto una imagen en Photoshop. especifique la imágen que desea copiar. La opción de color automático ajusta el contraste y el color de la imagen al buscar e identificar sombras. Haga clic en Obtener imágenes. La imagen se abrirá en Photoshop.

haga clic en el botón Niveles (Figura28). desde el píxel más oscuro hasta el más claro. También puede ajustar los medios tonos – tonos grises o gamma en su fotografía que están a la mitad del rango de luminosidad. Asegúrese de que la fotografía esté seleccionada (para aplicar cambios a la fotografía completa). Asegúrese de que la casilla de verificación Previsualizar este seleccionada. la claridad del color (no así su definición) habrá mejorado. Esta deberá verse más clara en algunas zonas y más oscura en otras. Haga clic en OK. El cuadro de diálogo Sombras / Iluminaciones aparecerá (Figura 27). 3. En la capa de ajuste puede hacer cambios a los tonos y preservar la imagen original. La opción Previsualizar le permite ver cambios en la imagen a medida que los vaya aplicando. Ajuste de Niveles con una capa de ajustes Cada imagen tiene un rango de tonalidad. En general. 6. Figura 27 Cuadro de diálogo Sombras / Iluminaciones 4.Diseño Gráfico con Fireworks CS4 Observe los cambios en la fotografía. Para utilizar la opción Niveles en el panel de ajustes Actividad 1. Puede utilizar las opciones de Niveles en Photoshop para ajustar la oscuridad o claridad de los pixeles en su fotografía. elija Ajustes y haga clic en Sombras / Iluminaciones. 5. Arrastre los controles deslizantes de Sombras e Iluminaciones hasta que esté satisfecho con la imagen. En cualquier momento puede archivar o desarchivar las capas de la imágen. Esto le proporciona a la fotografía un amplio rango de tonalidad. Las fotografías tienden a verse mejor cuando los pixeles oscuros están cercanos al color negro y los claros al color blanco. Seleccione el menú Imagen . Educational Technology Consulting • 33 . La edición no destructiva significa que puede experimentar diversas formas sin dañar la imágen original. En el panel Ajustes.

Figura 29 panel ajustes con niveles de opciones 3. Observe que los medios tonos se hacen más claros. Observe que las secciones más oscuras de la imagen se oscurecen más. El panel Niveles aparecerá con una variedad de opciones y ajustes preestablecidos (Figura 29).Diseño Visual CS4 Figura 28 Cuadro de diálogo Niveles 2. Nota: El panel de ajustes con niveles incluye el botón Auto. Arrastre el triángulo izquierdo (negro) a la derecha. Arrastre el triángulo de en medio (gris) ligeramente hacia la izquierda. Observe que las secciones claras de la imagen se aclaran más. 34 • Educational Technology Consulting . Arrastre el triángulo derecho (blanco) a la izquierda. Esto puede dar resultados buenos con aquellas imágenes que necesiten un simple aumento de contraste. 5. 4. El botón Autoniveles automáticamente ajusta el punto negro con el punto blanco de la imágen.

Aparece el panel Capas. La imagen original se conserva sin alteraciones en la capa de fondo. mientras que la herramienta Subexponer hace que se muestre menos luz. dado que Autoniveles ajusta cada canal de color individualmente. La herramienta Sobreexponer permite mostrar más luz a través del negativo. Los nombres Sobreexponer y Subexponer pueden sonar un poco raros pero. La herramienta Sobreexponer aparece por defecto. en algunas ocasiones puede necesitar modificar aéreas especificas de una imagen a un color más oscuro o claro. haga clic en la herramienta Sobreexponer y arrastre el botón del mouse hacia abajo (Figura 31).Diseño Gráfico con Fireworks CS4 De cualquier modo. Se puede modificar el tamaño o forma del pincel en la barra de Opciones (Figura 32) Educational Technology Consulting • 35 . haciendo que el área sea más oscura. puede quitar el color e introducir colores. Ajuste de la claridad y oscuridad utilizando las herramientas Sobreexponer y Subexponer Las opciones de la sección anterior cambian la claridad y oscuridad en toda la imagen. En este caso. (Generalmente el pincel aparece como un círculo). Ambas herramientas están disponibles en la barra de herramientas situada sobre la herramienta Pluma. Haga clic en la herramienta Sobreexponer situada en la barra de herramientas (Figura 31). Sin embargo. Cierre el archivo. Ajustar manualmente los colores. Observe que la nueva capa de ajustes llamada Niveles1 ha sido creada (Figura 30). 6. Para usar la herramienta Sobreexponer Actividad 1. 2. Figura 31 Sobreexponer y Subexponer en la barra de herramientas El cursor cambiará a un pincel. Por ejemplo. de la misma manera que muchas otras características de Photoshop. Para tener acceso a la herramienta Subexponer. casi siempre brinda ajustes más sutiles a la imágen. estos comandos toman sus nombres de procesos fílmicos. Figura 30 Crearuna nueva capa en el panel Capas 7. Elija Ventana y Seleccione Capas. utilice las herramientas Sobreexponer y Subexponer para modificar la claridad u oscuridad de un área especifica de la imagen. entonces el área se ve más clara. podría necesitar aclarar las sombras en el rostro de una persona o dar brillo a los colores en un área de la imagen sin mucha luz.

Asegúrese de que no haya nada seleccionado en la fotografía (se aplicará el cambio a toda la imagen. Figura 33 Herramienta Subexponer 2. El cuadro de dialogo de Máscara de enfoque aparecerá (Figura 34). El cursor cambiará a un pincel. El filtro Máscara de Enfoque hace que la imagen se vea más enfocada al ajustar el contraste en los bordes. y podría ser recomendable que mantenga visible la paleta historia para que pueda deshacer estas acciones.) 2. Nota El filtro Máscara de Enfoque es solo uno de los muchos filtros contenidos en Photoshop. 36 • Educational Technology Consulting . Muchos de estos filtros aplican efectos artísticos a las imágenes. Establezca el tamaño del pincel en proporción al área que quiera aclarar.Diseño Visual CS4 Figura 32 Opciones del pincel Establezca el tamaño del pincel en proporción al área que quiera aclarar. Cuando se aplican correcciones de color. Generalmente el pincel aparece como un círculo. algunas veces se producen una especie de ligeros efectos borrosos en la imagen. También se puede modificar el tamaño o forma del pincel en la barra de Opciones. muchos profesionales que utilizan Photoshop aplican un filtro llamado Máscara de Enfoque. Para utilizar la herramienta Subexponer Actividad 1. Arrastre el pincel a través de la fotografía dependiendo de las áreas que requiera oscurecer. Arrastre el pincel sobre las áreas de la fotografía que requiera acalar. 3. Haga clic en la herramienta Sobreexponer localizada en la barra de herramientas y arrastre el botón del mouse hasta seleccionar la herramienta Subexponer (Figura 33). Puede experimentar sus efectos al seleccionar las diferentes opciones contenidas en el menú de Filtros. Deje abierta la imágen. Seleccione Filtro. 3. Actividad 1. 4. elija Enfocar y haga clic en Máscara de Enfoque. Aplicación del Filtro Máscara de Enfoque Después de retocar una foto. Nota Sobreexponer y Subexponer requieren un poco de práctica.

Cuando Educational Technology Consulting • 37 . se establece el Umbral entre 0 y 20 para evitar introducir “ruido” a la imagen. Las fotografías de alta resolución pueden mejorar con una configuración más alta. probablemente conozca un poco al comando Deshacer que se encuentra disponible en la mayoría de las aplicaciones. Como retocar fotos Además de corregir colores. incluyendo el uso de la Herramienta Tampón de Clonar. quitar secciones de la fotografía y corregir problemas que hayan surgido en el proceso de la toma de la foto. 4. la Herramienta Pincel Corrector Puntual y la Herramienta Pincel de Ojos Rojos. Arrastre el control deslizante de Radio para cambiar su configuración. Arrastre el control deslizante de Cantidad hasta que la imagen este tan enfocada como lo desee. El Umbral determina como deberán estar los pixeles antes de ser considerados pixeles de borde. Uso de el panel Historia Debido a que las técnicas de retoque requieren de ensayo y error. haga clic en OK para aplicar los cambios y cerrar el cuadro de diálogo de Máscara de Enfoque. es recomendable que sepa utilizar la paleta historia para deshacer los pasos que haya aplicado. Los pixeles de los bordes están localizados en el lugar en que dos colores se unen. Esta guía cubre diferentes procedimientos para retocar fotografías. Generalmente.Diseño Gráfico con Fireworks CS4 Figura 34 Cuadro de diálogo Máscara de enfoque 3. Este comando le permite deshacer los efectos de cualquier acción que acabe de ser aplicada. Cuando esté satisfecho con la imagen. Asegúrese de que la casilla de verificación Previsualizar se encuentra seleccionada para que pueda ver los cambios a medida que los va aplicando. 6. El control de Radio establece el número de pixeles en los bordes que determinan el efecto del enfoque. No cierre el prográma. 8. La configuración por defecto es de 1 píxel. Una configuración de 0 niveles enfoca todos los pixeles de la imagen. Photoshop va varios pasos más adelante que el comando Deshacer con el panel Historia. Como la mayoría de los usuarios de una computadora. Configure el control del Umbral en 0 niveles. La Paleta Historia mantiene un registro de los últimos 20 comandos que se han aplicado a la imagen. otra de las tareas más comunes cuando se trabaja en Adobe Photoshop es el retoque de fotografías para corregir imperfecciones. permitiéndole revertir cualquiera de estos. 7. Cierre la imagen y guarde los cambios. 5.

Estos comandos se encuentran en la lista con el nombre de la herramienta o comando que utilizó para realizar el cambio en la imagen. por ejemplo en Borrador (Figura 36). 4. elija Preferencias y haga clic en Rendimiento. También puede tomar una “foto instantánea” de un grupo de comandos. se agregan estos procedimientos a la paleta historia. si ejecuta otra acción. Las capas también consumen memoria. Cualquier comando que se haya ejecutado después se mantiene temporalmente deshabilitado y aparece borroso. Los comandos aparecen en una lista dependiendo del orden de su ejecución. Figura 36 Paleta Historia con un comando anterior seleccionado Observe que la imagen revierte su apariencia a cuando este comando fue ejecutado. aplicar un filtro y agregar una capa. 2. El punto es aplicar varios comandos a el panel historia (Figura 35). Nota Aun cuando el panel Historia es un gran elemento. En este punto. La imagen se revertirá de forma permanente al estado anterior del comando eliminado. aún se encuentra disponible en el panel (si la selecciona). Tomar una instantánea Puede utilizar la característica Crear Instantánea Nueva para capturar la imagen que aparece en cualquier punto de la 38 • Educational Technology Consulting . Nota: Para desplegar el panel Historia. Abra una la imagen montañas. En el panel Historia haga clic en uno de los comandos anteriores.jpg en Photoshop. podría optar por reducir el número de comandos guardados en el historial. por ejemplo transformar una imagen o añadir texto. Para utilizar el panel Historia Actividad 1. Puede hacer esto seleccione Edición. por ejemplo. En la Figura 36. etc. esta consume memoria (RAM). así que si se encuentra trabajando con una imagen con múltiples capas. seleccione Ventana y haga clic en Historia. Icono eliminar Figura 35 El panel Historia 3. la herramienta Borrar será desechado permanentemente. Para borrar un comando.Diseño Visual CS4 ejecuta un comando. la herramienta borrar aparece borroso y su efecto ya no aparece en la imagen. permitiéndole revertirla después. Ejecute varios comandos – tales como seleccionar una sección de la imagen. selecciónelo y haga clic en el icono Eliminar (Figura 35). Sin embargo.

Diseño Gráfico con Fireworks CS4

lista de comandos de la Historia. Una vez que esté satisfecho con la imagen, sería una buena idea que se le tomara una instantánea. Para tomar una instantánea Actividad 1. Haga clic en el comando de la Historia que quiera capturar. 2. Haga clic en el ícono de Crear Instantánea Nueva. 3. Desplácese a la parte superior de el panel Historia para ver la instantánea (Figura 37).

Icono Crear instantanea nueva

Figura 37 Instantáneas en el panel Historia 4. Para regresar el estado de una imagen al de una instantánea, haga clic en ella de la misma forma que con cualquier otro comando de la Historia. Puede comparar varias instantáneas haciendo clic en ellas. 5. Deje abierta la imágen.

Uso de la Herramienta Tampón de Clonar
Puede utilizar la herramienta Tampón de Clonar para eliminar detalles menores de una fotografía. Esta herramienta es más efectiva con detalles pequeños y notorios. Para utilizar la herramienta Tampón de Clonar Actividad 1. Identifique el objeto o detalle que quiera eliminar de la imagen. Por ejemplo, puede eliminar las rocas señaladas en fotografía en la Figura 38.

Área a ser retocada

Figura 38 Imagen inicial a ser retocada

Educational Technology Consulting • 39

Diseño Visual CS4

2. Utilice la herramienta Zoom para amplificar el objeto (Figura 39).

Figura 39 Objetos amplificados 3. Identifique el área del fondo que combinará con el área problemática. Por ejemplo, en la Figura 39, puede seleccionar el pasto. El área que será clonada debe ser consistente. La herramienta Tampón de Clonar trabaja mucho mejor con áreas que tienen un patrón definido o con áreas de un solo color. 4. Seleccione la herramienta Tampón de Clonar en la barra de herramientas. 5. Mantenga presionada la tecla Alt y haga clic en el área a ser clonada (Figura 40).

Figura 40 Área a clonar seleccionada 6. Suelte la tecla Alt y haga clic con la herramienta Tampón de Clonar sobre el objeto que quiere eliminar (Figura 41).

Figura 41 Clonación del área 7. Continúe moviendo la herramienta Tampón de Clonar sobre el objeto hasta que desaparezca (Figura 42).

40 • Educational Technology Consulting

Diseño Gráfico con Fireworks CS4

Figura 42 Clonación completa 8. Cuando termine de utilizar la herramienta Tampón de Clonar, puede cambiarla por otra herramienta al hacer clic en otra de la barra de herramientas.

Uso de la herramienta Pincel Corrector Puntual
La herramienta Pincel Corrector Puntual realiza retoques de forma más sencilla en áreas pequeñas. La herramienta Pincel Corrector Puntual toma muestras de pixeles de un área circundante automáticamente y los aplica a un área seleccionada. La herramienta Pincel Corrector Puntual realiza cambios rápidamente a un área pequeña. No necesita seleccionar el área de muestra. Para utilizar la herramienta Pincel Corrector Puntual Actividad 1. Habra la imágen Foto_joven.psd localizada en la carpeta Imágenes1 dentro de las plantillas de este proyecto. 2. Haga clic en la herramienta Pincel Corrector Puntual en la barra de herramientas. El puntero cambiará a un pincel. Generalmente el pincel aparece como un círculo. 3. Se puede cambiar el tamaño o forma del pincel en la barra de opciones (Figura 43). Se recomienda que el pincel sea lo suficientemente grande para cubrir el área completa a corregir y que quede algo de espacio alrededor de los bordes.

Figura 43 Opciones del pincel 4. Coloque la herramienta Pincel Corrector Puntual sobre el área que quiera corregir. (Figura 44).

Educational Technology Consulting • 41

Diseño Visual CS4 Figura 44 Herramienta Pincel Corrector Puntual colocada sobre una mancha 5. 42 • Educational Technology Consulting . Figura 45 Corrección Puntual aplicada 6. Guarde los cambios y cierre la imagen. Haga clic para aplicar la corrección (Figura 45).

Para usar la herramienta Pincel de Ojos Rojos Actividad 1. generalmente querrá guardar fotografías en formato JPEG. si tiene algunas capas ocultas.Diseño Gráfico con Fireworks CS4 Uso de la herramienta Pincel de Ojos Rojos Cuando toma fotografías con flash. pero reconocido como un formato flexible). Figura 47 Herramienta Pincel Ojos Rojos aplicada 5.psd localizado en la carpeta Imágenes1 dentro de las plantillas de este proyecto. el truco aquí es tratar de encontrar el balance correcto entre la calidad de la imagen y compresión. Es posible corregir rápidamente el efecto ojos rojos con la herramienta Pincel de Ojos Rojos. estas no aparecerán en la imagen guardada. Abra el archivo Niña. si comprime demasiado un archivo. 3. Haga clic en la herramienta Pincel de Ojos Rojos en la barra de herramientas. 2. utilizando Adobe Photoshop CS4. Coloque la herramienta Pincel de Ojos Rojos sobre la pupila que desee corregir (Figura 46). Figura 46 Herramienta Pincel Ojos Rojos colocada sobre una pupila. Esta guía describe como generar los formatos de archivo apropiados para ambos medios. 4. JPEG es popular porque comprime bien – es decir. Photoshop guarda la misma de la forma en cómo aparece en pantalla. Guarde los cambios y cierre la imágen. Haga clic para aplicar la corrección (Figura 47). Guardando archivos para web Para páginas web. JPEG es utilizado más que cualquier otro formato para páginas web (por ejemplo el formato GIF – generalmente usado para imágenes con colores limitados – y PNG – un formato aun menos utilizado. web e impresos. Es decir. es probable que resulten con el efecto de ojos rojos. Cuando se genera una imagen en Photoshop. se pueden generar imágenes mas pequeñas sin sacrificar la calidad de las mismas. El puntero cambiará a una cruz. es importante recordar que cuando se guarda una imagen. Photoshop hace que este proceso sea más sencillo de realizar a través del comando llamado Guardar para Web y Dispositivos. la calidad de este se verá afectada. Educational Technology Consulting • 43 . Puede utilizar Guardar para Web y Dispositivos para obtener una vista preliminar de los JPEGs con diferentes configuraciones de compresión antes de guardarlos. Cómo generar diferentes formatos de archivo Diferentes medios – impresos y web – requieren diferentes formatos de archivo. Sin embargo.

observe como aparece la fotografía de la derecha. El cuadro de dialogo Guardar para Web y Dispositivos aparecerá en pantalla (Figura 48). contenida dentro de las plantillas de este proyecto. En el menú desplegable de Formato de Archivo Optimizado. Seleccione Archivo y elija Guardar para Web y Dispositivos. este aparece en su tamaño de pixeles completo. haga clic en Guardar.Diseño Visual CS4 Nota Cuando se guarda un archivo para web. Haga clic en la ficha 2 copias para desplegar la imagen original y una vista preliminar del archivo que será guardado. Para guardar una imagen como JPEG Actividad 1. 6. A medida que cambie la configuración. Figura 48 Cuadro de dialogo Guardar para Web y Dispositivos 3. Menú desplegable Formato de archivo optimizado Menú desplegable Calidad de Compresión Control deslizante Calidad Figura 49 Configuración de Guardar para Web 5. 4. 2. Cuando esté satisfecho. seleccione JPEG (Figura 49). El tamaño del documento no afecta la forma en cómo una imagen aparece en un navegador. Inicie Photoshop y abra una imagen de la carpeta imagenes1. Por ejemplo. 44 • Educational Technology Consulting . Ajuste la calidad al utilizar ya sea el menú desplegable de Calidad o al utilizar el control deslizante de Calidad (Figura 49). El tamaño del documento únicamente afecta la forma en cómo la imagen es impresa. una imagen cuyo tamaño en pixeles es de 640 x 480 se despliega de esa forma en un navegador.

Diseño Gráfico con Fireworks CS4

Al hacer clic en Guardar, de forma automática se guarda una copia de la imagen con formato JPEG con la configuración que haya indicado. La imagen original se conserva sin cambios. Para propósitos de trabajo, es posible que quiera incorporar algunas de las características al nombre del archivo, por ejemplo “banner_alta.jpg” para una imagen JPEG guardada con alta calidad. Después de que guarde, el archivo original permanecerá abierto en Photoshop 7. Cierre la imagen y guarde los cambios. Nota Si el archivo original también es JPEG (muchas cámaras digitales utilizan formato JPEG), necesitará guardar la copia en una
ubicación diferente a la del archivo original (o asignarle un nombre diferente) para evitar confusiones.

Creación de archivos para impresión
El proceso de crear archivos para propósitos de impresión es diferente al de guardar imágenes para Web: se utiliza un formato de archivo sin comprimir y debe asegurarse que el archivo sea de alta resolución (de preferencia de 300 ppp) antes de guardarlo. Es recomendable importar la imagen a Photoshop con la máxima resolución posible para darle más flexibilidad a los tipos de imágenes que pueda generar. Nota Puede mandar imprimir a una impresora directamente desde cualquier computadora que este ejecutando Photoshop. Las opciones
descritas aquí son para enviar una imagen a una impresora, a otra computadora en la cual será impresa, o a otra aplicación.

La creación de archivos para su impresión involucra tres pasos: 1. Establecer la resolución de la imagen en 300 ppp. 2. Convertir la imagen a CMYK (si la imagen será enviada a imprenta) 3. Generar un formato amigable para impresión (libre de compresión o pérdida) tal como el formato TIFF. Como establecer la resolución a 300 ppp Actividad 1. Abra una imagen en Photoshop. 2. Seleccione Imagen y elija Tamaño de imagen. El cuadro de dialogo Tamaño de imagen aparecerá en pantalla (Figura 50).

Figura 50 Cuadro de diálogo Tamaño de Imagen 3. Asegúrese de que la opción Remuestrear la imagen no está seleccionada. Cuando deja esta opción sin seleccionar, se asegura que solo está cambiando la resolución de la imagen, no eliminando o añadiendo pixeles. 4. Escriba 300 en el cuadro de texto Resolución. Asegúrese de que pixeles/pulgada está seleccionado como la unidad de Resolución.

Educational Technology Consulting • 45

Diseño Visual CS4

5. Haga clic en OK. Para obtener una vista preliminar de una imagen con el tamaño que esta tendrá cuando sea impresa, seleccione el menú Vista y elija Tamaño de impresión. 6. No cierre la imagen. Convertir imágenes a CMYK Las computadoras utilizan combinaciones de rojo, verde, y azul (RGB) para visualizar fotografías. Las imprentas imprimen fotografías a todo color, utilizando cian (azul), magenta (rojo), amarillo, y negro. A esto se le conoce como impresión CMYK. Si está imprimiendo en una impresora de inyección de tinta, puede dejar la imagen en modo RGB, pero si va a enviar la imagen a imprenta, necesitará convertirla a CMYK. Para ver como aparecerá la imagen en CMYK, seleccione el menú Vista, elija Ajuste de prueba y haga clic en Espacio de trabajo CMYK. (Para algunas imágenes, puede no observar cambio alguno). A esta vista preliminar se le conoce como Ajuste suave. Nota Los ajustes suaves son aproximaciones. Lo que verá en pantalla dependerá de la calidad de la configuración de su monitor así
como también de las condiciones de iluminación de su ambiente de trabajo. Podría observar diferencias en los resultados de la impresión final. No obstante, los ajustes suaves pueden ser útiles.

Photoshop también le permite obtener una vista preliminar de cómo se verá la imagen en un rango de diferentes impresoras, incluyendo la mayoría de los modelos Epson e imprentas. Para poder verlas, seleccione el menú Vista, elija Ajuste de prueba, haga clic en A medida y establezca sus condiciones de prueba. Para convertir una imagen a CMYK Actividad 1. Guarde una copia de la imagen que ha estado usando desde el ejercicio anterior. 2. Seleccione el menú Imagen, elija Modo y haga clic en Color CMYK. 3. Si la imagen tiene capas, Photoshop le preguntará si desea acoplarlas. Haga clic en Acoplar. (Debido a que usted guardó una copia del archivo, podrá abrir el archivo guardado y recuperar las capas.) Creación de TIFFs Después de que convierta la imagen a CMYK y se asegure que es la resolución correcta, puede guardarlo en un formato amigable de impresión (un formato sin compresión, conocido como formato sin pérdida). En este ejercicio, seleccionará el formato TIFF. Nota Aun cuando el formato TIFF es el formato para imágenes con formato sin pérdida más común, también puede usar EPS o un PDF
de Adobe.

Actividad 1. Seleccione el menú Archivo y haga clic en Guardar como. El cuadro de diálogo Guardar como se abrirá (Figura 51).

46 • Educational Technology Consulting

Diseño Gráfico con Fireworks CS4

Menú desplegable de formato

Figura 51 Cuadro de diálogo Guardar como 2. En el cuadro de formato, seleccione TIFF (*.TIF, *.TIFF). 3. Haga clic en Guardar. El cuadro de dialogo Opciones TIFF aparecerá en pantalla (Figura 52).

Figura 52 Cuadro de dialogo Opciones TIFF 4. Debido a que la imagen irá a una impresora, no necesitará comprimirla. Deje la Compresión de Imagen en Ninguno. Deje el Orden de pixeles en Intercalado.
Educational Technology Consulting • 47

Haga uno o más de los siguientes pasos: • Utilice el menú de impresoras para seleccionar una. Asegúrese de seleccionar el botón de radio. si por las características de la imagen. • Imprimir: Despliega el cuadro de diálogo imprimir.Diseño Visual CS4 Nota En la práctica. Establecer las opciones de imprimir e imprimir: Actividad 1. • Ajuste la página en vertical o en orientación apaisada. (señalar todas las opciones) 2. opciones de salida y opciones de manejo de color. controladores de impresora y sistema operativo. Una vez que haya preestablecido la combinación preferida para formato y manejo de color. Puesto que la imagen irá a una impresora. Imprimir imágenes y guardar las configuraciones de diálogo de impresión Habrá ocasiones en las que quiera imprimir una copia de su imagen en su impresora local. para ello es importante que conozca las características que tienen los siguientes comandos: • Ajustar página: Despliega opciones específicas para su impresora. el cuadro las tiene activas. Aparece el cuadro de diálogo imprimir (Figura 53). donde puede tener una vista previa del trabajo que se imprimirá y además puede seleccionar el número de copias. Descartar capas y guardar una copia. tampoco necesitara guardar las capas. 7. Haga clic en OK. • Imprimir una copia: Imprime una copia sin desplegar el cuadro de diálogo. Establezca el Orden de Bytes de acuerdo a su sistema operativo (IBM PC o Macintosh). no se preocupe). Esta opcion acopla las capas en la imagen (solo seleccionelo. los archivos TIFF son rara vez comprimidos. Photoshop provee varias opciones de impresión. 8. Elija Archivo y seleccione Imprimir. Deje abierta la imagen. 48 • Educational Technology Consulting . podrá guardar las configuraciones preestablecidas para después. Figura 53 Cuadro de diálogo imprimir. si no es así. 5. 6.

Para asegurarse que su trabajo empate con la mayoría de las televisiones. haga clic en Hecho. haga clic en Ajustar página e intente imprimir el archivo de nuevo. después seleccione la escala para que quepa en la página. La cantidad de este formato no es consistente en todos los televisores. • Para restablecer las opciones de impresión mantenga presionado Alt (Windows) u Opción (Mac OS) y haga clic en Restablecer. haga clic en Imprimir. • Para guardar las opciones de impresión sin cerrar el cuadro de diálogo. Zonas seguras El ajuste predeterminado para película y video crea un documento con guías no imprimibles para delinear las áreas de acción-segura y título-seguro de la imagen (Figura 54). • Para cerrar el cuadro de diálogo sin guardar las opciones haga clic en Cancelar. • Ajuste la posición y escala de la imagen en relación al tamaño y orientación del papel. o HDTV. haga clic en Cancelar. Nota: Si recibe un aviso indicando que su imagen es más grande que su hoja. La mayaría de las televisiones utilizan un proceso llamado formato televisivo que corta una proporción de los bordes de las imágenes para que se alarguen. PAL. Puede seleccionar una opción específica de video (con el cuadro de diálogo Nuevo) para compensar la escala cuando la nueva imagen esté incorporada al video. mantenga presionada la tecla Alt (Windows) u Opción (Mac OS) y haga clic en Recordar. conserve el contenido en las zonas seguras. 3. • Establezca la salida y las opciones de manejo de color del menú desplegable. Haga uno o más de los siguientes pasos: • Para imprimir la imagen. mantenga presionado Alt (Windows) u Opción (Mac OS) y haga clic en Imprimir una.Diseño Gráfico con Fireworks CS4 • Seleccione el número de copias a imprimir. Para hacer cambios a su hoja de papel y a su diseño. Figura 54 Documento con guías no imprimibles Las zonas seguras son útiles cuando edita para transmisión o video grabación. elija Archivo y seleccione Imprimir. Al utilizar las opciones en el menú tamaño. • Para imprimir una copia de la imagen. Educational Technology Consulting • 49 . Crear imágenes para video Photoshop puede crear imágenes de varios aspectos para que aparezcan apropiadamente en ciertos dispositivos como monitor de video. • Para conservar las opciones y cerrar el cuadro de diálogo. puede producir imágenes para sistemas de video específico – NTSC.

3. Elija el tamaño apropiado para el sistema de video en el que se mostrará la imagen. los documentos de pixeles que no son cuadrados abren con el aspecto de corrección de pixeles activado. elija Vista. para que aparezca como lo hará en el dispositivo de salida de los pixeles que no son cuadrados (usualmente un monitor de video). Nota: De manera predeterminada. Para ver la imagen como aparecerá en el monitor de la computadora (pixeles cuadrados). Haga clic en Ok en el mensaje “La corrección del aspecto de píxel es sólo para propósitos de vista previa.Diseño Visual CS4 Crear una imagen para utilizar en video Actividad 1. Cree un nuevo documento. Haga clic en OK para cerrar el cuadro de diálogo Nuevo. Del menú desplegable Predefinir. Aparece el cuadro de diálogo Nuevo (Figura 55). Esta configuración hace una escala en la imagen. seleccione después Corrección de proporción de pixeles. Haga clic en Avanzado para especificar el perfil de color y la proporción de pixeles. (Figura 57) 50 • Educational Technology Consulting . Nuevo 2. 7. Figura 56 Seleccionar la opción NTSC DV 4. 5. En este caso. la opción NTSC DV está seleccionada (Figura 56). El nuevo documento abre (Figura 54). Figura 55 Cuadro de diálogo. elija película y video. 6.

• Para establecer opciones de salida antes de ver la imagen. se puede reducir el tamaño del archivo al reducir su resolución. conectado a su computadora vía FireWire. al menos una resolución de 300 ppp. Las imágenes con resoluciones más altas producen una mayor calidad en la imagen impresa. elija Vista y Corrección de proporción de pixeles para desactivar la corrección. Respaldando su original Cuando se trabaja en Photoshop. Contará con la mayor flexibilidad si la guarda como un PSD . Si tiene un dispositivo de proyección como un monitor de video. Recortar significa cortar algunas partes de la imagen para conservar solo secciones deseadas.Formato nativo de Photoshop. podrá cargar un conjunto de acciones de video (incluido con Photoshop) que automatizan ciertas tareas – como cambiar el tamaño de las imágenes para hacer que qupan las dimensiones del video pixel y establecer el aspecto de pixel. pero las imágenes con altas resoluciones tienen también tamaños en archivo mayores. Por ejemplo. generalmente. • Para que las imágenes se impriman bien. generalmente. • Para la mayoría de las páginas web. así que estas estarán disponibles cuando vuelva a abrir el archivo. podrá tener una vista previa del documento en su dispositivo. seleccione Exportar y escoja Previsualización de vídeo.Diseño Gráfico con Fireworks CS4 Figura 57 Vista Corrección de proporción de pixeles Nota: Puede ver una imagen simultáneamente con un píxel aspect ratio correction activado o desactivado. elija Ventana. 8. la mayoría de las imágenes con formato para web no funcionan muy bien para propósitos de impresión y viceversa. Por esta razón. puede guardar imágenes con 72 ppp. Antes de hacer cualquier cambio a la imagen. elija Archivo. Puesto que la mayoría de los monitores no despliegan resoluciones mayores a estas. es recomendable que siempre guarde la imagen con un nuevo nombre de archivo. Con la nueva ventana abierta. Puede generar TIFFS (para impresión) y JPEGs (para Web) de un solo archivo PSD. seleccione Organizar y elija Nueva Ventana para [nombre del documento]. La Resolución es el nivel de detalle en una imagen de mapa de bits y su medida en pixeles por pulgada (ppp) o algunas veces en puntos por pulgada (ppp). Con una imagen de pixeles que no son cuadrados abierta y Corrección de proporción de pixeles activado. elija Archivo. estas deberán tener. lo mejor es conservar su imagen con la más alta resolución posible para contar con una mayor flexibilidad cuando se generen imágenes. seleccione Exportar y elija Enviar previsualización de vídeo a dispositivo. Educational Technology Consulting • 51 . Cómo redimensionar y recortar imágenes Frecuentemente se querrá modificar el tamaño de una imagen o recortarla después de abrirla en Photoshop por medio de una cámara digital o un escáner. Redimensionar imágenes Las dimensiones de pixeles en una imagen de mapa de bits miden la cantidad de pixeles a lo ancho y alto de la imagen. Nota: Al crear imágenes para video. Los archivos PSD conservan las capas. • Para ver la imagen sin opciones de salida.

en primer lugar. Guarde la imagen con la que ha estado trabajando. • Tamaño del documento se refiere a como lucirá el documento cuando sea impreso. Sin embargo. Este paso conserva la imagen original en caso de que quiera recuperarla. 5. y en la mayoría de los casos. Seleccione el menú Imagen y elija Tamaño de imagen. con un nombre nuevo. Cambie los valores para la Anchura. Note que el cuadro de diálogo menciona dos categorías principales de información acerca del tamaño de la imagen. Observe que los otros dos números cambiaran de manera correspondiente. tal como un archivo de InDesign por ejemplo. se colocarán imágenes en archivos en InDesign. Figura 58 Cuadro de dialogo Tamaño de imagen. tal como lo haría en el caso de una imagen de 81 x 60 pulgadas (las dimensiones aproximadas de la imagen se muestran en la Figura 58). Redimensionar el documento Actividad 1. Primero.Diseño Visual CS4 Nota La tecnología de los monitores y la velocidad en las conexiones a internet están evolucionando continuamente. Por ejemplo. 52 • Educational Technology Consulting . tomar la fotografía con una resolución alta. El Tamaño del documento es también un punto de inicio en cuanto a cómo el archivo lucirá en otro documento. 4. A menos que seleccione la opción Remuestrear la imagen. en la Figura 59. las dimensiones en pixeles permanecerán igual a medida que cambie las dimensiones y la resolución de la imagen. la Altura o la Resolución. es necesario adaptarse a el. Las dimensiones de la imagen pueden exceder el tamaño de la pantalla. Es recomendable que siempre realice una copia del original antes de aplicar cambios. la resolución es de 96 ppp. Seleccione el menú Vista y elija Tamaño de impresión. vea como lucirá la imagen cuando sea impresa (eso es lo que cambiará cuando modifique el tamaño aquí) 2. Sin embargo. lo mejor es. el estándar de 72 ppp continua siendo ampliamente utilizado. 3. La opción de Remuestrear cambia la cantidad de información en la imagen a la cual cambie el tamaño. En proyectos posteriores. Nota Se puede utilizar el remuestreo para realizar ampliaciones. La Altura y la Anchura del documento se modificarán dependiendo de la cantidad de pixeles por pulgada. Asegúrese de que la opción de Remuestrear la imagen no esté seleccionada. puesto que remuestrear solo puede estimar pixeles. Aparecerá el cuadro de diálogo de Tamaño de Imagen (Figura 58). • Dimensiones en pixeles se refiere a la cantidad real de pixeles contenidos en la imagen. Dimensiones de pixeles también representa la cantidad de datos en la imagen. Por el momento es mejor no seleccionar ésta opción.

podría querer reducir el tamaño del documento por otras razones. Seleccione el menú Vista y elija Tamaño de impresión. algunas veces necesitara reducir el tamaño total (pixeles) de una imagen. Figura 60 Cuadro de diálogo Tamaño de imagen con la casilla de verificación Remuestrear la imagen seleccionada. 7. Generalmente se hace esto cuando se prepara una imagen para la Web u otro medio electrónico. tales como liberar espacio en el disco duro o elevar la velocidad de procesamiento de imágenes. seleccione el menú Imagen y elija Tamaño de imagen. La imagen aparecerá con un Nuevo tamaño. para propósito de impresión generalmente querrá cambiar el tamaño del documento (por supuesto. Reducción del tamaño de una imagen (dimensiones en pixeles) Aunque frecuentemente quiera mantener la información en pixeles. Tenienedo abierta la imágen que utilizó en el ejercicio anterior. 8.Diseño Gráfico con Fireworks CS4 Figura 59 Cuadro de dialogo Tamaño de imagen con una resolución de 96 ppp 6. Este paso elimina pixeles y reduce el tamaño del archivo. Deje abierta la imagen. El cuadro de dialogo de Tamaño de imagen aparecerá (Figura 60). Haga clic en OK para aplicar los cambios y cerrar el cuadro de diálogo. Educational Technology Consulting • 53 . Para reducir la dimensión en pixeles de una imagen Actividad 1.

3. 5. Esta opción cambia de manera automática la anchura al momento en que usted cambie la altura y viceversa. Recortar imágenes Algo muy común es el tomar fotografías más grandes de lo necesario. 6. Figura 61 Opciones de la barra Recortar 4. elija Enfocar y haga clic en Mascara de enfoque. (El tomar fotografías más grandes de lo necesario. la altura automáticamente cambiara a 734 pixeles cuando la opción de Restringir proporciones está activada. Para mantener el radio de altura y anchura de la imagen. es recomendable que apliqué un Filtro de Mascara de enfoque. introduzca la anchura que desee en pixeles. Esta opción es óptima para reducciones. 4. Arrastre sobre la imagen para seleccionar el área de corte (Figura 62). También se puede enderezar la imagen al momento que la corta. 2. Esta vez ignorará por completo esa área y se enfocará en las Dimensiones en pixeles. Por ejemplo. 3. Se puede establecer el área a cortar en la barra de herramientas Opciones (Figura 61). En la cuadro de Anchura de Dimensiones en pixeles. Para recortar una imagen utilizando la herramienta Recortar Actividad 1. se selecciona la parte que desea mostrar. Nota Después de reducir el tamaño. Se puede recortar una imagen de dos formas: • Puede aplicar el comando Recortar después de seleccionar la imagen con una de las herramientas de selección. 2. seleccione el menú Filtro. seleccione Restringir proporciones. Cierre la imégen y guarde los cambios.Diseño Visual CS4 En los pasos anteriores solo modificó el tamaño del documento. 7. asegúrese de que todos los campos en la barra de herramientas Opciones estén vacíos. También puede seleccionar un porcentaje al cambiar de pixeles a porcentaje en el cuadro de Anchura. Seleccione Bicúbica mas Enfocada de la lista desplegable de Remuestrear la imagen. Para establecer el área manualmente. Abra la imagen morada 2. La opción está sin ser seleccionada en la Figura 60 debido a que la imagen que está siendo redimensionada no tiene estilos aplicados a capas. Haga clic en la herramienta Recortar de la barra de herramientas. Observe que los menús de Cambiar escala de etilos y la opción Restringir proporciones se activan. así como con la resolución más alta posible. Esto aclarará cualquier efecto de distorsión que hubiera resultado de la reducción. Haga clic en OK para cambiar las dimensiones en pixeles de la imagen. Nota Puede ignorar la escala de estilos por ahora. locqalizada en la carpeta imágenes1 de las plantillas de este proyecto. 54 • Educational Technology Consulting . • Puede utilizar la herramienta Recortar (Esta guía cubre la herramienta Recortar). Esta opción se utiliza cuando tiene estilos aplicados a capas. Es generalmente recomendable el mantener seleccionada esta opción. Cuando recorta una imagen. Habilite la casilla Remuestrear la imagen. proporciona flexibilidad al seleccionar partes de la imagen). si quiere empezar con una imagen de 2000 pixeles de ancho y 1000 pixeles de alto (un radio de ancho/altura de 2:1) y desea cambiar la anchura a 1000 pixeles.

Cierre la imagen. Figura 63 Recorte aplicado 8. 7. el área recortada fue rotada ligeramente en el sentido de las manecillas del reloj para alinear el Monte Fuj i. Educational Technology Consulting • 55 . En la Figura 62. presione Enter (Windows) o Return (Mac OS). Una vez que esté satisfecho con el área recortada. 6. Podrá rotar el área recortada ligeramente para corregirla en caso de que esté torcida. El puntero cambiará a una fleche rotatoria. Vuelva a recortar para quitar los espacios en blanco sobrantes.Diseño Gráfico con Fireworks CS4 Figura 62 Área recortada seleccionada 5. Mueva el puntero afuera de una esquina del área de recorte. La imagen se ha enderezado (Figura 63).

56 • Educational Technology Consulting . • La herramienta Lazo le ayuda a definir un área a mano. Entre más habilidad tenga al usarlas. Uso de la herramienta Varita Mágica Actividad 1. Esta guía cubre los fundamentos al utilizar tres tipos diferentes de herramientas de selección: • La herramienta Varita Mágica le permite seleccionar partes de una imagen que tienen colores similares. Abra la imágen delfin. Figura 64 La herramienta Varita Mágica Después de que haga clic. Puede ser difícil. El puntero se verá como una varita mágica. más flexibilidad tendrá al cambiar secciones de imágenes. Uso de la Varita Mágica Se puede usar la herramienta Varita Mágica para seleccionar un área con un color consistente (por ejemplo. haga clic en un área de un color uniforme.Diseño Visual CS4 Cómo utilizar las herramientas de selección Cuando utilice Photoshop CS4. Haga clic en la herramienta Varita Mágica en la barra de herramientas. se está a punto de hacer clic en el área gris claro. Es recomendable practicar el uso de las herramientas de selección. También puede cortar y pegar una selección a un fondo nuevo. frecuentemente necesitará seleccionar partes de una imagen para luego aplicar cambios a aquellas partes de la imagen que haya seleccionado. el área seleccionada será indicada con una línea punteada (Figura 2). tales como un rectángulo o círculo. En la Figura 64. 2. localizada en la carpeta imágenes1 dentro de las plantillas de este proyecto. La Varita Mágica automáticamente selecciona todos los pixeles adyacentes que tengan el mismo color. 3. del delfín. En su imagen. una bandera verde). • Las herramientas Marco le permiten seleccionar áreas con una forma geométrica establecida. . pero su aprendizaje justifica el esfuerzo.

El puntero cambiará a una varita mágica con un símbolo de mas (+). 3. Mientras mantenga presionada la tecla Shift. Educational Technology Consulting • 57 . Para poder hacerlo. Una vez que haya seleccionado toda el área. continúe haciendo clic hasta que haya seleccionado toda el área (Figura 66).Diseño Gráfico con Fireworks CS4 Figura 65 Selección inicial con la Varita Mágica Observe que la selección inicial captura solo una sección del área debido a ligeras variaciones de color en la fotografía. Esto indica que al hacer clic se agregarán más áreas a la selección. elija Textura y haga clic en Retazos (Figura 67). necesita añadirlas a la selección. Mantenga presionada la tecla Shift. Para seleccionar toda el área. mantenga presionada la tecla Shift mientras hace clic en las demás áreas del cuerpo del delfín. Figura 66 Agregado de áreas con la Varita Mágica 4. como por ejemplo. aplicar el filtro Retazos. podrá hacerle cambios. Para aplicar el filtro Retazos seleccione el menú Filtro.

ubicada en la carpeta imágenes1. • El Marco fila única o columna única selecciona una fila o columna de 1 pixel de ancho. Haga clic en la herramienta Marco Rectangular en la barra de herramientas. dentro de las plantillas de este proyecto. Haga clic en OK y despues haga clic afuera de la imagen para ver los cambios. • El Marco Elíptico selecciona un área elíptica (o circular cuando se utiliza la tecla Shift). El puntero cambiará a una cruz (Figura 68). Uso de la herramienta Marco Rectangular Actividad 1. Uso de las herramientas Marco Las herramientas de selección Marco seleccionan áreas con una forma predefinida: • El Marco Rectangular selecciona un área rectangular (o un cuadrado cuando se utiliza la tecla Shift). Abra la imagen Ventana. 6. 2. Guarde los cambios y cierre la imagen. 58 • Educational Technology Consulting .Diseño Visual CS4 Figura 67 Filtro aplicado a la selección 5.

elejir Ajustes y hacer clic en Filtro de fotografía para aplicar un matiz naranja al área seleccionada (Figura 70). Por ejemplo. 4. Figura 69 Selección completa Nota Para ajustar ligeramente la ubicación del área. Haga clic y arrastre el puntero a lo largo del área que quiera seleccionar. También puede aplicar cualquier otro filtro a la seleccióny después sólo debe hacer clic para dejar de seleccionar el área. Cuando haya completado la selección. El área permanecerá seleccionada (Figura 69). puede seleccionar el menú Imagen. suelte el botón del mouse.Diseño Gráfico con Fireworks CS4 Figura 68 Herramienta Marco Rectangular seleccionada 3. presiona las teclas de dirección. Cualquier cambio que haga ahora solo aplicará a la selección. Educational Technology Consulting • 59 .

• La herramienta de selección Lazo es la más difícil de usar pero es la más precisa de las herramientas de selección de 60 • Educational Technology Consulting . Se puede aplicar Suavizar a selecciones realizadas a través de la herramienta Lazo. Después de que realice la selección. como su nombre lo indica. Uso de las herramientas Lazo Photoshop tiene tres herramientas Lazo. Se puede definir Desvanecer para la herramienta Lazo. Ambas opciones están disponibles en la barra de opciones cuando se eligen las herramientas de selección. la herramienta Lazo Magnético. copie o rellene la selección. Puede establecer el ancho de este límite en la barra de Opciones. El efecto de Suavizar es sutil. Desvanecer brinda a los bordes de la selección un efecto borroso al añadir un límite de transición entre la selección y los pixeles del área circundante. no se pierde ningún detalle. la herramienta Lazo Poligonal. o para las herramientas Marco en el momento que utilice la herramienta. Se pueden utilizar dos opciones para suavizar los bordes: Suavizar y Desvanecer.Diseño Visual CS4 Figura 70 Filtro de fotografía aplicado a la selección 5. Guarde los cambios y cierre la imágen. Nota Debe seleccionar Suavizar antes de utilizar la herramienta. se llaman de esa forma porque permiten seleccionar de una forma flexible – como si fuera una cuerda. la herramienta Lazo Poligonal. Suavizar.) El efecto de Desvanecer es más dramático que el de Suavizar. o puede activar Desvanecer a una selección existente. corte. Debido a que solo los pixeles de los bordes cambian. (Este efecto borroso puede causar un poco de pérdida de detalle en los bordes de la selección. Nota No verá los efectos de Desvanecer hasta que mueva. pero podría ser necesario utilizarlo para lograr los resultados que desea cuando mueve los objetos a un fondo considerablemente diferente. la herramienta Lazo Magnético. un límite de 3-5 pixeles es suficiente. especialmente si planea copiar la selección a un fondo nuevo. la herramienta Marco Elíptico y la herramienta Varita Mágica. pero puede ser muy efectivo en muchas situaciones. Suavizando los bordes de la selecciones Frecuentemente podrá mejorar los resultados al suavizar los bordes de las selecciones. En muchos casos. no puede activar Suavizar. suaviza los bordes de una selección al afinar el color de transición entre los pixeles de los bordes y los pixeles del fondo.

localizada en la carpeta imágenes1. Abra la imagen Esfera. este aparecerá por defecto cuando abra Photoshop. 2. A continuación. Haga clic en el borde del objeto que desee seleccionar. Añadir a la selección Establecer Desvanecer Figura 72 Opciones de Lazo Poligonal Cuando incrementa Desvanecer. asegúrese de que Añadir a Selección esté seleccionado y Desvanecer esté configurado en 3 pixeles (Figura 72). 5. Nota Una vez que haya seleccionado el Lazo Poligonal. Esta guía explica cómo utilizar el Lazo Poligonal. Experimente con los tres lazos después de que se sienta cómodo con el Lazo Poligonal. 3. pero la selección es completamente a pulso. A medida que lo vaya haciendo. estará seleccionando áreas a mano. irá creando un segmento unido con extremos. se asegura de que los bordes de la selección serán suaves y que el objeto se combinará mejor con el nuevo fondo. (Podría ser de utilidad el incrementar la ampliación del objeto). Haga clic y mantenga presionado el Lazo en la barra de herramientas y seleccione la herramienta Lazo Poligonal del menú (Figura 71). permitiéndole seleccionar áreas al utilizar líneas rectas y puntos de selección. El uso del Lazo es similar. En la barra de herramientas Opciones. Figura 71 La herramienta Lazo Poligonal en la barra de herramientas El puntero cambiará a la forma de un Lazo Poligonal. • El Lazo Poligonal es un poco más fácil de utilizar. dentro de las plantillas de este proyecto. • El Lazo Magnético se adhiere automáticamente a los bordes o áreas definidas de una imagen. Su uso es más provechoso con objetos que contrastan nítidamente con su fondo. Uso del Lazo Poligonal para copiar la imagen a un Nuevo fondo Actividad 1. Educational Technology Consulting • 61 . Al utilizarla.Diseño Gráfico con Fireworks CS4 Photoshop. mueva el puntero a una distancia corta del borde del objeto y haga clic de nuevo (Figura 73). 4.

se pueden seleccionar si realiza segmentos pequeños.Diseño Visual CS4 Figura 73 Se hacen clics para crear extremos en la selección 6. Haga clic para cerrar la selección (Figura 75). aparecerá un pequeño círculo junto al puntero del Lazo Poligonal (Figura 74). Cuando coloque el puntero sobre el punto de partida. Aun si el objeto tiene bordes redondos. Figura 75 Selección completa 62 • Educational Technology Consulting . Continúe creando pequeños segmentos hasta que rodee todo el objeto. Figura 74 Cierre del círculo 7.

haga clic en la herramienta Bote de pintura. En el panel de capas. Presione la tecla Eliminar para eliminar el fondo original. Haga clic en la capa con el fondo para agregar un nuevo color de fondo (Figura 77). Las máscaras vectoriales son resoluciones independientes y son creadas con una pluma o herramienta de figura.Diseño Gráfico con Fireworks CS4 8. Con la capa del objeto (la capa original) seleccionada. Seleccione la nueva capa y haga clic en Edición y elija Pegar para pegar la selección en la nueva capa. haga clic en Edición y seleccione Copiar. una máscara vectorial aparece como una imagen miniatura adicional a la derecha de la imagen miniatura de la capa. 11. podrá crear uno o más estilos de capa. 13. Las máscaras vectoriales son inofensivas. elija Selección y haga clic en Todo. Figura 76 Paleta de capas 9. 12. 10. La máscara vectorial representa una ruta que quita el contenido de la capa. Figura 77 Objeto con un Nuevo fondo 15. Abra la paleta de Capas. Guarde los cambios y cierre las imagenes. Con el fondo de la capa aun seleccionada. Educational Technology Consulting • 63 . Haga clic en el botón de Crear una Capa Nueva para agregar una nueva capa (Figura 76). lo que significa que puede reeditar las máscaras después sin perder los pixeles que esconde. Seleccione la capa original (la capa con el fondo). 14. También podrá crear una imagen vectorial para crear una imagen recortable. Acerca de las máscaras vectoriales En la sección previa utilizó el lazo poligonal para seleccionar un área de imágenes para poder pegarla en una nueva capa. Una máscara vectorial es útil para crear figuras de bordes limpios y definidos. Después de crear una capa con una máscara vectorial.

no podrá moverlas en el panel de capas. Figura 78 Capa de fondo Nota Dado que las capas de fondo estás protegidas por un candado. 3. Figura 80 Herramientas de forma El puntero aparece con un símbolo de y a un lado aparece un pequeño círculo con un x en medio. En el panel capas haga clic en la ficha Capas para posicionar el panel capas al frente. del panel capas. 7. 6. 5. renombre la capa. si el panel no se ve. haga doble clic en la capa de imagen. Seleccione la capa de imagen y escoja Capa. Dibuje una o más imágenes sobre la imagen oculta. La máscara vectorial crea figuras con bordes definidos en una capa que revela las partes de la imagen con sus formas (Figura 81). Tendrá que convertirlas a capas regulares para quitar el candado. elija Máscara vectorial y seleccione Ocultar todo. Seleccione una de las herramientas de forma. como la herramienta elipse (Figura 80). vaya al paso 5. 2. para convertirla de una capa de fondo a una regular (Figura 78). Si la imagen ya es una capa regular. 64 • Educational Technology Consulting . Abra una imagen a la cual desee agregar una máscara vectorial. Si la capa de la imagen es la capa de fondo. Aparece el cuadro de diálogo Nueva capa (Figura 79). Haga clic en OK para cerrarlo y así convertir la capa de fondo en una regular. Figura 79 Cuadro de diálogo Nueva Capa 4. La capa entera desaparece.Diseño Visual CS4 Para crear una máscara vectorial Actividad 1. elija Ventana y Capas. En el cuadro de diálogo.

11. Historia: Reestructura el área seleccionada a un estado o una instantánea de la imagen establecida como origen de la imagen en el panel de Historia. Educational Technology Consulting • 65 . seleccione Capa. En el cuadro de diálogo. En el panel Capas. 10. Para crear una capa de fondo con un fondo de color sólido. Negro. Elija Edición y seleccione Rellenar Se abre el cuadro de diálogo Rellenar (Figura 82) Figura 82 Cuadro de diálogo Rellenar 12. 9. 8. Color: Rellena con el color que usted seleccionó de las opciones de color. arrastre la nueva capa debajo de la máscara vectorial y confirme que la nueva capa esté seleccionada.Diseño Gráfico con Fireworks CS4 Figura 81 Partes de la imágen revelados en la forma elegida Nota Presione Shift y haga clic en la herramienta forma para añadir formas adicionales en la máscara vectorial (Windows) o siga arrastrando formas adicionales con la herramienta forma al arrastrar (Mac OS). 50% gris o Blanco. elija Nueva y haga clic en Capa para agregar una nueva capa. Color de fondo. Seleccione el nombre de la biblioteca de valores o elija descargar motivos y navegue que contiene los motivos que desea utilizar. Haga clic en Ok para cerrar el cuadro de diálogo y crear una nueva capa. Aparece el cuadro de diálogo Nueva capa. Rellene la selección con el color especificado. Haga clic en la flecha invertida junto al muestrario de motivo personalizado y seleccione uno de la lista desplegable. elija una de las opciones siguientes para Usar o seleccione un motivo personalizado: Color frontal. Puede descargar motivos adicionales al utilizar el menú desplegable. Motivo: Rellena la selección con un motivo.

Podrá utilizar los grupos para arreglar sus capas en un orden lógico y reducir desorden en el panel de capas. seleccione la herramienta Recortar del panel de herramientas (Figura 83). Trabajará con las capas en el panel de capas. Cierre la imagen y guarde los cambios. Esto puede ocupar más tinta que la que haya disponible en la impresora. las capas inferiores. Podrá ver a través de las partes transparentes de las capas. Una nueva imagen tiene una sola capa. efectos de capa. 66 • Educational Technology Consulting . grupos de capas que podrá agregar a una imagen. Figura 83 Seleccioinar la Herramienta Recortar 17. El margen no tiene que ser preciso – puede ajustar el margen de recorte a sus necesidades. También podrá cambiar la opacidad de la capa para hacer el contenido parcialmente transparente.Diseño Visual CS4 Nota Si rellena una imagen CMYK al utilizar la opción negro. utilice la opción color frontal con un tono apropiado de negro. Arrastre el cursor sobre la parte de la imagen que desea conservar y cree un margen. presione Entrar (Windows) o Regreso (Mac OS). haga clic en el botón Conmutar de la barra de opciones o haga doble clic dentro del margen de recortar. Si quiere rellenar sólo las áreas que contengan pixeles. 16. Photoshop rellena todos los canales con un 100% de negro. Los grupos de capas le ayudan a manejar y organizar las capas. El número de las capas adicionales. 14. Podrá anidar unos grupos con otros. agregar texto a una imagen. 15. Especifique el modo de mezcla y opacidad para la pintura. como deslizar una hoja de papel en una pila. elija mantener transparencia (por ahora no se recomienda elegir esta opción). agregar formas de vectores gráficos. (Opcional) Para recortar la imagen. Combinar imágenes en Photoshop Las capas de Photoshop son como hojas de papel apiladas. 18. 13. Haga clic en OK para aplicar el relleno. Podrá mover una capa para posicionar su contenido. Podrá utilizar las capas para diversas tareas como componer imágenes. Figura 84 Completar el recorte de la imagen 19. Para completar el recorte (Figura 84). También podrá utilizar los grupos para aplicar atributos y máscaras a distintas capas simultáneamente. Para mejores resultados al rellenar imágenes CMYK. Podrá aplicar un estilo de capa para agregar un efecto de capa como una sombra paralela o satinado.

Asegúrese que la nueva capa esté seleccionada en el panel de capas. Abra la imagen que desee utilizar como respaldo para una imagen compuesta. asigne un nombre a la capa y haga clic en OK (Figura 86). Podrá utilizar la paleta de capas para mostrar y ocultar capas. 8. Figura 86 Cuadro de diálogo Nueva capa El cuadro de diálogo se cierra y la capa de fondo se convierte en una capa regular. Educational Technology Consulting • 67 . que nombre su nueva capa). y seleccione Fondo a partir de capa. 2. 5. También podrá añadir comandos y opciones adicionales al menú del panel. Haga doble clic en el fondo del panel de capas o elija Capa. Todos los pixeles transparentes en la nueva capa se convirtieron en el color de fondo y la capa se pasa al final de la lista de capas. los grupos de capas y los efectos en una imagen (Figura 85). 4. escoja Nueva. o deslice el control de opacidad para cambiar el porcentaje (Figura 87). 6. 3. 7.Diseño Gráfico con Fireworks CS4 Visión general del panel de capas El panel de capas enlista todas las capas. Elija Capa. En el cuadro de diálogo Nueva Capa. Seleccione la capa de la imagen de respaldo (en este ejemplo la capa con las rosas). En el panel de capas ingrese un valor en la caja de texto de opacidad. Haga clic en el menú del panel capas (Figura 85). Figura 85 Panel Capas Cómo crear imágenes compuestas Actividad 1. escoja Nueva y elija Fondo a partir de capa. Observe el ícono de candado junto a la capa de fondo. Escoja Nueva capa y haga clic en OK (no es necesario. crear nuevas capas y trabajar con los grupos de éstas.

Mantenga presionado Alt (Windows) u Opción (Mac OS) y arrastre la selección que quiere de la ventana de imagen a la ventana de imagen destino.Diseño Visual CS4 Figura 87 Control de opacidad 9. Abra la primera imagen. Figura 88 Seleccionar la herramienta Mover 11. Si no ha seleccionado nada. 68 • Educational Technology Consulting . Haga doble clic en el nombre de la nueva capa para poder escribir un nombre para ésta. 12. un borde resalta la ventana donde podrá colocar la selección (Figura 89). Figura 89 Arrastrar una imágen para crear una nueva capa 13. 14. (Opcional) Aplique una variedad de efectos – como sombra interior o satinado – para cambiar la apariencia del contenido de la capa (Figura 90). 10. Seleccione la Herramienta Mover (Figura 88) o mantenga presionado Ctrl (Windows) o Comando (Mac OS) para activar la herramienta de movimiento. Abra una imagen que desee utilizar como segunda capa. copiará la capa activa completa. Mientras arrastra la selección sobre la otra ventana de imagen.

que captura un campo amplio de visión. En adobe Photoshop CS4 podrá crear panoramas al unir una serie de imágenes fotográficas. En la Figura 92. Figura 91 Panorama completo Educational Technology Consulting • 69 . Photomerge y mezcla avanzada La mezcla avanzada permite al Photmerge evaluar una serie de imágenes para encontrar la localización ideal y así una unión que sirva como transición de una imagen a otra. cinematográfica. Esta guía muestra cómo combinar imágenes automáticamente en Photoshop al utilizar el comando Photomerge. podrá ver cómo cuatro imágenes están distribuidas en capas con máscaras de mezclas avanzadas para unir la escena en la Figura 91. como el ejemplo mostrado en la Figura 91.Diseño Gráfico con Fireworks CS4 Figura 90 Aplicar efectos para cambiar la apariencia del contenido de una capa Combinar imágenes con Photomerge Un panorama es una imagen escénica. Cada imagen se convierte en una capa con una máscara aplicada a la mezcla sean.

El cuadro de diálogo Photomerge se abre (Figura 93). Elija Archivo. necesita una serie de escenas fotográficas que se empalman ligeramente. seleccione Automatizar y haga clic en Photomerge. 70 • Educational Technology Consulting . Para crear un panorama Actividad 1.Diseño Visual CS4 Figura 92 Cuatro imágenes distribuidas en capas para formar el panorama Crear un panorama al utilizar Photmerge en Photoshop Para crear un panorama.

Photomerge. • Perspectiva: Crea una composición consistente al designar una de las imágenes de origen (de manera predeterminada. Haga clic en Explorar. Asegúrese que la opción Fusionar imágenes esté seleccionada. Para activar o desactivar una capa haga clic en ícono de visibilidad en el panel de capas. • Cilíndrica: Reduce la distorsión de tipo “bow-tie” (nudo de corbata) que puede ocurrir con el diseño perspectiva al desplegar imágenes individuales como un cilindro desenrollado. 3. Haga clic en Ok. comprimidas o torcidas. pero no transforma (comprime o tuerce) ninguna de las capas de origen. El contenido empalmado a través de las capas todavía coincide. 5.Diseño Gráfico con Fireworks CS4 Figura 93 Cuadro de diálogo Photomerge 2. • Collage: Escoja esta opción para abrir las imágenes de origen en un cuadro de diálogo y posicionarlas manualmente para el mejor resultado. que es la mejor posición para crear panoramas. pero crea gradualmente un arqueado superior y unas orillas inferiores en el borde de la imagen. Seleccione una opción de diseño: • Automático de Photoshop: Escoge una perspectiva o diseño cilíndrico según se produzca un mejor photomerge. localice y seleccione los archivos que serán mezclados (parte1. Las máscaras son determinadas por la fusión avanzada en Photomerge. la imagen de en medio) como imagen de referencia. automáticamente. parte 3 y parte 4) y haga clic en Abrir (abralos de uno en uno). las otras imágenes son transformadas (reposicionadas. Después. combina sus imágenes en el panorama al utilizar capas y máscaras (Figura 94). parte 2. Los archivos seleccionados aparecen en la lista de Archivos de origen. según sea necesario). • Esférica: Es similar a la opción de Perspectiva. • Cambiar de posición: Alinea las capas y empata el contenido que se empalma. 4. La imagen de referencia es colocada en el centro. Educational Technology Consulting • 71 .

8. seleccione la herramienta Recortar y margine su panorama (en caso de que las piezas no se integren correctamente). 2. ingrese Enter (Windows) o Regreso (Mac OS). elija Photoshop y haga clic en Photomerge (Figura 95). Para recortar su selección. seleccione Herramientas. En la Barra de menú. Esto es útil si utiliza Adobe Bridge para manejar su colección de imágenes. Actividad 1.Diseño Visual CS4 Figura 94 Capas fusionadas El siguiente paso es recortar el panorama parapara llenar el margen de rectángulo. Figura 95 Photomerge desde Adobe Bridge Photoshop comienza y el cuadro de diálogo Photomerge aparece y lista las imágenes que seleccionó en el Adobe Bridge. 72 • Educational Technology Consulting . En Adobe Bridge seleccione las imágenes que formarán el panorama. Acceder a Photomerge desde Adobe Bridge También puede comenzar el proceso de creación de un panorama desde Adobe Bridge CS4. 7. Guarde su imagen. 6. En la Barra de herramientas.

Principios y reglas de los derechos de autor Los Derechos de autor son una protección para propiedad intelectual. Se le podría pedir que cree un enlace en su página web o que notifique al autor o creador. Frecuentemente. tales como el reporte de noticias o para un trabajo escolar. No lo utilice a menos que se le haya otorgado un permiso. 2. Para asignarle derechos de autor a su propio material. Los Trabajos derivados son materiales con derechos de autor que han sido alterados o cambiados. para publicaciones en sus propias páginas web. crean una lista de créditos de imágenes en vez de una bibliografía. Los estándares académicos para material protegido son aun más altos. o la palabra “Copyright. Si altera una fotografía con derechos de autor utilizando software computacional. Debido a que los escolares e investigadores estudian muchas ideas diferentes y son responsables de compartir esas ideas con el mundo. el aviso de derechos de autor que sirve para percibir visualmente que el material está protegido debe contener uno o varios de los siguientes elementos: • El símbolo © (la letra C en un círculo). 3. Puede ser música. • Los fonogramas y grabaciones de sonido utilizan la letra P en un círculo. Por lo tanto. tiene que dar crédito en donde corresponda.y • El año de la primera publicación • El nombre del propietario de los derechos de autor * Por ejemplo: © 2005 Adobe Systems. Aunque no se define lo que es “limitado”. pinturas.Diseño Gráfico con Fireworks CS4 3. etcétera.” o la abreviatura “Copr. fotografías. Para asegurarse de que no se está violando ninguna ley de derechos de autor. 5. La doctrina de uso justo le exige dar crédito al autor o creador de cualquier material que utilice. O podría ser demandado por el autor o procesado por autoridades federales. El material puede estar protegido aun cuando no muestre el símbolo ©. Si publica el material en un sitio web. Educational Technology Consulting • 73 . • Lo más importante: No utilice ningún material si no cuenta con un permiso por escrito. es importante que realice lo siguiente: • Escriba o envíe un correo electrónico al autor o creador y pida consentimiento para utilizar el material. La doctrina de uso justo es parte de las leyes de los derechos de autor. sonidos. puede que simplemente reciba un mensaje de correo electrónico del autor pidiéndole que deje de usar el material. No puede utilizar material protegido sin el debido permiso por escrito del creador de tal material (o de la persona que posea los derechos de autor). Cuando se utiliza Internet para una investigación o un trabajo de diseño. Reglas sobre los derechos de autor 1. esa fotografía sigue estando protegida y podría no poder utilizarla a menos que cuente con consentimiento por escrito. La propiedad intelectual consiste en cualquier cosa que un individuo haya escrito o creado. asegúrese de no usar en exceso el material.”. se les exige que satisfagan estándares de honestidad más altos. Continúe el proceso para crear su panorama como se describió anteriormente en esta guía. la gente que utiliza grafico e imágenes de internet. Como investigador. texto. el administrador Web podría cerrar su sitio. no puede parafrasear lo que alguien más dijo y darse crédito de lo mismo. Esta establece que secciones limitadas del material pueden ser usadas sin consentimiento por escrito para ciertos propósitos. • Siga las instrucciones del sitio web con referencia al uso del material. Las bibliografías son listas de las fuentes que han sido utilizadas en una investigación. Aun cuando no se mencione que está protegido. se debe asumir que todo material de una fuente está protegido. Si no cumple la ley de derechos de autor. Tales materiales están protegidos por leyes de derechos de autor. Inc. deben dar crédito no solo cuando citan las palabras de alguien más sino además cuando hacen uso de las ideas que esas palabras representan. Las sanciones por violar leyes de derechos de autor pueden ir de leves a severas. 4.

” Para mayor información sobre derechos de autor. elementos de menú y el panel de navegación.Diseño Visual CS4 • La notificación de derechos de autor debe ser hecha de tal forma que exprese un “aviso razonable en el que se reclamen los derechos de autor de forma clara. Área de trabajo de Acrobat El Área de trabajo ocupa todo el espacio dentro de la ventana de Acrobat. Panel de navegación Paginas Marcadores Firmas Barras de herramientas Panel del documento Figura 96 Área de trabajo de Adobe 74 • Educational Technology Consulting . le permite acceder a marcadores. El panel de navegación. Las barras de herramientas contienen botones para las herramientas y comandos más comúnmente utilizados. visite el departamento de derechos de autor en Estados Unidos en su página web www. Esta incluye el área imprimible que contiene el documento.gov (página en inglés) y revise su legislación local sobre derechos de autor. Las barras de herramientas en la parte superior del área de trabajo se encuentran agrupadas de acuerdo a las características de los comandos y proporciona los controles para trabajar con documentos PDF. Uso de la Interfaz de Acrobat 9 y navegación básica El área de trabajo Adobe 9 Professional (Figura 96) incluye un panel de documentos que despliega documentos PDF de Adobe y un panel de navegación (en la izquierda) que le ayudan a navegar a través de un documentos PDF abiertos. rotación. y uso de las herramientas de selección. Haga clic en alguno de los iconos en el lado izquierdo del area de trabajo para abrir el panel de navegación. localizado en el lado izquierdo de la ventana del documento. tales como las funciones de acceso básico a archivos. ampliación. Los Marcadores son enlaces a puntos de interés específicos en un documento PDF. Páginas proporciona una vista en miniatura que indica que porción de la página se encuentra visible.copyright. vistas miniatura y otros elementos de navegación. También puede abrir una ventana de instrucciones de uso con una visión general de las tareas más comunes en Acrobat. barras de herramientas.

marcadores. guardar. Como ver y navegar a través de un documento PDF En Acrobat hay varias formas de navegar a través de documentos PDF. La barra de herramientas Navegación de página contienen botones y números de página para desplazarse a la página que desee. La barra de herramientas Archivo le permite abrir. Las marcas de chequeo en el menú indican cuales barras de herramientas se encuentran visibles en ese momento. algunas de estas barras aparecen por defecto y otras se encuentran ocultas (Figura 97). Se puede modificar la vista de una página al utilizar las opciones de Reducir o Ampliar o utilizando la herramienta Mano. Para ver todas las opciones de la barra de herramientas.Diseño Gráfico con Fireworks CS4 Barras de herramientas de Acrobat El área de barras de herramientas de Acrobat contiene barras de herramientas agrupadas dependiendo de sus características. Desde la barra de herramientas básica. funciones de formularios y opciones para el envío de documentos para su revisión. seleccione el menú Ver y señale Barras de herramientas. Página anterior Página actual Página siguiente Total de páginas Figura 98 Controles de navegación Educational Technology Consulting • 75 . • Haga clic en los botones de las flechas para ir a la página anterior o a la página siguiente. • También puede desplazarse a una página al escribir su número en el cuadro de la pagina actual y presionar la tecla Enter (Windows) o la tecla Return (Mac OS). comentarios. Utilice la barra de herramientas Buscar para buscar texto contenido en un documento PDF. seleccione el menú Ver y elija Barras de herramientas. Para ver otras opciones de las barras de herramientas de Acrobat. La barra de herramientas seleccionar y Ampliar/Reducir contiene herramientas y opciones que ajustan el tamaño y vista del documento abierto. imprimir y enviar por correo electrónico el documento abierto. o utilizando las fichas Marcadores o Páginas. puede utilizar Seleccionar. Los controles de navegación (Figura 98) proporcionan una manera sencilla de moverse a través de las páginas de un documento. Barras de herramientas Barras de herramientas Presentación de página Barra de herramientas Archivo Barra de hrramientas Barra de Navegación de página herramientas básica Barra de herramientas Seleccionar Ampliar/Reducir Barra de herramientas Buscar Figura 97 Barras de herramientas de Acrobat La Barra de herramientas proporciona un fácil acceso a los comandos asociados cuando se crea un PDF. Puede navegar por documentos PDF al hacer clic en los botones de Página anterior y Página siguiente. Mano y herramientas de acercamiento con marco. opciones de seguridad.

o seleccione el menú Ver. Haga clic en uno de los marcadores para ubicarse en el tema. coloque el puntero sobre la esquina inferior derecha del cuadro de visualización de color rojo hasta que el puntero cambie a una flecha doble.Diseño Visual CS4 Uso de los marcadores para navegar a través de un documento La ficha Marcadores (Figura 99). haga clic en la ficha Páginas en el lado izquierdo del área de trabajo. la cual aparece en el panel de navegación. señale Paneles de navegación y haga clic en Marcadores. Para cambiar el área de visualización. 3. Arrastre la esquina del cuadro para reducir o ampliar la vista de la página actual. Botón de nuevo marcador Botón para expandir marcador actual Marcadores Figura 99 Ficha Marcadores Actividad 1. Vista miniatura de la página Herramienta Mano Cuadro de vista de la página Figura 100 Ficha Paginas 1. Haga clic en el signo de mas (+) que se encuentra junto a un marcador padre para expandir los marcadores hijo o clic en el signo menos (–) para ocultarlos. 76 • Educational Technology Consulting . 4. Para ver la vista miniatura del documento actual. Cuando el puntero cambie a una mano. 3. actúa como una tabla de contenidos y generalmente representa los capítulos y secciones en un documento. 2. o seleccione el menú Ver. Para modificar la ampliación de la página. señale paneles de navegación y elija Páginas. haga clic en la ficha Marcadores en el lado izquierdo del área de trabajo. Haga clic en la miniatura para saltar a esa página del documento. arrastre el cuadro a una nueva ubicación en la página. Para ver los marcadores. Uso de las miniaturas de páginas para navegar a través de un documento La ficha Páginas (Figura 100) proporciona vistas en miniaturas de las páginas del documento con las cuales puede modificar la visualización de las páginas o desplazarse a otras páginas. 2. coloque el puntero en la sección inferior del cuadro de visualización de color rojo situado en la miniatura.

Ajustar ancho o Ajustar visible que se encuentran en el menú desplegable de ampliación/reducción. • Dos arriba organiza las páginas y las coloca lado al lado.Diseño Gráfico con Fireworks CS4 Uso de las herramientas básicas y de ampliación para incrementar o disminuir la ampliación de la página Las herramientas básicas (Figura 101) y de Ampliación / Reducción (Figura 102) ofrecen diversos métodos para cambiar el tamaño de la ampliación de documentos PDF. mostrando una o dos páginas a la vez. • Pagina individual continua organiza las páginas en una columna vertical continua. Configuración de la presentación de una página Puede utilizar el menú de Presentación de pagina (Figura 103) para mostrar las páginas de un documento en las siguientes presentaciónes: • Pagina individual muestra una página a la vez en el panel de documentos. • Seleccione una magnificación preestablecida en el menú desplegable de ampliación/reducción. • Dos arriba continuas organiza las paginas y las coloca lado a lado en una columna vertical continua. Si un documento hay más de dos páginas. Ampliación / Reducción con marco Figura 101 Barra de herramientas básica ampliación/reducción Figura 102 Barra de herramientas Ampliación/Reducción • Seleccione y arrastre con la herramienta Ampliación / Reducción con Marco para agrandar las áreas de una página. • Haga clic en los botones de Reducir o Ampliar en la barra de herramientas. la primera página aparece a la derecha para asegurar que las páginas sean correctamente mostradas de dos en dos. Educational Technology Consulting • 77 . seleccione Tamaño real. • Para redefinir la ampliación de una página. • Escriba el porcentaje de ampliación en el cuadro correspondiente y presionela tecla Enter (Windows) o la tecla Return (Mac OS). Ajustar página.

Figura 104 Uso de la herramienta Mano para ajustar una página 78 • Educational Technology Consulting . seleccione la herramienta Mano de la barra de herramientas básicas y arrastre la página actual hacia arriba y hacia abajo (Figura 104). Uso de la herramienta Mano para ajustar la posición de una página El mover una página de un PDF de Adobe con la herramienta Mano es como mover una hoja de papel con su propia mano.Diseño Visual CS4 Figura 103 Opciones de Presentación de página Para configurar el diseño de la pagina. seleccione el menú Ver y haga clic en Presentación en página y seleccione uno de los diseños de presentación de páginas. • Para ajustar la posición de la página. Puede utilizar la herramienta Mano para mover la página y ver todas sus áreas.

formatos. seleccione el menú Ver y elija Desplazamiento automático. Configuración de Acrobat Distiller Acrobat Distiller permite crear PDFs de forma fácil y repetible de acuerdo a sus especificaciones. Cómo crear un PDF Con Adobe Acrobat 8 Professional. vistos. en Adobe Acrobat Professional puede crear archivos PDF al escanear y capturar documentos en papel y al descargar y convertir páginas web. seleccione Avanzadas señale Producción de impresión y elija Acrobat Distiller. • Para invertir la dirección del desplazamiento. puede convertir una variedad de formatos de archivo a Formato de documento portable de Adobe (PDF). un formato de archivos universal que conserva todas las fuentes. presione la flecha izquierda o derecha en su teclado. • Para saltar a la siguiente página o a la anterior. Uso de Acrobat Distiller La aplicación Acrobat Distiller viene con Adobe Acrobat. • Para detener el desplazamiento automático. Para seleccionar configuraciones por defecto en Distiller Actividad 1. imágenes. Educational Technology Consulting • 79 . Distiller toma la información de la página de un documento y convierte y comprime la información para verla con una aplicación Acrobat o un lector Acrobat gratuito. • Para cambiar la velocidad de desplazamiento. Puede seleccionar una de las varias configuraciones previamente establecidas o puede definir configuraciones personalizadas para crear archivos PDF que se ajusten a sus necesidades. En el cuadro de dialogo de Acrobat Distiller (Figura 105). En el menú de Acrobat. Además de crear archivos PDF virtualmente de cualquier software de aplicación. no importando la plataforma o aplicación en el que haya sido creado. navegados e impresos por cualquiera de los lectores de Adobe al mismo tiempo que mantienen la integridad del documento. • Para desplazarse automáticamente a través del documento. y colores de un archivo fuente. 2. existen varias configuraciones disponibles para crear sus archivos PDF. Los archivos PDF de Adobe son compactos y pueden ser intercambiados. presione una tecla numérica (9 es la velocidad más rápida y 0 la más lenta) o presione las flechas de desplazamiento hacia arriba o abajo en su teclado. presione la tecla de guión o menos (–). Las fuentes. gráficos y el diseño de los documentos son transformados en un documento digital portable que se puede imprimir a la más alta resolución en dispositivos de salida como impresoras o un proyector. presione Esc o seleccione el menú Ver y haga clic en Desplazamiento automático.Diseño Gráfico con Fireworks CS4 Desplazamiento automático a través de un documento (consejo de accesibilidad) Acrobat permite desplazarse a través de documentos PDF extensos sin necesitar de utilizar las teclas o acciones del mouse. Inicie Acrobat.

Diseño Visual CS4

Figura 105 Configuraciones por defecto de Distiller 3. Seleccione una de las opciones del menú que contiene las configuraciones por defecto para la creación de archivos PDF. Se sugieren las siguientes opciones, dependiendo del uso que será dado al documento: • Utilice la opción de Tamaño de archivo más pequeño para crear el archivo PDF más compacto. Este tipo de archivo es utilizado principalmente para ser aplicado en pantalla y para uso ocasional de impresión (100 pixeles por pulgada, o ppp). • Utilice la opción Estándar para crear archivos PDF apropiados para ser vistos en pantalla o para ser impresos (150 ppp). • La opción Impresión de alta calidad le permite crear imágenes con mejor calidad para impresión (300 ppp). • Utilice las otras opciones de impresión cuando esté trabajando con agencias de servicios que utilicen archivos PDF especializados. Para crear configuraciones personalizadas de Adobe PDF 4. En el menú de Acrobat Distiller, seleccione Configuración y haga clic en Editar configuración de Adobe PDF... 5. Cambie las opciones deseadas en los diferentes paneles en el cuadro de diálogo de Configuración de Adobe PDF (Figura 106). • La opción General configura la compatibilidad de archivos, el tamaño de la página por defecto (para archivos EPS), la resolución y otras configuraciones de archivo. • La opción Imágenes reduce el tamaño del archivo al cambiar la forma en que las imágenes, texto y arte lineal son comprimidos. • La opción Fuentes afecta la forma en cómo se incrustan las fuentes. • La opción Color especifica cómo administrar el color. • La opción Avanzadas afecta la conversión de PostScript, así como también la forma en cómo la conversión manejará los JPEGs, etc. Vea la ayuda de Adobe Acrobat para más detalles. • Las opciones Estándares crean archivos compatibles PDF/A para su almacenamiento o compatibles PDF/X los cuales son más confiables para usos de pre impresión.

80 • Educational Technology Consulting

Diseño Gráfico con Fireworks CS4

Figura 106 Cuadro de dialogo de Adobe PDF 4. Haga clic en Guardar Como... para guardar sus cambios como una configuración Adobe PDF diferente. Escriba un nombre único descriptivo en el cuadro nombre y haga clic en Guardar. 5. Haga clic en Aceptar. 6. Cierre el cuadro de diálogo Acrobat Distiller.

Creación de un archivo Adobe PDF
Hay varias formas de crear documentos PDF. Además de convertir los archivos directamente desde Acrobat, también puede utilizar uno de los siguientes métodos, dependiendo de la aplicación del archivo fuente. Utilice la impresora de Adobe PDF para crear un archivo PDF desde cualquier aplicación que tenga el comando imprimir. Este es el método más comúnmente utilizado para convertir archivos a PDF. El PDF Maker convierte documentos a PDF directamente de una variedad de aplicaciones de Microsoft, incluyendo Word, PowerPoint, Excel, Outlook, Access, e Internet Explorer. Utilice el comando Guardar Como o Exportar para crear un archivo Adobe PDF desde aplicaciones tales como Adobe InDesign, Adobe Photoshop, Adobe Illustrator, y Adobe PageMaker. Estos programas instalan y pre configuran todos los componentes necesarios para crear archivos PDF.

Educational Technology Consulting • 81

Diseño Visual CS4

Creación de un archivo Adobe PDF utilizando la impresora de Adobe PDF
Para crear un archivo Adobe PEDF utilizando la impresora de Adobe PDF Actividad 1. Abra el archivo que quiera convertir a Adobe PDF en la aplicación en la cual lo creó, y seleccione el comando Imprimir. 2. Seleccione Adobe PDF de la lista de impresoras (Figura 107).

Figura 107 Ejemplo de un cuadro de dialogo Imprimir 3. En el cuadro de dialogo Imprimir, haga clic en Aceptar. 4. Cuando aparezca el cuadro de diálogo de Guardar archivo PDF, seleccione una ubicación, asigne un nombre al archivo y haga clic en Guardar.

Creación de documentos PDF desde Acrobat utilizando varios archivos
Además de convertir archivos individuales en Adobe PDF directamente desde Acrobat, se pueden combinar diferentes tipos de archivos en un solo archivo Adobe PDF utilizando la opción de Crear PDF De Varios Archivos. También puede usar este comando para agregar o combinar archivos PDF existentes. Para crear un documento PDF de varios archivos Actividad 1. En el menú de Acrobat, seleccione Archivo señale Crear PDF y haga clic en Combinar archivos en un solo PDF... El cuadro de dialogo Combinar archivos aparecerá. 2. En el cuadro de dialogo Combinar archivos (Figura 108), haga clic en Agregar archivos... para expandir el menú y elija Agregar archivos...

82 • Educational Technology Consulting

6. Educational Technology Consulting • 83 . Navege hasta los archivos que desee incluir en el Pdf y seleccionelos. 4. En el cuadro de diálogo Combinar archivos. 5. El cuadro de dialogo Agregar se cerrará. podrá reorganizar el orden de los archivos al seleccionarlos y dar clic en los botones Subir y Bajar. Seleccione una ubicación de un nombre de archivo y haga clic en Guardar (Figura 110). Nota Mantenga presionada la tecla Control (Windows) o Command (Mac OS) para seleccionar más de un archivo. Haga clic en el botón Combinar archivos. Figura 109 Seleccione los archivos para agregarlos al archivo PDF 3. Haga clic en Agregar. El PDF es generado y un cuadro de diálogo aparecerá para que pueda seleccionar donde guardar el archivo.Diseño Gráfico con Fireworks CS4 Figura 108 Combine varios archivos en un PDF El cuadro de diálogo Agregar aparecerá (Figura 109).

se pueden descargar páginas HTML desde la World Wide Web o desde una Intranet y convertirlas en documentos PDF al solo especificar una URL. seleccione Archivo señale Crear PDF y haga clic en Desde página Web. (Figura 112).. Haga clic en el botón Configuración. Aparecerá el cuadro de dialogo Configuración de conversión de página Web. escriba o pegue la URL en el cuadro de URL y especifique la cantidad de niveles que quiera incluir. quizá sea recomendable que empiece descargando solo el primer nivel de los sitios Web.Diseño Visual CS4 Figura 110 Seleccione como combinar los archivos. Conversión de páginas Web a archivos PDF En Acrobat. En el cuadro de dialogo Crear PDF Desde Página Web (Figura 111). Desde el menú de Acrobat. 2. 3.. Para convertir una página web a PDF Actividad 1. haga clic en el ícono de flecha que aparece junto a Capturar varios niveles.. 84 • Educational Technology Consulting . El nuevo archivo PDF se abrirá en Acrobat. Si la sección Configuración no se encuentra desplegada.. Figura 111 Cuadro de dialogo Crea PDF desde página Web Dada la variedad de tamaños y la organización de muchos sitios Web.

.. Una vez que la conversión este completa. Esto le permitirá contar con más versatilidad una vez que las páginas Web hayan sido convertidas. Utilice el comando Guardar Como. Educational Technology Consulting • 85 . Haga clic en Aceptar para cerrar la ventana Configuración de conversión de páginas web. Verifique que todas las opciones estén seleccionadas en la sección Configuración de PDF. En caso de que salga un cuadro de diálogo haga clic en Cancelar. un documento PDF temporal se abrirá. En el cuadro de dialogo Crear PDF desde página Web.Diseño Gráfico con Fireworks CS4 Figura 112 Cuadro de diálogo de Configuración de conversión de pagina Web 4. 6. 7. haga clic en Crear para comenzar la descarga y el proceso de conversión. 5. en el menú Archivo para guardar el documento.

.

Proyecto 4Logotipos Proyecto Boletines PortafoliosFolletos Proyecto Proyecto 9 ProyectoPresentación 3 Tarjetas 8 Mini-anuarios Proyecto 6 nales Proyecto Proyecto de 5y7fotografía 1 Collages 2Portafolios Anuncios .

.

Principios del diseño Nombre del alumno:__________________________________________________ Fecha:________________________ Énfasis/contraste ______________________________________________________________________________________________________ ______________________________________________________________________________________________________ ______________________________________________________________________________________________________ _______________________________________________________________________________________________________ _______________________________________________________________________________________________________ Proximidad/agrupaciones ______________________________________________________________________________________________________ ______________________________________________________________________________________________________ ______________________________________________________________________________________________________ _______________________________________________________________________________________________________ _______________________________________________________________________________________________________ Balance ______________________________________________________________________________________________________ ______________________________________________________________________________________________________ ______________________________________________________________________________________________________ _______________________________________________________________________________________________________ _______________________________________________________________________________________________________ Alineación ______________________________________________________________________________________________________ ______________________________________________________________________________________________________ ______________________________________________________________________________________________________ _______________________________________________________________________________________________________ _______________________________________________________________________________________________________ Armonía/Proporción ______________________________________________________________________________________________________ ______________________________________________________________________________________________________ ______________________________________________________________________________________________________ _______________________________________________________________________________________________________ _______________________________________________________________________________________________________ Espacio en blanco ______________________________________________________________________________________________________ ______________________________________________________________________________________________________ ______________________________________________________________________________________________________ _______________________________________________________________________________________________________ _______________________________________________________________________________________________________ Repetición ______________________________________________________________________________________________________ ______________________________________________________________________________________________________ ______________________________________________________________________________________________________ _______________________________________________________________________________________________________ _______________________________________________________________________________________________________ 89 .

Color ______________________________________________________________________________________________________ ______________________________________________________________________________________________________ ______________________________________________________________________________________________________ _______________________________________________________________________________________________________ _______________________________________________________________________________________________________ Otros principios del diseño ______________________________________________________________________________________________________ ______________________________________________________________________________________________________ ______________________________________________________________________________________________________ _______________________________________________________________________________________________________ _______________________________________________________________________________________________________ 90 .

Los perfiles de dispositivos de entrada describen los colores que un dispositivo de entrada es capaz de capturar o escanear. el CMYK tiende a ser más apropiado para pasteles y negros puros. B 225 puede verse ligeramente diferente cuando escanee una imagen con este color. ningún dispositivo puede desplegar el rango completo de colores que el ojo humano puede percibir. no podrá ser capaz de mantener una consistencia de color. Este color es creado a través de una mezcla de rojo. Para mayor información acerca de cómo crear perfiles de monitor. debido a que depende de la luz. debido a que necesita ver los colores de forma precisa en el monitor con el fin de tomar decisiones relacionadas al diseño. el papel utilizado para periódico reproduce una gama más pequeña que el papel con calidad de revista. podría terminar con una variedad de colores. Si lo que ve en el monitor no representa los colores reales de su documento.Diseño Gráfico con Fireworks CS4 Como entender el manejo del color En el desarrollo de trabajos con imágenes. Debido que este depende de la luz reflejada en el papel. o gama. los colores pueden cambiar en apariencia al momento en que transfiera documentos entre diferentes dispositivos. Si su cámara digital incluye opciones de perfiles. Si manda imprimir a una impresora de escritorio. y es una mezcla de cian. • El medio seleccionado de impresión. Los perfiles de dispositivos de salida describen el espacio de color de los dispositivos de salida tales como una impresora de escritorio o una prensa. vea Perfiles de monitor en la sección de ayuda de Photoshop. Los perfiles de monitor describen como es que el monitor está reproduciendo el color. Adobe recomienda seleccionar Adobe RGB. En cada etapa de este proceso. Cuando imprime. Después de todo. es probable que el color de las imágenes cambie de un dispositivo a otro. Por ejemplo. • La forma en la cual el software de aplicación define el color. el sistema de administración de color utiliza los perfiles del dispositivo de salida para trazar apropiadamente los colores en un documento con los colores contenidos en la gama del espacio de color del dispositivo de salida. amarillo y negro. Este sistema de administración de color maneja muchas de estas opciones de manera automática. • Variaciones naturales entre dispositivos – los monitores difieren con base en su fabricante y a la antigüedad del monitor. por el contrario. Debido a estas variaciones de espacio de color. Administración del color cuando abre archivos Puede resolver el problema de trabajar con diferentes espacios de color al utilizar un sistema administrador de color.que cuando la vea en el monitor o cuando la imprima. El CMYK. los monitores usan el color RGB. puede realizar esta configuración desde el cuadro de dialogo Imprimir. G 200. Por ejemplo. verde y azul claro. La gama de color se refiere al rango de colores que puede desplegar un dispositivo. Es recomendable que cree este perfil primero. el papel brilloso puede desplegar un rango de color diferente que el papel mate. La razón de esto es que todos estos dispositivos tienen una gama de colores limitados. magenta. Por ejemplo. incluyen perfiles que cubren las situaciones antes descritas y puede utilizarlas para obtener un mejor resultado. Los colores pueden variar bajo algunas de las siguientes circunstancias: • Diferencias entre las fuentes de las imágenes – ya sea que la imagen provenga de una cámara o haya sido escaneada. Lo ideal sería que el perfil de dispositivo de salida también considerara condiciones de impresión específicas tales como el tipo de papel y la tinta. verla en un monitor. De otra forma. Por ejemplo. utilice sRGB (el cual es el perfil por defecto para la mayoría de las cámaras). tal como el que está incluido en Adobe Photoshop CS4 Extended. pero también es de utilidad el entender cómo funciona la administración del color para que pueda resolver problemas en caso de que estos se presenten Educational Technology Consulting • 91 . imprimir la imagen en una impresora de inyección de tinta para una vista preliminar y luego enviarlo para su impresión a una imprenta profesional. una sombra de azul con valores R 25. es utilizado por impresoras de cuatro colores. La mayoría de los nuevos modelos de impresoras. de colores. Cada dispositivo funciona dentro de un espacio de color específico que puede producir cierto rango. Por ejemplo. el RGB tiende a lucir mejor con colores brillantes – como los que aparecen en un señalamiento de neón – y no luzcan tanto con colores apagados – negros y algunos tonos pastel. podría escanear una imagen.

2. Photoshop convertirá los colores sRGB a Adobe RGB. La configuración que elija en el cuadro de diálogo Ajustes de color determina la forma en cómo los colores son aplicados para ambos RGB y CMYK. Por ejemplo. Seleccione el menú Edición y después la opción Ajustes de Color. Por ejemplo si la imagen que es abierta fue creada utilizando un espacio de color sRGB IEC61966-2 B y el cuadro de diálogo Ajustes de color tiene el espacio de trabajo Adobe RGB (1998) para RGB. Inicie Photoshop. este grupo de configuraciones utiliza la configuración sRGB IEC61966-2 para el espacio de trabajo para RGB. Este espacio de trabajo refleja las configuraciones en la mayoría de los monitores. Aparecerá el cuadro de diálogo Ajustes de color (Figura 1). Cuando seleccione RGB o CMYK en el menú Imagen y despues en la opción Modo. • Pre impresión en Europa 2 funciona bien si se exporta a una imprenta. A continuación se mencionan tres tipos de configuraciones que encontrará de utilidad: • Uso General en Europa 2 funciona bien si se encuentra exportando tanto formatos web como impresos. Para utilizar el cuadro de diálogo Ajustes de color Actividad 1. Configure estas opciones a través del cuadro de diálogo Ajustes de Color. Al seleccionar la opción Preguntar al Abrir. Por ejemplo. Cómo maneja Photoshop los espacios de color en archivos abiertos Cuando un archivo es abierto. Photoshop compara los colores en el espacio de color del archivo con los colores definidos en el cuadro de diálogo Ajustes de color. Adobe proporciona opciones de configuraciones que usted puede utilizar. puede hacer que Photoshop le pregunte como proceder cuando se encuentre con un espacio de color diferente. impresoras de bajo costo y escáneres. disponible a través del menú Edición. Todas las imágenes se convierten al espacio de trabajo sRGB IEC61966-2. los colores desplegados en estas modalidades son determinadas por el cuadro de diálogo Ajustes de color.Diseño Visual CS4 Photoshop proporciona opciones para que pueda administrar la forma en que los perfiles de color son interpretados cuando se abren archivos. 92 • Educational Technology Consulting . Estas se encuentran disponibles en el menú Ajustes que se encuentra en la parte superior del cuadro de dialogo Ajustes de color. Si esta opción no es seleccionada. este grupo de configuraciones usa la configuración Adobe RGB (1998) para el espacio de trabajo RGB. Photoshop automáticamente convierte estos colores a la configuración de espacio de trabajo establecida en el cuadro de diálogo Ajustes de color. Este espacio de trabajo refleja un rango RGB que es más cercano a CMYK (que es el que utilizan las imprentas). Estas configuraciones han sido evaluadas por Adobe para utilizarla con la mayoría de los monitores (salida a pantalla) e impresoras (salida de impresión) en Europa. • Web/Internet en Europa funciona bien si solo se exporta a internet. Opciones de configuraciones pre establecidas en el cuadro de diálogo Ajustes de color Aun cuando puede personalizar las opciones en el cuadro de diálogo Ajuste de color.

Las pruebas de ajuste se refieren a cambiar los colores en pantalla para imitar los colores de impresión. 4. Para utilizar la prueba de ajuste Actividad 1. Uso de pruebas de ajuste Puede utilizar las pruebas de ajuste para probar en pantalla. los colores de la imagen y otros factores. Ahora configurará la prueba para una impresora de inyección de tinta. observe cuidadosamente los colores de la imagen. asÍ podrá apreciar de mejor manera los efectos de la prueba de ajuste. así que Photoshop cambia RGB a Adobe RGB (1998). Inicie Photoshop y abra la imagen Color.luego Ajuste de prueba y despues Espacio de trabajo CMYK.Diseño Gráfico con Fireworks CS4 Figura 1 Cuadro de diálogo Ajustes de Color En el menú de Ajustes. La información aparece en el cuadro de descripción en la parte inferior del cuadro de dialogo. Seleccione el menú Vista despues Ajuste de prueba y luego A medida. 5. 2. Como observa. Cambie la configuración a Pre impresión en Europa 2 y observe los resultados. Educational Technology Consulting • 93 .la configuración Pre impresión en Europa 2 es ideal en caos de exportar a una imprenta . 3. Nota La notoriedad en el cambio de color dependerá de la configuración actual en el cuadro de diálogo Ajustes de color. se selecciona Preguntar al Abrir para conservar la integridad de los colores cuando se importen.Con Pre impresión en Europa 2. Mueva el puntero sobre los menús en el cuadro de diálogo Ajustes de color para ver más información acerca de estas opciones. podrá seleccionar de una serie de configuraciones pre-establecidas. Recuerde . A medida que haga esto. personalizara la prueba con el fin de que se vea como una impresión con CMYK. es una imagen con un amplio rango de colores. Estas configuraciones han sido evaluadas por Adobe para utilizarla con la mayoría de los monitores (salida a pantalla) e impresoras (salida de impresión) en Europa. El cuadro de diálogo Personalizar condición de prueba aparecerá (Figura 2). Primeramente. 3. Seleccione Vista . Deberá notar un ligero cambio. puede seleccionar Uso general en Europa 2. Para la mayoría de los casos con propósito de impresión. Haga clic en Cancelar para cerrar el cuadro de diálogo.

5. para mayores resultados y ahorrar tiempo. Para ver el área de Gestión de color en el cuadro de diálogo Imprimir Actividad 1. 6.Diseño Visual CS4 Figura 2 Cuadro de diálogo Personalizar condición de prueba 4. 2.S. En el área de Gestión de color en el cuadro de diálogo Imprimir. permita a la impresora seleccionar el perfil. El cuadro de dIálogo Imprimir aparecerá (Figura 3). Figura 3 Cuadro de diálogo Imprimir 94 • Educational Technology Consulting . Utilice la misma imagen que utilizó en la práctica anterior. Seleccione la opción Previsualizar. Photoshop ajustará la prueba para que se vea como si hubiera sido impresa en una página web. Esto le permitirá ver los cambios en pantalla a medida que los vaya realizando. No cierre la imagen. Es posible que. 7. Manejo del color en procesos de impresión También se pueden configurar la administración cuando se envía un documento a impresión. Haga clic en Cancelar para cerrar el cuadro de dialogo Personalizar Condición de Prueba sin conservar los cambios. La mayoría de los nuevos modelos de impresora incluyen perfiles bastante exactos incluidos en el CD Controlador. Seleccione el menú Archivo y luego Imprimir (no es necesario que cuente con una impresora instalada para este ejercicio). Observe los resultados en la imagen.Web Uncoaled v2 Printing Density del menú Dispositivo para simular. se puede configurar el que los colores sean administrados por Photoshop o por su impresora y especificar preferencias en cuando al manejo del color. Seleccione U.

se convierte de un espacio de color (Photoshop) a otro (su impresora). La información de las opciones seleccionadas aparecerá debajo de Descripción. debería aparecer seleccionada la opción Colorimétrico Relativo. 3. 5. Cuando se manda a imprimir.Diseño Gráfico con Fireworks CS4 El área de Gestión de color deberá aparecer activa en el lado derecho del cuadro de diálogo. Por ejemplo. selecciónela del menú desplegable. Cuando haya revisado estas opciones. debería aparecer seleccionada la opción de La Impresora Gestiona los Colores. esta opción le pide a la impresora determinar cómo serán impresos los colores. el menú de perfiles de impresora. El producto de una interpretación depende de los colores de su imagen y de la forma en cómo esté configurado el cuadro de diálogo Ajustes de color. 4. se recomienda mantener esta configuración por defecto. Mueva el cursor sobre el menú de Administración de color. Cierre la imagen sin guardar los cambios y cierre también Photoshop Interpretación Interpretación se refiere a la forma en la cual los colores son convertidos de un sistema a otro. Generalmente. 6. Algunos perfiles producen resultados idénticos desde diferentes modos de interpretación. Si la opción Gestión de color no se encuentra activa. en la sección de Administración de color. Educational Technology Consulting • 95 . la interpretación por defecto será Colorimétrico Relativo. Interpretación establece las reglas que determinan como serán ajustados los colores. especialmente si aún está aprendiendo acerca del manejo del color. o el menú de Interpretación. si selecciona una configuración para Norteamérica o Europa. En Interpretación. Por ejemplo. haga clic en Cancelar para cerrar el cuadro de dialogo Imprimir. Photoshop establece una interpretación por defecto de acuerdo al perfil que haya seleccionado en el cuadro de diálogo de Ajustes de color.

.

¿Cuales son y por qué está modificando sus metas? ______________________________________________________________________________________________________ ______________________________________________________________________________________________________ ______________________________________________________________________________________________________ _______________________________________________________________________________________________________ _______________________________________________________________________________________________________ Reflejo de buenos principios de diseño ¿Qué elementos y principios de diseño incorporó originalmente al logotipo? ______________________________________________________________________________________________________ ______________________________________________________________________________________________________ ______________________________________________________________________________________________________ _______________________________________________________________________________________________________ _______________________________________________________________________________________________________ ¿Quiere incluir nuevos elementos y principios de diseño a su logotipo? ¿Si es así. Las preguntas se dividen en las siguientes cuatro categorías: • Metas iniciales • Requerimiento de nuevas metas • Reflejo de buenos principios de diseño • Planeación de cambios en el diseño Metas iniciales ¿Cuáles eran las metas originales para el logotipo? ______________________________________________________________________________________________________ ______________________________________________________________________________________________________ ______________________________________________________________________________________________________ _______________________________________________________________________________________________________ _______________________________________________________________________________________________________ ¿Cumple su logotipo las metas iniciales? ¿Por qué sí o por qué no? ______________________________________________________________________________________________________ ______________________________________________________________________________________________________ ______________________________________________________________________________________________________ _______________________________________________________________________________________________________ _______________________________________________________________________________________________________ Requerimiento de nuevas metas ¿Tiene nuevas metas en mente para el logotipo? Si es así. cuales son y por qué quiere incluirlos? ______________________________________________________________________________________________________ ______________________________________________________________________________________________________ ______________________________________________________________________________________________________ _______________________________________________________________________________________________________ _______________________________________________________________________________________________________ 97 .Revisión y rediseño de logotipos Nombre del alumno:__________________________________________________ Fecha:________________________ Las preguntas contenidas en esta hoja de trabajo le ayudarán a analizar el proceso de revisión y rediseño de logotipos.

Planeación de cambios en el diseño ¿Qué tipo de cambios necesita hacer para llevar a cabo los nuevos elementos y principios de diseño? Realice un esbozo de sus cambios en el espacio proporcionado a continuación y además escriba más ampliamente sobre los mismos. ______________________________________________________________________________________________________ ______________________________________________________________________________________________________ ______________________________________________________________________________________________________ _______________________________________________________________________________________________________ _______________________________________________________________________________________________________ 98 .

Diseño Gráfico con Fireworks CS4 Cómo crear un documento nuevo Cuando se crea un nuevo documento en Adobe Photoshop CS4. Nota Se puede seleccionar de un número de tamaños por defecto utilizando el menú desplegable. Esto le permite crear rápidamente una cantidad de imágenes con la misma configuración. Sus elecciones dependerán del tipo de imagen que esté creando. utilice 300 ppp. También puede trabajar con escala de grises o con CMYK. cambiar las opciones después puede afectar la apariencia de su imagen. haga clic en los menús a la derecha de Anchura y Altura y seleccione pulgadas. El cuadro de texto Nuevo aparecerá (Figura 4). 4. es el color de fondo por defecto. Si planea crear un logotipo para ser impreso y para ser usado en la Web. Educational Technology Consulting • 99 . • Transparente hace que el fondo sea transparente (aparece como un tablero de ajedrez en color gris). Aun cuando pueda cambiar estas opciones después. Deje abierto este documento . Figura 4 Cuadro de diálogo Nuevo 3. Inicie Photoshop. Introduzca una Resolución para la imagen: Si planea generar imágenes para impresión. Establezca la altura y la anchura para la imagen en pulgadas. Esta opción es útil cuando quiera crear una imagen para transferirla a otro fondo. Para establecer las pulgadas como unidad de medida. 7. se puede convertir la imagen a CMTK cuando se envie la imagen a imprenta. 5. para utilizarlo en las siguientes prácticas. y tamaño. En términos generales. por ejemplo “Logo”. lo mejor es establecerlas desde el principio. Establezca un color de fondo en el menú Contenido de fondo (se puede modificar esta opción después): • Blanco rellena el fondo con un color blanco.) 6. se establecen opciones tales como resolución. Para crear un documento nuevo Actividad 1. asigne un nombre al documento. 8. un buen estándar es de 300 pÍxeles /pulgada. (Lo mejor es establecerla resolución lo más alto posible. podría querer crear un logotipo circular con un fondo transparente para luego colocarlo en un fondo con color. Observe que los nombres de los documentos abiertos también aparecen en el menú Predefinir. ya que es lo requerido en un proceso de impresión. tipo de color. En algunas ocasiones. • Color de Fondo rellena el fondo con el color de fondo actual. 2. Primero. Cuando se selecciona uno de estos. 9. Por ejemplo. Establezca el Modo de color a color RGB. Haga clic en OK para crear el documento nuevo. Photoshop rellena las opciones para el documento. Seleccione Archivo y después haga clic en Nuevo. solo deberá seleccionar CMYK si va a utilizar una prensa. Aun si selecciona RGB en esta etapa.

Esta guía cubre tres herramientas: • La herramienta Lápiz pinta sobre el color frontal de la imagen y crea líneas de forma similar a como lo haría con un lápiz. La pintura se aplica a medida que mantiene presionado el botón del mouse. se pueden seleccionar una o más de las siguientes opciones en la barra de opciones (Figura 5) Selector de herramientas preestablecidas Modo pintura Aerógrafo Selector de pinceles preestablecidos Configurar opacidad para trazos Configurar velocidad de flujo por trazo Figura 5 Opciones de la herramienta Pincel Selector de herramientas preestablecidas: Guarda las configuraciones para la herramienta actual. Modo pintura: Describe como los colores aplicados se mezclarán con la imagen. Haga clic en el botón de aerógrafo para activar y desactivar esta opción. y también puede crear sus propios pinceles. podrá guardar estas configuraciones para su uso posterior. • La herramienta Pincel pinta sobre el color frontal de la imagen y crea trazos suaves de color.Esta opción es solo para el Pincel.Diseño Visual CS4 Cómo utilizar las herramientas de dibujo En guías anteriores se describe cómo utilizar Adobe Photoshop CS4 Extended para modificar un archivo existente. Cuando suelte el botón del mouse y luego pinte sobre la misma área. En esta guía. Photoshop le proporciona una amplia variedad de opciones para las herramientas Pincel. Incluso . Selector de pinceles preestablecidos: Selecciona de una serie de pinceles preestablecidos. Esta guía proporciona una introducción básica en técnicas de dibujo. Hay una amplia variedad de estos pinceles preestablecidos. opacidad y opciones de flujo controla cuan rápido y que tanta pintura es aplicada. Configurar velocidad de flujo por trazo: Configura la velocidad a la cual se aplica color a medida que pinte. creará un nuevo contenido al utilizar las herramientas Pincel de Photoshop. aplicará color adicional con la misma opacidad. A medida que cambie la configuración de las herramientas Pincel. desde 0% (invisible) a 100% (opaco). Consulte el tema de ayuda de Photoshop “Lista de modos de fusión” para mayores detalles. • La herramienta Tampón de motivo pinta lo que sea que haya escogido en el selector de motivo. Configuración de opciones de pincel Con cada pincel.Esta opción es solo para el Pincel. Configurar opacidad para trazos: Configura la transparencia par a las líneas dibujadas. 100 • Educational Technology Consulting . Puede seleccionar de un conjunto de puntas de pincel y luego modificarlos al utilizar la paleta de pinceles. la transparencia del color permanecerá igual hasta que suelte el botón del mouse. A medida que pinte sobre el área. Por ejemplo. sin importar cuantas veces haya movido el puntero sobre el área. Después de aprender lo básico. es recomendable que experimente con diferentes pinceles a fin de que encuentre las configuraciones que le resulten más útiles. Pluma y Tampón de motivo – para dibujar líneas o pintar áreas. como por ejemplo Aerógrafo Circular difuso con flujo al 50%. Puede utilizar las herramientas Pincel – Lápiz. si establece la opacidad al 100% y el flujo a 33%. puede crear su propia configuración de pinceles y guardarla para utilizarla después. el color se mueve de 33% a 100% de opacidad cada vez que lo aplique sobre un área. Aerógrafo: Simula el pintar con un aerógrafo. La solidez.

4. Seleccione la Herramienta Lápiz. haga clic en el punto final de la línea (Figura 8). En la barra de opciones Pincel. haga clic en el punto de inicio de la imagen. 6. etc. – se encuentran disponibles a través de la paleta Pinceles. Educational Technology Consulting • 101 . 5. Figura 7 Dibujando a mano alzada con la herramienta Lápiz • Para dibujar una línea recta. 1. Seleccione un pincel relativamente pequeño. Mientras mantiene presionada la tecla Shift. 2. Para dibujar con el Lápiz Actividad Utilice el documento que dejó abierto en la página anterior. Figura 6 Opciones básicas de pincel en el seleccionador de pinceles preestablecidos Nota También puede establecer el diámetro y la dureza de forma manual en el selector de pinceles preestablecidos. La Dureza determina la suavidad de los bordes de la línea. Asegúrese de que la Opacidad está establecida al 100%. establezca el Modo como Normal. Dibuje utilizando uno de los siguientes métodos: • Para dibujar a mano alzada. del selector de pinceles preestablecidos (Figura 6).Esta opción es solo para el Lápiz. configuraciones. 3. Seleccione un color frontal en la Paleta de herramientas. Vea la ayuda de Photoshop para mayor información acerca de estas opciones. Muchas otras opciones – puntas de pincel. tal como el de 9 px.Diseño Gráfico con Fireworks CS4 Borrado automático: Pinta el color de fondo sobre las áreas que contienen el color frontal. haga clic y arrastre sobre la imagen (Figura 7). Nota Las opciones de la barra Pincel representan solamente un subconjunto de opciones del Pincel.

6. Nota También puede establecer el diámetro y la dureza de forma manual en el selector de pinceles preestablecidos. 8. 4.Diseño Visual CS4 Figura 8 Dibujando líneas rectas con la herramienta Lápiz 7. 2. 3. Cierre el documento . 5. La Dureza determina la suavidad de los bordes de la línea. También observe que el color de las líneas es más claro debido a que estableció la Opacidad al 10% y el Flujo a 100%. Observe que la línea es la mitad de oscura que la primera.Puede utilizar la configuración que ya tiene el cuadro de diálogo Nuevo. la oscuridad de la línea se mueve 10% más cerca de la opacidad total cada vez que sobrepone líneas. Dibuje a mano alzada cualquier figura. Seleccione un pincel relativamente pequeño. En esa área. Sin despegar el puntero. 7. 8. del selector de pinceles preestablecidos.No es necesario guardar los cambios. Seleccione el Flujo a 10%. Para dibujar con el Pincel Actividad 1. Abra un documento nuevo en Photoshop. arrastre de regreso sobre la figura que acaba de dibujar (Figura 10). establezca el Modo a Normal. tal como el de 9 px. Seleccione un color frontal en la paleta de Herramientas. En la barra de herramientas Pincel. Flujo 10% Cuando utilice el Pincel. Esta área se encuentra a un 20% de opacidad Figura 10 Dibujando con el Pincel. Cambie la opacidad al 50% en la barra de opciones Pincel y dibuje otra línea que se cruce a la primera (Figura 9). En el punto en el cual las líneas se sobreponen. Opacidad 100%. la línea se hace más oscura debido a que se estableció el Flujo al 10%. 102 • Educational Technology Consulting . Seleccione la herramienta Pincel. Cuando selecciona el Flujo al 10%. Establezca la Opacidad al 100%. observe que los bordes de la línea son más suaves que en el Lápiz. la línea sobrepuesta tiene una opacidad del 20%.

Puede utilizar las medidas que ya tiene el cuadro de dialogo Nuevo. haga clic en OK para reemplazarlos. a pinceles especiales como estrellas o copos de nieve. Están van desde pinceles artísticos. pinceles caligráficos o de efecto de salpicadura.. para abrir la paleta Pinceles. Para utilizar las puntas de pinceles Actividad 1. 4. Haga clic en el menú desplegable de Pinceles (esquina superior derecha de la paleta) y seleccione Pinceles varios (Figura 11). Educational Technology Consulting • 103 . Cierre el documento sin guardar los cambios. 3. Esto hace que se cargue el conjunto de Pinceles Varios en la paleta Pinceles. Uso de puntas de pincel especiales Photoshop incluye un gran número de puntas de pincel. 2. Puede acceder a estos en la paleta de Pinceles.. 9. Cuando se le pregunte si quiere reemplazar los pinceles actuales.Diseño Gráfico con Fireworks CS4 Nota De la misma forma que lo hizo con el Lápiz. puede dibujar una línea recta con el Pincel manteniendo presionada la tecla Shift. Abra un nuevo documento . Haga clic en una de las puntas especiales de pincel en la paleta Pinceles. tal como el pincel Sombreado 2 (#14) (Figura 12). Figura 11 Menú desplegable de la paleta Pinceles 3. Seleccione Ventana y depues Pinceles. La paleta de Pinceles también le permite cambiar la configuración para los mismos.

Para utilizar la herramienta Tampón de motivo Actividad 1. 104 • Educational Technology Consulting .(Si no se ve la figura puede aumentar el nivel de flujo) Figura 13 Pintando con una punta de pincel especial Uso de la herramienta Tampón de motivo Con la herramienta Tampón de motivo.Diseño Visual CS4 Figura 12 Selección de una punta especial de pincel 5. Arrastre el mouse para dibujar con el pincel especial (Figura 13). Figura 14 Herramienta Tampón de motivo Observe que la barra de opciones aparece ligeramente diferente que con la herramienta Pincel (Figura 15). Figura 15 Opciones de la herramienta Tampón de motivo A la derecha del campo Flujo esta el selector de motivo. seleccionando desde una variedad de los mismos. puede pintar motivos sobre una imagen. Haga clic en la herramienta Tampón de clonar y mantenga presionado el botón del mouse para abrir la herramienta Tampón de motivo (Figura 14).

puede crear mapas de bits utilizando la opción Rellenar Píxeles.Diseño Gráfico con Fireworks CS4 2. agregar formas en capas separadas hace que el tamaño de la imagen sea mayor y eso podría afectar eventualmente la velocidad de Photoshop. el motivo iniciará de nuevo cada vez que suelte el puntero. Figura 16 Pintando con la herramienta Tampón de motivo 6. Tipos de formas Esta guía cubre como agregar formas como capas de forma. Si se encuentra creando formas simples que no necesiten utilizar una escala. Cómo dibujar formas Además de las características para edición de fotografía. verá que el enfoque de Photoshop hacia el dibujo es ligeramente diferente. Las imágenes de mapa de bits están hechas de píxeles individuales y no se puede trabajar muy bien a escala con ellas. Seleccione un motivo del Selector de motivo. Esta guía le mostrará como dibujar formas en Photoshop. el motivo aparece en bloques de color. Debido a que las formas creadas con Rellenar Píxeles no requieren de capas adicionales. estas pueden mejorar el desempeño de Photoshop. Deje la opción impresionista (Impres. 4. de permitir que la luz se muestre en vez de colocar cosas sobre un lienzo. Sin embargo. Capas de forma Opciones de la forma (polígono) Configura el estilo de la capa nueva Configurar el color de la capa nueva Trazados Rellenar Píxeles Crear nueva capa de forma Añadir a área de forma Restar de área de forma Incluir/Excluir áreas de forma superpuestas Figura 17 Barra de opciones Forma Educational Technology Consulting • 105 . tales como Adobe Illustrator. 5. Seleccione la opción Alineado para mantener el motivo alineado con el punto original de inicio. son formas vectoriales a través de las cuales solo se muestra una sección del fondo. 3. De lo contrario. Arrastre el mouse para dibujar con la herramienta Tampón de motivo (Figura 16). las imágenes vectoriales están construidas con base en fórmulas matemáticas y por lo tanto se puede trabajar a escala de forma excelente con ellas. Cierre el archivo sin guardar los cambios.)sin seleccionar. Esta opción crea formas que son creadas a través de píxeles individuales. Las capas de forma son añadidas como máscaras vectoriales – es decir. Puede configurar las opciones de las formas en la barra de opciones Forma (Figura 17). Photoshop usa tanto imágenes vectoriales como de mapa de bits. lo cual le proporciona la máxima flexibilidad al momento de determinar cómo aparecerán sus formas. Adobe Photoshop CS4cuenta con una suite completa de herramientas de dibujo. Si ha utilizado otras herramientas de dibujo. Con esta opción seleccionada. Todos los elementos de Photoshop están basados en la idea de la exposición fotográfica.

Debido a que las máscaras de forma son formas vectoriales. En la barra de opciones (Figura 18). Para dibujar una capa de forma Actividad 1. Figura 19 Menú desplegable Opciones de Polígono 6. asegúrese de que Capas de forma y Crear nueva capa de forma estén seleccionados. tal como la herramienta Polígono. seleccione las opciones para la forma de su elección. Las herramientas Forma están localizadas entre la herramienta Notas y la herramienta Selección de trazado. la paleta Herramientas muestra la herramienta Rectángulo. con el tamaño por defecto de Photoshop 2. Dibuje la forma al arrastrar el puntero sobre el lienzo (Figura 20). haga clic en el rectangulo y mantenga presionado el botón del mouse sobre ella (Figura 18).Diseño Visual CS4 Dibujando capas de forma Las capas de forma son esencialmente máscaras vectoriales que ocultan un fondo. seleccione un color para el fondo de la capa. posición y visibilidad de una forma. el polígono se configuró a modo de Estrella. Las capas de forma ofrecen la mayor flexibilidad al momento de determinar la apariencia. 5. Figura 20 Apariencia de la forma al momento que la dibuje 106 • Educational Technology Consulting . Del menú desplegable Opciones de Polígono. En la Figura 19. En el selector de color. dejando el total de lados en 5 y la Sangría lateral en 50%. Abra un archivo nuevo . Por defecto. Figura 18 Herramientas de forma en la paleta de Herramientas 3. Para acceder a las otras formas. Haga clic en una de las herramientas de forma. Estas constan de dos partes: una máscara y un color de fondo. 4. puede transformarlas sin que pierdan su claridad.

11. seleccione Ventana y despues Capas. Al cambiar el trazado.Diseño Gráfico con Fireworks CS4 7. Haga clic y mantenga presionada la herramienta Selección de trazado y seleccione la herramienta Selección directa. Los puntos de anclaje aparecen en las esquinas de la forma. Observe que la forma está en una capa separada con el nombre por defecto de Forma 1 (Figura 21). (Figura 23). Abra el archivo Trazado en Photoshop. 10. Seleccione un nuevo color para el relleno de la forma. Figura 22 Selector de color 9. Una manera de cambiar el trazado de la forma es al mover su punto de anclaje. Haga doble clic sobre la miniatura del relleno. 2. Para ajustar el trazado de la forma Actividad 1. Miniatura de capa Miniatura de máscara vectorial Figura 21 Capa de forma en la paleta de capas 8. El seleccionador de color aparecerá (Figura 22). El ícono de enlace entre la forma y el relleno indican que los dos están relacionados. Educational Technology Consulting • 107 . Cierre el documento sin guardar los cambios. Haga clic en OK para aplicar el color y cerrar el selector de color. 1. se cambia la apariencia de la máscara vectorial y por lo tanto la apariencia de la forma. Si la paleta Capas no se encuentra visible. Los puntos de anclaje – unos pequeños cuadros vacios – aparecerán en las esquinas de la forma (Figura 23). Ajuste del trazado de una forma Un trazado es el borde de una forma vectorial. Haga clic en el borde de la forma para seleccionar su trazado.

6. Añadir a área de forma: Añade a la capa existente. haga clic en la miniatura de la Capa Forma para seleccionar la forma. Haga clic en el Ícono Añadir a área de forma en la barra de opciones Forma (Figura 25). la esquina izquierda del cuadrado ha sido movida hacia arriba al arrastrar su punto de anclaje. Figura 24 Modificación de trazado completado Añadir o restar de áreas de forma Puede añadir o restar de una capa de forma para mostrar más o menos del fondo. En la Figura 24. Formar intersección con áreas de formas: Muestra únicamente aquellas áreas en las cuales dos formas se cruzan. Haga clic para seleccionar el punto de anclaje. Mueva el puntero sobre un punto de anclaje. Seleccione una herramienta de forma.Diseño Visual CS4 Punto de anclaje Figura 23 Moviendo un punto con la herramienta de Selección directa 3. Para añadir a una capa de forma Actividad 1. 4. Deje abierto el archivo. Solamente observara los efectos de restar si dibuja sobre una capa existente. Excluir áreas de forma superpuestas: Muestra todas las partes de una forma con excepción del lugar donde dos formas se cruzan. Arrastre para cambiar la forma (Figura 24). 2. tal como la herramienta Elipse. Crear nueva capa de forma Restar de área de forma Excluir áreas de forma superpuestas Añadir a área de forma Formar intersección con áreas de formas Figura 25 Barra de opciones Forma Crear nueva capa de forma: Crea una nueva capa de forma. Observe que el punto de anclaje cambia de un cuadro vacio a un cuadro solido cuando es seleccionado. Restar de área de forma: Resta de la capa existente. 5. 108 • Educational Technology Consulting . Se pueden configurar las opciones de añadir y sustraer de la barra de opciones Forma. 3. En la imagen que se encuentra abierta.

Haga doble clic en la capa de la forma para abrir el cuadro de dialogo Estilo de capa (Figura 28). Figura 26 Añadiendo a una capa de forma Para restar de una capa de formar Actividad 1. 3. seleccione el menú Ventana y después la opción Capas para abrir la paleta Capas. Utilice el archivo con el que ha estado trabajando en las ultimas lecciones. Figura 27 Restando de una capa de forma Control de la apariencia de una forma con estilos de capa Debido a que las formas están en una capa. Dibuje una forma que se sobreponga a la imagen.haga clic en la Miniatura de la máscara para seleccionar la forma. Deje abierto el archivo. Se puede agregar una Sombra paralela básica. o se puede enmarca la forma con un trazo. Seleccione una herramienta forma. Observe que la nueva forma aparece en la capa de forma (Figura 26). Si no se encuentra visible la paleta capas. En l imagen que tiene abierta . se puede cambiar su apariencia al utilizar estilos de capas. hace que la forma se vea en relieve. biselado. Educational Technology Consulting • 109 . por ejemplo la herramienta Elipse. 2. 2. (Figura 27). Para modificar una forma utilizando estilos de capa Actividad 1. Dibuje la forma que será agregada a la imagen (Figura 26).Diseño Gráfico con Fireworks CS4 4. Haga clic en el icono Restar de área de forma en la barra de opciones Forma (Figura 25). Observe que la forma ha sido modificada en la capa de forma (Figura 27). 5. 4.

4. 5.Diseño Visual CS4 Figura 28 Cuadro de dialogo Estilo de capa 3. Seleccione la opción Trazo para aplicar un trazo. Se pude configurar el tamaño. Haga clic en OK para aplicar el trazo (Figura 29). posición. Ahora. Figura 29 Trazo aplicado 6. Sin embargo. La Figura 30 muestra la forma con un estilo de Bisel y relieve para dar a la forma la apariencia de que esta ligeramente elevada. tipo de relleno y color del trazo. Asegúrese de que la opción Previsualizar esté seleccionada para que pueda observa los efectos al aplicar un trazo. Aplique uno o más estilos de capa a la forma. 7. Una de las cosas más sencillas que puede hacer es aplicar un Trazo o marco a la forma. 110 • Educational Technology Consulting . Cierre el archivo y guarde los cambios con otro nombre. modo de fusión. Figura 30 Bisel.relieve y sombra paralela aplicados Nota También se pueden aplicar estilos de capa para rasterizar formas. y el estilo Sombra paralela. la ventaja con las formas colocadas en capas de forma es que puede modificar su tamaño sin pérdida de resolución. para que la figura parezca estar sobre la pagina. configure las opciones para el trazo al hacer clic sobre la palabra en sí. opacidad.

las imágenes vectoriales no dependen de la resolución. Es decir. Las imágenes guardadas para propósitos de impresión deben al menos contar con 300 píxeles por pulgada. este permanecerá en formato de mapa de bits en Adobe Photoshop CS4. Si importa un GIF o un JPEG. Las imágenes guardadas para ser desplegadas en pantalla tienen una resolución de 72 píxeles por pulgada debido a que esto es lo que la mayoría de los monitores pueden manejar. debido a que se basan en ecuaciones matemáticas que determinan su apariencia (Figura 32). Debido a que utilizan ecuaciones y pixeles. estas serán generalmente imágenes vectoriales. forma y grosor. las imágenes vectoriales no pueden crear píxel por píxel. Por lo tanto. se manejan muy bien a escala. los gráficos vectoriales hacen uso de ecuaciones matemáticas para calcular la forma de una línea. Figura 32 Imagen vectorial a escala Educational Technology Consulting • 111 . Cuando crea mapas de bits. Estas ecuaciones son almacenadas en la imagen y determinan las dimensiones de la imagen. Contrario a los mapas de bits.Diseño Gráfico con Fireworks CS4 Imágenes vectoriales y de mapa de bits Adobe Photoshop CS4 utiliza dos tipos diferentes de imágenes. Figura 31 Imagen en mapa de bits a escala Las imágenes vectoriales. La forma es creada o dibujada en pantalla. cuando se incrementa su tamaño. Las imágenes de mapa de bits (también llamadas imágenes de tramas) combinan píxeles de diferentes colores para formar la imagen. las imágenes vectoriales son excelentes para ilustraciones y logotipos que necesitan ser utilizados en escalas de diferentes tamaños. su uso a escala tiende a ser ineficiente. de mapa de bits y vectoriales. Las imágenes de mapa de bits dependen de la resolución. color. Los gráficos y las fotografías guardadas como GIFs o JPEGs tienen formatos de mapas de bits. Cuando importe imágenes de Adobe Illustrator. Mapas de bits a escala e imágenes vectoriales Debido a que los mapas de bits están formados por pixeles individuales. como resulta evidente en la Figura 31. También puede crear imágenes vectoriales en Photoshop cuando dibuje imágenes en capas de forma. En vez de esto. sus bordes se hacen borrosos. son excelentes para representar gradaciones de sombra y color. Debido a que los mapas de bits asignan colores píxel por píxel. Esto significa que el tamaño y la calidad de la imagen dependen del número de píxeles por pulgada en la imagen. por el contario. lo que esencialmente hace es (utilizando sus programas gráficos) decidir el color para cada píxel.

con el mismo color. la tolerancia está en 50 y el suavizado y el contiguo están seleccionados. el botón Añadir a selección está activado. 2. especifique una de las opciones siguientes: Tolerancia: Determina la similitud o diferencia de pixeles seleccionados. Uso de la Varita Mágica Se puede utilizar la herramienta Varita Mágica para seleccionar un área con un color consistente (por ejemplo. 3. De otra manera. Puede ser difícil. En el ejemplo ilustrado en la figura 33. Abra la imagen Rosas. dependiendo de qué opción seleccione (Figura 33). tales como un rectángulo o círculo. mayor flexibilidad tendrá al cambiar secciones de imágenes. En la barra de opciones. Especifique una de las opciones de selección en la barra de opciones. El puntero cambia. pero su aprendizaje bien vale la pena. Un valor menor selecciona los colores muy similares al píxel seleccionado y una tolerancia mayor selecciona un rango más amplio de colores. serán seleccionados. En la imagen. una bandera verde). Suavizar: Crea una selección con un borde suavizado. Contiguo: Selecciona sólo áreas adyacentes que utilicen los mismos colores que los seleccionados. El puntero se ve como una varita mágica. todos los píxeles de la imagen. Ingrese un valor en píxeles que vaya de 0 a 255. • Las herramientas Marco le permiten seleccionar áreas con una forma geométrica establecida. Figura 34 Utilizar la herramienta Varita mágica 112 • Educational Technology Consulting . También puede cortar y pegar una selección a un fondo nuevo. La Varita Mágica automáticamente selecciona todos los píxeles adyacentes que tengan el mismo color. Figura 33 Opciones de selección 4. • La herramienta Lazo le ayuda a definir un área a mano. 5.Diseño Visual CS4 Cómo utilizar las herramientas de selección Cuando utilice Photoshop CS4. Entre más habilidad tenga al utilizarlas. frecuentemente necesitará seleccionar partes de una imagen para luego aplicar cambios a aquellas partes de la imagen que haya seleccionado. haga clic en el color que desee seleccionar (Figura 34). Utilizar la herramienta Varita mágica Actividad 1. Esta guía cubre los fundamentos al utilizar tres tipos diferentes de herramientas de selección: • La herramienta Varita Mágica le permite seleccionar partes de una imagen que tienen colores similares. Haga clic en la herramienta Varita mágica de la barra de herramientas. Es recomendable practicar el uso de las herramientas de selección.

• El Marco fila única o columna única selecciona una fila o columna de 1 píxel de ancho. Cierre la imagen y guarde los cambios con otro nombre. 6. Esto indica que más clic se añadirán al área seleccionada. el puntero cambia a una varita mágica con un símbolo de más (+). Nueva Capa de ajuste y seleccione Brillo/Contraste.Diseño Gráfico con Fireworks CS4 La Figura 34 ilustra lo que sucede cuando se hace clic en el fondo de la imagen de la flor.seleccione el ícono Brillo/Contaste) (Figura 36). para oscurecer el fondo (Elija Capa. con las configuraciones de la Figura 33. que dice Ajustes y máscaras . en Ajustes . tales como crear ajustes de brillo y contraste en la capa. Cierre el cuadro Nueva capa. Después del clic inicial.En el lado izquierdo (donde se ubican las paletas) aparece una nueva paleta. • El Marco Elíptico selecciona un área elíptica (o circular cuando se utiliza la tecla Shift). Después de seleccionar el área entera. Figura 35 Todas las áreas agregadas con la herramienta Varita mágica 7. Educational Technology Consulting • 113 . Continúe haciendo con los clics hasta que haya seleccionado toda el área (Figura 35). podrá hacerle cambios. Figura 36 Capa de ajuste aplicada a la selección 8. Uso de las herramientas Marco Las herramientas de selección Marco seleccionan áreas con una forma predefinida: • El Marco Rectangular selecciona un área rectangular (o un cuadrado cuando se utiliza la tecla Shift).

presiona las teclas de dirección. Figura 38 Selección completa Nota Para ajustar ligeramente la ubicación del área. puede seleccionar el menú Imagen la opción Ajustes y despues Filtro de fotografía para aplicar un matiz naranja al área seleccionada (Figura 39). 4. Cualquier cambio que haga ahora solo aplicará a la selección. Haga clic en la herramienta Marco Rectangular en la barra de herramientas. También puede aplicar cualquier otro filtro a la selección. Por ejemplo. Figura 37 Herramienta Marco Rectangular seleccionada 3. suelte el botón del mouse. Abra la imagen Ventana. El área permanecerá seleccionada (Figura 38). El puntero cambiara a una cruz (Figura 37). Cuando haya completado la selección.Diseño Visual CS4 Uso de la herramienta Marco Rectangular Actvidad 1. 2. Haga clic y arrastre el puntero a lo largo del área que quiera seleccionar. 114 • Educational Technology Consulting .

Puede establecer el ancho de este límite en la barra de Opciones. • El Lazo Poligonal es un poco más fácil de utilizar. (Este efecto borroso puede causar un poco de pérdida de detalle en los bordes de la selección. no se pierde ningún detalle. Uso de las herramientas Lazo Photoshop tiene tres herramientas Lazo. En muchos casos. Nota Debe seleccionar Suavizar antes de utilizar la herramienta. El efecto de Suavizar es sutil. permitiéndole seleccionar áreas al utilizar líneas rectas y puntos de selección. Suavizar los bordes de la selecciones Frecuentemente podrá mejorar los resultados al suavizar los bordes de las selecciones. • La herramienta de selección Lazo es la más difícil de usar pero es la más precisa de las herramientas de selección de Photoshop. Educational Technology Consulting • 115 . la herramienta Lazo Magnético. o puede activar Desvanecer a una selección existente. Después de que realice la selección. Nota No verá los efectos de Desvanecer hasta que mueva. Se puede definir Desvanecer para la herramienta Lazo. o para las herramientas Marco al momento que use la herramienta. pero puede ser muy efectivo en muchas situaciones. Ambas opciones están disponibles en la barra de opciones cuando se escogen las herramientas de selección. Desvanecer da a los bordes de la selección un efecto borroso al añadir un límite de transición entre la selección y los píxeles del área circundante.Su uso es más provechoso con objetos que contrastan nítidamente con su fondo. • El Lazo Magnético se adhiere automáticamente a los bordes o áreas definidas de una imagen. copie o rellene la selección. un límite de 3-5 píxeles es suficiente. Se pueden utilizar dos opciones para suavizar los bordes: Suavizar y Desvanecer. se llaman de esa forma porque permiten seleccionar con una forma flexible – como si fuera una cuerda. suaviza los bordes de una selección al afinar el color de transición entre los píxeles de los bordes y los píxeles del fondo. no puede activar Suavizar. Cierre la imagen sin guardar los cambios. como su nombre lo indica. pero podría ser necesario utilizarlo para lograr los resultados que quiera cuando mueva los objetos a un fondo considerablemente diferente. la herramienta Marco Elíptico y la herramienta Varita Mágica.Diseño Gráfico con Fireworks CS4 Figura 39 Filtro de fotografía aplicado a la selección 5. Al utilizarla. Debido a que solo los píxeles de los bordes cambian. la herramienta Lazo Poligonal o para la herramienta Lazo Magnético.) El efecto de Desvanecer es más dramático que el de Suavizar. especialmente si planea copiar la selección a un fondo nuevo. Suavizar. corte. la herramienta Lazo Poligonal. estará seleccionando áreas a mano. Se puede aplicar Suavizar a selecciones realizadas a través de la herramienta Lazo.

Añadir a la selección Establecer Desvanecer Figura 41 Opciones de Lazo Poligonal Cuando incrementa Desvanecer. Aun si el objeto tiene bordes redondos. Cuando coloque el puntero sobre el punto de partida. aparecerá un pequeño círculo junto al puntero del Lazo Poligonal (Figura 43).Diseño Visual CS4 Esta guía explica cómo utilizar el Lazo Poligonal. Continúe creando pequeños segmentos hasta que rodee todo el objeto. pero la selección es completamente a pulso. 4. Haga clic y mantenga presionado el Lazo en la barra de herramientas y seleccione la herramienta Lazo Poligonal del menú (Figura 40). Figura 40 La herramienta Lazo Poligonal en la barra de herramientas El puntero cambiará a la forma de un Lazo Poligonal. Nota Una vez que haya seleccionado el Lazo Poligonal. irá creando un segmento unido con extremos. 3. Haga clic en el borde del objeto que desee seleccionar. 2. Figura 42 Se hacen clics para crear extremos en la selección 6. Abra la imagen Ventana. (Podría ser de utilidad el incrementar la ampliación del objeto). 116 • Educational Technology Consulting . se asegura de que los bordes de la selección serán suaves y que el objeto se combinará mejor con el nuevo fondo. asegúrese de que Añadir a Selección esté seleccionado y Desvanecer esté configurado en 3 pixeles (Figura 41). este aparecerá por defecto cuando abra Photoshop. Uso del Lazo Poligonal para copiar la imagen a un Nuevo fondo Actividad 1. En la barra de herramientas Opciones. 5. se pueden seleccionar si realiza segmentos pequeños. A medida que lo vaya haciendo. El uso del Lazo es similar. A continuación. mueva el puntero a una distancia corta del borde del objeto y haga clic de nuevo (Figura 42). Experimente con los tres lazos después de que se sienta cómodo con el Lazo Poligonal.

Seleccione la nueva capa y haga clic en Edición y despues en Pegar para pegar la selección en la nueva capa. Educational Technology Consulting • 117 . Esto debido a la opción de Desvanecer que agrego a la selección. Presione la tecla Eliminar para quitar el fondo original. haga clic en Edición y luego en Copiar. 13. 11. Abra la paleta de Capas. Cierre el archivo y guarde los cambios con un nombre diferente. Botón Crear una capa nueva Figura 45 Paleta de capas Observe que los bordes del objeto se mezclan con el fondo. Con la capa del objeto (la capa original) seleccionada. Haga clic en la capa con el fondo para agregar un Nuevo color de fondo (Figura 45). 12.Diseño Gráfico con Fireworks CS4 Figura 43 Cierre del círculo 7. 15. Seleccione la capa original (la capa con el fondo) y haga clic en el menú Selección y despues en Todo. haga clic en la herramienta Bote de pintura. Haga clic en el botón de Crear una capa nueva para agregar una nueva capa. Con el fondo de la capa aun seleccionada. Círculo cerrado Figura 44 Selección completa 8. 10. 9. Haga clic para cerrar la selección (Figura 44). 14.

Tendrá que convertirlas a capas regulares para quitar el candado.(Asegúrese de que en la barra de opciones. una máscara vectorial aparece como una imagen miniatura adicional a la derecha de la imagen miniatura de la capa. 118 • Educational Technology Consulting .) La máscara vectorial crea figuras con bordes definidos en una capa que revela las partes de la imagen con sus formas (Figura 47). no podrá moverlas en el panel de capas. Las máscaras vectoriales son resoluciones independientes y son creadas con una pluma o herramienta de figura. elija Máscara vectorial y seleccione Ocultar todo. del panel capas. puede renombrar la capa. podrá uno o más estilos de capa. Seleccione una de las herramientas de forma. Haga clic en OK para cerrarlo y así convertir la capa de fondo en una regular. Nota Dado que las capas de fondo estás protegidas por un candado. vaya al paso 5. 2. En el cuadro de diálogo. La máscara vectorial representa una ruta que quita el contenido de la capa. Aparece el cuadro de diálogo Nueva capa . como la herramienta eclipse (Figura 46). 7. Figura 46 Herramienta Polígono El puntero aparece con un símbolo de cruz de cabello. Dibuje una o más figuras sobre la imagen. haga doble clic en la capa de imagen. elija el menú Ventana y después Capas. Si la capa de la imagen es la capa de fondo. 6. si el panel no se ve. La capa entera desaparece. Abra el archivo de imagen en la cual quiere agregar una máscara vectorial. En el panel de capas. También podrá crear una imagen vectorial para crear una imagen recortable. Si la imagen ya es una capa regular. 4. lo que significa que puede reeditar las máscaras después sin perder los pixeles que esconde. 3. para convertirla de una capa de fondo a una regular. Después de crear una capa con una máscara vectorial. Seleccione la capa de imagen y escoja Capa. 5. estén seleccionadas las opciones Trazadas y Excluir áreas de trazado superpuestas. Para crear una máscara vectorial Actividad 1. Haga clic en la ficha Capas para posicionar el panel capas al frente. Las máscaras vectoriales son inofensivas.Diseño Visual CS4 Acerca de las máscaras vectoriales En la sección previa utilizó el lazo poligonal para seleccionar un área de imágenes para poder pegarla en una nueva capa. Una máscara vectorial es útil para crear figuras de bordes limpios y definidos.

11. arrastre la nueva capa debajo de la máscara vectorial y confirme que la nueva capa esté seleccionada. 10. Para crear una capa de fondo con un fondo de color sólido. haga clic en el menú de la paleta Capas para agregar una nueva capa (Figura 48). Elija Edición y seleccione Rellenar Se abre el cuadro de diálogo Rellenar (Figura 49) Educational Technology Consulting • 119 . Haga clic en Ok para cerrar el cuadro de diálogo y crear una nueva capa. 8. Figura 48 Menú de la paleta Capas Aparece el cuadro de diálogo Nueva capa. 9.Diseño Gráfico con Fireworks CS4 Figura 47 Partes de la imagen reveladas dentro de las formas insertadas Nota Presione Shift y haga clic en la herramienta forma para añadir formas adicionales en la máscara vectorial (Windows) o siga arrastrando formas adicionales con la herramienta forma al arrastrar el cursor sobre la máscara vertical (Mac OS). En el panel Capas.

Si trabaja en una y quiere rellenar sólo las áreas que contengan pÍxeles. Especifique el modo de mezcla y opacidad para la pintura. 15. elija una de las opciones siguientes para Usar o seleccione un motivo personalizado. Haga clic en la flecha invertida junto al muestrario de motivo personalizado y seleccione uno de la lista desplegable. seleccione la herramienta Recortar del panel de herramientas (Figura 50). Puede descargar motivos adicionales al utilizar el menú desplegable. Para completar el recorte (Figura 51). Historia: Reestructura el área seleccionada a un estado o una instantánea de la imagen establecida como origen de la imagen en el panel de Historia.Diseño Visual CS4 Figura 49 Cuadro de diálogo Rellenar 12. Para mejores resultados al rellenar imágenes CMYK. haga clic en el botón Conmutar de la barra de opciones o haga doble clic dentro del margen de recortar. utilice la opción color frontal con un tono apropiado de negro. 17. 50% gris o Blanco. Nota Si rellena una imagen CMYK al utilizar la opción negro. Motivo: Rellena la selección con un motivo. Cierre la imagen y guarde los cambios con un nombre distinto 120 • Educational Technology Consulting . Negro. 18. El margen no tiene que ser preciso – puede ajustar el margen de recorte a sus necesidades. (Opcional) Para recortar la imagen. 14. Figura 50 Herramienta Recortar 16. Seleccione el nombre de la biblioteca de valores o elija descargar motivos y navegue que contiene los motivos que desea utilizar. Color de fondo. Color frontal. Esto puede ocupar más tinta que la que haya disponible en la impresora. Arrastre el cursor sobre la parte de la imagen que desea conservar y cree un margen. 13. Photoshop rellena todos los canales con un 100% de negro. Rellene la selección con el color especificado. presione Entrar (Windows) o Regreso (Mac OS). elija preservar transparencia. Haga clic en OK para aplicar el relleno. Color: Rellena con el color que usted seleccionó de las opciones de color. En el cuadro de diálogo.

suelte el botón del mouse. Esto se debe a que la apariencia de la fuente en pantalla depende del tamaño del documento y su ampliación. De la misma manera que con las formas. y aplicar estilos de capa a la capa de texto. alineación y color para el texto (Figura 52). En Photoshop abra un documento nuevo con el tamaño por defecto de Photoshop. seleccione Vista > Tamaño de impresión. Una vez que haya añadido el texto. 5. En la barra de opciones de texto. a la cual se le asigna un nombre dependiendo de las primeras palabras del texto. el texto se agrega directamente a una imagen. Nota Cuando se está trabajando con una fuente en pantalla. Selector de herramientas preestablecidas Definir estilo de fuente Definir método de suavizado Configurar color de texto Conmutar paletas Carácter y Párrafo Cambiar la orientación del texto Configurar familia de fuentes Definir tamaño de fuente Definir la alineación del texto Crear texto deformado Figura 52 Barra de opciones de Texto Agregando texto a una imagen Actividad 1. 2. Cuando esté satisfecho con el tamaño del cuadro. 3. lo puede modificar al utilizar la paleta Carácter y Párrafo al transformar el cuadro de texto.Diseño Gráfico con Fireworks CS4 Figura 51 Imagen recortada Cómo agregar texto a imágenes En Adobe Photoshop CS4 Extended. podría notar que esta luce más pequeña o más grande que lo indicado por su tamaño en puntos. Arrastre sobre la imagen para dibujar un cuadro de texto (Figura 53). tamaño. defina una familia de fuentes. Figura 53 Dibujando un cuadro de texto Educational Technology Consulting • 121 . 4. Seleccione un método de suavizado del menú desplegable Definir método de suavizado. Seleccione la herramienta Texto. se agrega el texto en su propia capa. Para ver el tamaño de las fuentes de la forma en que serán impresas. estilo de fuente.

Para cada opción en la paleta. primero abra la paleta y seleccione el texto que quiera cambiar. Deje abierto el documento. Escala vertical: Anchura de las letras. Se define el interlineado en puntos. Para trabajos de impresión. seguramente querrá aplicar un suavizado a su texto. especialmente en el caso de texto 122 • Educational Technology Consulting . Se define esta característica en un porcentaje. Cuando escriba un valor de forma directa. Generalmente se ajusta el kerning únicamente para tamaños de fuente grandes – de al menos 16 puntos. También puede afinar el espacio entre dos caracteres al seleccionarlos y ajustar el kerning. presione Enter (Windows) o Return (Mac OS) para que sea aplicado. Suavizado El suavizado produce un efecto suave en los bordes al rellenar de forma parcial los pixeles de los bordes para mezclarlos con el fondo. seleccione un valor desde el menú desplegable (Figura 55) o escriba un valor. Cómo modificar texto con las paletas Carácter y Párrafo Se pueden cambiar características textuales a través de las paletas Carácter y Párrafo. Figura 54 Cuadro de texto con texto añadido 7.Diseño Visual CS4 6. Se define el tracking en puntos. Se define esta característica en un porcentaje. Haga clic en el cuadro de texto que acaba de crear y agregue texto (Figura 54). Estas opciones son similares a las encontradas en muchos procesadores de texto y aplicaciones de diseño. Se establece en puntos. Interlineado: Espacio entre líneas. Modificando texto con la paleta Carácter Para definir una opción en la paleta Carácter. Tamaño de la fuente Kerning Kerning Todo en mayúsculas Definir interlineado Tracking Escala horizontal Color de texto Versalitas Figura 55 Opciones de la paleta Carácter Las opciones en la paleta Carácter incluyen lo siguiente: Tamaño de la fuente: Depende del tamaño del documento. Escala horizontal: Altura de las letras. Tracking: Espacio entre caracteres.

primero seleccione Ventana y después Mostrar todos los elementos del menú. También se puede justificar el texto. desactive la }opción Anchuras Fraccionarias en el menú de paleta Carácter. Para texto pequeño o para imágenes web. o al centro del cuadro de texto. por ejemplo.) Nítido: La letra aparece algo enfocada. Seleccione el menú Ventana y la opción Carácter. Para modificar texto utilizando la paleta Párrafo Actividad 1. Lo más importante. • • • • • Ninguno: No aplica suavizado. Nota Cuando utilice el suavizado.es que se puede cambiar la alineación del texto – ya sea que el texto quede alineado a la derecha. La paleta Carácter aparecerá (Figura 56). Redondeado: La letra aparece más suave. En la Figura 56. La paleta Párrafo aparecerá (Figura 57). La escala horizontal se estableció al 80%. (Esta opción esta seleccionada por defecto. Educational Technology Consulting • 123 .Diseño Gráfico con Fireworks CS4 grande. Aplique los cambios al texto. la letra puede verse de forma inconsistente en tamaño de letra pequeñas y bajas resoluciones (tal como las resoluciones usadas para gráficos web). 2. El color del texto se estableció en rojo oscuro. quizá quiera mantener la opción de suavizado desactivada. Seleccione el menú Ventana y luego haga clic en Párrafo. Fuerte: La letra aparece más pesada. Justificar significa crear espacios entre el texto de forma que este alcance ambos márgenes. Si esta opción no está disponible. 3. El interlineado se estableció en 20 puntos. izquierda. Pare reducir esta inconsistencia.Deje abierto el documento. primero seleccione Ventana y después Mostrar todos los elementos del menú. Para modificar texto utilizando la paleta Carácter Actividad 1. Modificar el texto utilizando la paleta Párrafo Se pueden realizar cambios adicionales al texto en la paleta Párrafo. Si esta opción no está disponible. Enfocado: La letra aparece lo más enfocada posible. se han aplicado los siguientes cambios: Figura 56 Paleta Carácter • • • • Se estableció el tamaño de la fuente en 14 pt.

3. Deje abierto el documento. Mueva el Puntero afuera de alguna la esquina del cuadro de texto hasta que el puntero cambie en una herramienta de rotación (Figura 58). 124 • Educational Technology Consulting . Haga clic en el cuadro de texto. Figura 58 Transformando un cuadro de texto 4. Haga clic en Aplicar. 8.Diseño Visual CS4 Figura 57 Paleta Párrafo 2. Seleccione la herramienta Texto en la paleta de Herramientas. es posible transformar los cuadros de texto. Seleccione el menú Edición y después la opción Transformación libre . Después de que aplique las transformaciones. Para transformar un cuadro de texto Actividad 1. Aparecerá un mensaje preguntándole si quiere aplicar la transformación. Arrastre la herramienta de rotación para girar el cuadro de texto (Figura 58). el texto ha sido alineado hacia el lado derecho del cuadro de texto. En la Figura 57. 2. Transformar un cuadro de texto Al igual que la mayoría de los objetos en Photoshop. Aplique cambios al texto. 7. el texto permanecerá editable. Observe que el texto permanece editable aun cuando haya sido rotado. Arrastre el control de transformación para cambiar la forma del cuadro de texto. 5. por ejemplo. 6.

o enmarcar cada letra con un trazo.Diseño Gráfico con Fireworks CS4 Crear texto deformado También se puede curvear. tal como Arco. o deformar texto. Estas configuraciones le permiten crear distorsiones asimétricas ya sea en una dirección horizontal o vertical. Seleccione Horizontal o Vertical para determinar la dirección de la deformación. En el documento que tiene abierto si la paleta Capas no se encuentra visible. El cuadro de dialogo Deformar texto aparecerá (Figura 59). Educational Technology Consulting • 125 . trabaje con deformaciones sencillas. Figura 59 Cuadro de dialogo Deformar texto 3. Seleccione el texto que desea deformar. Deje abierto el documento. 5. 6. Deje las opciones Distorsión Horizontal y Vertical en 0. 2. Seleccione un estilo. también se puede cambiar la apariencia del texto al utilizar estilos de capas. Haga clic en la opción Crear texto deformado en la barra de opciones de Texto. Haga doble clic en la capa de texto para abrir el cuadro de dialogo Estilo de capa (Figura 61). Se puede añadir una Sombra paralela al texto. por el momento. utilizando la opción de Crear texto deformado. Puede experimentar con estas configuraciones después. Actividad 1. Seleccione un grado de curveado para la deformación. seleccione Ventana y después Capas. Haga clic en Aceptar para aplicar la deformación (Figura 60). Figura 60 Texto al cual se aplicó una deformación de Arco Modificar texto con estilos de capa Puesto que el texto es agregado en su propia capa. 2. 7. 4. hacer que el texto aparezca con relieve o bisel. Para modificar texto utilizando estilos de capa Actividad 1. 8.

126 • Educational Technology Consulting . Esta guía describe como generar los formatos de archivo apropiados para ambos medios. Photoshop lo hace de la misma de la forma en cómo aparece en pantalla. Para aplicar un estilo. Es decir. web e impresos. y el estilo Sombra paralela hace que el texto parezca flotar ligeramente sobre la página. Cuando se genera una imagen en Photoshop. asi como la Sombra paralela han sido aplicados al texto en la Figura 11. estas no aparecerán en la imagen guardada. si tiene algunas capas ocultas. es importante recordar que al guardarla. Cómo generar diferentes formatos de archivo Diferentes medios – impresos y web – requieren diferentes formatos de archivo. El Bisel y relieve.Ciérrelo. Aplique uno o más estilos de capa al texto. Figura 62 Efectos de capa aplicados al texto El estilo Biselado le da al texto una apariencia de ligera elevación. También se puede modificar un estilo al hacer clic en su nombre. 4. active la casilla de verificación correspondiente. utilizando Adobe Photoshop CS4. Guarde el documento con un nombre .Diseño Visual CS4 Figura 61 Cuadro de dialogo Estilo de capa Los estilos de capa aparecen en una columna a la izquierda. 3.

pero reconocido como un formato flexible). la calidad de este se verá afectada. JPEG es utilizado más que cualquier otro formato para páginas web (Por ejemplo. si comprime demasiado un archivo. Haga clic en la ficha 2 copias para desplegar la imagen original y una vista preliminar del archivo que será guardado. 4. Figura 63 Cuadro de dialogo Guardar para Web y Dispositivos 3. 2. En el menú desplegable de Formato de Archivo Optimizado seleccione JPEG (Figura 64). Por ejemplo. este aparece en su tamaño de píxeles completo. Nota Cuando se guarda un archivo para web. Sin embargo. El tamaño del documento no afecta la forma en cómo una imagen aparece en un navegador. Seleccione el menú Archivo y después Guardar para Web y Dispositivos. una imagen cuyo tamaño en píxeles es de 640 x 480 se despliega de esa forma en un navegador. JPEG es popular porque comprime bien – es decir. Puede utilizar Guardar para Web y Dispositivos para obtener una vista preliminar de los JPEGs con diferentes configuraciones de compresión antes de guardarlos. generalmente querrá guardar fotografías en formato JPEG. Photoshop hace que este proceso sea más sencillo de realizar a través del comando llamado Guardar para Web y Dispositivos. El cuadro de dialogo Guardar para Web y Dispositivos aparecerá en pantalla (Figura 63).Diseño Gráfico con Fireworks CS4 Guardando archivos para web Para páginas web. Para guardar una imagen como JPEG Actividad 1. el truco aquí es tratar de encontrar el balance correcto entre la calidad de la imagen y la compresión. Menú desplegable Formato de archivo optimizado Menú desplegable Calidad de Compresión Control deslizante Calidad Figura 64 Configuración de Guardar para Web Educational Technology Consulting • 127 . En Photoshop abra una imagen. se pueden general imágenes mas pequeñas sin sacrificar la calidad de las mismas. El tamaño del documento únicamente afecta la forma en cómo la imagen es impresa. el formato GIF – generalmente usado para imágenes con colores limitados – y PNG – un formato aun menos utilizado.

La creación de archivos para su impresión involucra tres pasos: 1. Figura 65 Cuadro de diálogo Tamaño de Imagen 128 • Educational Technology Consulting . Creación de archivos para impresión El proceso de crear archivos para propósitos de impresión es diferente al de guardar imágenes para Web: se utiliza un formato de archivo sin comprimir y debe asegurarse que el archivo sea de alta resolución (de preferencia de 300 ppp) antes de guardarlo. Cuando esté satisfecho. Después de que guarde. necesitará guardar la copia en una ubicación diferente a la del archivo original (o asignarle un nombre diferente) para evitar confusiones. Cómo establecer la resolución a 300 ppp Actividad 1. 7. Deje abierto el archivo . En la imagen que se enceuntra abierta . a otra computadora en la cual será impresa. observe como aparece la fotografía de la derecha. 2. El cuadro de dialogo Tamaño de imagen aparecerá en pantalla (Figura 65). Es recomendable importar la imagen a Photoshop con la máxima resolución posible para darle más flexibilidad a los tipos de imágenes que pueda generar. el archivo original permanecerá abierto en Photoshop Nota Si el archivo original también es JPEG (muchas cámaras digitales utilizan formato JPEG). Al hacer clic en Guardar. Establecer la resolución de la imagen en 300 ppp. de forma automática se guarda una copia de la imagen con formato JPEG con la configuración que haya indicado.jpg” para una imagen JPEG guardada con alta calidad. haga clic en Guardar. 6. o a otra aplicación. por ejemplo “banner_alta. es posible que quiera incorporar algunas de las características al nombre del archivo. Para propósitos de trabajo. Convertir la imagen a CMYK (si la imagen será enviada a imprenta) 3. Generar un formato amigable para impresión (libre de compresión o perdida) tal como el formato TIFF. La imagen original se conserva sin cambios.seleccione Imagen y después Tamaño de imagen. Nota Puede mandar imprimir a una impresora directamente desde cualquier computadora que este ejecutando Photoshop.Diseño Visual CS4 A medida que cambie la configuración. Las opciones descritas aquí son para enviar una imagen a una impresora.

Haga clic en Acoplar. En este ejercicio. Actividad 1. necesitará convertirla a CMYK. seleccione Vista luego Ajuste de prueba y después Espacio de trabajo CMYK. se asegura que solo está cambiando la resolución de la imagen. Para ver como aparecerá la imagen en CMYK. No obstante. pero si va a enviar la imagen a imprenta. Las imprentas imprimen fotografías a todo color. podrá abrir el archivo guardado y recuperar las capas. también puede usar EPS o un PDF de Adobe. Lo que verá en pantalla dependerá de la calidad de la configuración de su monitor así como también de las condiciones de iluminación de su ambiente de trabajo. Asegúrese de que pixeles/pulgada está seleccionado como la unidad de Resolución. 5. Seleccione Imagen luego Modo y después Color CMYK. puede guardarlo en un formato amigable de impresión (un formato sin compresión. Photoshop le preguntará si desea acoplarlas. seleccione Vista a continuación Ajuste de prueba y después A medida. Deje abierto el documento.) 4. Cuando deja esta opción sin seleccionar. Photoshop también le permite obtener una vista preliminar de cómo se verá la imagen en un rango de diferentes impresoras. seleccione Archivo y después Guardar como. no eliminando o añadiendo píxeles. (Para algunas imágenes. En la imagen que tiene abierta. conocido como formato sin pérdida). Asegúrese de que la opción Remuestrear la imagen no está seleccionada. 4. Convertir imágenes a CMYK Las computadoras utilizan combinaciones de rojo. A esto se le conoce como impresión CMYK. verde. y negro. seleccionará el formato TIFF. Para obtener una vista preliminar de una imagen con el tamaño que esta tendrá cuando sea impresa. A esta vista preliminar se le conoce como Ajuste suave. El cuadro de dialogo Guardar como se abrirá (Figura 66). magenta (rojo). Si la imagen tiene capas. utilizando cian (azul). Creación de TIFFs Después de que convierta la imagen a CMYK y se asegure que es la resolución correcta. Para convertir una imagen a CMYK Actividad 1. Para poder verlas. incluyendo la mayoría de los modelos Epson e imprentas. y azul (RGB) para visualizar fotografías. Haga clic en OK. puede dejar la imagen en modo RGB. 3. Si está imprimiendo en una impresora de inyección de tinta. los ajustes suaves pueden ser útiles. Nota Aun cuando el formato TIFF es el formato para imágenes con formato sin pérdida más común. (Debido a que usted guardó una copia del archivo. Podría observar diferencias en los resultados de la impresión final. amarillo. Nota Los ajustes suaves son aproximaciones. No cierre el documento. seleccione el menú Vista y después Tamaño de impresión (Podría primero necesitar seleccionar Vista y luego Ver todos los elemento del menú). Guarde una copia de la imagen que tiene abierta. 2. puede no observar cambio alguno). Escriba 300 en el cuadro de texto Resolución. 3. Educational Technology Consulting • 129 .Diseño Gráfico con Fireworks CS4 2.

Diseño Visual CS4 Menú desplegable de formato Figura 66 Cuadro de dialogo Guardar como 2. 3. Nota En la práctica. no necesitará comprimirla. Deje el Orden de píxeles en Intercalado. En el cuadro de formato.TIF. *. los archivos TIFF son rara vez comprimidos. Haga clic en Guardar. seleccione TIFF (*. 130 • Educational Technology Consulting . Figura 67 Cuadro de dialogo Opciones TIFF 4. Deje la Compresión de Imagen en Ninguno.TIFF). Debido a que la imagen irá a una impresora. El cuadro de dialogo Opciones TIFF aparecerá en pantalla (Figura 67).

tampoco necesitara guardar las capas. Establezca el Orden de Bytes de acuerdo a su sistema operativo (IBM PC o Macintosh). Photoshop ofrece diversas opciones para imprimir. • Para conservar las opciones. podrá guardar las configuraciones de impresión para utilizarlas las siguientes veces. 6. Imprimir una copia: Imprime una copia del archivo sin desplegar ningún cuadro de diálogo. Figura 68 Cuadro de diálogo Imprimir 2. • Elija la orientación del papel en orientación vertical o apaisada. 3. Aparece el cuadro de diálogo Imprimir (Figura 68). Imprimir imágenes y guardar las configuraciones de impresión Habrá ocasiones donde querrá imprimir una copia de su imagen en su impresora local. Realice uno o más de los siguientes pasos: • Utilice el menú de impresoras para elegir una. opciones de salida y opciones de manejo de color. • Para cerrar el cuadro de diálogo sin guardar las opciones haga clic en Cancelar. • Establezca las opciones de salida y manejo de color del menú desplegable. seleccionar una impresora. Esta opción acopla las capas en la imagen. haga clic en Hecho. 7. Deje abierto el archivo. En el archivo que tiene abierto . Establecer las opciones de impresión de Photshop e imprimir Actividad 1.Diseño Gráfico con Fireworks CS4 5. como los siguientes comandos de impresión. Ajustar página: Muestra opciones específicas para su impresora.elija Archivo y seleccione Imprimir. controladores de impresora y sistema operativo. Haga clic en OK. Asegúrese de seleccionar el botón de radio. número de copias. 8. Realice uno o más de los siguientes pasos: • Para imprimir una imagen haga clic en Imprimir. Imprimir: Despliega el cuadro de diálogo impresión donde puede tener una vista previa de lo que se imprimiría. • Seleccione el número de copias que se imprimirán. Descartar capas y guardar una copia. Educational Technology Consulting • 131 . Puesto que la imagen irá a una impresora. Una vez que haya escogido una combinación de formato y manejo de color. • Ajuste la posición y escala de la imagen en relación al tamaño de papel seleccionado y su orientación.

Imprimir y seleccione escala para que entre al cuadro Media. Para asegurarse que algo encaje con el área de la mayoría de los dispositivos de televisión. Nota Si se le aparece una advertencia que su imagen es mayor al área de impresión del papel. Para hacer cambios en el tamaño del papel y el diseño. Cree un nuevo documento Aparece el cuadro de diálogo Nuevo (Figura 69). La mayoría de las televisiones utilizan un procedimiento llamado formato de televisión. Las zonas seguras son útiles cuando edita para transmisiones y cintas de video. Crear imágenes para video Photoshop puede crear imágenes de varios tipos para que puedan aparecer propiamente en dispositivos como video monitores. Figura 69 Guías predeterminadas para el tamaño de archivo de video 132 • Educational Technology Consulting . Para crear una imagen para video Actividad 1. Guarde el documento y cierrelo. PAL. • Para restablecer las opciones de impresión. haga clic en cancelar. presione y mantenga sostenido Alt (Windows) u Opción (Mac OS) y haga clic en Restablecer. elija Archivo.Diseño Visual CS4 • Para imprimir una copia de la imagen. 4. que recorta los extremos de la imagen. o HDTV. presione y mantenga sostenido Alt (Windows) u Opción (Mac OS) y haga clic en Imprimir una. Zonas seguras La opción predeterminada Película y video también crea un do cumento de guías no imprimibles que delinean el área de título seguro y el área de acción segura de la imagen (Figura 70). no es consistente en todas las televisiones. permitiendo que el centro de la misma se expanda. Puede seleccionar una opción específica de video (con el cuadro de diálogo Nuevo) para compensar por la escala cuando la imagen final es incorporada al video. • Para guardar las opciones de impresión sin cerrar el cuadro de diálogo presione y mantenga sostenido Alt (Windows) u Opción (Mac OS) y haga clic en Recordar. La cantidad de imagen recortada. mantenga el texto y los elementos importantes dentro de los márgenes de las zonas seguras. haga clic en Configuraciones de página e intente imprimir el archivo de nuevo. Con las opciones del menú de trabajo puede producir imágenes para sistemas específicos de video – NTSC.

Desactívela si desea obtener la máxima calidad de imagen”. 6. Haga clic en Avanzado para especificar el Perfil de color y la Proporción de píxeles. En este caso. Para ver la imagen como aparecería en el monitor de la computadora (píxel cuadrado). escoja Corrección de proporción de píxeles (Figura 72). 3. Figura 71 Opciones predeterminadas de tamaño de película y video 7.Diseño Gráfico con Fireworks CS4 2. Educational Technology Consulting • 133 . 5. Importante: De manera predeterminada. elija Vista. Se abre el nuevo documento (Figura 71). elija. en el cual se muestra la imagen. los documentos de píxeles no cuadrados abren con el Pixel Aspect. Película y video. Estas configuraciones crean una escala para que la imagen aparezca como se verá en el dispositivo de salida del dispositivo no cuadrado (usualmente el monitor de video). Elija el tamaño apropiado para su sistema de video. Figura 70 Cuadro de diálogo Nuevo documento 4. Del menú Predefinir. la opción NTSC DV está seleccionada (Figura 70). Haga clic en OK para aceptar el mensaje: “La corrección de la proporción de píxeles sólo sirve para operaciones de previsualización. Haga clic en OK para cerrar el cuadro de diálogo.

Si tiene un dispositivo para mostrar imágenes conectado a su computadora vía Fire Wire como un monitor de video. 134 • Educational Technology Consulting .Diseño Visual CS4 Figura 72 Círculo en un documento NTSC DV (720 X 480 pixeles) visto en el monitor (pixel cuadrado) con la opción Corrección de proporción de pixeles activada (en la parte superior) y la opción Corrección de proporción de pixeles desactivada (en la parte inferior). elija Archivo. elija Archivo. para desactivar la corrección. puede cargar un set de video acciones (incluidas con Photoshop) que automatizan algunas tareas – como cambiar la escala de las imágenes para que quepan las dimensiones del video pixel y las configuraciones de aspecto de pixeles. podrá tener una vista previa de los dispositivos en el dispositivo: • Para establecer opciones de salida antes la vista previa de la imagen. ver una imagen con la Corrección de proporción de píxeles activada o desactivada. simultáneamente. elija Exportar y escoja Previsualización de video. Con la nueva ventana activa. Nota Puede. Con una imagen de píxeles no cuadrados activada y la Corrección de proporción de píxeles activada. Nota Al crear imágenes para video. escoja Exportar y seleccione Enviar previsualización de video a dispositivo. • Para ver la imagen sin establecer las opciones de video. 8. elija Ver Corrección de proporción de píxeles. seleccione Organizar y elija Nueva ventana para [nombre del documento]. elija Ventana.

Proyecto 4Logotipos Proyecto Boletines PortafoliosFolletos Proyecto Proyecto 9 ProyectoPresentación 3 Tarjetas 8 Mini-anuarios Proyecto 6 nales Proyecto Proyecto de 5y7fotografía 1 Collages 2Portafolios Anuncios .

.

Las Fuentes Serif pueden ser más fáciles de leer cuando son impresas debido a que ayudan a que el lector distinga las letras con claridad. las serif se vuelven borrosas. La selección del tamaño de fuente depende del uso del texto y. Muchos especialistas en la teoría del diseño creen que los serifs ayudan a que el ojo del lector se desplace a través de la página (la mayoría de las imprentas utilizaban serifs hasta el siglo XX). los lectores podrían llegar a confundirlas: Letra mayúscula “I” en Arial 24 puntos Letra minúscula “L” en Arial 24 puntos l l Como usted ya sabe. en el hecho de que este forme parte del cuerpo del texto o de un encabezado. Para el cuerpo del texto. (De hecho. Considere la letra mayúscula “I” y la minúscula “L”. aún cuando los monitores de computadora muestran los encabezados en una resolución mucho menor que cuando son impresos (generalmente no mayor de 96 pixeles por pulgada comparados con los 300 pixeles por pulgada cuando se envían a impresión) con resoluciones tan bajas. Sin las serifs. se puede elegir entre una de las familias serif o sans serif. algunos tipos de fuente han sido diseñados para solucionar estas limitaciones del desplegado en línea. incluyendo: • Serifs • Tamaño de la letra • Interlineado • Kerning • Tracking • Definición del desplazamiento vertical Texto Serif y sans serif Los Serif son líneas cortas al final de los caracteres. • Las Fuentes Sans serif pueden ser más fáciles de leer en documentos en línea. Educational Technology Consulting • 137 . particularmente. Los tipos de fuente son. o Sans serif (Figura 2). considere lo siguiente: • Las fuentes Serif pueden ser más fáciles de leer en un documento impreso. ya sea Serif (Figura 1). lo cual ocasiona que el texto sea más difícil de leer.) Tamaño de la fuente Las fuentes están medidas en puntos (hay 72 puntos en una pulgada). La Verdana es uno de estos.Diseño Gráfico con Fireworks CS4 Entender conceptos tipográficos Esta guía explica algunos conceptos utilizados en tipografía. Figura 1 Fuente Serif Figura 2 Fuente Sans serif Cuando se diseñan encabezados.

incluido Adobe InDesign. su meta será alcanzar un balance y no aplicar un interlineado demasiado pequeño o demasiado grande. si el cuerpo del texto está configurado en 12 puntos.esta es una decisión de diseño que dependerá de sus metas y expectativas. Este contraste ayuda a crear una jerarquía entre los niveles de información. se puede disminuir el interlineado a casi cero con muy poca pérdida de legibilidad. lo cual provoca que a la larga se tengan dificultades para su lectura. (El término en inglés se pronuncia “led-ing” por las tiras de plomo utilizadas para separar los renglones de las letras. Por ejemplo. Que tan grande sea el tamaño del texto dependerá de usted . (Figura 4). Aunque los lectores más jóvenes pueden leer cómodamente texto de 6 o 7 puntos. Para los encabezados. se puede establecer el interlineado en 14 puntos. • Para los encabezados. El Kerning se refiere al espacio entre cualquier par de caracteres en un renglón. • Para encabezados con todas las letras en mayúsculas.8 puntos Un interlineado demasiado pequeño puede hacer que el bloque de texto se vea demasiado oscuro y entonces presente problemas para su legibilidad. Con los encabezados. La mayoría de los programas de diseño. los bloques de texto se ven demasiado claros. Figura 4 Ejemplo de interlineados y encabezados Kerning y tracking El kerning y el tracking se refieren al espacio entre las letras. El Tracking se refiere al espacio entre todas las letras en un renglón. Interlineado El interlineado es el espacio entre las líneas del texto. A través del ajuste del interlineado se pueden obtener diferentes efectos de diseño. Puede experimentar con diferentes interlineados para ver cual le funciona mejor. especialmente aquellos que tienen todas las letras mayúsculas. 138 • Educational Technology Consulting . Para el cuerpo del texto. es recomendable que ajuste el interlineado manualmente. utilice un tamaño de al menos 2 puntos más grande que el cuerpo del texto.Diseño Visual CS4 El cuerpo del texto es cualquier contenido que sea mayor a uno o dos renglones. Por otro lado. los lectores mayores de 25 años se encontrarán con dificultades al leer texto menor a los 10 puntos (los bloques de texto empiezan a lucir oscuros cuando el tamaño de la fuente es pequeño). aplican por defecto este interlineado.) Interlineado Figura 3 Tipo de fuente de 14 puntos con un interlineado de 16. lo que generalmente se busca es el contraste entre el mismo y el cuerpo del texto. muchos diseñadores utilizan un interlineado de al menos el tamaño de la fuente mas 2 puntos. se puede aplicar el interlineado de una manera más libre. como se puede apreciar en la Figura 4. los tamaños de fuente demasiado grandes presentan sus propios problemas. Para los encabezados. El cuerpo del texto necesita ser legible además de que es posible que necesite adaptarse a un tipo de audiencia. Cuando su tipo de fuente es mayor de 14 untos.

necesita utilizar números considerablemente altos en el cuadro de Tracking – de al menos 300. Si ha visto anuncios de esa época. Para las fuentes que no incluyen esos pares (lo cual es raro). En una fuente de 12 puntos. También puede darse el caso de que quiera ajustar el kerning manualmente. 1 em equivale a 10 puntos. El kerning óptico también es útil cuando se usan dos tipos diferentes de fuente o tamaños en una o más palabras en un renglón. 1 em equivale a 12 puntos. InDesign aplica las medidas del Kerning a su texto. Para dar a los caracteres un espaciado dramático. Ta. • Óptica del Kerning: ajusta automáticamente el espacio entre los caracteres basándose en sus formas. como por ejemplo “na. Si se reduce demasiado el tracking. y Yo. We. en una fuente de 10 puntos. se puede utilizar otro tipo de kerning automático llamado Kerning óptico. El ajustar al tracking produce que las letras estén aún más separadas entre sí.Diseño Gráfico con Fireworks CS4 Kerning En el pasado. Generalmente. tal vez pueda recordar encabezados con espacios ajustados entre las letras). El tracking positivo incrementa el espacio entre las letras. (El kerning ajustado fue muy popular en el periodo posterior a la guerra. Pa. Estos pares de letras son llamadas pares de kern y se incluyen en la mayoría de las fuentes. (Generalmente. Algunos diseñadores también utilizan el kerning para lograr el efecto de letras con espaciado ajustado. de 1950-1980. El tracking negativo disminuye el espacio entre las letras (Figura 6). • Medidas del Kerning: ajusta automáticamente el espacio entre un conjunto de pares de caracteres definidos para cada fuente. El kerning óptico ajusta el espacio entre las letras basándose en sus formas. Se aplicó un kerning manual aquí Se aplicó un kerning manual aquí Figura 5 Kerning manual aplicado Tracking El tracking se refiere al espacio entre caracteres a lo largo de una línea de texto. Estos pares de letras incluyen Pa. Las medidas del kerning ajustan automáticamente. We y Yo – lo hagan de forma consistente con los pares de letras que no contienen espaciados. El espacio entre estas letras es mayor que el espacio entre otros pares de letras. el texto generado por computadora dejaba espacios entre pares de letras que de forma natural creaban un espaciado. El Em se refiere al tamaño de la letra actual.) El tracking se mide en 1/1000 em. Ta. Educational Technology Consulting • 139 .” El software moderno (Incluyendo Adobe InDesign) corrige el kerning por usted. la audiencia solo notará el kerning relacionado a espacios en tamaños de fuente grandes (Figura 5). Por defecto. el texto se verá demasiado oscuro para la mayoría de los lectores. el espacio para que los pares de letras que contienen un espacio – tales como. no se reduce el tracking a menos que este haya sido incrementado con anterioridad.

ya sea para crear un efecto o para aplicar formato a símbolos especiales tales como el de marca registrada. A los caracteres en gris en la Figura 7 se les ha aplicado un ajuste en el desplazamiento vertical.” Es posible modificar el desplazamiento vertical para ajustar la línea base para uno o más caracteres. Figura 7 Ejemplos con ajustes en el desplazamiento vertical 140 • Educational Technology Consulting .Diseño Visual CS4 Figura 6 Ejemplos de tracking Definir desplazamiento vertical La línea base de una fuente es el punto más bajo de las letras exceptuando aquellas que se extienden debajo de la línea. tales como la “y” y la “g.

¿Trabajan en armonía? ¿Existe un alto contraste entre el texto y el fondo? ______________________________________________________________________________________________________ ______________________________________________________________________________________________________ ______________________________________________________________________________________________________ _______________________________________________________________________________________________________ _______________________________________________________________________________________________________ ¿El esquema de color añade un propósito o tono a la tarjeta de presentación? ¿Qué tono expresan estos colores? ______________________________________________________________________________________________________ ______________________________________________________________________________________________________ ______________________________________________________________________________________________________ _______________________________________________________________________________________________________ _______________________________________________________________________________________________________ Describe el logotipo de la tarjeta de presentación. ¿Éste es lo suficientemente grande para entenderlo? ¿Cómo trabajan los colores del logotipo con el resto de los colores en la tarjeta de presentación? ______________________________________________________________________________________________________ ______________________________________________________________________________________________________ ______________________________________________________________________________________________________ _______________________________________________________________________________________________________ _______________________________________________________________________________________________________ ¿Qué otros elementos decorativos contiene la tarjeta de presentación? ¿Estos elementos se encuentran alineados de manera apropiada? ______________________________________________________________________________________________________ ______________________________________________________________________________________________________ ______________________________________________________________________________________________________ _______________________________________________________________________________________________________ _______________________________________________________________________________________________________ Fecha:________________________ 141 .Análisis de tarjetas de presentación Nombre del alumno:_______________________________________________________ Tarjeta de presentación:____________________________________________________ Diseño Describa el diseño de la tarjeta de presentación. ¿Qué fue lo que llamó su atención? ______________________________________________________________________________________________________ ______________________________________________________________________________________________________ ______________________________________________________________________________________________________ _______________________________________________________________________________________________________ _______________________________________________________________________________________________________ ¿Qué tipo de información contiene la tarjeta de presentación? ¿Es mucha o muy poca información? ¿Cómo hizo el diseñador para cumplir la tarea de incluir información importante? ______________________________________________________________________________________________________ ______________________________________________________________________________________________________ ______________________________________________________________________________________________________ _______________________________________________________________________________________________________ _______________________________________________________________________________________________________ Colores y gráficos Describe los colores utilizados en la tarjeta de presentación.

Tipografía Describa la(s) fuente(s) utilizada(s) para cada elemento en la tarjeta de presentación, tal como el nombre de la persona y la información del contacto. ¿El tipo de letra es lo suficientemente grande para leerla con comodidad? ¿Cómo es que se utiliza la tipografía para distinguir entre diferentes elementos en la tarjeta de presentación? ______________________________________________________________________________________________________ ______________________________________________________________________________________________________ ______________________________________________________________________________________________________ _______________________________________________________________________________________________________ _______________________________________________________________________________________________________ ¿Qué tan consistentes son los tipos de fuente y los tamaños de las fuentes? ______________________________________________________________________________________________________ ______________________________________________________________________________________________________ ______________________________________________________________________________________________________ _______________________________________________________________________________________________________ _______________________________________________________________________________________________________ ¿Qué tipo de formato tipográfico ha sido aplicado (tracking, interlineado, desplazamiento vertical, etc.)? ______________________________________________________________________________________________________ ______________________________________________________________________________________________________ ______________________________________________________________________________________________________ _______________________________________________________________________________________________________ _______________________________________________________________________________________________________ Tono ¿Hacia quien está orientada la tarjeta de presentación? ¿Qué mensaje expresa el diseño acerca de la identidad profesional del titular de la tarjeta? ¿El contenido tiene una jerarquía clara y se enfatiza la información clave? ______________________________________________________________________________________________________ ______________________________________________________________________________________________________ ______________________________________________________________________________________________________ _______________________________________________________________________________________________________ _______________________________________________________________________________________________________ ¿Después de haber visto la tarjeta, que tipo de trabajo cree que tenga esta persona? ¿Qué palabras podría utilizar para describir su trabajo? ______________________________________________________________________________________________________ ______________________________________________________________________________________________________ ______________________________________________________________________________________________________ _______________________________________________________________________________________________________ _______________________________________________________________________________________________________ ¿Cómo se relaciona el diseño grafico (balance, énfasis, color, tono, etc.) con el contenido? ______________________________________________________________________________________________________ ______________________________________________________________________________________________________ ______________________________________________________________________________________________________ _______________________________________________________________________________________________________ _______________________________________________________________________________________________________

142

Revisión y rediseño de tarjetas de presentación
Nombre del alumno:_______________________________________________________ Fecha:________________________

Las preguntas contenidas en esta hoja de trabajo le ayudarán a analizar el proceso de revisión y rediseño de su tarjeta de presentación. Las preguntas se dividen en las siguientes cuatro categorías: • Metas iniciales • Requerimiento de nuevas metas • Reflejo de buenos principios de diseño • Planeación de cambios en el diseño Metas iniciales ¿Cuáles eran las metas iniciales para la tarjeta de presentación? ______________________________________________________________________________________________________ ______________________________________________________________________________________________________ ______________________________________________________________________________________________________ _______________________________________________________________________________________________________ _______________________________________________________________________________________________________ ¿Su tarjeta de presentación cumple con las metas iniciales? ¿Por qué sí o por qué no? ______________________________________________________________________________________________________ ______________________________________________________________________________________________________ ______________________________________________________________________________________________________ _______________________________________________________________________________________________________ _______________________________________________________________________________________________________ Requerimiento de nuevas metas ¿Tiene nuevas metas en mente para la tarjeta de presentación? Si es así, ¿cuáles son y por qué está modificando sus metas? ______________________________________________________________________________________________________ ______________________________________________________________________________________________________ ______________________________________________________________________________________________________ _______________________________________________________________________________________________________ _______________________________________________________________________________________________________ Reflejo de buenos principios de diseño ¿Qué elementos y principios de diseño incorporó originalmente a la tarjeta de presentación? ______________________________________________________________________________________________________ ______________________________________________________________________________________________________ ______________________________________________________________________________________________________ _______________________________________________________________________________________________________ _______________________________________________________________________________________________________ ¿Quiere incluir nuevos elementos y principios de diseño a su tarjeta de presentación? ¿Si es así, cuales son y por qué quiere incluirlos? ______________________________________________________________________________________________________ ______________________________________________________________________________________________________ ______________________________________________________________________________________________________ _______________________________________________________________________________________________________ _______________________________________________________________________________________________________

143

Planeación de cambios en el diseño ¿Qué tipo de cambios necesita hacer para llevar a cabo los nuevos elementos y principios de diseño? Realice un esbozo de sus cambios en el espacio proporcionado a continuación y además escriba más ampliamente sobre los mismos. ______________________________________________________________________________________________________ ______________________________________________________________________________________________________ ______________________________________________________________________________________________________ _______________________________________________________________________________________________________ _______________________________________________________________________________________________________

144

Estos filtros pueden crear un interés agregado o ayudarle a alcanzar sus metas de diseño. • Todos los filtros trabajan con imágenes de 8-bit. del panel Color. Figura 10 Selector de forma personalizada Educational Technology Consulting • 145 . asegúrese de que Capas de forma esté seleccionado (Figura 9). por favor consulte la guía de ayuda de Photoshop para obtener información acerca de cuáles filtros trabajan con cada una de ellas. Inicie Photoshop y cree un documento nuevo. Haga clic y mantenga presionada la Herramienta Rectángulo en la barra de Herramientas para seleccionar la Herramienta Forma personalizada (Figura 8). Es posible obtener una vista preliminar antes de que estos sean aplicados. tal como la Chincheta (Figura 10). Al igual que con muchas características de Photoshop. Figura 9 Barra de opciones de la Herramienta Forma personalizada 4. Experimente con diferentes configuraciones para alcanzar sus metas de diseño. Los filtros tienen los siguientes limitantes: • Algunos filtros solo trabajan con imágenes RBG. debe tener cuidado de no hacer uso excesivo de los filtros. Cada filtro cuenta con un rango de configuraciones. Rasterizar se refiere a convertir la forma vectorial a mapa de bits. 2. creará una forma y luego le aplicará filtros para darle una apariencia artística. Seleccione una forma del Selector de forma personalizada. Si está utilizando imágenes de 16-bit o de 32-bit. • Cuando se aplican filtros a capas de forma. Photoshop primero rasterizará la forma. Actividad 1. ya que el hacerlo podría hacer que su imagen luzca recargada o poco profesional. que no sea negro. Figura 8 Herramienta Forma personalizada 3. Puede utilizar filtros para limpiar o retocar sus imágenes. Creación de una forma personalizada En el siguiente ejercicio. y aplicar distorsiones y efectos de iluminación. Y un color. aplicar efectos artísticos especiales que darán a su imagen la apariencia de un bosquejo o de una pintura pastel. En la barra de opciones.Diseño Gráfico con Fireworks CS4 Uso de filtros Los filtros de Adobe Photoshop CS4 proporcionan un rango de opciones para cambiar la apariencia de su imagen.

El modelo de semitono es solo uno de los muchos filtros con los cuales puede lograr un efecto artístico. 8. Contraste en 20 y el tipo de motivo en Punto. Aplicar un filtro 6. Photoshop le advertirá que será necesario rasterizar la imagen antes de continuar. Distorsionar. esta será llamada “Forma 1”. mantenga presionada la tecla Mayús cuando arrastre. Haga clic en OK. Haga clic en OK. configure el Tamaño en 2. El filtro será aplicado a la forma personalizada (Figura 13). 9. Estilizar..Diseño Visual CS4 5. Esto significa que la imagen ya no será una máscara vectorial. Figura 12 Cuadro de dialogo Modelo de semitono Nota Los filtros Artístico. Seleccione el menú Filtro señale Bosquejar y haga clic en Modelo de semitono. Trazos de pincel. El efecto es similar al de ciertas técnicas de Arte Pop. Puede previsualizar los efectos de diferentes filtros al seleccionarlos en la columna de en medio del cuadro de diálogo. 146 • Educational Technology Consulting . Bosquejar. El cuadro de dialogo de Modelo de semitono aparecerá (Figura 12). Por defecto.. Figura 11 Panel Capas 7. Arrastre el puntero a través del lienzo para dibujar la forma personalizada. En la columna de la derecha. Seleccione la capa que contenga la forma personalizada (Figura 11). Textura abren el mismo cuadro de dialogo. 10. justo como si fuera a dibujar un rectángulo. Para obtener una forma uniforme en tamaño.

aplicará filtros a una forma personalizada. Haga clic en la capa con la forma personalizada. Haga clic en OK. Seleccione el manú Filtro señale Artístico y elija Esponja. El filtro Esponja será aplicado a la forma (Figura 15). Actividad 1. Definición en 1 y Suavizado en 5. Es posible aplicar filtros a casi cualquier imagen. Educational Technology Consulting • 147 .Diseño Gráfico con Fireworks CS4 Figura 13 Filtro Modelo de semitono aplicado Aplicación de otro filtro Es posible aplicar varios filtros a una imagen.. Figura 14 Cuadro de dialogo Esponja 3. 2. En estos pasos. Establezca Tamaño del pincel en 2. aparecerá un cuadro de dialogo que le permitirá ver de forma preliminar y cambiar la configuración para el filtro Esponja (Figura 14). tal como una fotografía o cualquier trabajo artístico.. Así como con el Modelo de semitono. 4.

o hinchar cualquier área de una imagen. rotar. 5. fruncir.. Guarde el archivo como efectos_tono Uso del filtro Licuar El filtro Licuar es otro filtro interesante que puede aplicar a las imágenes. empujar. reflejar. Lo que hace es que la imagen parezca derretirse causando un efecto parecido a las líneas de una pintura de Salvador Dali.. es posible. Configurar el tamaño del pincel Herramientas Figura 16 Cuadro de dialogo Licuar 148 • Educational Technology Consulting . jalar.jpg en Photoshop. Para usar el filtro Licuar Actividad 1. Seleccione el menú Filtro y haga clic en Licuar. 3. Seleccione la capa a la cual desea aplicar el filtro Licuar. El cuadro de dialogo Licuar aparecerá (Figura 16). Al utilizar el filtro Licuar. Es posible crear un amplio rango de efectos al combinar los filtros. Abra la imagen faro. 2.Diseño Visual CS4 Figura 15 Filtro Esponja aplicado Observe como el filtro Esponja modifica el efecto del filtro Modelo de semitono.

ventana de documento. • Cambiar el aumento de un documento. El tamaño del pincel necesita ser lo suficientemente grande para modificar su imagen. la mesa de trabajo y otros paneles. Cuando esté satisfecho con el resultado. Por ejemplo. Arrastre el puntero a través de una sección de la imagen (Figura 17). seleccione la Herramienta Reconstruir y arrástrela a través de la imagen. cambiar el tamaño de las ventanas y agregar ventanas de documento adicionales. la ventana de documento. minimizar y arreglar grupos de paneles. Exportar el espacio de trabajo El espacio de trabajo de InDesign comprende todo lo que ve cuando abre o crea un documento: La Barra de herramientas. En la izquierda. puede escoger desplegar sólo esos paneles que utiliza con frecuencia. deshace los efectos de una herramienta licuar. Para revertir. Educational Technology Consulting • 149 . 6. 5. como las herramientas Desinflar. Guarde el archivo como filtro_licuar Visión general del espacio de trabajo de Adobe InDesign CS4 En esta guía aprenderá lo siguiente: • Trabajar con el espacio de trabajo de InDesign. Inflar. Experimente con otras herramientas de licuar. la cual se encuentra debajo de la herramienta Deformar hacia adelante. mesa de trabajo y paneles. • Navegar a través de un documento al utilizar el panel de páginas y el control de páginas en la ventana de documento. haga clic en OK para aplicar los cambios a la imagen. En la columna derecha. 7.Diseño Gráfico con Fireworks CS4 4. 8. • Personalizar su área de trabajo. seleccione la Herramienta Deformar hacia adelante. Herramienta Deformar hacia adelante Puntero del pincel Figura 17 Herramienta deformar hacia adelante aplicada Nota La Herramienta Reconstruir. Puede personalizar y guardar el espacio de trabajo con su propio estilo. configure el tamaño de pincel que utilizará. Molinete a la derecha y Turbulencia.

Crear un espacio de trabajo personalizado Actividad 1. la Barra de herramientas a la izquierda. acomodar o anclar un panel. el menú principal. Inicie Adobe InDesing CS4. Cada página o doble página en un documento está rodeada por su propia mesa de trabajo que puede almacenar objetos para el documento mientras usted crea la composición. trabajo artístico. Las herramientas que tienen relación entre ellas. Mueva y manipule el diseño de la interface en InDesign para cambiar sus necesidades (Figura 19). los controles de Ver y el selector del espacio de trabajo. podrá restaurarlo. 2. están agrupadas juntas.Diseño Visual CS4 Barra de aplicación Panel de Control Selector del espacio de trabajo Mesa de Trabajo Ventana de Docuemnto Barra de Herramientas Páneles Figura 18 Interface de Adobe InDesing CS4 El espacio de trabajo predeterminado de InDesign (Figura18) incluye una Barra de Aplicación en la parte superior de la pantalla. las cuales están abiertas separadamente. elementos de página y cosas relacionadas. agrupar. En la Barra de Aplicación. los paneles a la derecha y una o más ventanas de documentos. se encuentra el ícono de la aplicación InDesing. • El panel de control despliega opciones de control de la herramienta seleccionada. los controles de aplicación. • Los paneles le ayudan a monitorear y modificar su trabajo. • El menú principal en la parte superior organiza todos los comandos en menús. incluso si mueve o cierra un panel. Personalizar el área de trabajo Al guardar el tamaño actual y la posición de los paneles en su interface de InDesign como un espacio de trabajo con nombre. • La Barra de herramientas contiene herramientas para crear y editar imágenes. 150 • Educational Technology Consulting . • Las ventanas de documento despliegan páginas para los archivos en los que está trabajando. Los nombres de los espacios de trabajo aparecen en el selector del espacio de trabajo. Debajo de esta barra está el panel de control. Podrá reorganizar.

elija Espacio de trabajo y escoja Nuevo espacio de trabajo. Seleccione el menú Ventana.. Figura 21 Caja de diálogo Nuevo espacio de trabajo Educational Technology Consulting • 151 . Figura 20 Menú Ventana Aparece el cuadro de diálogo Nuevo espacio de trabajo (Figura 21).. (Figura 20).Diseño Gráfico con Fireworks CS4 Figura 19 Estructura de la Interface Customizada 3.

indb. para abrir archivos desde InDesign 1. haga clic en el menú Ayuda y elija Pantalla de bienvenida. QuaerkXPress 3. se guarda si selecciona la opción Personalización de menús. Aparece la pantalla de bienvenida (Figura 23). 5. otros softwares para imprenta pueden hacer conexión de software a través del cual pueda abrir los archivos de otros formatos. Abrir un archivo existente Actividad 1..indt.. Inicie InDesign. Esta pantalla le permite un acceso fácil a: • • • • Archivos recientes Nuevos documentos Material de aprendizaje para comenzar. Puede utilizar el comando Archivo y elegir Abrir. se abre un nuevo documento Sin título.3 y 4.0 y posterior. Haga clic en OK. Figura 22 Seleccionar un espacio de trabajo guardado Abrir un archivo en InDesign Por lo general.1. abrirá un archivo de documento o plantilla de la misma forma en la que lo hace en otros programas. Elija el menú Ventana y señale espacio de trabajo.. los archivos de documentos utilizan la extensión . Adobe PageMaker 6. los archivos de plantillas utilizan la extensión . Observe que su espacio de trabajo es el primero que se muestra en el menú del espacio de trabajo. podrá regresar al espacio de trabajo que guardó al seleccionarlo del menú o del Selector de espacio de trabajo (Figura 22). Además. entender nuevos comandos y recursos Vínculos en la web para la comunidad InDesign 152 • Educational Technology Consulting .. En Windows.inx).indl y los archivos de libros utilizan la extensión . 6. Si no ve la pantalla de bienvenida.x y posterior (incluyendo versiones en idiomas asiáticos).Diseño Visual CS4 4. los archivos de la biblioteca utilizan la extensión . Cuando abre una plantilla de InDesign. Aunque haga cambios.indd. archivos de InDesign Interchange (. Cualquier método abreviado de teclado que haya personalizado. Nombre su espacio de trabajo y seleccione los elementos que incluirá en éste: la posición de los paneles está guardada si selecciona la opción de Ubicaciónes de panel.1 y QuarkXpress Passport 4.

Navegue hacia la localización del archivo y haga clic en Abrir.. El nombre de la herramienta y su método abreviado de teclado aparece cuando pasa el puntero sobre la herramienta. Este texto se llama etiqueta de herramientas. Educational Technology Consulting • 153 .. debajo de Abrir un elemento reciente. Puede cambiar la composición general de la Barra de herramientas para encajar su ventana o panel de composición. Puede desplegar las herramientas ocultas al hacer clic y sostenerlo en una herramienta con flecha a la derecha. Para abrir un documento existente en InDesign haga clic en en Abrir. Otras herramientas sirven para escoger textos. en el menú principal.. y con la opción Interfaz seleccionada. escoger la opción Ninguna en Información sobre herramientas.Diseño Gráfico con Fireworks CS4 Figura 23 Pantalla de bienvenida de Indesing 2. en caso de las herramientas ocultas. La Barra de herramientas contiene diversas herramientas ocultas en las herramientas visibles. 3. formas líneas y degrados.. o cuando la presiona.. También puede selecciona el menú Archivo y elegir Abrir. Puede desajustar las etiquetas de herramientas al elegir el menú Edición señalar Preferencias elejir General. Haga clic en una herramienta de la Barra de herramientas predeterminada para seleccionarla. Visión general de la Barra de herramientas Algunas herramientas en la Barra de herramientas (Figura 24) son para seleccionar. Las herramientas ocultas se indican en las flechas del lado derecho de algunas herramientas. editar y crear elementos de página....

Mueva el puntero sobre la Barra de herramientas y colóquelo sobre el ícono de la lupa. examine el nombre del archivo y observe el porcentaje junto al nombre del archivo (Figura 25). 2. Abra el documento habitantes_marinos. hasta que aparezca el nombre del comando y su método abreviado de teclado (Figura 26). Utilice la herramienta Zoom para cambiar el aumento Actividad 1.Diseño Visual CS4 Figura 24 Barra de herramientas Puede utilizar la herramienta Zoom para cambiar el nivel de aumento en su documento. Figura 25 Ventana del documento con el porcentaje de zoom Esto representa el tamaño de la visión de la imagen o el nivel de zoom. Figura 26 Método abreviado de la herramienta 154 • Educational Technology Consulting .

6. Es muy útil si quiere ver partes del documento que no se encuentran a la vista en la ventana de documento. Figura 27 Seleccionar una región rectangular La selección se amplía para llenar toda la ventana del documento. Haga clic en cualquier parte de la Ventana de documento. el cual remplaza el valor anterior de la ventana de documento. Para alejar la vista. acérquese a una parte del documento. haga clic y arrastre formando un rectángulo para encerrar una región del documento (Figura 27). Con la Herramienta Zoom. con la herramienta Mano 7. 4. Con la Herramienta Zoom. Educational Technology Consulting • 155 . El documento se amplía de acuerdo al porcentaje preestablecido. Desplazarse en el documento. Seleccione la Herramienta Zoom al dar clic en su botón (en la Barra de herramientas) o al presionar las teclas BloqMáyus + Z (su método abreviado de teclado).Diseño Gráfico con Fireworks CS4 3. de manera que haya áreas del documento dejen de ser visibles (Figura 29). 5. presione la tecla Alt (Windows) u Opción (Mac Os) y haga clic (Figura 28). Figura 28 Alejar la vista de un documento La Herramienta Mano mueve un documento dentro de la ventana de documento.

comandos y otros paneles relacionados a los elementos u objetos.Diseño Visual CS4 Figura 29 Ventana del documento con barras de desplazamiento 8. convertirlo en un panel flotante u ocultar todos los paneles. arrastre el documento para desplazarse en sus distintas partes (Figura 31). Sin embargo. Con la Herramienta Mano. Figura 30 Herramienta Mano 9. que haya seleccionado. También puede hacerlo al presionar Bloq Mayús + H. Figura 31 Usar la Herramienta Mano para moverse en un docuemnto Seleccionar un objeto y trabajar con el Panel de control El Panel de control (Ventana > Control) ofrece un acceso rápido a diversas opciones. 156 • Educational Technology Consulting . el Panel de control se encuentra colocado en la parte superior de la ventana de documento. podrá colocarlo en otra parte de la ventana de documento. Seleccione la Herramienta Mano de la Barra de herramientas (Figura 30). de la página actual Esto se llama contextual). De manera predeterminada.

El Panel de Control cambia para mostrar opciones que proveen control sobre los formatos de texto (Figura 33).Diseño Gráfico con Fireworks CS4 Utilizar la Herramienta Selección y el Panel Control 10. Con un documento abierto. Figura 33 Panel de Control con texto seleccionado Educational Technology Consulting • 157 . Figura 32 Panel de Control con imagen seleccionada 11. elija la Herramienta Selección de la Barra de herramientas y seleccione un objeto del documento. Observe que la información del Panel Control refleja cosas como posición. tamaño. rotación del objeto (Figura 32). Elija la Herramienta Texto y seleccione una región del texto.

e ingresar el número de página (Figura 36). Figura 34 Usar los controles de la esquina inferior izquierda del documento 13. la flecha a la derecha. También puede ir directamente a una página al seleccionar el menú Composición. a la cual se pueda avanzar.Diseño Visual CS4 Navegar a través de las páginas de su documento Puede cambiar de página al utilizar el panel Páginas. La segunda forma de navegar a través de su documento es con el Panel Páginas (Figura 35). Para abrirlo haga clic en el menú Ventana y seleccione Página. 14. seleccionar Ir a página. así como otros comandos. Si no hay página siguiente o anterior. Para seleccionar una página de su documento. haga doble clic en el ícono de página de la sección inferior. Puede moverse de una página a otra al utilizar los controles de flecha localizados en la esquina inferior izquierda del documento. Un menú desplegable también le permite navegar al número de página que desee (Figura 34). las barras de desplazamiento.. o a la izquierda. los botones de página al final de la ventana de documento. Navegar a través de un documento 12. Este panel muestra diseños de página en la parte superior y las páginas del documento en las que trabaja en la parte inferior. Haga clic en la flecha hacia adelante para ir a la página siguiente y haga clic en la flecha hacia atrás para ir a la página anterior. 158 • Educational Technology Consulting . Figura 35 Usar el Panel Páginas para moverse a tráves del documento La ventana de documento muestra la página seleccionada. estará apagada según sea el caso..

Por defecto. márgenes y otras características del documento. hay 72 picas en una pulgada. Actividad 1. A medida que avance en cuestiones de diseño. para empezar. Inicie InDesign y seleccione el menú Edición y señale Preferencias y haga clic en Unidades e incrementos. y luego creará un nuevo documento.Diseño Gráfico con Fireworks CS4 Me Figura 36 Utilizar el menú compisición para navegar Configuración de un documento Cuando se trabaja con Adobe InDesign CS4. se establecen sus dimensiones. (Windows) o seleccione el menú InDesign señale Preferencias y haga clic en Unidades e incrementos. Esta guía explica cómo crear un documento nuevo con las dimensiones de una tarjeta de presentación. Creando un documento nuevo En los siguientes pasos. primero cambiará las preferencias para que pueda ver su documento en pulgadas. Las picas son una unidad de medida de impresión estándar. lo primero que hay que hacer es crear un documento nuevo. (Mac OS).. El cuadro de dialogo Preferencias aparecerá con la sección de Unidades e incrementos seleccionada (Figura 37)... Sin embargo. podría encontrar muy útil el trabajar con picas. será más sencillo el trabajar en términos de pulgadas.. InDesign mide los documentos en picas. Cuando se crea un documento nuevo. Educational Technology Consulting • 159 .

El cuadro de dialogo Nuevo documento aparecerá (Figura 38). Figura 38 Cuadro de dialogo Nuevo documento 5. Esta acción establece las unidades de medida horizontales y verticales en pulgadas. 6. introduzca “3. Nota Si está acostumbrado a trabajar con puntos y picas. y otras medidas del documento aparecerán en pulgadas. las páginas se colocan en dirección contraria una de la otra. Seleccione Pulgadas en los menús desplegables Horizontal y Vertical. mantenga la configuración que aparece por defecto. no necesitará utilizar páginas opuestas. 160 • Educational Technology Consulting . En el cuadro Anchura. Los libros y las revistas generalmente tienen páginas opuestas. el Tamaño de la página. en el cuadro Altura. Debido a que este documento es de solo una página.5”. Mantenga el resto de las opciones sin cambios. y haga clic en OK para cerrar el cuadro de dialogo Preferencias..Diseño Visual CS4 Figura 37 Sección de Unidades e incrementos en el cuadro de dialogo Preferencias 2. Desactive la opción Páginas opuestas. Seleccione el menú Archivo seleccione Nuevo y haga clic en Documento. Puesto que cambió las unidades de la regla a pulgadas. 4. En un desplegado de página opuesta. Márgenes. y es posible trabajar en ambas paginas al mismo tiempo.. introduzca “2”. 3. Cuando selecciona la opción de Páginas opuestas. InDesign trata las dos páginas como un solo desplegado.

se puede agregar todo el texto (y todo el contenido) en marcos. Todos los márgenes cambiaran a . Por ejemplo. inferior. deje desactivada la opción Unificar todas las configuraciones e introduzca las medidas para cada margen. Los marcos son formas que albergan el contenido de una página.25” en el cuadro Superior y presione la tecla Tab.Diseño Gráfico con Fireworks CS4 Estas son las dimensiones estándar para una tarjeta de presentación en los Estados Unidos. tracking y desplazamiento vertical. ya que los marcos le ofrecen una amplia variedad de posibilidades para aplicar formato y ubicar texto y para controlar el ajuste de texto – que es la forma en cómo el texto continúa de un marco a otro. No es posible agregar texto sin añadir un marco de texto. tamaño de la fuente y color del texto – y opciones avanzadas de formato – tales como el interlineado. se podría establecer el número de columnas aquí. kerning. Cómo utilizar texto Debido a que Adobe InDesign CS4 es una herramienta de diseño de páginas. En esta guía. 9. El nuevo documento se abrirá en InDesign (Figura 39). puede colocar todo el texto en marcos de texto. Si este fuera un documento con columnas múltiples. lo cual es una ventaja. Deje el Número de Columnas en 1. También podrá observar que las reglas a la izquierda y en la sección superior están dadas en pulgadas. el trabajar con texto es una habilidad muy importante. Con InDesign. Educational Technology Consulting • 161 . por supuesto. En la sección de Márgenes. asegúrese de que el icono Unificar todas las configuraciones (el eslabón) este seleccionado. Haga clic en OK. Es probable que quiera conservar los márgenes con el mismo valor para dar al documento una apariencia uniforme. 8. izquierda y derecha. Para otros documentos. La manera más fácil de crear un marco de texto es con la herramienta Texto. Figura 39 Nuevo documento en InDesign Observe que los márgenes están señalados con una guía de márgenes. Introduzca “. Si quiere establecer márgenes diferentes para la sección superior. introducirá diferentes configuraciones. Agregar un marco de texto En InDesign.5 pulgadas por 11 pulgadas. aprenderá como agregar marcos de texto y como aplicarles formatos básicos – tales como la selección de una familia de fuente. 10. Esta opción le dice a InDesign que todos los márgenes tendrán el mismo valor.25 pulgadas. una página estándar en los Estados Unidos es de 8. 7.

Al utilizar las herramientas Marco de elipse y la herramienta Marco poligonal es posible crear marcos de texto que no sean rectangulares. El puntero cambiará al puntero de la herramienta texto. Utilizar la herramienta Texto para crear un marco de texto Actividad 1. 4. Herramienta Selección Manipulador de marco Casillas de entrada y salida Figura 41 Manipuladores de marco de texto 162 • Educational Technology Consulting . Seleccione la Herramienta Texto en la paleta Herramientas. Sin mover el punto de inserción. podría serle de utilidad el mostrar la cuadrícula del documento (seleccione el menú Ver señale Cuadriculas y guías y haga clic en Mostrar cuadrícula del documento). Utilice el docuemento nuevo de la práctica anterior o cree un nuevo documento con las mismas dimensiónes. 2. Observe que aparece un punto de inserción de texto parpadeando en el marco de texto. tamaño y otras configuraciones que hayan sido establecidas previamente en la Barra de opciones de texto. haga clic en la Herramienta Selección en la parte superior de la Barra de Herramientas (Figura 41). Introduzca algo de texto.Diseño Visual CS4 Nota También puede crear marcos de texto con las herramientas de Marco. 3. 6. aparecerá un cuadro azul (Figura 40). Suelte el botón del mouse para crear un marco de texto. El texto aparecerá con la familia de fuente. Figura 40 Arrastrando para crear un marco de texto Para ayudarle a colocar el marco. su nombre por ejemplo. A medida que arrastre. tales como un círculo. 5. (El puntero de texto parece un puntero de inserción de texto rodeado por un rectángulo punteado). un hexágono o una estrella. Arrastre la Herramienta Texto a través de la pagina para crear un Marco de texto (Figura 40).

Aún cuando mucho del impacto de su texto se derivará de la tipografía (la fuente que elija para su texto). en sí. Seleccione una familia de fuente diferente en el menú desplegable. además de que los lectores notarán cambios sutiles aplicados a textos extensos más que en textos cortos. Para seleccionar texto 7. Arrastre el puntero para seleccionarlo (Figura 43). 11. Seleccione el botón Versalitas. Puede utilizar estos controladores para redimensionar el marco de texto. Haga clic en Relleno en la Barra de Herramientas (Figura 44). como por ejemplo Franklin Gothic Medium. 10. 13.Diseño Gráfico con Fireworks CS4 Aparecerán controladores en los bordes del marco de texto (Figura 41). Seleccione la Herramienta Texto. Figura 43 Texto seleccionado Se seleccionará el texto. Haga clic en el marco de texto que contenga texto. por ejemplo 14pt. 9. Tal ajuste es de suma importancia para los títulos y otros conjuntos de texto extenso. primero es necesario seleccionarlo. la apariencia del texto es. debido a que querrá que este texto sobresalga para crear interés. Es posible reconocer los marcos de texto por las casillas de entrada y salida – los cuadros vacíos que son más grandes que los manipuladores de marco – a los lados izquierdo y derecho. (El texto no cambiará si cambia la configuración únicamente con el marco seleccionado). todas las letras minúsculas aparecerán como pequeñas letras mayúsculas. Con las Versalitas. un arte. Podrá formatear texto al utilizar el panel Control (Figura 42) Controles de formato de párrafo y carácter Familia de fuente Tamaño de fuente Todo en mayúsculas Subrayado Alineaciones Espacio antes Espacio después Estilo de la fuente Interlineado Versalitas Tachado Sangrías Capturar número de líneas Capturar uno o más caractéres Figura 42 Panel Control de Texto Selección de texto y aplicación de formato básico a texto Para cambiar la apariencia del texto. Aplicar formato al texto En diseño. 8. Educational Technology Consulting • 163 . es posible afinar su apariencia al ajustar un número de factores adicionales. Seleccione un tamaño de fuente diferente en el menú desplegable Tamaño de fuente. Estas casillas sirven para hacer conexiones entre los marcos de texto. 12.

El trazo se refiere a la orilla en sí (Figura 45). Aparecerá el Selector de color (Figura 46). 14. Haga clic en OK. El trazo del texto cambiará de color. 17.Diseño Visual CS4 Relleno Contorno Figura 44 Herramientas Relleno y Trazo en la Barra Herramientas El relleno se refiere al color dentro de las orillas de un carácter. Relleno Contorno Figura 45 Contorno y Relleno Cuanto tiene texto seleccionado. Seleccione un color para el texto en el Selector de color. 16. Haga clic en la herramienta Trazo mientras mantiene seleccionado el texto. si lo desea puede cambiar también el color de Relleno de la misma forma. Haga un clic fuera del texto para quitar la selección y apreciar los resultados (Figura 47). Figura 47 Formato de texto básico aplicado 164 • Educational Technology Consulting . Figura 46 Selector de color 15. Para aplicar un trazo. la herramienta Relleno aparece con una pequeña “T”. Por defecto. los caracteres no tienen un ttrazo aplicado. Haga doble clic en la herramienta Trazo en la barra de Herramientas (Figura 5).

por ejemplo su dirección y teléfono y seleccionelo. Con la Herramienta Texto. Actividad 1. Menú desplegable Interlineado Figura 48 Menú desplegable Interlineado en el panel Control Por ejemplo. tracking. se aplico un interlineado de 15-puntos a un texto de 6-puntos en la Figura 49. Cuando se ajusta el tracking. 1 em equivale a 12 puntos. se pueden separar más las letras. señale Texto y tablas y seleccione Carácter) y seleccione un valor en el menú desplegable Tracking (Figura 11). Ajuste del interlineado El interlineado se refiere al espacio entre renglones. necesita utilizar números considerablemente altos en el cuadro de Tracking – de al menos 300. En una fuente de 12 puntos. Figura 49 Interlineado aplicado a texto Ajuste del tracking El tracking se refiere al espacio entre caracteres a lo largo de una línea de texto. escriba algo de texto. es posible afinar el espacio entre renglones.Diseño Gráfico con Fireworks CS4 Ajuste del espaciado en el texto y aplicación del desplazamiento vertical Para mejorar la legibilidad y alcanzar las metas de diseño. (Generalmente el tracking no se reduce a menos que ya lo haya incrementado con anterioridad. 4. Abra el panel Carácter (seleccione el menú Ventana.) El tracking se mide en 1/1000 em. Seleccione un valor en el menú desplegable Interlineado (Figura 48). 2. Es probable que esté acostumbrado a diferenciar entre espacios sencillos y dobles entre renglones. Menú desplegable Tracking Figura 50 Menú desplegable Tracking en el panel Control Educational Technology Consulting • 165 . Al ajustar el interlineado. Para dar a los caracteres un espaciado dramático. También puede introducir un valor numérico en el campo de texto del menú Interlineado. También puede introducir un valor numérico en el campo de texto del menú desplegable Tracking. 1 em equivale a 10 puntos. Seleccione una sección de texto. El Em se refiere al tamaño de la letra actual. también es posible ajustar el espacio entre renglones y caracteres – interlineado. en una fuente de 10 puntos. 3. y kerning – y cambiar la ubicación vertical de algunos caracteres – desplazamiento vertical.

y luego presione la flecha de Arriba o Abajo para ajustar el desplazamiento vertical del carácter (Figura 53). El kerning óptico también es útil cuando se usan dos tipos diferentes de fuente o tamaños en una o más palabras en un renglón. Generalmente. We y Yo – lo hagan de forma consistente con los pares de letras que no producen espaciados. 166 • Educational Technology Consulting . se aplicó un tracking de 500 al texto de 14 puntos en la Figura 51. El kerning óptico ajusta el espacio entre las letras basándose en sus formas. el texto se moverá sobre la línea base. Es posible modificar el desplazamiento vertical para ajustar la línea base para uno o más caracteres.Diseño Visual CS4 Por ejemplo. Haga clic en el menú desplegable Desplazamiento vertical. También puede darse el caso de que quiera ajustar el kerning manualmente. Ta. 5. Seleccione el carácter al cual desea aplicar un desplazamiento vertical. Por defecto. haga clic entre ellas y cambie la configuración en el menú desplegable del Kerning en el panel Carácter (Figura 52). • Si introduce un número positivo en el menú desplegable Desplazamiento vertical. solo necesitará ajustarlo para tipos de fuente grandes o cuando quiera que las letras se vean muy juntas. tales como la “y” y la “g”. el texto se moverá debajo de la línea base. se puede utilizar otro tipo de kerning automático llamado Kerning óptico. InDesign aplica las medidas del Kerning a su texto. 6. • Si introduce un número negativo en el menú desplegable Desplazamiento vertical. Menú desplegable Kerning Figura 52 Menú desplegable Kerning Aplicación del desplazamiento vertical La línea base de una fuente es el punto más bajo de las letras exceptuando aquellas que se extienden debajo de la línea. Estos pares de letras son llamadas pares de kern y se incluyen en la mayoría de las fuentes. Pa. Para ajustar el kerning entre letras. Para las fuentes que no incluyen esos pares (lo cual es raro). Las medidas del kerning ajustan automáticamente el espacio para que los pares de letras que producen un espacio – tales como La. Figura 51 Tracking aplicado a texto Ajuste del kerning El kerning se refiere al espacio entre dos caracteres.

De ser este el caso. 7. y el panel Alinear Mucho del trabajo relacionado con el diseño de una página se refiere al colocar texto y gráficos en la página de una forma agradable y organizada. El texto desbordado se refiere al texto que no cabe en el marco de texto. la cuadrícula. guías. Cuando el texto se desborde.) Uso de la regla. en la Figura 54. Adobe Illustrator CS4. Por Educational Technology Consulting • 167 . el interlineado.Diseño Gráfico con Fireworks CS4 Menú desplegable Desplazamiento Vertical Figura 53 Menú desplegable Desplazamiento Vertical Por ejemplo. una cruz roja (+) aparecerá en la casilla derecha. encontrará que las cuadrículas y guías difieren un poco de aquellas en otros programas. (Para más información acerca de esta opción. consulte la ayuda de InDesign y la sección de “Enlace de marcos de texto”. Indica que el texto está desbordado Figura 55 Marco con texto desbordado En estos casos. Figura 54 Desplazamiento vertical aplicado a texto. el desplazamiento vertical para J y A ha sido ajustado de forma negativa. o Adobe Flash CS4. puede realizar una de las siguientes tres acciones: • Reducir el tamaño de la fuente.indd Manejo de texto desbordado A medida que realice cambios de formato – en especial cambios que incrementen el total del espacio ocupado por el textoes posible que cree texto desbordado. Nota Tal vez ya haya utilizado las cuadrículas y guías (y aún una versión del panel Alinear) en Adobe Photoshop CS4. Aún cuando es posible realizar estas acciones a simple vista – utilizando su propio juicio para colocar el texto y gráficos – Adobe InDesignCS4 contiene diversas herramientas para ayudarle a colocar los objetos en la posición exacta. • Colocar el exceso de texto en otro marco de texto. o el tracking para que el texto quede contenido en el marco. Guarde el documento como tarjeta_ejemplo. • Aumentar el tamaño del marco de texto.

márgenes. Uso de las guías Las Guías son líneas delgadas que tienen el propósito de facilitar la ubicación de objetos. en el sentido de una fuente de 12 puntos. Con la Herran¿mienta Selección seleccionada arrastre desde la regla horizontal hacia abajo en el documento se creará una guía (Figura 56). todas las tabulaciones. el punto cero de estas reglas se encuentra en la esquina superior izquierda de la página. pero también es posible modificar este punto cero. Es posible colocar las guías de regla en puntos de medición horizontal o vertical. InDesign agrega dos tipos de guías al documento: las guías de margen que indican donde inician los márgenes y las guías de columna las cuales indican donde están colocadas las columnas. Si no lo están. las reglas miden en picas. sangrías y otras mediciones aparecen en pulgadas. Las Reglas aparecen en la parte superior y en el lado izquierdo del espacio de trabajo. Por defecto. Por ejemplo. si quiere colocar un logotipo a 1 pulgada dentro del borde de la tarjeta de presentación. Asegúrese de que las reglas estén visibles. También es posible ajustar objetos a las guías. Es posible cambiar la unidad de medida para las reglas a pulgadas. Cuando se hace esto. Las guías pueden ser de mucha utilidad al alinear objetos en una página. seleccione el menú Ver y haga clic en Mostrar reglas. Inicie InDesign y cree un documento nuevo con las medidas 3. (Si no las ve. Las guías de regla son parecidas a las guías en Photoshop CS4 y a otras herramientas de Adobe. seleccione el menú Ver y haga clic en Mostrar reglas). 3. InDesign agrega de forma automática guías en ubicaciones por defecto. Agregar una guía Actividad 1. 2. Es posible colocar las guías de regla en cualquier lugar de la página y redistribuirlas según sea conveniente. Pica es un término de impresión – una pica equivale a 12 puntos.5 pulgadas por 2 pulgadas. puede utilizar la regla para hacerlo. Las reglas funcionan muy bien junto con las guías de regla.Diseño Visual CS4 ejemplo. Con la opción de Ajuste a cuadricula de documento. los objetos automáticamente se ajustarán a una posición a medida que los mueva cerca de una guía. Este documento cubre cuatro herramientas que le ayudaran a posicionar objetos: • Reglas • Guías • Cuadrículas • El panel Alinear Uso de las reglas Las reglas pueden ser de utilidad al calcular la ubicación. mientras que en Photoshop CS4 generalmente necesitará agregar las guías a mano. Por defecto. Figura 56 Arrastrando una guía 168 • Educational Technology Consulting . Por defecto.

En caso de que Ajustar Guias este seleccionada no haga clic en ella. 2. Antes de la invención de las herramientas de edición por computadora. suelte el botón del mouse para soltar la guía. Seleccione la Herramienta Rectángulo en la Barra de herramientas (Figura 57).Diseño Gráfico con Fireworks CS4 A medida que arrastre. A medida que lo haga. 4. 5. es posible seleccionar dos tipos de cuadrículas: una cuadrícula base para la alineación de columnas y texto y una cuadrícula de documento para la alineación de objetos. los editores de diseño acomodaban el texto y las imágenes en hojas de papel con este tipo de cuadrículas. Es posible personalizar los dos tipos de cuadrículas. Cuando alcance la marca de 1 pulgada en la regla vertical. Haga clic en la orilla del rectángulo que dibujo y arrástrelo para acercarlo a una guía. Educational Technology Consulting • 169 . aparecerá la guía como una línea delgada (de manera predeterminada esta aparece de color azul). Este es el efecto de la opción Ajustar a guías. sentirá como el rectángulo se aferra a la guía (Figura 3). Figura 3 Objeto ajustado a una guía Uso de la cuadrícula Una cuadrícula es una serie de líneas verticales y horizontales que se sobreponen a toda la página. Seleccione el menú Ver señale Cuadrículas y guías y haga clic en la opción Ajustar a guías. 4. La guía está ahora lista para ser utilizada. Ajuste de objetos a las guías Actividad 1. Seleccione la Herramienta Selección en la paleta Herramientas (Figura 2). En pantalla. Herramienta Se lección Herramienta Rectángulo Figura 57 Barra de herramientas 3. para seleccionarla. la rejilla base es parecida a las líneas de un cuaderno y la cuadrícula de documento se parece al papel cuadriculado. En InDesign. Esto le ayudará a colocar la guía con mayor precisión. A medida que arrastre. podrá ver la posición de la guía en la regla vertical. Arrastre sobre el documento para dibujar un pequeño rectángulo.

Actividad 1. su uso es únicamente para cuestiones de trabajo. Por ejemplo. tal como la g y la y.. (Windows) oseleccione el menú InDesign señale Preferencias y haga clic en Cuadrículas. grosor de la línea y color. especialmente si está organizando su página en. Es posible utilizar la cuadrícula de documento para asegurarse que la imagen esté. por ejemplo. debería también establecer el interlineado en 14 puntos. los objetos automáticamente se ajustarán a una posición a medida que los mueva cerca de una guía. Encontrará las opciones de espaciado muy útiles. El grosor de la línea y el color son meramente cuestiones de preferencia personal – son parte de la personalización del área de trabajo. como se muestra en la Figura 59. a la misma altura del encabezado. También es posible ajustar objetos a la cuadrícula. si establece la línea base en 14 puntos. Esto asegura que las líneas de texto queden alineadas con la rejilla base. de forma vertical y de forma horizontal. por ejemplo. (Mac OS).. con la sección Cuadrículas seleccionada (Figura 60). Es recomendable establecer el interlineado – el espacio entre líneas – en el mismo incremento que la cuadrícula base. 170 • Educational Technology Consulting . En InDesign. Seleccione el menú Edición señale Preferencias y haga clic en Cuadrículas. Muchos diseñadores encuentran de utilidad el pensar acerca de maquetación en términos de cuadrículas. La cuadrícula no aparece impresa o en las publicaciones. Con la opción de Ajustar a cuadrícula de documento activada. Aparecerá el cuadro de dialogo Preferencias. La idea es mantener las líneas base de todo el texto – del encabezado y del cuerpo del texto – en un mismo incremento. con todos los elementos en una página colocados en una cuadrícula. El mantener todo en la misma rejilla base le proporciona una apariencia limpia y uniforme a la página. incrementos de media pulgada. seleccioneel menú Ver señale Cuadrículas y guías y haga clic en Mostrar cuadrícula base.. La línea base es el borde inferior del texto – el punto del segmento más bajo de las letras con excepción de aquellas que se extienden debajo de la línea base. es posible personalizar la cuadrícula base y la cuadrícula de documento en términos de espaciado. Para mostrar la cuadrícula base. Figura 59 Cudrícula base Uso de la cuadrícula de documento La cuadrícula de documento es útil para alinear objetos – no solo texto – a lo largo del documento. como es mostrado en Figura 59.Diseño Visual CS4 Uso de la cuadrícula base Una cuadrícula base es de utilidad para asegurarse que el texto esté alineado a través de las columnas.. La cuadrícula de documento le ayuda a alinear los objetos de las páginas entre sí.

podría encontrar de utilidad el incrementar el tamaño de estas configuraciones. Dependiendo de la escala de su documento.Diseño Gráfico con Fireworks CS4 Figura 60 Sección Cuadrículas en el cuadro de dialogo Preferencias 2. Con la opción Ajustar a cuadrícula de documento activada. • Subdivisiones: 8 Esto significa que una línea de cuadrícula principal aparecerá cada 1 pulgada. observe las configuraciones para Horizontal y Vertical. Ajustar objetos a la cuadrícula Es posible lograr que la cuadrícula sea aún más útil al configurar objetos para que se ajusten a ella. estas deberán estar establecidas de la siguiente manera: • Línea de cuadrícula cada: 1 pulg. Por supuesto. La cuadrícula de documento aparecerá sobre su documento (Figura 61). Esto cerrará el cuadro de dialogo Preferencias. Esto le permitirá ver la cuadrícula sobre el documento. Haga clic en OK. Desactive la casilla Cuadrículas detrás situada en la parte inferior del cuadro de dialogo. los objeto se posicionarán automáticamente siguiendo las líneas de la cuadrícula. probablemente querrá esconder la cuadrícula de documento para poder apreciar el trabajo más claramente. en incrementos de 1/8 de pulgada. 4. una vez que los objetos hayan sido posicionados. Seleccione el menú Ver señale Cuadrículas y guías y haga clic en Mostrar cuadrícula de documento. Por defecto. Bajo la sección Cuadrícula de documento. 3. Educational Technology Consulting • 171 . Figura 61 Cuadrícula de documento aplicada Ahora podrá colocar objetos en el documento a lo largo de esta cuadrícula. y esta a su vez estará subdividida 8 veces.

172 • Educational Technology Consulting . Haga clic en la orilla del rectángulo que dibujó y arrástrelo hacia alguna sección del documento. es posible ubicar un cuadro de texto en el centro horizontal exacto de la página o alinearlo con el margen izquierdo. los márgenes de la pagina. Arrastre sobre el documento para dibujar un pequeño rectángulo. Herramienta Selección Herramienta Rectángulo Figura 62 Barra de herramientas 3. También es posible seleccionar tres cuadros de texto y distribuirlos de manera uniforme a lo largo del margen izquierdo. al utilizar el panel Alinear.Diseño Visual CS4 Actividad 1. con relación a una página. 2. Este es el efecto de la opción Ajustar a cuadrícula de documento. Seleccione el menú Ver señale Cuadrículas y guías y haga clic en Ajustar a cuadrícula de documento. 4. Por ejemplo. De nueva cuenta. pero puede ahorrarse mucho tiempo al utilizar el panel Alinear. es posible realizar esto a mano. Seleccione la Herramienta Selección en la Barra de herramientas (Figura 62). 5. Figura 63 Objeto ajustado a la cuadrícula Uso del panel Alinear El panel Alinear (Figura 64) ofrece una serie de herramientas para organizar objetos relacionados entre sí. y pliegos. A medida que lo haga. sentirá como el rectángulo se aferra a la cusdrícula (Figura 63). Seleccione la Herramienta Rectángulo en la Barra de herramientas (Figura 62).

derechos. derechos. derechos. Opción de alineación Alinear objetos Alinear con selección Reorganiza los objetos en relación con los bordes izquierdos. superiores e inferiores y los centros verticales u horizontales a lo largo de todo lo alto (vertical) o ancho (horizontal) a través del pliego. centro vertical y así sucesivamente. Alinear con página Reorganiza los objetos en relación con el borde izquierdo de la página. Distribuye tres o más selecciones de acuerdo con los bordes izquierdos. superiores e inferiores o los centros horizontales y verticales. derechos. Distribuir objetos Distribuye tres o más selecciones de acuerdo con los bordes izquierdos. superiores e inferiores y los centros verticales u horizontales a lo largo de todo lo alto (vertical) o ancho (horizontal) entre los márgenes. Distribuir objetos: Nivela los espacios entre una serie de objetos. superiores e inferiores y los centros verticales u horizontales a lo largo de todo lo alto (vertical) o ancho (horizontal) de la página. superiores e inferiores de la página o los centra entre los márgenes. Los bordes son determinados por el cuadro circundante al rededor de cada objeto seleccionado. Distribuye tres o más selecciones de acuerdo con los bordes izquierdos. Educational Technology Consulting • 173 . Alinear con márgenes Reorganiza los objetos en relación con los márgenes izquierdos. centros verticales u horizontales. Alinear con pliego Reorganiza los objetos en relación con los bordes izquierdos. superiores e inferiores. Distribuye tres o más selecciones de acuerdo con los bordes izquierdos. derechos. derechos. Para cada una de estas opciones. superiores e inferiores del borde izquierdo de todo el pliego o en el centro del pliego. derechos. es posible seleccionar una de las siguientes opciones de ubicación de alineación: • Alinear con selección • Alinear con página • Alinear con márgenes • Alinear con pliego La siguiente tabla describe como las opciones Alinear objetos y Distribuir objetos funcionan con estas cuatro opciones.Diseño Gráfico con Fireworks CS4 Figura 64 Panel Alinear El panel Alinear tiene dos grupos de opciones: Alinear Objetos: Organizar objetos a lo largo de una línea horizontal o vertical.

Figura 66 Panel Alinear 7. Seleccione el menú Ventana señale Composición y elija Alinear para mostrar el panel Alinear (Figura 66). arrastre cada marco y acomódelos de forma que no se sobrepongan entre ellos (Figura 65). Es posible utilizar el panel Alinear para ordenarlos de una forma ordenada y organizada. 174 • Educational Technology Consulting . Por ejemplo. 3. 6. Con el marco de la figura aun seleccionado. seleccione el menú Edición y elija Duplicar. Haga clic en la Herramienta Selección en la Barra de herramientas. Arrastre sobre el documento con la Herramienta Selección hasta que haya seleccionado todos los objetos (Figura 65). Repita para crear varias formas rectangulares de igual tamaño. Figura 65 Marcos sin alinear 5. 4. Actividad 1. Seleccione la herramienta Rectángulo y arrastre sobre la imagen para crear un marco rectangular. Los rectángulos se alínean a los bordes izquierdos (Figura 67). Con la Herramienta Selección. seleccione Alinear con selección y luego Alinear bordes izquierdos. los marcos en la Figura 65 están organizados al azar. 2.Diseño Visual CS4 El panel Alinear le ayuda a organizar marcos y formas de manera rápida. Para alinear los bordes izquierdos de los marcos. uniforme y ordenada.

Observe que los espacios entre los pares de marcos son iguales (Figura 68).Diseño Gráfico con Fireworks CS4 Figura 67 Rectángulos alineados a los bordes izquierdos Este comando alinea los objetos seleccionados considerando sus bordes izquierdos. Figura 68 Rectángulos con centros distribuidos verticalmente Cómo preparar archivos para su impresión El preparar archivos que serán impresos involucra los siguientes pasos: • Configurar las especificaciones de la impresora • Utilizar una comprobación preliminar para confirmar que el archivo tiene todos los componentes necesarios para su impresión. seleccione Alinear con selección y luego Distribuir centros verticales. derecha o centro de la página o con el lado izquierdo. • Empaquetar los archivos para impresión Educational Technology Consulting • 175 . También es posible alinear los objetos con la izquierda. Para distribuir los marcos por igual. 8. derecho o centro de los márgenes.

Figura 70 Área Configuración del cuadro de dialogo Imprimir 176 • Educational Technology Consulting .Diseño Visual CS4 Para mayor información acerca de procesos de impresión. Elija el menú Archivo y haga clic en Imprimir.. Figura 69 Cuadro de dialogo Imprimir 3. En el panel izquierdo.adobe. Debajo de Opciones. 4. imprimibles en el cuadro desplegable Imprimir capas. (página en inglés) Enviar a impresión La configuración de la impresora se establece a través del cuadro de dialogo Imprimir de Adobe InDesign CS4. Esto significa que todo lo que vea en el documento de InDesign se imprimirá. deje seleccionada la opción Capas visibles. Aparecerá el área Configuración del cuadro de dialogo Imprimir (Figura 70). consulte el Adobe Print Resource Center at www. 5. Actividad 1. seleccione las páginas que quiera imprimir. Enla sección Páginas.. configurará su impresora y luego mandará impresiones a la misma. 2. seleccione Configuración. En los siguientes pasos. Aparecerá el cuadro de dialogo Imprimir (Figura 69) con el área General seleccionada en el panel izquierdo.com/go/ print_resource. Inicie InDesign y abra un documento para imprimir.

Las Marcas de recorte le muestran en donde recortar su documento. En el panel izquierdo.Diseño Gráfico con Fireworks CS4 6. Seleccione Todas las marcas de impresora. En la configuración de Salida. Esto le dice a InDesign que debe imprimir todas las marcas que le permitirán cortar su documento en el tamaño deseado. generalmente necesitará recortar su documento después de imprimirlo. En Tamaño de papel. Educational Technology Consulting • 177 . tiene la opción de seleccionar las dimensiones del papel en su impresora. este mostrará todas las marcas de impresión (Figura 73). Seleccione Salida en el panel izquierdo. 9. seleccione Letter. Marcas de impresora Figura 71 Área de Marcas y sangrado en el cuadro de diálogo Imprimir 8. El área de Salida en el cuadro de dialogo Imprimir aparecerá (Figura 72). seleccione Marcas y sangrado para desplegar el área Marcas y sangrado del cuadro de dialogo Imprimir (Figura 71). Sin embargo. asegúrese de que esté seleccionado RGB compuesto en el menú desplegable Color. Cuando el documento se imprima. Deje el resto de las otras opciones sin cambios. Este es el tamaño de papel por defecto en la mayoría de las impresoras. Figura 72 Área Salida del cuadro de dialogo Imprimir 10. Debido a que las impresoras no imprimen hasta el borde de la página. 11. y haga clic en Imprimir para imprimir el documento. 7. Vea la Figura 73 para ver un ejemplo de marcas.

las fuentes utilizadas en el documento. Estos requerimientos han sido establecidos para asegurar que las copias impresas que reciba luzcan como lo espera. Preparar un PDF/X-1 para ser enviado a una imprenta El formato de archivo PDF/X-1 es ampliamente utilizado por imprentas en los Estados Unidos. las imprentas cuentan con requerimientos muy específicos cuando imprimen. Lo más recomendable es convertir las imágenes a CMYK TIFF en Photoshop antes de utilizarlas en un archivo InDesign. y cualquier archivo de imagen utilizado en él. htm o use el manual de usuario de Adobe Acrobat. Estos incluyen el archivo InDesign en sí. tal como las imágenes RGB.Diseño Visual CS4 Figura 73 Archivo impreso Enviar archivos a una imprenta A diferencia de la impresora que tiene en casa o en la escuela.. La mayoría de las imprentas imprimen los proyectos en uno de los dos siguientes formatos: • PDF/X-1: Tipo especial de PDF que restringe características del PDF (tales como comentarios) que puedan interferir con el proceso de impresión.es/apuntes/pdf. necesitará asegurarse de que las imágenes en su documento sean CMYK. Seleccione el manú Archivo y elija Exportar. campos de formularios y comentarios. usted estará pagando para que se impriman sus diseños. Inicie InDesign y abra el documento que quiere preparar para ser enviado a una imprenta. Nota Debido a que PDF/X1 excluye todas las imágenes RGB. consulte http://www. Aparecerá el cuadro de dialogo Exportar (Figura 74).. Figura 74 Cuadro de dialogo Exportar 178 • Educational Technology Consulting . 2. Actividad 1. • Archivos nativos: Grupo de archivos que fueron usados para crear el documento en InDesign. Después de todo. se dará cuenta que el cumplir con estos requisitos conlleva a tener menos problemas con las imprentas. A medida que gane experiencia como diseñador. Para mayor información. anotaciones.grafikas. el PDF/X-1 es un archivo PDF que excluye lo que sea que pueda interferir con la producción de un trabajo de calidad.

Nota Tenga cuidado de no guardar el documento en Adobe Acrobat 9. Para revisar los errores de Comprobación preliminar haga clic en los triangulos. Actividad 1. En el menú desplegable Valor de Adobe PDF. Se abrirá el panel Comprobación preliminar. 7. Envío de archivos nativos a una imprenta Algunas imprentas solicitan que envíe los archivos nativos para ser impresos. 6. El archivo lucirá como cualquier PDF. El cuadro de dialogo Exportar Adobe PDF aparecerá (Figura 75). seleccione [PDF/X-1a:2001]. busque la ubicación del archivo exportado y ábralo. Los archivos nativos consisten en lo siguiente: • El archivo InDesign del proyecto • Cualquier imagen utilizada en el proyecto • Cualquier fuente utilizada en el proyecto Para preparar los archivos nativos. 4. señale Salida y haga clic en Comprobación preliminar. Seleccione el menú Ventana. lo cual significa que el documento podría ya no cumplir con el estándar PDF/X-1a:2001. Cuando la exportación esté completa.Diseño Gráfico con Fireworks CS4 3. Cierre el archivo sin guardar los cambios. Uso de la Comprobación preliminar Utilice una característica en InDesign llamada Comprobación preliminar que confirma que todas las imágenes y las fuentes utilizadas en el archivo estén disponibles para su impresión. y haga clic en Exportar. en caso de haberlos. Educational Technology Consulting • 179 . para expandir la lista. Especifique un nombre y una ubicación para el archivo. Figura 75 Cuadro de dialogo Exportar Adobe PDF 5. primero verifique que todos los archivos apropiados estén disponibles. Deje las otras opciones sin cambios. Aparecerá un mensaje mostrando el progreso de la exportación. El guardar el documento podría cambiar las configuraciones. Elija Adobe PDF en el menú desplegable Tipo (Windows) o el manú Formato (Mac OS). 2. 8. Haga clic en Guardar. y luego empaquete estos archivos en una carpeta para enviarla a la imprenta. sin comentarios u otras características.

la imagen 5. Si la imagen no se encuentra en su sitema. en el panel comprobación preliminar. En este ejemplo el vínculo 5. Se habre el panel Vínculos y le muestra todas las imágenes insertadas en el documento. Para localizar la imagen en su sitema.jpg no se encuentra disponible. Las imágenes con vínculos no disponibles son marcados con un signo de interrogación (Figura 77) Figura 77 Panel Vínculos con información de vehículo 5. haga doble clic sobre el ícono de signo de interrogación. 4. para localizarlo en su documento. Haga doble clic en el vínculo no disponible. 180 • Educational Technology Consulting . Figure 76 Área Error del panel Comprobación preliminar 3. Aparece el cuadro de diálogo Buscar (Figura78). En la Figura 76 la Comprobación preliminar encontró cinco vínculos de imágen no disponibles. el impresor no podrá imprimir correctamente su documento. En la Figura 77. deberá copiarla en él antes de continuar. Elija el menú Ventana y haga clic en Vínculos. Sin el archivo de imagen.jpg no se encuentra disponible.Diseño Visual CS4 Los problemas encontrados son enlistados de acuerdo al tipo de error y número de página.

Esta opcion no está disponible si múltiples fuentes están seleccionadas. 10. Para reemplazar la fuente. de la lista Reemplazar con y haga alguno de los pasos siguientes: • Para cambiar sólo una de las secciones de texto que contiene alguna de las fuentes seleccionadas haga clic en Cambiar. Se cierra el cuadro de diálogo Buscar. localice la imagen faltante. con la que desea reemplazarla. Regrese al panel Comprobación preliminar. • Para cambiar la fuente sólo en esa sección de texto y hayar despues la siguiente sección de texto. Educational Technology Consulting • 181 .Diseño Gráfico con Fireworks CS4 Figura 78 Cuadro de diálogo Buscar 6. Si desea que cualquier párrafo o estilo de caracter que incluya la fuente sea localizado paras er sustituido. En el cuadro de dialogo Buscar. Figura 79 Cuadro de diálogo Buscar fuente 11. Seleccione el nombre de la fuente no disponible en la lista de fuentes en documento (Figura79). seleccione la nueva fuente. seleccione Redefinir estilo al cambiar todo. Haga doble clic en la fuente no disponible en el panel Comprobación preliminar para encontrar el texto que contiene la fuente no disponible dentro del documento. En caso de salir el cuadro de diálogo Información haga clic en OK. 9. Elija el menú Texto y haga clic en Buscar fuente.. sin embargo aún existe un error de Fuente no disponible. El errorde los vínculos no disponibles está resuelto. hafga clic en Cambiar todo. Esta opción no está disponible si ha seleccionado múltiples fuentes. 8.. haga clic en Cambiar/Buscar. Seleccione la imagen y haga clic en Abrir. 7. • Para cambiar todas las instancias que contengan la fuente seleccionada de la lista. Se abre el cuadro de diálogo buscar fuente.

pero la utilería Empaquetar en InDesign le ayuda a que este proceso sea mucho más fácil. Figura 81 Cuadro de dialogo Empaquetar documento 182 • Educational Technology Consulting .. 3. y número telefónico. • Cualquier instrucción para la impresión. correo electrónico. El cuadro de dialogo Empaquetar aparecerá. Es posible realizar esto de forma manual.Diseño Visual CS4 Cuándo no haya más instancias de la fuente no disponible dentro de su documento. Haga clic en Continuar. El cuadro de dialogo Empaquetar documento aparecerá (Figura 81). Regrese al panel Comprobación preliminar y confirme que todos los errores han sido resueltos. El cuadro de dialogo Instrucciones de impresión se cerrará. para abrir el cuadro de diálogo Instrucciones de impresión (Figura 80). Haga clic en Empaquetar. Actividad 1. Figura 80 Cuadro de dialogo Instrucciones de impresión 2. 12. dirección. incluyendo la compañía. el nombre de la fuente es removido de la lista de Fuentes en el documento. debe reunir en una sola carpeta. Empaquetando archivos para una imprenta Cuando se empaqueta un archivo. Introduzca la siguiente información: • Su información de contacto. Seleccioneel menú Archivo y elija Empaquetar.. tal como el número de copias o la fecha en que la imprenta deba llamarle. todos los recursos que necesitará la imprenta para imprimir el archivo...

InDesign creará el paquete del documento. Es posible utilizar Adobe Acrobat 9 Professional para crear una presentación de esas características al tomar ventaja del modo Pantalla completa de Acrobat. una página es simplemente reemplazada por una nueva. Educational Technology Consulting • 183 . 5. abrir un PDF que combine sus diseños para tarjetas de presentación. Navegue a la carpeta en su sistema en donde coloco el paquete (Figura 82). monitores o proyectores digitales. Se pueden configurar las preferencias para que un PDF se abra de manera automática en modo Pantalla completa. una carpeta Fonts (de fuentes) y una carpeta Links (de enlaces).. 7. Haga clic en Empaquetar. Aún cuando la mayoría de las imprentas cuenten con una copia de la fuente que esté utilizando. Cómo crear una presentación PDF Muchos diseñadores encuentran de utilidad el mostrar sus portafolios en presentaciones de diapositivas digitales a través de laptops. Ahora ya puede enviar el paquete a una imprenta. Aparecerá el cuadro de dialogo Propiedades del documento (Figura 83). 2. Acrobat avanza a la siguiente página del documento. • Copiar gráficos vinculados. pero es posible usar la transición de páginas para hacer que la pagina se disuelva o se le aplique un barrido hacia una nueva página. Para hacer que un PDF se abra automáticamente en modo Pantalla completa: Actividad 1. Cuando un usuario hace clic en una página. un archivo de texto con sus instrucciones. Por defecto. Cuando un documento está en modo Pantalla completa. Aparecerá un cuadro de dialogo advirtiéndole acerca de copiar las fuentes. 9. Verá los archivos para las imágenes que fueron incluidas en el documento. 8.. En el cuadro de dialogo Empaquetar documento. • Actualizar vínculos de gráficos en paquete.Diseño Gráfico con Fireworks CS4 4. Figura 82 Carpeta que contiene el paquete La carpeta contiene un archivo indd. También es posible agregar botones de navegación al show de diapositivas. Seleccione las siguientes opciones: • Copiar fuentes. Muchas compañías de fuentes. le permiten enviar una copia de sus fuentes a la imprenta. Puede por ejemplo. También se puede especificar como ocurrirá la transición de las páginas para que los usuarios puedan ver y navegar por un PDF como en un show de diapositivas. Cierre o minimice InDesign. los usuarios pueden navegar a través de sus páginas al hacer clic sobre ellas. Seleccione el menú Archivo y haga clic en Propiedades. 6. localice una carpeta para empaquetar el documento. Verifique su licencia de fuentes para asegurarse de esto. Abra la carpeta Links. envíeles la fuente para asegurarse de que es la correcta. Inicie Adobe Acrobat 9 Professional y abra un documento que contenga varias páginas. como Adobe. Haga clic en OK en el cuadro de dialogo Aviso.

para desplegar el cuadro de dialogo Preferencias. 2. Seleccione Sí en el cuadro del mensaje.. Haga clic en Aceptar. 3. La presentación avanzara a la siguiente página. El archivo se abrirá en modo a Pantalla completa. Observe que una página simplemente reemplaza a la otra. Para salir del modo Pantalla completa de Adobe Acrobat oprima la tecla Escape. haga clic en ella para poder verla.. Seleccione el menú Edición y haga clic en Preferencias. Haga clic en Pantalla completa en la sección Categorias para mostrar el área Pantalla completa en el cuadro de dialogo Preferencias (Figura 84). 5. Agregar botones de navegación a una presentación Acrobat tiene botones de navegación incorporados que pueden ser agregados a su presentación. Para regresar. Esto cerrará el cuadro de dialogo Propiedades del documento. puede dar clic derecho (Windows) o seleccionar la tecla Control y hacer clic (Mac OS). 9. 6. Guarde el archivo y cierre Acrobat. Haga doble clic en el archivo para abrirlo de nuevo. 8. Actividad 1. En la siguiente sección aprenderá a modificar esta transición. Si la ficha Vista inicial no se encuentra desplegada. Nota Podría aparecer un mensaje. 4. Estos botones están disponibles como una opción en el área Pantalla completa del cuadro de dialogo Preferencias. 184 • Educational Technology Consulting . advirtiéndole que el archive que intenta abrir será mostrado en modo Pantalla completa.Diseño Visual CS4 Figura 83 Cuadro de dialogo Propiedades del documento 3. 7. Abra un documento con varias páginas en Acrobat. Haga clic en cualquier parte de la página. En la sección Opciones de Ventana seleccione la opción Abrir en modo Pantalla completa.

Haga clic en Aceptar para cerrar el cuadro de dialogo Preferencias. Actividad 1. barridos. disoluciones y así sucesivamente – pueden añadirle interés a su documento. Seleccione la opción Mostrar barra de navegación.. Por ejemplo. Seleccione el menú Avanzadas señale Proceso de documentos y haga clci en Transiciones de página. y utilizar la misma transición a lo largo de toda la presentación. tal vez quiera utilizarlas con moderación para no crear una distracción sobre el contenido. Abra un documento con varias páginas en Acrobat. Seleccione el menú Ver y haga clic en Modo Pantalla completa. Haga clic en el ícono regresar (la hoja blanca con una flecha) para salir del modo Pantalla completa.. Educational Technology Consulting • 185 . podría seleccionar una transición sencilla como una atenuación. Aparecerá el cuadro de dialogo Definir transiciones (Figura 86). 5. Observe que los botones de navegación aparecen en la esquina inferior izquierda de la presentación (Figura 85). De la misma forma que con muchas características multimedia. 6. 2.Diseño Gráfico con Fireworks CS4 Figura 84 Área Pantalla completa del cuadro de dialogo Preferencias 4. Figura 85 Botones de navegación en una presentación 7. Agregar una transición de página Las transiciones de página – atenuaciones.

2. Haga clic en la página para observar la transición. Seleccione una velocidad para la transición. Esto se logra a través del mismo cuadro de diálogo Definir transiciones. Seleccione el menú Ver y haga clic en Modo Pantalla completa. 186 • Educational Technology Consulting . 4. Actividad 1. por ejemplo Lenta.Diseño Visual CS4 Figura 86 Cuadro de dialogo Definir transiciones 3.. el cual utilizo en la sección anterior. Abra un documento de varias páginas en Acrobat. 8. Seleccione Aceptar para cerrar el cuadro de dialogo Definir transiciones. 6. Aparecerá el cuadro de diálogo Definir transiciones (Figura 87). por ejemplo Disolución. 5. Cómo hacer que las transiciones avancen automáticamente En algunos casos. Presione la tecla Escape para salir del modo Pantalla completa. tal vez quiera configurar una presentación cambie automáticamente. señale Proceso de documentos y haga clic en Transiciones de página. Seleccione el menú Avanzadas.. 7. Seleccione una transición del menú Transición.

Seleccione el menú Ver y haga clic en Modo Pantalla completa. para desplegar el cuadro de dialogo Preferencias. Seleccione una cantidad de segundos en el menú debajo de Voltear automáticamente. Esto asegura que su presentación continúe después de llegar a la última página. 4. 5. Educational Technology Consulting • 187 . Guarde el archivo con el nombre presentación. para desplegar el área Pantalla completa del cuadro de dialogo Preferencias (Figura 88). Haga clic en Aceptar para cerrar el cuadro de dialogo Preferencias. 11. en la sección categrías. 10. 6. Seleccione la opción Voltear automáticamente. Seleccione el menú Edición y elija Preferencias.. Observe que la presentación avanza por si sola y que se reinicia al alcanzar la ultima pagina. 9. Figura 88 Área Pantalla completa del cuadro de dialogo Preferencias 8. Haga clic en Aceptar para cerrar el cuadro de dialogo Definir transiciones. 7. Seleccione la opción Ir al principio tras última página.. De ser necesario haga clic en Pantalla completa. 12.Diseño Gráfico con Fireworks CS4 Figura 87 Cuadro de dialogo Definir transiciones con la opción Voltear automáticamente seleccionada 3. Salga del modo Pantalla completa.

Sign up to vote on this title
UsefulNot useful