El diseño gráfico en VisualBasic

Presentación

Buenas, ya tenéis preparada la primera entrega de este cursillo. Esta vez, dedicaré todo el tiempo necesario a explicar la "filosofía" de funcionamiento del programa de retoque fotográfico Adobe PhotoShop 3. He escogido la versión 3 por ser una anterior a la que actualmente corre por ahí, de esta forma sirve para todo aquel que quiera aprender, pues, las funciones y los comandos son prácticamente iguales en esta última versión, la 4.

Mejoras de la versión 4 del PhotoShop

La mejora es simplemente en efectos gráficos (pluggins) y en interface de trabajo, por lo demás no quiero insistir pues a lo que realmente nos interesa es el manejo del mismo para poder aprender a manejarlo con soltura.

La versión 3 del PhotoShop es mas que suficiente para poder crear lo que nos interesa, es decir: pantallas de presentación, ayudas, botones, …

Lo que aprenderás en esta entrega

Principalmente, el manejo del PhotoShop para, en un futuro poder comprender y realizar los ejemplos que se propondrán en este "cursillo", y no tener que andar con "notitas" explicando cada vez que se presenta un ejemplo el cómo hacerlo y que herramientas hay que cuidar.

Esta parte del "cursillo" puede durar varias entregas. Lo que pretendo, así, es destapar el programa y analizarlo paso a paso tranquilamente, para que todo aquel interesado en aprender lo pueda efectuar con comodidad.

Qué hace el PhotoShop

El PhotoShop (por si no os habéis enterado) sirve para crear y modificar gráficos o fotografías que tengamos previamente escaneadas o dibujadas en nuestro ordenador.

El PhotoShop es muy popular entre los diseñadores gráficos e infografistas actuales por incorporar una serie de herramientas y opciones únicos, que ninguna otra empresa de software ha sabido imitar tan bien y con tanta calidad.

La calidad de la imagen es extremadamente buena tratada con este fantástico programa, significa que podemos convertir una vieja y sucia fotografía en una imagen inédita. Igualmente, sus utilidades difunden y refuerzan esta clase de "trabajillos" como el retoque fotográfico (por ejemplo).

Este programa tiene cantidad de efectos gráficos que podemos verlos en periódicos, revistas, páginas web y otros soportes, lo que quiero decir con ello es que sus capacidades y posibilidades son indudablemente excelentes.

Adobe, por excelencia

Para mí, y creo que para mucha más gente metida en el mundillo del diseño, es la mejor empresa que ha sabido desarrollar software enfocado al diseño asistido por ordenador, así como en autoedición, en programas vectoriales …

Un poco de historia

Adobe System, San Diego (California), patentes del lenguaje PostScript (PS), un lenguaje de descripción que permitió a la impresora realizar toda clase de gráficos creados por ordenador en cualquier tamaño.

También Adobe, destaca por ser la creadora de las fuentes escalables, aquellas que se pueden agrandar sin perder resolución.

Adobe compró la Aldus para apoderarse (entre otros objetivos) de su PageMaker 5, para crear el nuevo Abobe PageMaker 6.

Empecemos

Para empezar, tenéis que tener instalado en vuestras máquinas (evidentemente) el PhotoShop 3. El PhotoShop 3 funciona con el Windows 3.X de 16 Bit. aunque éste es de 32 Bit. para eso crea una carpeta llamada Win32 y en ella se encuentra.

Os recomiendo que tengáis un buen ordenador para hacer funcionar esta joya, por lo menos un Pentium a 100 Mhz. con 16 Mb. de RAM. y una SVGA de 2 Mb. a una resolución 800 X 600 para poder trabajar mejor.

Ejecuta el EXE, y seguidamente os aparecerá la siguiente pantalla, la de bienvenida:

La "interface" del PhotoShop

Como podéis observar el programa informa de la carga de la aplicación mediante una barra de texto situada debajo mismo del gráfico (en la parte izquierda) y se puede leer, por ejemplo: loading pluggins … Esperemos un momentito hasta que aparezca la otra pantalla, la del PhotoShop en sí:

Observad el gráfico y seguidamente os paso a explicar cada parte de la ventana.

El menú

La barra de menú, ya típica en las ventanas de Windows, nos muestra sus principales opciones (su contenido se detallará posteriormente).

La caja de herramientas flotante

En esta caja de herramientas se halla todo el utillage posible para la creación, modificación y retoque de imágenes (su contenido se detallará posteriormente). Esta, como el resto de ventanas decimos que es "flotante" pues la podemos mover y poner donde queramos.

Ventana de ajuste de herramientas

Esta ventana cambia cada vez que pulsamos sobre una herramienta de la caja de herramientas. Su contenido es diferente para cada herramienta, lleva unos ajustes de brocha, intensidad de color, … en su momento se explicará con más atención.

Ventana de selección de color

Según el modo de color que utilicemos esta ventana presentará una serie de colores y tonalidades diferente. Por ejemplo, si trabajamos en blanco y negro los colores que nos mostrará serán principalmente tonalidades y degradados de los mismos, mientras que si trabajamos en RGB (Red Green Blue) la gama de tonalidades es mucho más amplia y variada.

Ventana de selección de capas

Una imagen, fotografía o dibujo puede estar formado por diferentes capas. Cada capa puede contener lo que uno quiera, por ejemplo: una fotografía de un paisaje en concreto, y otra capa podría contener tu foto de carnet, entonces se podría decir que hay un montaje de capas, en la que saldría tu foto (según el orden de inserción) en medio de un paisaje. El tema de las capas es impresionante y complejo, se le debe dedicar un párrafo entero.

Después de esta pequeña descripción supongo que ya debes de tener una idea de lo que es PhotoShop, pero esto no termina aquí, hay otras ventanas que por si solas no aparecen al cargar el programa. Podéis encontrar otras ventanas de ajuste de herramientas y color de precisión en el menú WINDOW + PALETTES (el PhotoShop llama a este tipo de ventanas paletas).

Las ventanas (o paletas) del PhotoShop

De paso que estamos metidos en eso de las ventanas paso a explicar el menú WINDOW que en parte lleva la gestión de las ventanas del PhotoShop.

1. New Window

Esta opción solo está activa si tenéis una imagen (foto, gráfico, lo que sea) cargado en el PhotoShop.

La función de esta opción es bien simple, abre una copia de la imagen en uso:

Por cierto, cualquier cosa que hagamos a la imagen original o a la copia afectara a la otra, es decir, que si borro las gafas en la imagen original también se habrán borrado, automáticamente en la copia de la imagen y viceversa.

2. 3. Cascade y Title

Estas opciones afectan solamente a la posición de las ventanas que se tengan abiertas dentro del PhotoShop, pudiéndolas colocar en: Cascada (por defecto salen así) y en Mosaico (esparcidas por la pantalla).

4. Arrange Icons

Si hemos minimizado varias ventanas con gráficos, dibujos, fotografías … en el PhotoShop, evidentemente aparecerán dichas ventanas en la parte inferior izquierda del programa; podemos mover de sitio estas ventanas minimizadas, ¿ pero si luego queremos ordenarlas como antes ?, para eso está el Arrange Icons, que ordena en bloques las ventanas minimizadas.

5. Close All

Cierra todas las ventanas que tengamos abiertas, preguntando, en el caso de haber creado o modificado alguna, el salvarla o actualizarla respecto a la versión guardada.

6. Zoom In

Amplía la ventana actual (o la que tiene el foco).

7. Zoom Out

Disminuye la ventana actual (o la que tiene el foco).

8. Zoom Factor

Presenta el mismo resultado que las dos últimas opciones pero indicándole el grado (del 1 al 16) de ampliación o disminución.

9. Show Rulers

Enmarca cada ventana de imagen con unas reglas:

Podemos modificar las coordenadas del punto 0,0 pinchando y arrastrando el ratón por la parte superior izquierda de las reglas, soltando en el lugar donde queramos que queden fijadas:

10. Palettes

Al pinchar en esta opción del menú se despliega un sub-menú con otras opciones, aquí se hallan las otras ventanas de color y herramientas que no están visibles por defecto.

Show Brushes

Brochas, con grosores e intensidad diferentes, disponibles para algunas herramientas.

B. Show Options

Opciones que soporta cada una de las herramientas que seleccionemos de la caja de herramientas.

Si observáis un poco esta ventana (paleta según PhotoShop), veréis como tiene un par de pestañas y cada una sale descrita en el menú que estamos explicando (Brushes + Options).

Esta ventana, al igual que las 3 que la preceden, tienen en su parte superior derecha un pequeño triángulo, al pinchar aparece un pequeño menú con nuevas opciones:

Reset Tool : Resetea el contenido de esta ventana, poniendo los valores por defecto.

Reset All Tools : Resetea los valores de todas las ventanas (color, capas …).

Esta ventana se explicará detalladamente en su momento, en el que toque "desguazar" la caja de herramientas (pues es cuando varía todo su contenido).

C. Picker

Este menú muestra una pestaña de la ventana o paleta de colores, que está por defecto ya visible en el PhotoShop.

Se puede escoger el color deseado moviendo el cursor del ratón encima y pinchando en el deseado, acto seguido, en la caja de herramientas, y en su parte inferior aparece, dentro de uno de los cuadros el color escogido.

Esta ventana despliega otras opciones no muy interesantes, por ejemplo, y para que lo sepáis, se puede guardar una paleta de color, cargar una de guardada …

D. Swatches

Esta es otra pestaña de la ventana anterior.

Os recomiendo que esta pestaña la tengáis visible, pues las demás no ofrecen el abanico de colores tan bien presentado como esta.

E. Scratch

Otra pestaña de selección de color de la misma ventana.

F. Layers

Desde esta ventana, y concretamente, desde esta pestaña se editan las capas.

Si creamos un dibujo con capas no podremos guardarlo con los formatos estándar de descripción de ficheros gráficos (JPG, GIF, BMP, PCX, TGA …) sino que se tendrá que emplear, para guardarlo, el formato especial del PhotoShop, el PSD que conserva, al abrirlo las capas empleadas.

NOTA: Os recuerdo que cada ventana (o paleta) que estamos describiendo cambia dependiendo de la herramienta o archivo abierto por lo que en su momento se hará referencia exacta y completa; por ahora ya nos va bien para empezar con alguna "cosilla".

G. Channels

Los Channels son los canales de color, diferentes para cada modalidad (RGB, CMYK …) y, por ejemplo, en modo de color RGB serán el rojo, el verde y el azul, pudiendo dejar invisible, añadir o eliminar alguno para efectos pertinentes.

H. Paths

Con los Path se definen "caminos" o "rutas" que sirven (entre otros) para adaptar gráficos a selecciones. La pestaña de los Path es tremendamente compleja en cuanto a manejo, por lo que se explicarán los comandos básicos.

NOTA: Como habéis podido comprobar, hasta ahora todas las opciones de este sub-menú Palettes hacían referencia a pestañas dentro de un mismo grupo de ventanas.

El Show y el Hide hacen referencia, o lo que es lo mismo, tienen el mismo efecto que pinchar con el ratón sobre la pestaña en sí.

I. Info

Esta ventana es muy importante si se quiere trabajar con el color de forma correcta pues muestra la cantidad del mismo en función de la posición del cursor y del modo.

En este ejemplo tenemos una fotografía; el cursor del ratón se halla en una zona completamente blanca, pues en la ventana Info se observa que la cantidad de R, G y B es 255 (recordad que el cero también cuenta para el color 256).

También hay que destacar, de esta ventana, una información útil, la posición del cursor en un eje de coordenadas.

J. Commands

Esta es una ventana que crea, informa y edita teclas rápidas.

Si pinchamos en el triángulo de su parte superior derecha, se despliega un sub-menú interesante:

New Command – Crea una nueva tecla rápida que "llama" a una función del menú.

Edit Command – Edita una tecla rápida para modificar, por ejemplo su función.

Reset Commands – Resetea todo lo que hayamos podido crear dando paso a su configuración de teclas rápidas original.

Load Commands – Carga una plantilla de combinaciones de teclas rápidas que previamente hayamos guardado (casi ná).

Append Commands – Carga una paleta de teclas rápidas guardada pero con todos los comandos posibles, aunque no les hayamos asignado tecla rápida.

Save Commands – Guarda en un disco las teclas rápidas que tengamos.

Las opciones que aparecen difuminadas en gris permanecen inactivas hasta que el uso de una herramienta concreta la activa.

NOTA: Probar de pinchar sobre una celda cualquiera de esta ventana, ¡ sorpresa !, ejecuta su contenido.

11. Show Status Bar

Si pinchamos en esta opción, el PhotoShop nos mostrará en su parte inferior una barra (como la del Windows95) con información acerca de las operaciones que se lleven a cabo, por ejemplo: tiempo guardado de una imagen, coloreado, proceso de aplicación de un filtro …

Si se activa esta opción, el menú no tendrá el mismo nombre (Show Status Bar) sinó que habrá cambiado por el nombre de Hide Status Bar, que, evidentemente, ocultará la barra.

12. (Nombre de la imagen)

Nos muestra la cantidad de imágenes que hay presentes (abiertas) en el PhotoShop, su nombre, el formato, el tipo de color y la escala. Si se encuentra con un signo de verificación ("V") significa que aquella es la activa o seleccionada, en que operamos actualmente.

Despedida y cierre

Ahora ya tenemos "despedazadas" las ventanas principales (casi ná) y el menú Window, quería llegar más lejos pero el tiempo me lo impide (y tampoco quiero que me llaméis pesado).

Bueno, lo dejamos aquí, para otro día, en el que seguramente veremos para qué sirve la caja de herramientas y describiremos todo su contenido, con ejemplos …

No os preocupéis si por ahora no lo entendéis demasiado bien, pues empezamos fuerte, con un programa de gran calibre, y al principio cuesta un poco meterse, pero cuando estás dentro... ¡ no hay Dios que te saque !

Espero impacientemente vuestros comentarios, dudas, críticas …, para ver si hay gente que lo sigue.

¡ Hasta no se sabe cuándo, salu2 !

Gracias a: El Guille y al programa capturador de pantallas.

MI HOME PAGE http://www.arrakis.es/~jfosch

E-MAIL [email protected]

Oye, no me copies ni todo ni un pedazo del texto (ni de los gráficos) sin antes consultarme para que lo quieres.