Diseo Grfico

Abrid cualquier revista o libro que os haya gustado, por su encantador diseo a todo color, por la forma atrayente de presentar la informacin, o cualquier otro motivo: podemos hacerlo en casa! Y probablemente no necesitamos nada que ya no tengamos o que no podamos conseguir fcilmente. Los artculos de esta seccin exploran el diseo grfico digital, para publicar en papel, en soporte electrnico o en Internet: el manejo de texto y de imagen de forma armoniosa y aprovechando las mltiples herramientas disponibles. stas son las secciones principales; a partir de cada unoa de ellas se accede a varios artculos sobre cada tema; tambin se puede consultar el ndice general o mapa del sitio para ver una lista desarrollada de todos los artculos de este Manual de diseo digital:

Generalidades Las muchas posibilidades que nos ofrece el ordenador para el diseo grfico fomentan la creatividad y la experimentacin. Tratamos algunos aspectos bsicos del estudio grfico digital: composicin, color, manejo de textos, organizacin de imgenes... Tambin revisamos cules son los programas ms tiles para la autoedicin, el dibujo y la pintura digitales, con interesantes consejos. Herramientas digitales para el diseo grfico Durante la ltima dcada ha cambiado por completo el proceso de produccin editorial, y como se preparan los textos y grficos que constituyen las publicaciones impresas o digitales. Los sistemas digitales se han impuesto por completo.

Los programas que son la esencia de la autoedicin o composicin digital de documentos son: 1. Los programas de composicin de pgina, como Pagemaker, QuarkXpress o Indesign. Pretenden hacer lo mismo algunas alternativas ms domsticas como el Publisher de Microsoft o Serif PagePlus. 2. Aplicaciones de ilustracin (o dibujo vectorial) como Illustrator, CorelDraw o Freehand. 3. Utilidades de tratamiento de imgenes y fotografas, como Photoshop o Paintshop Pro. De hecho, estos ltimos aos se ha dado una tendencia a engordar estos programas, aadiendo prestaciones, de modo que pueden llevar a acabo tareas de casi las tres bases de la autoedicin comentadas. La consecuencia principal ha sido la aparicin de programas monstruosos, innecesariamente complicados, devoradores de recursos y lentos, que a veces hacen aorar las primeras versiones, ms rpidas simples y fiables, y con un mejor enfoque en trabajos especficos. De todos estos programas, y de lo que ofrecen hablamos en la segunda seccin. La forma de trabajar y los formatos de archivo que usaremos depende mucho de si el producto final ser una publicacin escrita o si ser un documento para colgar en la red. Discutiremos ms en detalle la obtencin y procesamiento de las imgenes y los formatos de archivo que se emplean en cada caso en las secciones de Ilustracin Digital y Manejo de las imgenes. Una buena forma de entender cmo ha cambiado la idea tradicional que podamos tener de la publicacin de revistas, libros, boletines, etctera, es pensar en lo que supone la Web, la www. Adems, en parte impulsados gracias a Internet, surgen en los ltimos aos nuevos sistemas de publicacin digital, como el formato Acrobat PDF formato de documento porttil con unas muy interesantes cualidades que tambin tratamos en estas pginas. Finalmente, la Galera contiene una coleccin de enlaces tiles para aprender ms o ver ejemplos interesantes. Tambin discutimos alternativas de diseo que suelen dar los mejores resultados. Disear con sentido comn. En esta primera seccin analizamos algunos elementos bsicos del diseo digital, tanto por lo que se refiere al manejo de grficos, texto, color... y su combinacin (los artculos figuran en las barras de navegacin laterales en la parte superior de la pgina.) El problema principal es a la vista de todas estas posibilidades querer hacerlo todo, todo al tiempo y todo mezclado...y esto lleva rpidamente a resultados caticos. Pero es difcil resistirse. Al preparar estos materiales no he podido evitar caer en la tentacin... querer usar ms colores, ms tipos de letra, ms imgenes, ms recursos...

Debemos tener en mente una cosa: no slo por el hecho de que nos sea posible manejar miles de colores, centenares de letras, docenas de efectos especiales, y poder combinar todo de un milln de maneras, no significa que debamos hacerlo. Nuestros trabajos, nuestras publicaciones, no han de parecer un catlogo de colores de pintura o un cartel de circo (a menos que, deliberadamente queramos conseguir tal efecto.) Las reglas bsicas del diseo son aplicables tambin al diseo digital. La simplicidad, consistencia, una buena composicin, son una garanta de buenos resultados, como lo eran antes de la invencin de los ordenadores. Citamos algunas recomendaciones generales para el diseo grfico, segn los mejores especialistas: El diseo ha de servir al contenido, y debe elaborarse en funcin de ste. El diseo debe estar bien organizado o estructurado. Debe existir contraste entre los elementos, ayudando a diferenciarlos, pero dentro de una unidad. Los elementos clave deben enfatizarse. Un buen diseo a menudo tiende a la simplicidad. La consistencia debe ser un criterio prioritario. Por tanto, un requisito previo antes de pretender hacer algo de calidad, con ordenador o sin l, es pasar por la biblioteca o la librera y repasar bien algunos manuales de diseo. De los editados en castellano destacan las editoriales G.Gili y Blume. La oferta en ingls es mucho ms amplia, al igual que las Webs que se dedican a temas de diseo grfico y autoedicin, de las que nos hacemos eco en diferentes secciones de este sitio.

Editores de texto Uno de los principales motivos por los que la mayora de gente compraba ordenadores (antes de popularizarse los juegos multimedia e internet) era tener un procesador de textos en casa. Este programa, como pieza clave de los ordenadores domsticos y de oficina, es sin duda una de las herramientas ms pobremente entendidas y mal utilizadas del mundo. Se ha utilizado como una mquina de escribir sofisticada, cuando eso es slo el principio de lo que puede ofrecernos. Un procesador de textos y una buena impresora (lser o inkjet) se parece ms a una imprenta profesional que a la vieja mquina de escribir mecnica. Texto con o sin formato Es cierto que los primeros procesadores de textos, combinados con una rudimentaria impresora matricial, no ofrecan mucho ms que la venerable y escandalosa Olivetti. Pero estamos hablando de hace ya mucho tiempo. Estos ltimos aos, los procesadores han incorporado unas prestaciones que entran de lleno en lo que se consideraba antes autoedicin, e incluso edicin profesional.

La calidad de un documento que ahora preparamos en Word, StarWrite, Wordperfecto o un programa similar, no tiene nada que envidiar al producto de una imprenta. Pero el programa no lo har pos s solo; deben tenerse en cuenta unos cuantos criterios de diseo de pgina, tipografa y, sobre todo, buen gusto y sentido comn. Algunas de las prestaciones interesantes que incorporan estos modernos procesadores facilitan mucho que obtengamos estos resultados. Para ello, cada programa maneja sus propios cdigos y los ficheros que genera suelen ser especficos del programa, y de la versin con que se han preparado. De ah muchos problemas para abrir documentos de un procesador en otro distinto, o para manejar versiones distintas. Para no tener problemas de formato, muchos expertos recomiendan lo siguiente: primero escribir, sin preocuparse de letras, tamaos, espaciados... al tener todo el escrito preparado ya se aplicar el estilo. Adems, puede guardarse el texto sin formato (.txt) para reutilizarlo si es necesario, en cualquier otro programa. Los programas trabajan en un modo wysiwyg (lo que ves es lo que se obtiene tericamente, al menos.) Suelen ir ms deprisa en modo borrador o normal, de manera que a menudo es prctico trabajar as y de tanto en tanto ver la presentacin preliminar del documento. Adaptar la interfaz del programa. Las barras de iconos de la parte superior de la pantalla facilitan la aplicacin de estilo al texto: siempre es ms fcil hacer un solo clic en el icono que desplegar el men correspondiente y elegir la opcin deseada. Dado que las barras de iconos son configurables y suelen estar superpobladas, podemos eliminar todos aquellos botones que raramente utilizamos y, en cambio, colocar aquello que s usamos con frecuencia. Por ejemplo, para pasar a negrita, basta hacer clic sobre el icono con la N... y si aprendemos algunos atajos de teclado, an podemos ahorrar ms tiempo, viajando menos del teclado al ratn y del centro de la pantalla a la barra del men y viceversa. Los atajos ms prcticos son los de edicin: copiar, cortar, pegar... para ver la combinacin de teclas que los activa, basta echar un vistazo al lado de las opciones del men Edicin: Ctrl + C: copia; Ctrl + V: pega; Ctrl + X: Corta. Las principales se aprenden en seguida y ahorran mucho tiempo. A pesar de que todos los procesadores actuales funcionan con ratn, para desplazamientos por el texto sigue siendo mejor usar el teclado: las teclas de direccin (las flechas) permiten un movimiento rpido y fino, y en combinacin con otras teclas permiten selecciones rpidas. Control tipogrfico. Los procesadores de texto son capaces de realizar un buen tratamiento tipogrfico. Debe tenerse en cuenta una serie de recomendaciones que citaremos aqu; el programa las activa en diferentes opciones de sus mens de formato de prrafo y fuente.

Versales (o versalitas). Si empleamos texto en mayscula como nfasis, o queremos incluir siglas, como ONU, OTAN... es preferible utilizar las versales, unas pequeas minsculas ms elegantes en combinacin con el texto normal. Aunque existen variantes de tipografas especficamente diseadas para funcionar como versales (las variantes SC de small caps), el programa puede simularlas con cualquier tipo de letra. No queda tan profesional, pero es aceptable: mejor que las maysculas ordinarias. Conversin maysculas a minsculas. Si tenemos problemas con textos que incluyen partes en mayscula que debieran ser minsculas o tipo oracin, o situaciones semejantes, puede solucionarse rpidamente sin reescribir. Por ejemplo, en Word, elegimos Formato | Cambiar Maysculas y Minsculas y automticamente se arreglar segn indiquemos. El artculo siguiente de esta seccin trata este punto en detalle. Incluir grficos e ilustraciones. Aunque los ejemplos de clipart que incluyen los programas suelen ser horrorosos, tambin pueden incorporarse imgenes originales en formatos estndar, como bmp, tif o jpg. Tendremos diversas opciones para colocar la imagen y rodearla de texto, incluso siguiendo el contorno irregular de la imagen. Texto distribuido en columnas. Puede hacerse fcilmente para la totalidad o parte del documento; las columnas pueden ser o no simtricas y variarse el espacio entre ellas. No es una prestacin tan avanzada como la que tienen los programas de maquetacin digital, pero es ms que suficiente. Uso de tablas y tabuladores. Permiten una distribucin exacta en columnas y filas del texto y de datos. Esta opcin es necesaria para listados, ndices... si optamos por utilizar una tabla, puede configurarse el tamao de las celdas, el tipo de contorno, color de las casillas, y mucho ms. Autocorreccin. Aunque la correccin automtica de ortografa puede resultar desesperante, tiene detalles interesantes: los programas corrigen las comillas normales " ", por comillas tipogrficas , sustituyen dos guiones - - por un guin largo , ponen en mayscula automticamente la primera letra de un prrafo y otros detalles. Por otro lado, es conveniente hacer que el programa revise la ortografa al terminar de escribir. Uso de estilos La gestin de estilos tal vez una de las ms notables caractersticas (i la ms infrautilizada por usuarios que, sin duda, se beneficiaran mucho de ella.) Con los estilos, el trabajo de aplicar formato al texto se simplifica y potencia mucho. Si definimos los estilos antes de comenzar a teclear el texto, no deberemos ocuparnos ms de definir tipos de letra, tamao, alineacin, espaciado... con una sola vez se aplicar decenas o centenares de veces, sin equivocaciones. Por la importancia que tiene el uso de estilos, en especial para documentos largos y pginas web, lo discutimos con mayor detalle en otra seccin de esta web. Un beneficio adicional de los estilos esta vez al margen de la aplicacin de formato est en la facilidad con la que obtendremos una tabla de contenidos o ndice, generada automticamente por el programa a partir de los Ttulos de nivel 1, de nivel 2... cuerpo de texto, etc. y adems tambin podemos utilizar una muy til funcin llamada mapa del documento, que permite visualizar la estructura del documento y moverse rpidamente de una

seccin a otra, nuevamente en base a las definiciones de estilo. Esta funcin es especialmente til para escritos en los que sea importante la estructuracin y relacin de las partes con el todo (por ejemplo, para los contenidos de una web.) Ms detalles sobre procesadores de texto y tratamiento avanzado de textos en la pgina siguiente: texto y autoedicin. Textos y autoedicin Aunque los procesadores de textos han recorrido un largo camino desde la inhspita pantalla en blanco y negro de los aos 80, un procesador est pensado para documentos de oficina o correspondencia, informes, apuntes... pero no par un uso intensivo de imagen o tratamientos especiales del texto. Por ejemplo, podramos escribir fcilmente una novela o un libro de poesa tal como se imprimira, pero difcilmente seramos capaces de maquetar una revista, un catlogo a color o un folleto informativo con alto contenido grfico. Las soluciones ms profesionales para estos propsitos son los progamas de DTP (de desktop publishing, o Autoedicin.) Estos programas tienen funcione mucho ms avanzadas para el diseo de las pginas, el manejo de bloques de texto, control tipogrfico, gestin del color y colocacin de imgenes. Una aplicacin adicional que ha dado un nuevo sentido a este tipo de programas es la generacin de ficheros PDF, en los cuales todas las decisiones de diseo de pgina y tipografa se mantienen fielmente para el lector. La forma en que los programas DTP manejan el texto es bastante diferente, y mucho ms flexible, que en un procesador. Los textos y grficos se pegan como si fueran recortes que se pueden mover libremente por la pgina, o de una pgina a otra; reservarse al lado de la pgina, sobre la mesa de trabajo. El texto que no cabe en un bloque, fluye hacia otro bloque, que se indica con le programa. Esto permite composiciones complejas y creativas de texto e imagen, como las que tenemos en las revistas o catlogos; por otra parte, tambin puede automatizarse el flujo de texto para crear distribuciones ms regulares y simples (como en el texto de un informe o un libro.)

Software de maquetacin. Los programas de autoedicin o maquetacin de pginas no son precisamente aplicaciones caseras (con algunas excepciones), y tienen su mbito de aplicacin esencialmente en el mundo de las artes grficas. Los ms utilizados son: Adobe InDesign/Adobe Pagemaker. ste ltimo lleg hasta la versin 6.5, pero ha sido sustitudo por InDesign como herramienta de maquetacin muy bien integrada con programas de grficos del mismo fabricante, y con una interfaz semejante. QuarkXpress es estrictamente una herramienta profesional, la que suelen utilizar en las imprentas. Segn parece, el programa no sirve ms que para publicaciones impresas y tiene escaso o nulo soporte para edicin de html o para la pantalla. Muchas limitaciones del programa se suplen con lo que se denominan Xtensions plugins que incorporan nuevas funciones y que deben adquirirse por separado. Corel Ventura es un viejo programa que despus de muchas vicisitudes fue adquirido por Corel. Algunas versiones de CorelDraw (como la versin 5 de hace unos aos) incluan Ventura, pero ahora se vende por separado. No se utiliza mucho, porque en el pasado, segn parece, ha tenido poca fiabilidad (cosa que tambin ha pasado con algunas versiones del propio Draw.)

El usuario domstico o no profesional, tiene a su disposicin dos programas no muy caros que hacen la tarea de maquetar ms o menos decentemente: Microsoft Publisher y Serif Page Plus. El segundo es ms econmico puede encontrarse por menos de 5000 pts y es una ganga, puesto que tiene muchas ms prestaciones que Publisher: se acerca ms al mbito profesional. Publisher, por su parte, est en muchos hogares por el hecho de venir includo en distintos paquetes de software domstico y en ocasiones por ofrecerse includo con la compra de un pc. Para terminar, sealar que, igual que la frontera entre procesadores y programas de maquetacin se ha hecho borrosa con las ltimas versiones, tambin hay una aproximacin de los programas de diseo grfico (CorelDraw, Illustrator, Freehand) a los de DTP. Las funciones de texto y grficos que incorporan los programas mencionados los convierten en aptas herramientas para la produccin de publicaciones ricas en grficos. De este tro, es Freehand sobre todo el que se utiliza mucho para la produccin de publicaciones cortas (catlogos, folletos, trpticos, informes.) Solucionar problemas con el texto. Evitar problemas con los prrafos. Maneras simples de evitar problemas comunes, como las lneas de un prrafo que quedan hurfanas del resto, pginas que comienzan con espacios en blanco, espacios que aparecen donde no debieran al cambiar el tamao del texto... Utilizando los atributos de prrafo para controlar su separacin, interlineado y sangras; evitar dos retornos de carro al final de prrafo. Si queris mover texto a una posicin especfica, utilizad tablas o tabuladores, y no la barra espaciadora. Nunca debe forzarse el paso de una palabra a la lnea siguiente con espacios en blanco o tabuladores: se puede romper la lnea sin comenzar un nuevo prrafo con Mays + Retorno. Y si se quiere forzar una pgina nueva, no debe hacerse aadiendo retornos de carro: se puede conseguir con Control + Retorno. Para ms sugerencias, aconsejamos un vistazo a la seccin que trata de normas bsicas sobre el texto. Lneas danzarinas. Seguro que os ha sucedido alguna vez. Al abrir en el procesador de texto un documento de texto, las lneas quedan cortadas donde les da la gana. Hay retornos manuales de carro por todas partes. Esto pasa cuando a) el que ha escrito el texto no sabe que el ordenador ajusta el ancho de las lneas automticamente, o b) que el texto est importado de una pgina web o de un formato distinto, y ha emplazado retornos de carro all donde aparecan originalmente. Existe una solucin rpida para este embrollo. Pero, por favor, no os dediquis a corregir las cuatrocientas pginas lnea a lnea. Leed esto. La manera ms fcil de arreglar este desaguisado, es utilizar un programa como NoteTab, que lo soluciona de golpe y automticamente. Yo lo considero imprescindible para una persona que escriba o maneje textos con frecuencia. Casi todas las personas que conozco!

Bieeen, no tenis NoteTab y queris arreglarlo desde Word mismo, o desde vuestro procesador. Tambin puede hacerse, pero lleva algo ms de trabajo. Id a edicin>reemplazar. En la opcin de Buscar (aparecer un recuadro como el de la imagen), teclead ^p. Este carcter significa un retorno de carro manual para el programa. Substituidlo por un espacio en blanco. Ya est solucionado. Pero para complicar las cosas, mucha gente separa prrafos con dos o ms retornos (cosa que no debe hacerse, insistimos.) Entonces, cmo distinguir las separaciones entre prrafos que queremos cambiar de las que no? Una posibilidad es repetir el truco anterior prrafo a prrafo y decidir qu queremos cambiar y qu no. Pero si el documento es largo, se har eterno. Es preferible realizar una doble sustitucin. Primero, eliminamos los retornos mltiples entre prrafos. Observad si son dobles, triples o lo que sea. Id a edicin>reemplazar i teclead buscar: ^P^P (suponemos aqu que los espacios son dobles) y en reemplazar con: escribid caracteres que no aparecen en el documento, por ejemplo el smbolo del dlar $$ (evidentemente, si NO sale en el documento!) Mirad la figura adjunta para ver el cuadro de dilogo con el que se hace este arreglo. Ahora haremos la sustitucin dentro de cada prrafo (^p por espacios), como antes, y finalmente, sustituiremos $$ por un solo espacio entre prrafos. Asunto solucionado. Insistimos de nuevo en que para separar los prrafos en un procesador de textos, no debe hacerse nunca con mltiples retornos. sta es realmente una chapuza que debe evitarse, puesto que todos los procesadores tienen una opcin para controlar la separacin entre prrafos, o la sangra de la primera lnea: sta es la herramienta que debe utilizarse. Note Tab Un programa que entra en la categora de los imprescindibles. Cuando alguien me comenta los problemas que tiene para recuperar archivos de texto preparados en un programa distinto al que maneja, o que l mismo prepar en una versin diferente del mismo programa, me convenzo ms de la importancia de guardar siempre una versin del texto sin formato (.txt) Este texto es recuperable desde cualquier programa y en diferentes sistemas operativos, sin problemas. Para aplicar luego el estilo deseado al texto (tipos de letra, negritas, cursivas...) puede hacerse dentro del procesador de textos que se quiera, mientras se repasa el contenido. Cualquier procesador de texto puede guardar lo escrito en este tipo de archivo (con la opcin guardar como... o exportar...) Si queremos editar directamente texto sin formato, podemos hacerlo con la utilidad que incluye Windows, el " bloc de notes". Inicialmente est en Archivos de programa>Accesorios>Bloc de notas. Si lo usamos con frecuencia, conviene aadir un acceso directo en la barra de tareas o el escritorio.

Las principales limitaciones del bloc de notas de windows son 1) no permite abrir archivos de un cierto tamao; 2) las capacidades de edicin que tienen son miserables. Solucin: emplear el WordPad (tambin includo en Windows) o un procesador de textos como Word o StarWrite, y guardar al final como texto sin formato (.txt). Pero os sugerir un programa mucho mejor para esto. Es gratis y no me cansar nunca de recomendarlo, porque me ha ahorrado mucho tiempo de tarea tediosa y tiene ms prestaciones de las que podis imaginar. Creo que yo empleo una mnima parte de sus opciones, y an as ahorro montones de trabajo. Esta maravilla se llama NoteTab Light, y puede descargarse libremente de la red.

NoteTab corrige automticamente las separaciones incorrectas entre prrafos, y muchos otros problemas frecuentes al pasar texto de un programa a otro. De NoteTab es difcil destacar una sola cosa. Os pondr un ejemplo: cada vez que tenis el problema comentado antes, de un documento con retornos de carro al final de cada lnea, cmo lo solucionis? NoteTab lo hace solito, y con una sola orden. I as, mil cosas ms. Descargadlo, ya. Textos y autoedicin Aunque los procesadores de textos han recorrido un largo camino desde la inhspita pantalla en blanco y negro de los aos 80, un procesador est pensado para documentos de oficina o correspondencia, informes, apuntes... pero no par un uso intensivo de imagen o tratamientos especiales del texto. Por ejemplo, podramos escribir fcilmente una novela o un libro de poesa tal como se imprimira, pero difcilmente seramos capaces de maquetar una revista, un catlogo a color o un folleto informativo con alto contenido grfico. Las soluciones ms profesionales para estos propsitos son los progamas de DTP (de desktop publishing, o Autoedicin.) Estos programas tienen funcione mucho ms avanzadas para el diseo de las pginas, el manejo de bloques de texto, control tipogrfico, gestin del color y colocacin de imgenes. Una aplicacin adicional que ha dado un nuevo sentido a este tipo de programas es la generacin de ficheros PDF, en los cuales todas las decisiones de diseo de pgina y tipografa se mantienen fielmente para el lector. La forma en que los programas DTP manejan el texto es bastante diferente, y mucho ms flexible, que en un procesador. Los textos y grficos se pegan como si fueran recortes que se pueden mover libremente por la pgina, o de una pgina a otra; reservarse al lado de la pgina, sobre la mesa de trabajo. El texto que no cabe en un bloque, fluye hacia otro bloque, que se indica con le programa. Esto permite composiciones complejas y creativas de texto e imagen, como las que tenemos en las

revistas o catlogos; por otra parte, tambin puede automatizarse el flujo de texto para crear distribuciones ms regulares y simples (como en el texto de un informe o un libro.) Software de maquetacin. Los programas de autoedicin o maquetacin de pginas no son precisamente aplicaciones caseras (con algunas excepciones), y tienen su mbito de aplicacin esencialmente en el mundo de las artes grficas. Los ms utilizados son: Adobe InDesign/Adobe Pagemaker. ste ltimo lleg hasta la versin 6.5, pero ha sido sustitudo por InDesign como herramienta de maquetacin muy bien integrada con programas de grficos del mismo fabricante, y con una interfaz semejante. QuarkXpress es estrictamente una herramienta profesional, la que suelen utilizar en las imprentas. Segn parece, el programa no sirve ms que para publicaciones impresas y tiene escaso o nulo soporte para edicin de html o para la pantalla. Muchas limitaciones del programa se suplen con lo que se denominan Xtensions plugins que incorporan nuevas funciones y que deben adquirirse por separado. Corel Ventura es un viejo programa que despus de muchas vicisitudes fue adquirido por Corel. Algunas versiones de CorelDraw (como la versin 5 de hace unos aos) incluan Ventura, pero ahora se vende por separado. No se utiliza mucho, porque en el pasado, segn parece, ha tenido poca fiabilidad (cosa que tambin ha pasado con algunas versiones del propio Draw.) El usuario domstico o no profesional, tiene a su disposicin dos programas no muy caros que hacen la tarea de maquetar ms o menos decentemente: Microsoft Publisher y Serif Page Plus. El segundo es ms econmico puede encontrarse por menos de 5000 pts y es una ganga, puesto que tiene muchas ms prestaciones que Publisher: se acerca ms al mbito profesional. Publisher, por su parte, est en muchos hogares por el hecho de venir includo en distintos paquetes de software domstico y en ocasiones por ofrecerse includo con la compra de un pc. Para terminar, sealar que, igual que la frontera entre procesadores y programas de maquetacin se ha hecho borrosa con las ltimas versiones, tambin hay una aproximacin de los programas de diseo grfico (CorelDraw, Illustrator, Freehand) a los de DTP. Las funciones de texto y grficos que incorporan los programas mencionados los convierten en aptas herramientas para la produccin de publicaciones ricas en grficos. De este tro, es Freehand sobre todo el que se utiliza mucho para la produccin de publicaciones cortas (catlogos, folletos, trpticos, informes.) Solucionar problemas con el texto. Evitar problemas con los prrafos. Maneras simples de evitar problemas comunes, como las lneas de un prrafo que quedan hurfanas del resto, pginas que comienzan con espacios en blanco, espacios que aparecen donde no debieran al cambiar el tamao del texto... Utilizando los atributos de prrafo para controlar su separacin, interlineado y sangras; evitar dos retornos de carro al final de prrafo. Si queris mover texto a una posicin especfica, utilizad tablas o tabuladores, y no la barra espaciadora. Nunca debe forzarse el paso de una palabra a la lnea siguiente con espacios en blanco o tabuladores: se puede romper la lnea sin comenzar un nuevo prrafo con Mays + Retorno. Y si se quiere forzar una pgina nueva, no debe hacerse aadiendo retornos de carro: se puede conseguir con Control + Retorno.

Para ms sugerencias, aconsejamos un vistazo a la seccin que trata de normas bsicas sobre el texto. Lneas danzarinas. Seguro que os ha sucedido alguna vez. Al abrir en el procesador de texto un documento de texto, las lneas quedan cortadas donde les da la gana. Hay retornos manuales de carro por todas partes. Esto pasa cuando a) el que ha escrito el texto no sabe que el ordenador ajusta el ancho de las lneas automticamente, o b) que el texto est importado de una pgina web o de un formato distinto, y ha emplazado retornos de carro all donde aparecan originalmente. Existe una solucin rpida para este embrollo. Pero, por favor, no os dediquis a corregir las cuatrocientas pginas lnea a lnea. Leed esto. La manera ms fcil de arreglar este desaguisado, es utilizar un programa como NoteTab, que lo soluciona de golpe y automticamente. Yo lo considero imprescindible para una persona que escriba o maneje textos con frecuencia. Casi todas las personas que conozco! Bieeen, no tenis NoteTab y queris arreglarlo desde Word mismo, o desde vuestro procesador. Tambin puede hacerse, pero lleva algo ms de trabajo. Id a edicin>reemplazar. En la opcin de Buscar (aparecer un recuadro como el de la imagen), teclead ^p. Este carcter significa un retorno de carro manual para el programa. Substituidlo por un espacio en blanco. Ya est solucionado. Pero para complicar las cosas, mucha gente separa prrafos con dos o ms retornos (cosa que no debe hacerse, insistimos.) Entonces, cmo distinguir las separaciones entre prrafos que queremos cambiar de las que no? Una posibilidad es repetir el truco anterior prrafo a prrafo y decidir qu queremos cambiar y qu no. Pero si el documento es largo, se har eterno. Es preferible realizar una doble sustitucin. Primero, eliminamos los retornos mltiples entre prrafos. Observad si son dobles, triples o lo que sea. Id a edicin>reemplazar i teclead buscar: ^P^P (suponemos aqu que los espacios son dobles) y en reemplazar con: escribid caracteres que no aparecen en el documento, por ejemplo el smbolo del dlar $$ (evidentemente, si NO sale en el documento!) Mirad la figura adjunta para ver el cuadro de dilogo con el que se hace este arreglo. Ahora haremos la sustitucin dentro de cada prrafo (^p por espacios), como antes, y finalmente, sustituiremos $$ por un solo espacio entre prrafos. Asunto solucionado. Insistimos de nuevo en que para separar los prrafos en un procesador de textos, no debe hacerse nunca con mltiples retornos. sta es realmente una chapuza que debe evitarse, puesto que todos los procesadores tienen una opcin para controlar la separacin entre prrafos, o la sangra de la primera lnea: sta es la herramienta que debe utilizarse.

Note Tab Un programa que entra en la categora de los imprescindibles. Cuando alguien me comenta los problemas que tiene para recuperar archivos de texto preparados en un programa distinto al que maneja, o que l mismo prepar en una versin diferente del mismo programa, me convenzo ms de la importancia de guardar siempre una versin del texto sin formato (.txt) Este texto es recuperable desde cualquier programa y en diferentes sistemas operativos, sin problemas. Para aplicar luego el estilo deseado al texto (tipos de letra, negritas, cursivas...) puede hacerse dentro del procesador de textos que se quiera, mientras se repasa el contenido. Cualquier procesador de texto puede guardar lo escrito en este tipo de archivo (con la opcin guardar como... o exportar...) Si queremos editar directamente texto sin formato, podemos hacerlo con la utilidad que incluye Windows, el " bloc de notes". Inicialmente est en Archivos de programa>Accesorios>Bloc de notas. Si lo usamos con frecuencia, conviene aadir un acceso directo en la barra de tareas o el escritorio. Las principales limitaciones del bloc de notas de windows son 1) no permite abrir archivos de un cierto tamao; 2) las capacidades de edicin que tienen son miserables. Solucin: emplear el WordPad (tambin includo en Windows) o un procesador de textos como Word o StarWrite, y guardar al final como texto sin formato (.txt). Pero os sugerir un programa mucho mejor para esto. Es gratis y no me cansar nunca de recomendarlo, porque me ha ahorrado mucho tiempo de tarea tediosa y tiene ms prestaciones de las que podis imaginar. Creo que yo empleo una mnima parte de sus opciones, y an as ahorro montones de trabajo. Esta maravilla se llama NoteTab Light, y puede descargarse libremente de la red.

NoteTab corrige automticamente las separaciones incorrectas entre prrafos, y muchos otros problemas frecuentes al pasar texto de un programa a otro. De NoteTab es difcil destacar una sola cosa. Os pondr un ejemplo: cada vez que tenis el problema comentado antes, de un documento con retornos de carro al final de cada lnea, cmo lo solucionis? NoteTab lo hace solito, y con una sola orden. I as, mil cosas ms. Descargadlo, ya. Textos y autoedicin Aunque los procesadores de textos han recorrido un largo camino desde la inhspita pantalla en blanco y negro de los aos 80, un procesador est pensado para documentos de oficina o

correspondencia, informes, apuntes... pero no par un uso intensivo de imagen o tratamientos especiales del texto. Por ejemplo, podramos escribir fcilmente una novela o un libro de poesa tal como se imprimira, pero difcilmente seramos capaces de maquetar una revista, un catlogo a color o un folleto informativo con alto contenido grfico. Las soluciones ms profesionales para estos propsitos son los progamas de DTP (de desktop publishing, o Autoedicin.) Estos programas tienen funcione mucho ms avanzadas para el diseo de las pginas, el manejo de bloques de texto, control tipogrfico, gestin del color y colocacin de imgenes. Una aplicacin adicional que ha dado un nuevo sentido a este tipo de programas es la generacin de ficheros PDF, en los cuales todas las decisiones de diseo de pgina y tipografa se mantienen fielmente para el lector. La forma en que los programas DTP manejan el texto es bastante diferente, y mucho ms flexible, que en un procesador. Los textos y grficos se pegan como si fueran recortes que se pueden mover libremente por la pgina, o de una pgina a otra; reservarse al lado de la pgina, sobre la mesa de trabajo. El texto que no cabe en un bloque, fluye hacia otro bloque, que se indica con le programa. Esto permite composiciones complejas y creativas de texto e imagen, como las que tenemos en las revistas o catlogos; por otra parte, tambin puede automatizarse el flujo de texto para crear distribuciones ms regulares y simples (como en el texto de un informe o un libro.) Software de maquetacin. Los programas de autoedicin o maquetacin de pginas no son precisamente aplicaciones caseras (con algunas excepciones), y tienen su mbito de aplicacin esencialmente en el mundo de las artes grficas. Los ms utilizados son: Adobe InDesign/Adobe Pagemaker. ste ltimo lleg hasta la versin 6.5, pero ha sido sustitudo por InDesign como herramienta de maquetacin muy bien integrada con programas de grficos del mismo fabricante, y con una interfaz semejante. QuarkXpress es estrictamente una herramienta profesional, la que suelen utilizar en las imprentas. Segn parece, el programa no sirve ms que para publicaciones impresas y tiene escaso o nulo soporte para edicin de html o para la pantalla. Muchas limitaciones del programa se suplen con lo que se denominan Xtensions plugins que incorporan nuevas funciones y que deben adquirirse por separado. Corel Ventura es un viejo programa que despus de muchas vicisitudes fue adquirido por Corel. Algunas versiones de CorelDraw (como la versin 5 de hace unos aos) incluan Ventura, pero ahora se vende por separado. No se utiliza mucho, porque en el pasado, segn parece, ha tenido poca fiabilidad (cosa que tambin ha pasado con algunas versiones del propio Draw.) El usuario domstico o no profesional, tiene a su disposicin dos programas no muy caros que hacen la tarea de maquetar ms o menos decentemente: Microsoft Publisher y Serif Page Plus. El segundo es ms econmico puede encontrarse por menos de 5000 pts y es una ganga, puesto que tiene muchas ms prestaciones que Publisher: se acerca ms al mbito profesional. Publisher, por su parte, est en muchos hogares por el hecho de venir includo en distintos paquetes de software domstico y en ocasiones por ofrecerse includo con la compra de un pc. Para terminar, sealar que, igual que la frontera entre procesadores y programas de maquetacin se ha hecho borrosa con las ltimas versiones, tambin hay una aproximacin de los programas de diseo grfico (CorelDraw, Illustrator, Freehand) a los de DTP. Las funciones de texto y grficos que incorporan los programas mencionados los

convierten en aptas herramientas para la produccin de publicaciones ricas en grficos. De este tro, es Freehand sobre todo el que se utiliza mucho para la produccin de publicaciones cortas (catlogos, folletos, trpticos, informes.) Solucionar problemas con el texto. Evitar problemas con los prrafos. Maneras simples de evitar problemas comunes, como las lneas de un prrafo que quedan hurfanas del resto, pginas que comienzan con espacios en blanco, espacios que aparecen donde no debieran al cambiar el tamao del texto... Utilizando los atributos de prrafo para controlar su separacin, interlineado y sangras; evitar dos retornos de carro al final de prrafo. Si queris mover texto a una posicin especfica, utilizad tablas o tabuladores, y no la barra espaciadora. Nunca debe forzarse el paso de una palabra a la lnea siguiente con espacios en blanco o tabuladores: se puede romper la lnea sin comenzar un nuevo prrafo con Mays + Retorno. Y si se quiere forzar una pgina nueva, no debe hacerse aadiendo retornos de carro: se puede conseguir con Control + Retorno. Para ms sugerencias, aconsejamos un vistazo a la seccin que trata de normas bsicas sobre el texto. Lneas danzarinas. Seguro que os ha sucedido alguna vez. Al abrir en el procesador de texto un documento de texto, las lneas quedan cortadas donde les da la gana. Hay retornos manuales de carro por todas partes. Esto pasa cuando a) el que ha escrito el texto no sabe que el ordenador ajusta el ancho de las lneas automticamente, o b) que el texto est importado de una pgina web o de un formato distinto, y ha emplazado retornos de carro all donde aparecan originalmente. Existe una solucin rpida para este embrollo. Pero, por favor, no os dediquis a corregir las cuatrocientas pginas lnea a lnea. Leed esto. La manera ms fcil de arreglar este desaguisado, es utilizar un programa como NoteTab, que lo soluciona de golpe y automticamente. Yo lo considero imprescindible para una persona que escriba o maneje textos con frecuencia. Casi todas las personas que conozco! Bieeen, no tenis NoteTab y queris arreglarlo desde Word mismo, o desde vuestro procesador. Tambin puede hacerse, pero lleva algo ms de trabajo. Id a edicin>reemplazar. En la opcin de Buscar (aparecer un recuadro como el de la imagen), teclead ^p. Este carcter significa un retorno de carro manual para el programa. Substituidlo por un espacio en blanco. Ya est solucionado. Pero para complicar las cosas, mucha gente separa prrafos con dos o ms retornos (cosa que no debe hacerse, insistimos.) Entonces, cmo distinguir las separaciones entre prrafos que queremos cambiar de las que no? Una posibilidad es repetir el truco anterior prrafo a prrafo y decidir qu queremos cambiar y qu no. Pero si el documento es largo, se har eterno. Es preferible realizar una doble sustitucin. Primero, eliminamos los retornos mltiples entre prrafos. Observad si son dobles, triples o lo que sea. Id a edicin>reemplazar i teclead buscar:

^P^P (suponemos aqu que los espacios son dobles) y en reemplazar con: escribid caracteres que no aparecen en el documento, por ejemplo el smbolo del dlar $$ (evidentemente, si NO sale en el documento!) Mirad la figura adjunta para ver el cuadro de dilogo con el que se hace este arreglo. Ahora haremos la sustitucin dentro de cada prrafo (^p por espacios), como antes, y finalmente, sustituiremos $$ por un solo espacio entre prrafos. Asunto solucionado. Insistimos de nuevo en que para separar los prrafos en un procesador de textos, no debe hacerse nunca con mltiples retornos. sta es realmente una chapuza que debe evitarse, puesto que todos los procesadores tienen una opcin para controlar la separacin entre prrafos, o la sangra de la primera lnea: sta es la herramienta que debe utilizarse. Note Tab Un programa que entra en la categora de los imprescindibles. Cuando alguien me comenta los problemas que tiene para recuperar archivos de texto preparados en un programa distinto al que maneja, o que l mismo prepar en una versin diferente del mismo programa, me convenzo ms de la importancia de guardar siempre una versin del texto sin formato (.txt) Este texto es recuperable desde cualquier programa y en diferentes sistemas operativos, sin problemas. Para aplicar luego el estilo deseado al texto (tipos de letra, negritas, cursivas...) puede hacerse dentro del procesador de textos que se quiera, mientras se repasa el contenido. Cualquier procesador de texto puede guardar lo escrito en este tipo de archivo (con la opcin guardar como... o exportar...) Si queremos editar directamente texto sin formato, podemos hacerlo con la utilidad que incluye Windows, el " bloc de notes". Inicialmente est en Archivos de programa>Accesorios>Bloc de notas. Si lo usamos con frecuencia, conviene aadir un acceso directo en la barra de tareas o el escritorio. Las principales limitaciones del bloc de notas de windows son 1) no permite abrir archivos de un cierto tamao; 2) las capacidades de edicin que tienen son miserables. Solucin: emplear el WordPad (tambin includo en Windows) o un procesador de textos como Word o StarWrite, y guardar al final como texto sin formato (.txt). Pero os sugerir un programa mucho mejor para esto. Es gratis y no me cansar nunca de recomendarlo, porque me ha ahorrado mucho tiempo de tarea tediosa y tiene ms prestaciones de las que podis imaginar. Creo que yo empleo una mnima parte de sus opciones, y an as ahorro montones de trabajo. Esta maravilla se llama NoteTab Light, y puede descargarse libremente de la red.

NoteTab corrige automticamente las separaciones incorrectas entre prrafos, y muchos otros problemas frecuentes al pasar texto de un programa a otro. De NoteTab es difcil destacar una sola cosa. Os pondr un ejemplo: cada vez que tenis el problema comentado antes, de un documento con retornos de carro al final de cada lnea, cmo lo solucionis? NoteTab lo hace solito, y con una sola orden. I as, mil cosas ms. Descargadlo, ya.

Programas para edicin de grficos e imagen Casi toda la industria editorial actual exceptuando prensas artesanales se basa en medios infogrficos. La clave del tratamiento de las imgenes son los programas de grficos, que podemos dividir en dos categoras principales: programas de pintura (o tambin de retoque fotogrfico) y programas de dibujo (o tambin de ilustracin vectorial.) Esta divisin obedece a la manera que tienen estos programas de crear y manejar las imgenes. Para ver ms cosas sobre ilustracin e imagen digital, hemos dedicado al tema una seccin completa.

Ideas para aplicar los programas de grficos. Evidentemente, sirven para incorporar imgenes a nuestros documentos impresos o en pantalla. Esto puede darles vida y proporcionar impacto. Es fcil obtener imgenes ya preparadas (clipart) o obtenerlas a partir de un escner o cmara fotogrfica. Si es necesario, podemos crearlas a partir de cero. El problema principal del clipart barato el que viene includo con los

programas es que las imgenes no son precisamente lo que se dice muy refinadas. Debemos andar con tiento al incorporarlas en determinados documentos, puesto que pueden decir poco a favor del diseador y proyectar una imagen opuesta a la que pretendemos. Hemos redactado algunas recomendaciones sobre clipart en LINK Crear mapas, esquemas visuales, planos y diagramas no puede ser ms sencillo una vez se domina el uso bsico de estas aplicaciones. Unas pocas imgenes y un uso sensato del color pueden transformar muy positivamente un cartel, un anuncio... Podemos aadir un toque especial a los logotipos y tipografas que utilicemos. Podmos modificar imgenes que querramos utilizar pero presentan algn problema: partes sobrantes, imperfecciones, colores inadecuados... Programas para grficos. Los programas de pintura (Paint) son tambin los mismos que se emplean para el retoque fotogrfico y para efectuar montajes de imgenes. Los archivos de imagen de estos programas son una especie de mosaico de puntos minsculos cada punto es un pxel o elemento de la pantalla al que asignan colores para formar la imagen. Resultado: ficheros aptos para fotografas, imgenes con un aspecto de pintura o dibujo natural y, en general, para cualquier imagen que deba verse o imprimirse a una resolucin constante. Los programas de dibujo o ilustracin (Draw) crean las formas como objetos geomtricos: una combinacin de lneas rectas y curvas, abiertas o cerradas, con un contorno de grosor i color a elegir, y con relleno o sin l. Los objetos pueden ordenarse unos respecto de otros, agruparse o mantenerse independientes. Resultado: grficos que difcilmente pueden ser tan realistas como los bitmaps, pero que pueden escalarse a cualquier tamao sin perder calidad. Idneos para ilustraciones lineales y estilizadas, esquemas, texto y dibujo tcnico. Estas dos categoras no son absolutamente estancas: cada programa puede llevar a cabo algunas funciones propias del otro: por ejemplo, trazar contornos vectoriales para seleccionar partes de un bitmap, o aplicar bitmaps como relleno de un objeto vectorial. Estos ltimos aos han aparecido programas que son, de hecho, una combinacin de ambos sistemas de creacin de grficos. Son programas enfocados al mundo de la creacin grfica para la web: programas innovadores como Fireworks o Deneba Canvas. finalmente, citar programas como Expression o RealDraw que hacen ms difusa an la frontera entre programas de dibujo y de pintura, con sus espectaculares efectos naturales aplicados en un entorno vectorial. Qu tenemos gratis o casi? Qu oferta de programas de grficos tenemos sin tener que abrir la cartera, o por poco dinero? No mucho, la verdad. Windows lleva, de serie, un muy bsico programa de pintura, Paint (se puede encontrar en Programas | Accesorios.) Para grficos simples, incluso con texto aadido, puede servir. Pero si tenemos mayores ambiciones, existen otras opciones. Ved el comentario que

dedicamos en la seccin de Cheapware a programas como PaintShop Pro. La casa Micrografx ofrece toda su lnea de programas de grficos, includo Picture Publisher , a un precio de ganga (se puede adquirir incluso en quioscos de prensa.) Por lo que respecta a programas de dibujo vectorial, si no tenis CorelDraw, aprovechad el precio de ganga que suele tener la versin anterior a la actual. Por unos mil duretes se puede comprar un paquete completo de dibujo y pintura (Draw y PhotoPaint), de calibre profesional y con una tonelada de clipart y fuentes. Estos aadidos no son un regalo sin importancia: hay mil fuentes, muchas de ellas originales de casas especializadas como ITC o Bitstream que cuestan cada una, de comprarse individualmente, tanto como el paquete completo de Corel. Segn este criterio, el programa incluye gratis centenares de dlares en fuentes... lo dicho: una ganga. Un paquete semejante, econmico, pero no tan bueno, es el de Micrografx (Windows Draw o Designer.) Como alternativa, si no tenis ms que un inters por formas vectoriales bsicas, probad el programa de dibujo que incluye MS-Works (MS Draw) o el que incluye Star Office (StarDraw), que no est nada mal. Este ltimo es gratis, como toda la suite de StarOffice. Otro programa muy sencillo y gratuito de dibujo vectorial es Mayura Draw (puede obtenerse de la web de su fabricante.) Ofrecen gratis la versin anterior; la ms reciente se puede obtener en versin de evaluacin y tiene algunas funciones muy avanzadas, como la exportacin de vectores SVG, el prximo estndar de la www. Las elecciones ms profesionales. Algunos de los programas de tratamiento de imgenes ms corrientes, y de mbito ms bien profesional y con un precio en correspondencia son, dentro de los programas de pintura, Adobe Photoshop, Corel PhotoPaint, MetaCreations Painter, Ulead PhotoImpact, o el mismo PaintShop Pro en sus ltimas versiones. Existe un producto freeware, Gimp, que exista inicialmente slo en versin para Linux, pero que se est portando al entorno Windows. Por lo que respecta a los programas de ilustracin, los ms conocidos son, aparte de CorelDraw, Adobe Illustrator, Macromedia Freehand y Xara, todos ellos excelentes y, en el caso de los tres primeros, con una fiera competencia para situarse como herramienta de los diseadores profesionales. A diferencia de los programas de pintura, entre los que domina una opcin muy claramente (Photoshop), los tres principales programas de ilustracin tienen partidarios y detractores y mantienen usuarios fieles. Ideas para la maquetacin o layout

Figuras 1) 2a - 2b) y 3: diferentes alternativas para la distribucin de las cajas de texto y grficos en una publicacin tpica.

Un ejemplo de aplicacin de un layout en columnas asimtricas como el de esta pgina en la pgina equivalente a esta de la versin catalana de Vigital.

La composicin del texto debe tener en cuenta criterios estticos (visuales) y funcionales. Desde este punto de vista, el texto debe ser lo ms legible que se pueda, para facilitar la comprensin. Un texto bien estructurado y con tipografa correcta ayuda mucho a su comprensin. Debemos separar claramente las secciones y subsecciones; aadir elementos que orienten al lector; enfatizar donde convenga, utilizando cursivas o negrita. Pueden incluirse resmenes que destaquen las partes ms significativas; pies de foto o comentarios de las ilustraciones que aclaren o complementen su significado. Los estudios sobre legibilidad muestran que sta depende de dos factores principales: el tipo de letra y la composicin del texto, esencialmente la longitud de las lneas y su espaciado. Obviamente, conviene que tengamos en cuenta estos principios para facilitar al mximo la lectura de nuestros textos. Existen unos valores ptimos para la longitud del texto: con independencia del tamao de ste, lo que facilita la lectura es poder leer tramos de las frases de golpe. Si las lneas son demasiado cortas, la vista debe buscar continuamente el principio de la lnea siguiente y resulta cansado; pero si la lnea es excesivamente larga, tambin resulta fatigoso.

La longitud ptima del texto est entre los 60-70 caracteres, unas 12 palabras de este mismo prrafo. Para una hoja A4 tpica con los mrgenes corrientes de unos 2 o 2,5 cm. y con una nica columna de texto, al tamao estndar de 10 a 12 puntos, el ancho de las lneas resulta ser excesivo. Si el papel es de un formato mayor, como en un peridico, la exageracin de estas longitudes de lnea sera an ms clara. Para mejorar la legibilidad del texto podemos hacer algo muy simple: ensanchar los mrgenes (figura 1), de manera que la columna se contrae proporcionalmente, hasta tener un ancho ms confortable para su lectura. Adems, obtenemos un aspecto ms limpio, ms claro y, en cierta medida, ms lujoso, con el abundante espacio blanco que conseguimos. Como alternativa, podemos distribuir el texto en dos o ms columnas simtricas, como se muestra en la figura 2 (para decidir el nmero de columnas, podemos seguir el mismo criterio de tener un nmero de caracteres por lnea adecuado.) Debemos tener especial cuidado con el tamao de los caracteres en la columna: cuanto ms estrechas sean estas, ms pequeos debern ser los tipos. Si tenemos caracteres muy grandes en una columna muy estrecha, repetiremos el problema de difcil legibilidad, esta vez por el motivo opuesto, y adems el aspecto ser peor. Disear con columnas asimtricas. Este es un modelo de pgina que funciona. Y cuando una cosa funciona, suele utilizarse por todas partes. Muchsimas pginas web, incluidas algunas de las nuestras, se basan en una estructura como la del grfico adjunto (figura 3). Por qu este modelo, que es tan simple, se ha impuesto tan claramente a otras opciones? Los motivos son mltiples: Esta forma de distribuir los componentes de la pgina resulta ptima respecto de diferentes criterios: Legibilidad. Tener la mayor parte del texto colocado dentro de un recuadro, con un ancho de 10-12 palabras, es mucho ms fcil de leer que una sola columna de texto de lado a lado, o que mltiples columnas demasiado estrechas. Claridad. Con este modelo, el visitante-lector identifica claramente dnde est y cules son las secciones a las que puede acceder (con la cabecera o el grfico de la parte superior), dnde est el cuerpo del texto, donde se detalla la informacin (el bloque de la derecha). La pequea columna de la izquierda sirve, en funcin de la Web, para albergar diferentes informaciones: las secciones relacionadas, novedades, resmenes de partes del texto y las ilustraciones, etctera. Familiaridad. Al ser un modelo muy usado, los lectores saben instantneamente dnde buscar la informacin y pistas sobre los contenidos. Simplicidad. Esta opcin de diseo es fcil de preparar y crear una plantilla basada en l para aplicarla donde convenga. Aunque este modelo resulta ideal para las pginas que presentan informacin, con un volumen de texto ms o menos grande, existen otras alternativas que deben considerarse al disear una Web. De las opciones existentes, aquellas que podemos plasmar en papel, en nuestro cuaderno de bocetos, no todas podrn ser trasladadas a la pgina web. Algunas ideas son idneas para su impresin en papel, otras funcionan mejor en forma de hipertexto. Por ejemplo, para una pgina

de ndice puede ser ms recomendable un enfoque ms visual, basado en pequeas imgenes y cortos bloques de texto para ampliar la informacin. Recordamos que encontramos explicado todo aquello relacionado con la organizacin de la informacin y el diseo de pginas en algunos recursos de consulta disponibles en la Web y que adjuntamos en las secciones de enlaces. A destacar la pgina del Manual of Style de la Yale University discute con detalle y claridad todos los aspectos a tener en cuenta a la hora de disear y construir una web. Por ltimo, un pequeo librito que resulta muy til para rpidamente buscar una solucin de maquetacin: el recomendable Recetario de diseo grfico de L.Koren y R.Wippo Meckler (Ed. GG) Organizacin de las imgenes Para trabajos de diseo grfico, tener una coleccin bien organizada de materiales grficos de referencia es imprescindible. Cuando necesitemos una imagen concreta podremos acceder a ella rpidamente. Adems, hojear un archivo grfico es siempre una fuente de inspiracin. Existen materiales que sirven como archivo grfico sin necesidad de hacer nada con ellos: enciclopedias, una buena biblioteca, una coleccin de revistas ya tienen todo ms o menos bien estructurado y fcil de consultar. Pero lo que nos conviene es tener un archivo especfico, elaborado segn nuestros propios criterios. Archivo de papel. Suggerncia categories grfic. 1. Paisatges naturals 2. Arquitectura 3. Interiors, decoraci 4. Objectes diversos 5. Fauna 6. Flora 7. Comestibles 8. Textures. 9. Indumentries 10. Personatges 11. Postures corporals 12. Grups de persones de de

classificaci per un arxiu

13. Cares, retrats 14. Obres d'art 15. Idees interessants diverses: disseny, lletres...

Una forma de aadir materiales al archivo es simplemente repasar las viejas revistas, peridicos, catlogos, sellos, etiquetas y envases... cualquier material impreso, antes de llevarlo al contenedor de papel. Recortamos, arrancamos hojas enteras... todo lo que nos llama la atencin visualmente. Reproducciones de pinturas, ilustraciones interesantes, fotografas, composiciones

atractivas de pgina, texturas, uso de tipografa, logotipos... todo aquello que nos atraiga. Naturalmente, algunas revistas tienen tantas cosas de inters que es mejor dejar las tijeras y guardar el ejemplar completo! A medida que hacemos una sesin de recortar, para ahorrar trabajo, ya podemos colocar los recortes en montoncitos temticos siguiendo el mismo criterio que nuestro archivo grfico. Cul debe ser este criterio de clasificacin? Esto depende de los intereses de cada cual, pero puede ser algo parecido a la tabla de al lado. Para tener a punto un buen archivo ya slo falta pasarlo al soporte que deseemos, sea una caja con separadores, un archivador de oficina, un cuaderno archivador de anillas... las cosas pequeas pueden pegarse en hojas y las ms grandes se guardan tal cual. El archivo grfico ser no slo una valiosa herramienta para el diseo y el dibujo, como referencia y fuente de inspiracin, sino tambin un placer para la vista, un entretenimiento que iremos ampliando y renovando cada vez que aadimos materiales nuevos. Archivo grfico digital. Siguiendo los mismos principios que para un archivo grfico ms convencional, cuando disponemos de muchos ficheros grficos se hace necesario organizarlos temticamente, tanto por una cuestin de simplificar su manejo como para poder verlos ms cmodamente a la busca de ideas.

Dos

tpicos

ejemplos

de

catalogadores digitales de imgenes. Muestran miniaturas de las imgenes de una carpeta y detalles sobre el archivo correspondiente.

Existen diferentes programas que realizan la tarea de organizar los ficheros grficos, o permiten verlos. Todos ellos tienen prestaciones similares: Reconocen un gran nmero de formatos grficos distintos; Muestran miniaturas de las imgenes para verlas ms cmodamente y de forma rpida, y dejan imprimir estos catlogos en miniatura; Permiten incluir comentarios, palabras clave referentes a los ficheros o las carpetas que los contienen, opcin especialmente til para efectuar bsquedas o exportar los listados a una base de datos; Colocan los listados alfabticamente, por tamao, fecha, tipo... Realizan algunas funciones elementales de manejo de ficheros, como cambiar el nombre, mover, copiar, convertir a otro formato... lbumes digitales. Adems del propio navegador de Windows, capaz desde la

versin 98 de mostrar miniaturas de las imgenes, existe una gran variedad de programas organizadores. Para un diseador se hace imprescindible disponer de al menos una de estas utilidades. Este tipo de programas suele manejarse al mismo tiempo que otro programa en el que deban incluirse las imgenes. Por ejemplo, al mismo tiempo que editamos un documento para la web como ste, tenemos a la vista la carpeta que contiene las imgenes disponibles, para poder seleccionarlas de un vistazo. En muchos casos es posible incluso arrastrar y soltar la imagen desde la ventana de las miniaturas hasta la aplicacin en la que se quiere integrar. Empezamos por las soluciones freeware: Irfanview es una utilidad gratuita para visualizar y organizar imgenes, con muchas opciones, rpida y actualizada. Los comentarios que se dedican al programa son muy elogiosos. Adems existen otros programas semejantes, como Slowview y otros. Las que siguen son algunas de las aplicaciones comerciales de este tipo ms utilizadas: ACDSee, un visor muy completo. Es un programa Shareware, y puede probarse gratis. Resulta muy simple de manejar y es altamente configurable; muy sencillo de manejar y destaca la forma en que se muestran las miniaturas y la imagen a tamao real; muestra las animaciones en los ficheros .GIF de este tipo. Tambin aporta una serie de utilidades de manejo de ficheros muy completa. Extensis PortFolio. Es un programa dedicado a la administracin de grandes volmenes de ficheros multimedia e incorpora potentes funciones de manejo de bases de datos de los ficheros indexados, incluyendo palabras clave. Una de las ventajas que tiene es su capacidad de crear miniaturas de archivos pdf y vectoriales en formato AI / EPS. ThumbsPlus, CompuPic Pro y XnView (sta ltima gratis) son otras utilidades semejantes a ACDSee. Paint Shop Browse, incluido en el clsico editor de imgenes shareware Paint Shop Pro a partir de la versin 4. Corel Mosaic , la utilidad de manejo de ficheros grficos que incluye Corel Draw. Especficamente para Corel Draw, existe un organizador de su clip-art muy til y totalmente gratis: se llama RomCat , y es esencialmente una base de datos con los miles de dibujos que incluye la suite de Corel, convenientemente indexados. Se pueden buscar palabras clave de lo que nos interesa y automticamente lo encuentra, muestra una miniatura y permite abrirlo en

Corel sin necesidad de buscar por la selva de carpetas que suponen los CD-Roms de clipart. Si tenis Corel Draw (versin 7 o posterior,) os conviene mucho bajaros esta joya de la web! HTML Imager. Para acabar, existe un programa que se aparta un poco de esta idea de organizadores de imgenes, pero que tiene tambin un inters obvio y funciona de forma parecida. Adems, es completamente gratis, y hablamos de l en la seccin de Cheapware. Se trata de HTML Imager. Lo que hace es crear una pgina web con todas las imgenes GIF i JPG que contenga la carpeta que se le indique. Es una manera rpida de crear catlogos de imgenes en forma de pgina web; como ejemplo, echad un vistazo a los ndices de imgenes de las diferentes secciones de esta web. Un programa anlogo, an mejor que ste, es WebImages to Html, que se puede obtener, tambin gratis tiles esenciales para disear En esta pgina hablamos de una serie de herramientas y sistemas de trabajo que son imprescindibles por diferentes motivos: retculas, guas, plantillas y estilos. Las retculas Casi todos los programas incorporan una opcin de manejar retculas (normalmente una cuadrcula con espaciado configurable.) Esta red que no se imprime sirve como referencia para colocar los diferentes elementos del texto, imagen, tablas... se puede activar la opcin de aproximar los objetos a las lneas de la red y stos se desplazarn, como si fueran atrados por ella, hasta alinearse con la fila y la columna ms prximas. Algunos programas permiten retculas especiales: por ejemplo, Xara 2 tiene la opcin de elegir una cuadrcula isomtrica (ver la figura.) Si dibujamos respecto de esta cuadrcula podemos fcilmente obtener objetos con aspecto tridimensional.

Muchos programas de ilustracin vectorial incorporan un tipo u otro de guas o retcula para facilitar el dibujo en perspectiva: Freehand dispone de una herramienta especial, mientras que para Illustrator existe un plugin especializado; CorelDraw permite fugar en perspectiva los objetos desde las primeras versiones. Guas. Igualmente, puede utilizarse una regla vertical y otra horizontal como referencia, para saber la posicin en que se encuentra un elemento (o el puntero del ratn.) Respecto de estas lneas se

pueden definir unas lneas de gua, que se emplean para colocar con precisin los elementos. La forma habitual de colocar las lneas gua es hacer clic sobre la regla y arrastrar hasta la posicin deseada. Tambin puede variarse la posicin del punto de origen de coordenadas (0,0) con el mismo sistema. Las retculas y las guas son herramientas de gran utilidad cuando lo que cuenta es trabajar con precisin y queremos una estructura de base para organizar la disposicin del diseo. Si hacemos un esbozo en papel, sobre papel cuadriculado, podemos hacer servir las dos retculas para que se correspondan entre s el borrador y el producto definitivo. Debemos tener especial cuidado con las unidades que utiliza el programa. A veces, ser necesario cambiarlas en la opcin correspondientes del programa (normalmente, se accede a este cambio desde una parte del men como Preferencias... Opciones... Configuracin... o similar.) Si debemos trabajar en un diseo para la pantalla, es ms cmodo configurar las unidades como pxels, y elegir un tamao de pgina que se corresponda con la resolucin de monitor elegida (normalmente 640 x 480, 800 x 600 o 1024 x 768.) Si, en cambio, el proyecto est destinado a la impresin en papel, ser mejor definir la red en milmetros o centmetros (cuidado: muchos programas utilizan por defecto pulgadas una pulgada son aproximadamente 2,54 cm.) Las guas son tambin muy tiles para automatizar no slo la colocacin de los elementos en un layout, sino tambin para el recorte preciso de los elementos; esto tiene especial importancia en el desarrollo grfico de diseos ara la web o para la pantalla. Ms informacin en grficos para la web. Las plantillas Las plantillas ahorran el trabajo de repetir los elementos comunes a diferentes partes de un proyecto. Por ejemplo, los elementos de la parte superior, e inferior de la pgina suelen ser constantes: comparten encabezados, nmeros de pgina, una misma distribucin; el rea dedicada a los artculos puede tener una distribucin que se mantiene constante dentro de cada seccin. En este caso vale la pena crear una plantilla para cada seccin de la publicacin que comparta una misma estructura bsica y elementos:

Una plantilla nos permite ahorrar mucho tiempo, puesto que evita definir cada vez el diseo de la pgina o colocar los elementos fijos de la maqueta. Basta con llenar las partes que s han cambiado. Por otra parte, hace posible una consistencia en el aspecto de la publicacin, ayudando al lector a situarse y a sentir una mayor familiaridad. Si el programa que utilizis no tiene una opcin especfica para plantillas (si est en ingls, ser templates) podis hacerlo muy fcilmente. Preparad el documento base y guardadlo con el nombre que os convenga, haciendo referencia a que se trata de una plantilla. Por ejemplo, plantilla_seccion.ext (ext: la extensin correspondiente.) A continuacin, abrid el fichero en la aplicacin e introducid las modificaciones necesarias para, digamos, un artculo. Para guardar este artculo, el documento con los cambios realizados, cada vez daremos un nombre nuevo, para no escribir sobre la plantilla, que debe mantenerse invariable: (Archivo | guardar como...) Variaciones sobre el tema de las plantillas. Una variante del sistema de plantillas la tenemos en programas que permiten abrir una imagen como esquema para colocar elementos encima, o calcarla, sin posibilidad de alterar aquella imagen de fondo, y sin que sta interfiera para nada. Por ejemplo, el editor de pginas web Dreamweaver permite abrir una imagen, la coloca al fondo con un color atenuado respecto del original, y as podemos situar los elementos de la pgina web con una precisin de un pxel. La imagen no formar parte de la pgina html ni se ver; slo es un recurso para el diseo. Muchos diseadores utilizan esta posibilidad, porque preparan un esbozo de cmo quieren la pgina, al tamao real de la pantalla (con Photoshop, Illustrator u otro programa), guardan la imagen como .gif o .jpg y la utilizan despus de referencia de este modo. Por su parte, el uso especial de plantillas que hace Adobe Illustrator es emplear una imagen como pauta para dibujar. Nuevamente, no se imprimen ni se alteran para nada con el trabajo del programa, pero permiten dibujar encima como si calcramos. Estilos Los estilos son otra forma de ahorrar tiempo y conferir consistencia a los trabajos dentro de un programa. La idea es, sencillamente, separar los contenidos y el formato. Por ejemplo, decidimos los atributos que ha de tener el texto, los que deben tener los encabezados, un pie de foto... y

cada vez que marcamos un texto como uno de estos elementos del documento, automticamente aplicar todo el formato que previamente hayamos decidido. Dado que los estilos pueden reutilizarse en diferentes documentos, el ahorro de tiempo puede ser enorme. Aplicar un solo cambio a la definicin del estilo puede actualizar todos los textos de tantos documentos como se desee. Adems, no nos equivocaremos nunca al elegir tamaos de texto, interlineado, tipos de letra, porque todo lo unifica para todas las partes donde se haya aplicado el estilo. Cambios automticos con los estilos. Uno de los alicientes de usar estilos est en la modificacin de todo el aspecto de un gran documento (o de un conjunto de ellos) con slo modificar los atributos de la definicin de estilo. Por ejemplo, si cambiamos el color de los ttulos y subttulos en la definicin de estilo, siempre que tengamos uno de estos elementos, aunque sean docenas, dispersos en muchas pginas, todo se actualizar al momento. Razn ms que suficiente para emplear este recurso de la mayora de programas. Para proyectos de una cierta envergadura es imprescindible. Naturalmente, podemos realizar la definicin de estilos as como queramos. Podemos crear nuevos estilos, con un nombre descriptivo, como por ejemplo encabezado, ttulo en rojo o seccin en cursiva. A menudo se habla de hoja de estilo para referirse al conjunto de formatos definidos para un documento (o un conjunto de ellos.) Tpicamente, pueden contener elementos tales como ttulo, subttulo, cuerpo de texto, pies de foto, citas... Para las pginas web, se ha introducido un poderoso sistema de hojas de estilo que se denomina hojas de estilo en cascada (CSS). (de cascading style sheets) Es una tecnologa que se utiliza cada vez ms, a medida que la mayora de internautas utilizan versiones actualizadas de los navegadores, que reconocen este avance en el diseo web. Otras variantes en la idea de estilos. Aunque en la mayora de casos al hablar de estilos y hojas de estilo nos referimos al texto, algunos programas como CorelDraw o Freehand aplican tambin la idea de estilo a los grficos. En este caso los atributos son el color de los objetos, el color, grosor y forma de las lneas de contorno... Algunos programas van incluso un poco ms all y usan las plantillas como estilos. Suena complicado? De hecho es algo muy simple, pero que supone una herramienta poderossima para cambiar automticamente el aspecto de todas las pginas que comparten una plantilla, modificando nicamente la plantilla maestra. Por ejemplo, es lo que hace NetObjects Fusion (el programa utilizado para el diseo de esta web), al crear una web entera con todas las pginas y secciones que se quieran.

Imagen digital en mapas de bits Obtencin, procesado y retoque de las imgenes digitales y su edicin en programas como Photoshop. Trucos en las imgenes y muchos otros artculos.

Mapas de bits Los ficheros grficos de mapa de bits (bitmaps o raster images) deben su nombre a la forma en que se genera la imagen. Los programas de pintura crean sta asignando un color a cada punto de la pantalla o pxel. Esto se hace evidente al ampliar al mximo una imagen de mapa de bits cualquiera. Se puede apreciar que est formada por una trama de puntos, cada uno de los cuales tiene asignado un color. El conjunto de estos puntos crea la ilusin de una imagen de tono continuo a escala de pantalla normal. Con la ampliacin correcta, la calidad que tienen estas imgenes es buena; una fotografa puede parecer tan realista como su equivalente en papel, a pesar de que la resolucin con que se muestra en pantalla sea sensiblemente inferior. Nmero de colores y resolucin. Los mapas de bits pueden estar definidos en un nmero de colores variable. Cuantos ms colores tenga la imagen, mayor calidad tendr y, en principio, ms voluminoso deber ser el fichero resultante. Ahora bien, existen diferentes sistemas de compresin que hacen que esta regla no sea tan simple: algunos formatos grficos como GIF, PNG o JPG son muy eficientes y pueden almacenar una imagen con un tamao modesto. 1 bit, 4 bits, 8 bits... Muchos programas se refieren al nmero de colores de la imagen como "color de 1 bit", "color de 24 bits", etctera. Qu significa esto? Color de 1 bit implica la posibilidad de dar un valor a cada pxel de la pantalla a elegir entre dos (blanco y negro.) En la modalidad de 4 bits tenemos 16 colores; color de 8 bits permite 256; la mayor parte de tarjetas grficas actuales admiten color de 16 a 32 bits (que permiten mostrar simultneamente, en este ltimo caso, hasta 16,7 millones de colores diferentes.) El color de 32 bits es foto-realista, porque, de hecho, nuestro ojo es incapaz de diferenciar colores con tanta sensibilidad. Lo que interesa aqu es saber que determinadas modificaciones en las imgenes slo son posibles en color de 24 a 32 bits; y que el paso de un modo a otro ms restrictivo siempre implica prdida de informacin; por este motivo siempre es conveniente guardar una copia de las imgenes en color completo. Espacio de trabajo en los programas de pintura. El programa ms simple que se puede manejar para iniciarse es el Paint que viene includo en Windows (en Programas | Accesorios.) Pese a sus limitaciones, este programa muestra cules son las herramientas bsicas de todo programa de pintura. Incluso programas como el viejo Deluxe Paint para DOS (alguien recuerda este programa del Paleoltico informtico?) ya tenan este mismo espacio de trabajo y herramientas: un gran espacio en blanco, el papel o lienzo donde creamos la imagen, rodeado por una barra de men con las diferentes opciones, una paleta para elegir colores y una o varias cajas de herramientas.

La caja de herramientas es algo bastante estandarizado. Aqu encontramos los tiles de dibujo, pintura y seleccin ms empleados. La caja de herramientas incluye un pincel, con formas variables, dibujo de formas bsicas (elipses, rectngulos, polgonos...) que se dibujan haciendo clic y arrastrando -a medida que estiramos la forma se va dibujando; creacin de gradientes, adicin de texto, trazado de lneas rectas y curvas... Los mejores programas tienen, de hecho, estas mismas herramientas, pero notablemente mejoradas. Por ejemplo, hay ms formas de pinceles donde elegir, se puede graduar la transparencia del color aplicado y muchos otros efectos. Con estos programas se pueden hacer marcas que simulan pinceladas de acuarela, con los mrgenes de la pincelada ms intensos, y lavado en transparencia sobre las formas y colores anteriores; trazo de carboncillo, texturas diversas... Por sofisticado que esto parezca, an hay programas que consiguen ms: Programas de pintura natural. Dedicamos un artculo completo a este tipo de aplicaciones, notablemente sofisticadas. Ofrecen un gran conjunto de pinceles y texturas para pintar y tipos de "papeles" texturados que simulan en algunos casos muy bien- la pintura con medios naturales: crayon, carbn, tinta, acuarela, leo... Ved un ejemplo creado por el autor, al estilo medios naturales (un Pseudo-DeKooning,

ciertamente.) La imagen est creada completamente en el ordenador, pero las pinceladas parecen ser de pintura real, con diferentes consistencias de pintura y diferentes pinceles. Este tipo de programas estn pensados para la creacin artstica directamente en pantalla, o para retocar imgenes previamente elaboradas; para ellos el mejor complemento es un dispositivo de tableta

digitalizadora, un perifrico que aprovecha plenamente las cualidades de programas como Painter, de Metacreations, el lder indiscutible en esta categora de software. El programa tiene infinidad de opciones -y una interfaz bastante compleja; hace que programas ya de por s complicados con Photoshop parezcan un juego infantil. Pero este programa permite efectos sorprendentes combinando sus pinceles de tcnicas realistas y las texturas de papel, tela... que se pueden elegir. El programa se puede obtener en versin de evaluacin de su fabricante, Core / Procreate, o en CD. Ms informacin sobre este tipo de programas en un artculo separado. Limitaciones de los programas de pintura. La forma de generar las imgenes es la principal limitacin de los programas de pintura, al tiempo de que sea el motivo de que puedan conseguirse efectos tan complejos y realistas. Dado que se asigna un color a cada punto para formar la imagen, tienen una resolucin fija; al cambiar sta se pierde calidad. Esto significa que al ampliar o reducir un bitmap tendremos una copia ms o menos degradada del original, pero nunca una calidad tan perfecta como en el original a resolucin de partida. Cualquier modificacin que apliquemos en este mosaico plano puede afectar a los pxeles vecinos del rea a retocar si no andamos con cuidado. Es fcil, pues, cometer errores y rectificarlos puede ser trabajoso. Los programas pueden tener una opcin de deshacer la ltima accin (o un nmero de ellas, pero esto implica uso de memoria.) Por otra parte, aquello que hemos hecho en la imagen queda incrustado en su mosaico de pxels y no hay manera de distinguirlo del resto de pxels como no sea por el color que tiene; la mayora de programas pueden seleccionar las reas que tienen un mismo color, y aplicar los cambios deseados. Capas, canales y mscaras. Para solucionar algunas de las limitaciones en los programas de pintura se han ido incorporando en las ltimas versiones diferentes sistemas de proteccin de partes de la imagen mientras se trabaja en otras reas. Son las capas, canales y mscaras (y ya parece que hablamos del Carnaval

de Venecia...) Las capas permiten trabajar con un procedimiento semejante a hojas de acetato superpuestas, como en la produccin clsica de dibujos animados. Son transparentes hasta que se dibuja algo sobre ellas. La persiana de control de las capas es semejante en todos los programas de dibujo y pintura: muestra las capas existentes, permite cambiar su orden, aadir o eliminar, decidir si son o no visibles (smbolo del ojo), imprimibles, editables (smbolo del lpiz o pincel) y asignar el nombre que se quiera a cada capa. Estas funciones se aprovechan para trabajar con ms comodidad y seguridad; son una

forma interna de trabajar del programa, porque al final el resultado sigue siendo un bitmap en una sola capa. Los canales separan los diferentes valores cromticos de la imagen. Por ejemplo, en modo CMYK hay cuatro canales, para el cin, magenta, amarillo y negro. Cada canal se puede modificar por separado, se pueden crear canales artificiales que preserven una parte de la imagen de cualquier modificacin de los colores, y se puede procesar el color por partes. Este procedimiento es muy til para colorear cmics y otras ilustraciones. Las mscaras o reservas reciben este nombre de la forma tradicional de los ilustradores y fotgrafos de proteger reas de una imagen para retocar el resto. Una mscara en un dibujo a lpiz puede ser un trozo de papel que tapa parte del dibujo para evitar que hagamos trazos en l; pintando en acuarela una mscara se obtienen con cualquier cosa que repela el agua con pigmento, por ejemplo, cera o una goma especial. El sentido de mscara en los programas de pintura es a menudo el opuesto; se

refieren, pues a una seleccin de parte de la imagen que hace que slo se altere sta mientras que el resto queda protegido. En programas como Photoshop es muy fcil crear y manejar una mscara. El programa tiene una excelente herramienta para ello, llamada mscara rpida, que esencialmente convierte al momento el pincel o cualquier otra herramienta en un aplicador de mscara. Al acabar, y pasar al modo normal, todo lo que hayamos seleccionado o pintado se convierte en un rea seleccionada. Este sistema permite efectos especiales y retoques que son la simplicidad misma (aunque el programa en s no sea nada fcil.) Un ejemplo muy habitual de utilizacin de las mscaras. En 1) seleccionamos una parte de la imagen con un rectngulo de seleccin, en modo mscara rpida. El color rojo seala el rea seleccionada. Podemos efectuar la seleccin con cualquier til de dibujo o seleccin, e incluso aplicar degradados o filtros. En este caso se aplicar a la seleccin, variando su forma e intensidad. Seguidamente (2) aplicamos un filtro en el rea seleccionada (aqu, el filtro cristalizar) y hacemos clic en el icono de modo normal (en la parte inferior de la caja de herramientas de Photoshop.) Queda seleccionada el rea anterior, con un contorno irregular, producto del filtro aplicado. Finalmente, (3) en Seleccin, elegimos Invertir. Borramos todo el resto con la tecla de Suprimir y ya est: hemos obtenido una imagen delimitada por un llamativo contorno irregular.

Adquisicin de imgenes: escanear Estos ltimos aos, los escneres han pasado de ser un artilugio de alta tecnologa, y un coste elevado, a ser un perifrico ms de cualquier PC domstico. Actualmente, un escner en color bsico, capaz de digitalizar hasta un tamao A4, cuesta en torno a las 10.000 pts. Ciertamente, el escner es una herramienta invaluable para el diseador. Podemos incorporar rpidamente fotografas (o diapositivas, si el aparato est preparado para esta opcin), dibujos, lo que sea. Incluso uno de los escneres manuales que se vendan hace unos aos, capaces de leer un ancho de unos 10 cm. y slo en blanco y negro, sigue siendo un instrumento muy aprovechable. Muchos de los trabajos que haremos no exigen mucho ms que una imagen en blanco y negro, que despus usaremos para posteriores modificaciones. Resolucin.

La resolucin a la que es capaz de incorporar las imgenes el escner suele medirse en dpi (puntos por pulgada.) Los valores tpicos suelen ir de un mnimo de 75 a un mximo de 1200 o ms. Existe una relacin directa entre la resolucin de la imagen y su nmero de colores, con el tamao del fichero de imagen resultante de la accin de captar (o escanear ). Debe tenerse cuidado con estos valores, para evitar ficheros innecesariamente grandes, que resultan ms difciles de procesar y transmitir a travs de red. Para las imgenes que se incorporan a una pgina web, este es un mandamiento: la resolucin necesaria es slo de 72 dpi; i an as obtenemos imgenes que, siendo ficheros de tamao pequeo, mantienen toda su calidad. Cul es la resolucin ms convenie nte? En general, para imprimir al mximo de calidad las imgenes, suele recomendarse que se capten a una resolucin doble de la del dispositivo de salida. As podemos imprimir a tamao real, e incluso aumentarlo un poco, sin merma en la definicin. Es decir, para una impresora lser a 300dpi, podemos escanear a 600dpi. Pensemos que, inversamente, si tenemos una imagen a baja resolucin, para imprimirla a mayor tamao que el original se deber escalar el mapa de bits y perder calidad, con aparicin de bordes dentados y mal aspecto general. En cambio, las imgenes para la pantalla no precisan resoluciones mayores que 72 dpi. Si inicialmente hemos trabajado con un mayor grado de detalle, al preparar la imagen definitiva para incorporar a la pgina web nos conviene bajar la resolucin (con la opcin de nuevo muestreo, resample o similar del programa). Ms resolucin no sirve para nada: la imagen no se ver mejor en el monitor (puede que no se vea de ningua manera, porque no todo el mundo tendr la paciencia para esperar que baje! Como referencia prctica, esta tabla nos da una idea del tamao en pxels que tendr una imagen escaneada a 72 dpi. Podemos imprimirla y tenerla a mano al preparar escaneados para la web: Tamao (una Longitud dimensin) en equivalente en centmetros del pxels, escaneando original a 72 dpi. 1 cm 28 pxels 2 cm 57 pxels 3 cm 85 pxels 4 cm 113 pxels 5 cm 142 pxels 10 cm 283 pxels 15 cm 425 pxels 20 cm 566 pxels Debemos fijarnos que a una imagen que tenga una longitud de 20 cm, como la dimensin menor de un folio A4, le correspondera un ancho semejante al de la pantalla VGA. Para calcular el tamao total de la imagen -sin compresin- puede hacerse a partir de sus dimensiones en pxels y el modelo de color que tenga. Los programas de grficos suelen indicar el tamao previsto de la imagen. Manejo del escner.

El funcionamiento de los escneres es muy sencillo. Al instalar el dispositivo, se instala tambin un programa que permite manejarlo por parte de las diferentes aplicaciones de grficos de nuestro ordenador (el escner suele incluir uno o varios de estos programas, pero se puede escanear directamente desde Photoshop, Paintshop pro, etctera.) El programa que controla el escner es habitualmente el llamado Controlador Twain (o Twain-32.) Cuando accedemos al programa de grficos, existe una opcin en el men Archivo | Adquirir (Acquire o Scan si est en ingls) que es la que nos permite captar la imagen. Se coloca el original sobre el escner abierto

y seguimos las instrucciones. Decimos el original, pero no necesariamente el papel original. En efecto, el escner realiza una especie de fotografa, y cualquier objeto ser "retratado" con bastante precisin, aunque con poca profundidad focal. El ejemplo de la imagen, es un juguete que hemos colocado sobre el cristal del escner. Algunos diseadores aprovechan esta capacidad de los escneres para adquirir texturas y fotografiar pequeos objetos: por ejemplo, incluso algunos colocan una pelcula de plstico transparente de cocina y encima, cereales, granos de caf, clavos, fruta, pasta... para crear una detallada fotografa de macro. Muchos controladores de escner necesitan una previsualizacin de la imagen antes de adquirirla. En esta previsualizacin podemos seleccionar la parte de la imagen que nos interesa captar, con una herramienta de seleccin estndar (el recuadro de lnea discontinua), y el tipo de lectura que har el aparato (color, gris, blanco y negro, resolucin.) Una vez decidido, el dispositivo lee la imagen i envia la digitalizacin de la misma al programa de grficos desde el que hemos empezado la tarea. Una vez dentro de esta aplicacin, podemos efectuar algunos retoques a la imagen. Los cambios ms comunes son ajustar el contraste, brillo, orientacin y nmero de colores. Los programas suelen llevar herramientas y comandos especficos para hacer fcilmente estos cambios. Criterios importantes a la hora de guardar la digitalizacin. A la hora de guardar la imagen digitalizada, podemos optar por diferentes formatos. Debemos estar seguros, porque algunos formatos, como el jpeg, suponen una prdida de calidad en la imagen, debida a la compresin. As, al volver a abrir el fichero, nos encontraremos que puede haber empeorado un poco respecto de la digitalizacin original. Si tenemos previsto volver a editar la imagen, es ms conveniente guardarla en el formato nativo del programa (es decir, .PSP para Paintshop Pro, PSD para Photoshop...) o bien un formato genrico que respete la calidad original de la imagen, como el TIFF. Trucos e ideas para el proceso de las imgenes. En general, para obtener mejores resultados al escanear en blanco y negro, no debemos elegir la opcin blanco y negro; es preferible utilizar la opcin de 256 tonos de gris y despus convertir la imagen a color de 1 bit (blanco y negro.) Esto se debe a que, aunque la imagen sea en blanco y negro, realmente, la tinta o lpiz sobre el papel presenta unas reas ms oscuras y otras ms claras. As, captando en grises, incorporamos toda esta riqueza de tonalidades; en blanco y negro el escner tiene un umbral de tono a partir del cual descarta puntos de color gris y los considera blanco. Para captar los sutiles detalles de un dibujo a lpiz, no lo conseguiremos adquiriendo en blanco y negro. La opcin aconsejable es escanear en grises y ms adelante, si es necesario,

transformar la imagen en bitmap de blanco y negro. Aqu presentamos un ejemplo. Notemos que la calidad de la imagen es mejor cuando se convierte a partir de una imagen captada en grises

que

si

se

capta

directamente

en

blanco

y

negro.

Aunque el dibujo que queremos escanear sea en blanco y negro, los mejores resultados se obtienen adquiriendo la imagen en tonos de gris y despus convirtiendola a blanco y negro (o color de 1 bit.) Si queremos una imagen con reas slidas de color o negro, podemos llenar las reas con el programa de grficos. Esto nos ahorra tener que rellenar todos los contornos en el original: basta delimitar bien las reas y llenarlas luego con el bote de pintura o cualquier otro til de dibujo o pintura del programa de grficos. Tabletas digitalizadoras. Un breve comentario a este tipo de dispositivos, idneos para el arte digital con programas al estilo de Painter. La tableta digitalizadora es un perifrico de entrada que es sensible a la sealizacin en su superficie por parte de un ratn especial o una especie de stilus o lpiz de

plstico. Este lpiz grfico es sensible a la presin, lo que puede aprovecharse para conseguir efectos semejantes al dibujo natural sobre papel. Algunos programas aprovechan plenamente estas capacidades, en especial el ya mencionado programa Painter (recomendamos probarlo, ya que est disponible en versin demo de uso ilimitado, al menos algunas de sus versiones: nosotros hemos probado la 4.) El fabricante ms importante es Wacom; existen algunos modelos bsicos que se pueden adquirir a partir de 80 - 100 euros. As pues, este tipo de complemento es perfecto para dibujar y pintar directamente en el ordenador, y sacar el jugo a los programas de pintura. Tambin se utilizan para programas de dibujo tcnico y CAD, para dibujar formas con precisin. Plugins Los programas de diseo grfico pueden vivir perfectamente sin plugins. Por qu la autntica mana de muchos usuarios por coleccionarlos y disponer de una amplia seleccin de estos componentes accesorios? Los plugins amplan las capacidades de los programas o realizan una combinacin de acciones que resultan difciles o laboriosas partiendo de las opciones normales del programa. A menudo los plugins (trmino que significa literalmente enchufes) llevan a cabo tareas encadenadas, de modo automtico. ltimamente se habla de muy diversos tipos de plugins y accesorios relacionados. De hecho, algunos programas aceptan diversos tipos de extensiones. Segn la aplicacin, se habla de Extensiones, componentes, objetos, acciones, macros, scripts, xtras, plugins, mdulos, filtros... y algunos pueden incluir ms de un tipo.

En general, las macros, scripts y acciones son una secuencia de comandos del programa. Pueden pedir datos o no a lo largo de su tarea, en funcin de cmo se hayan configurado. Atencin a los virus que pueden transmitirse asociados a algunas de estas extensiones (es bien conocido el caso de los virus de macro de Word, muy extendidos.) Los componentes, plugins, etc. propiamente dichos suelen llevar a cabo una tarea concreta para la cual sera laborioso instruir al programa asociado. Photoshop fue uno de los pioneros en este concepto de programa extensible mediante mdulos accesorios. Otros fabricantes y programadores pueden aportar sus propios plugins, enriqueciendo las capacidades del programa. En el caso de Photoshop suele tratarse de filtros de efectos especiales que se aplican a las imgenes, algunos de forma automtic