Por Juan Carlos Marcos

Antes de empezar a imitar a James Sachs, creador de los gráficos de Defender of the Crown, Ports of Call y muchos otros trabajos, es preciso definir el entorno en el que se va a trabajar. Esto es, el Amiga y un programa de dibujo, que en este caso será el Deluxe Paint II, de Electronic Arts, por ser de lo mejor que hay y estar muy distribuido al mismo tiempo. Así que venga, enciende tu Amiga, carga el DPaint en resolución de 320x200 en 32 colores, y al cabo de un momento te encontrarás con el primer problema: la página en blanco.

La filosofía del dibujo

Bien, empecemos. Hay que decir qué vas a dibujar. Puedes comenzar por algo sencillito, como el dibujo de la figura 2. Estúdialo antes de pasar a su reproducción (cuando dibujes puedes copiar del natural o de tu imaginación, la cuestión es tener una imagen del resultado).

El dibujo de la figura 2 se compone de tres elementos principales: El texto "Amiga", los círculos centrales y el texto inferior "otro mundo". Es bien sencillo. El autor quiso que el texto "Amiga" tuviese impacto, por eso le dio buena parte de la pantalla, y además, en la parte superior. El motivo central (los círculos) es un adorno que puede o no significar algo. Sería el sitio ideal para un logotipo o un dibujo sofisticado que contraste con la sencillez y rotundidad del resto del dibujo. Cada uno de los elementos que conforman el dibujo ha de estudiarse por separado y en conjunto con los demás, para formar una imagen razonable. Más tarde hablaré de los fondos del dibujo que son en si otro dibujo con sus propios elementos. La diferencia de un dibujo de James Sachs con uno que puedas realizar tú mismo está en la complejidad de su realización. Seguro que muchas de las pantallas del Defender of the Crown tienen muchos más elementos que una nuestra (pero no todas; la del mapa de inglaterra tiene sólo un elemento y un fondo) y además están mucho más cuidadas, con más trabajo y por supuesto, todo lleno de soluciones inteligentes y toques de genialidad por todos lados. Pero en el fondo, la base es la misma.

... ¡A mancharse de pintura!

Ahora puedes pasar por fin a la realización de tu primer dibujo. Pero primero debes tener bien claro el qué y el cómo de lo que vas a hacer. En la figura 1 tienes tres composiciones del mismo dibujo. Miralas y date cuenta de que este es el primer paso, después de la concepción del dibujo, para pasarlo a la pantalla. Incluso la composición definitiva se podría dibujar en papel para anotar cosas y saber lo que haces, aunque esto último no es necesario en este dibujo, pues es muy sencillo.

Vamos allá. Lo primero de todo es determinar qué colores utilizar en cada elemento. Aquí se han usado tres tonos de un mismo color para cada elemento: pastel (marrón claro) para el texto "Amiga, marrones para el "Otro mundo" y cuatro gamas de tres colores para los círculos. Tres azules más o menos oscuros, tres rojos, tres verdes y tres amarillos. La realización de la paleta se hará de la siguiente forma: cada color tiene tres tonos, cada uno más oscuro que el anterior: hay tres azules, uno puro, otro más oscuro y otro mas oscuro todavía. Así con cada uno de los seis colores. Hazlo copiando la casilla del color puro (base) a las otras dos casillas siguientes, y en cada una de éstas bajas un poco el brillo del color. Para ver cómo debe quedar, observa la figura 6.

Ahora, ¡a dibujar! Empieza por arriba, por el texto "Amiga". Cambia a la otra pantalla, llamada spare (con la tecla J), selecciona el color pastel más claro y escribe allí, con el font Ruby 15 "AMIG" (no, no falta la "A"). Más abajo, escribe con el mismo font y en el marrón más claro las palabras "OTRO MUNDO". Ahora coge con un brush (la opción a la izquierda de la opción texto) y con cuidado la letra "A" de "AMIG". Tienes que cogerla exactamente, sin que sobre nada alrededor, enmarcándola con el cuadrado del brush. (Tal vez prefieras hacerlo con el zoom: pon la cruz del ratón sobre el texto, pulsas "M" y luego la "B" para coger de nuevo la letra.) Ahora cambia de pantalla (con "J") y agranda la letra unas cuantas veces (hasta que coja un tamaño parecido al de la figura) con la tecla "+". Acuérdate del número de veces que pulsas la tecla para luego hacer todas las letras del mismo tamaño. Ahora pon la "A" arriba, pegada a la izquierda y también pegada a la derecha. Repite el proceso con la "I" (la pones en el centro de las dos "A") y con la "M" y la "G" en sus respectivos lugares y con el mismo espacio visual entre cada letra.

Ahora, los círculos. Para hacerlos, selecciona el pincel más pequeño y pulsa muchas veces la tecla "+", pero no la dejes apretada. Coloca el primer círculo en el azul más oscuro. Luego lo as empequeñeciendo (con la tecla "-") y colocas en rojo (siempre el más oscuro de la gama de tres), en verde y en amarillo los otros tres círculos cada vez más pequeños. Ahora, cambia de pantalla y coge la palabra "OTRO". La pones abajo a la izquierda, dejando sitio para poner debajo "Mundo". Cuando esté todo en la pantalla principal puedes borrar la pantalla spare para ahorrar memoria. Esto servirá por si tienes que coger un brush muy grande con facilidad (para mover grandes trozos del dibujo de sitio y mejorar la composición).

Ahora te preguntarás, por ejemplo, que por qué hemos definido seis gamas de colores con tres cada uno (18 registros de color ocupados) si sólo se usa un color en cada una.

La verdad es que como dibujo es un poco soso. Esto mismo se podría hacer en el 64 y sin ni siquiera usar el modo multicolor. ¿Ves las letras de arriba? ¿A que no pegan ni de lejos? Pues bien, prepárate porque vamos a arreglar el dibujo para que quede como el de la figura 4. NO te asustes, es sólo poner un fondo y arreglarlo todo para que quede más fino, más "Amiga". NO es una tarea difícil, pero vas a empezar a pagar... ¡con sudor!

Suavizamiento

Fíjate bien en la figura 3 y lee lo que dice. Como ves, el primer paso hacia el suavizamiento es sencillo pero tedioso. Exige mucho "pixel work", mucho trabajo con el zoom hasta que se obtienen resultados. Aquí no hay nada que explicar, sólo trabajo y más trabajo ingrato. La experiencia dice mucho, y de momento te las arreglarás solo. Hay que suavizar cinco letras muy grandes y muy malformadas, así que paciencia. ¡Después de terminar os darán unas ganas enormes de grabar por si los GURUs!

Anti-alias

Antes, una advertencia: existe otro sistema más de suavizamiento, así que si crees que vas a volverte loco con tanto pixel, mejor dejarlo y descansar por hoy. La creación gráfica es una actividad que cansa mental y físicamente (¿ya te duele la cabeza, los ojos y la espalda?) y no quiero que empieces a odiarla, ¡al menos todavía! El anti-alias es un sistema para suavizar mucho más sutil que el anterior, que era absolutamente necesario, por lo menos en la palabra "Amiga". Ahora se trata no sólo de añadir puntos, sino de añadirlos de diferentes colores. En la figura 5 tienes su definición gráfica. Se trata de poner puntos de un color intermedio entre las zonas de dos colores. En este caso, se suavizan las letras contra el fondo. Por eso se crearon antes tonos más oscuros de los colores base (claros) y el negro del fondo. Si el fondo hubiese sido blanco, tendríamos que haber creado subtonos que tirasen a blanco en vez de a negro. Esta es una ardua tarea que el DPaint nos soluciona con un modo de dibujo llamado Smooth que aparece en el menú Mode. Selecciona un pincel mediano, el redondo más grande de los que viene arriba y selecciona la opción Smooth. Ahora, con el modo de dibujo a mano continuo, pasa el pincel (selecciona el color pastel más claro) por el borde de la "A" de "AMIGA", despacito, ¿Qué tal se te ha quedado el cuerpo? Lo hace bastante bien, a una buena velocidad. Ahora pon el zoom sobre la zona "smoothada" (!) y mira lo que ha hecho. Ahora los puntos se notan mucho menos, ¿verdad? Aunque el sistema automático de Antialias del DPaint exagera un poco, la verdad.

Compara el resultado del Smooth de DPaint con lo suavizado a mano en la figura 5. Lo que hagas depende de lo perfeccionista que seas y lo cansado que estés, pero un buen grafista no se quedaría con el resultado del DPaint, porque empequeñece la figura y además se nota el antialias, cosa que evidentemente no se puede permitir.

Aquí donde lo ves, este es el gran truco que hace que los gráficos del Amiga sean tan geniales. Al tener tantos colores, se puede crear cualquier número de tonos intermedios para hacer un buen anti-alias (esto es imposible en un 64 al tener unos pocos colores ya prefijados). Por eso las imágenes de los digitalizadores son tan reales.

Añadir un fondo

Esto ya es más fácil, porque el DPaint tiene una opción que permite mezclar la imagen de la pantalla spare por debajo o por encima de la pantalla normal. Esto lo hace copiando la otra imagen sólo en los puntos que sean transparentes en la primera. Normalmente el color transparente es el cero, que es el negro en la paleta origen (se puede cambiar pulsando el botón derecho en el color de la paleta que quieras que sea transparente). Así, cualquier dibujo se puede mezclar y hacer que aparezca "por detrás" de otro. Esto es lo que vas a hacer ahora. Tienes que crear un fondo sencillo en la otra pantalla para ponerlo debajo de ésta. A ello. Primero, saca la paleta (tecla "p"), ya que necesitarás trabajar con ella. Tienes que crear otros trece colores, divididos en dos gamas, Fíjate en la paleta completa que aparece en la figura 6. Hay que hacer cinco marrones y ocho azules. Además, tienes que crear dos rangos de colores (color ranges). Una vez creadas las dos gamas (las puedes hacer creando el primer color, luego el último y haciendo un SPREAD entre ambos) señala el primer color marrón, luego el recuadro G1, y luego RANGE. Verás cómo el cursor cambia y te pide que señales el final del rango. Señala el último marrón y ya está el rango de colores C1, definido como cinco marrones. Haz lo mismo con los ocho azules creados, con C2. Pulsa OK (esquina inferior derecha de la ventana) si todo salió bien. Si te hiciste un lío, pulsa CANCEL y vuelve a intentarlo.

Ahora selecciona el icono de hacer cuadrados rellenos con el botón derecho. Ves cómo aparece un requester. Esto se utiliza para crear diferentes tipos de rellenos. Selecciona el botón que dice PERSPECTIVE y el botón de la flecha vertical. Sal con OK y verás en la parte superior de la pantalla un cuadrado con una escala de colores cuando selecciones uno de los colores que forman la gama de azules. Debe ser más oscuro en la parte superior. Si no es así, saca la paleta, selecciona el rango de los azules (C2) y pulsa sobre la flecha vertical de abajo a la derecha para que se invierta. Sal con Ok y mira cómo se le ha dado la vuelta al ciclo. Ahora podrás crear el fondo, que está compuesto por dos "cajas" con escala de colores. Dibuja las cajas en la pantalla spare (bórrala ahora si no lo hiciste antes) en gamas de azul y marrón. Mira por donde lo haces y fíjate en el tamaño y posición que tienes en la figura 4. Oriéntate cambiando constantemente de pantalla por medio de "J" y con la cruz del ratón. Cuando tengas las cajas como en la figura 4, cambia de pantalla. Para mezclar las dos imágenes, seleccionando en el menú Picture (el primero), y en la opción spare, el submenú Merge in Back (mezclar por detrás). Suelta el botón derecho y observa cómo el fondo queda por debajo de la imagen principal. Cooonseguidooo....

Este sistema de poner fondos es básico, y muy cómodo. Pero en imágenes más sofisticadas, como las del Defender of the Crown, en las que las sombras se proyectan sobre el fondo y otras cosas, hay que dibujar la pantalla principal sobre el fondo, con cuidado, maestría y delicadeza.

Ahora queda sólo añadir los brillos a los círculos para convertirlos en esferas. Esto se hace agrandando con la tecla "+" el pincel de un solo punto. Hazlo sobre todos los círculos, primero con un pincel más grande y el color intermedio, y luego con el pincel más pequeño y el color más brillante. Orienta todos los brillos hacia el mismo lugar para dar la sensación de que la luz viene siempre del mismo sitio.

Todo terminado, pero...

No deberías conformarte con este resultado. La verdad es que como dibujo es bastante vulgar y se nota de lejos que no hay mucho trabajo en él, salvo, claro, el antialias que da la sensación de mayor definición. Curiosamente es algo que se puede hacer automáticamente. Generalmente, cuando más hayas tenido que utilizar el zoom, más trabajo tiene el dibujo. Es en ese "pixel work" donde se nota la dedicación. Además, cuantas más zonas de un mismo color haya, menos calidad, sobre todo si las zonas de un mismo color son muy grandes. Si pusieses un zoom sobre un dibujo de Sachs verías la variedad cromática de una zona. Verías que en una zona bastante pequeña hay puntos de muchos colores diferentes. Lo que se dice una diferencia.

Pero de todas formas ya has aprendido lo básico. La filosofía de los elementos y la colocación de éstos en el espacio del plano es la base de todo dibujo, y así lo hace todo el mundo. Sólo (¡sólo!) te queda conseguir la experiencia necesaria y dedicarle a esto muchas horas. Y si te cansas de un dibujo, tienes que ser capaz de dejarlo hasta que te vengan de nuevo ideas para continuar. Consigue siempre opiniones ajenas; son muy importantes. La gente ajena a tu dibujo debe reconocer cada elemento como lo pretende ser. Y si te desesperas con un diseño, no te gusta y no puedes continuar con él, tienes que tener la fuerza de voluntad necesaria para dar dos veces sobre el botón de CLS (para que el UNDO no funcione) y si es necesario, empezar de nuevo, o dejarlo y cambiar de idea.

La cuestión aquí es que seas capaz de plasmar en la pantalla tus ideas y tus sentimientos hacia algo. Cuanta más sensibilidad artística tengas, y si eso tan rato, la inspiración, está contigo, ¡adelante y no pares!