Creación y utilización de iconos en Mac OSX (Segunda parte)
Creando y usando iconos, por Carles Carbonell Bernadó
15/9/2004
Hoy continuamos la guía práctica iniciada en un artículo anterior donde hablamos de las herramientas necesarias y recomendables. Aquí no se enseñará como diseñar, ni tan sólo dónde encontrar las tan necesarias musas. Pero, al menos, se ofrece una serie de consejos basados en la experiencia:
Consejos durante el diseño de iconos
Apple dispone de unas normas a seguir para el diseño de interficies gráficas de ordenador, las "Apple Human Interface Guidelines". Aunque no es obligatorio seguir estas "normas", es altamente recomendable, ya que es considerado como el mejor compendio en cuanto a diseño de interfícies gráficas de ordenador. Además, en ciertos puntos, es casi una clase magistral de diseño gráfico para los elementos gráficos.
Por ejemplo, para crear un icono de Mac OSX, necesitamos, al menos, una imagen bitmap de 128 x 128 píxeles. Apple recomienda que utilicemos también los tamaños 64 x 64, 32 x 32 y 16 x 16 píxeles. Hay que hacer mucho caso a este consejo. Es mejor crear versiones personalizadas de nuestro diseño a bajas resoluciones. Entre otros posibles errores, podremos cambiar la perspectiva de un icono que antes estaba ligeramente inclinado, o bien mejorar el contraste de los bordes de nuestro icono. Actualmente, la medida 64 x 64 ha sido cambiada por la de 48 x 48 píxeles, ya que esta última es la más utilizada en las barras de herramientas.Intentad ser consistentes, si creáis colecciones de iconos.La mayoría de iconistas adultos, crean sus imágenes en un tamaño al menos 2 veces superior al resultado final. El tamaño más comunmente usado es el de 512 x 512 píxeles. Igualmente, la mayoría crea siempre el resultado final en un tamaño cuadrado, para evitar sorpresas en la posición del icono en relación a los otros iconos.
Dado que los iconos utilizan tamaños muy pequeños como el de 16 x 16 píxeles, es mejor no poner muchos detalles en nuestros iconos. Eso ayudará a que nuestros iconos se vean mejor en los tamaños más pequeños, por ejemplo, cuando hacemos listados en el Finder. Es una buena idea utilizar elementos simples fácilmente reconocibles. Por ejemplo, para crear un icono para el Mail, es mejor utilizar la imagen de un sobre, que no la de un cartero y una saca a revosar de sobres.
Recordad que si queréis distribuir vuestros iconos, no podéis utilizar la mayoría de imágenes existentes sin el consentimiento previo del autor. También debéis tener en cuenta los nombres registrados. Esto último puede parecer una tontería, pero la realidad no es así. Por ejemplo, es muy difícil que te demanden por usar el nombre Simpson, si realmente promocionas esta serie de dibujos animados; en cambio, compañías creadoras de software y hardware, no admiten, de ninguna manera, el uso de sus nombres registrados. Ni se os ocurra ponerle "Finder" a vuestro icono, ni "Microsoft". Estas consideraciones también son reciprocas, es decir, también podéis exigir vuestros derechos por uso indebido de vuestro trabajo.
Recordad que si os ofrecen trabajo a través de Internet, para crear iconos, es mejor que hagáis un contrato que especifique muy bien el uso de vuestro trabajo y las leyes regionales que se aplican.
Creación de iconos
El arte final debe ser un fichero gráfico bitmap. Este fichero debe tener una profundidad de 32 bits por píxel (24 para la seleccion del color RojoAzulVerde nativo de los monitores, más 8 bits para la máscara de transparencia). Además, debemeos tener una máscara aparte con un fichero bitmap del mismo tamaño, pero con un formato de 2 bits (la zona oscura indica en qué partes del icono podemos hacer clic). Esta última máscara no es totalmente imprescindible, y en la mayoría de casos se genera automáticamente, como se explica más abajo.
Los mejores formatos para este propósito son el TIFF y el PNG. El TIFF fué el primer formato que admitía el Mac OSX para sus iconos, pero con el tiempo se ha impuesto el .icns. Además, por su versatilidad y extensivo uso en Internet, es el más utilizado para la creación de iconos, en casi todas las plataformas informáticas.
Para crear este arte final, utilizaremos el Gimp 2, ya que es un programa gratuíto. Recordad que cualquier otro programa que admita salida de archivos bitmaps es válido, el Photoshop por ejemplo.
 |
| Imagen 1 |
Primero creamos el arte final. Desde el Gimp, cambiamos el tamaño de nuestro fichero a 128 x128 píxeles. Grabamos este fichero en formato PNG.
 |
| Imagen 2 |
Si queréis, repetid este proceso por cada tamaño del icono. Es aconsejable, al menos, hacer los tamaños 48 x48 y 16 x 16 píxeles. Grabad estos ficheros en formato PNG. Si no queréis confundiros, grabadlos con nombres diferentes que los identifiquen.
 |
| Imagen 3: el fichero icns |
Ahora creamos el fichero .icns. Ejecutad el Icon Composer. Veréis dos columnas con cuadros de arrastre. En los de la izquierda tenemos que arrastar nuestro arte final. En la derecha están las máscaras.
 |
| Imagen 4 |
Arrastrad el fichero PNG de 128 x 128 píxeles en el cuadro Thumbnail.
 |
| Imagen 5 |
 |
| Imagen 6 |
Si hemos hecho las resoluciones, debemos arrastrarlas en su cuadro correspondiente de la izquierda. Cad vez que añadimos un gráfico, el Icon Composer nos pregunta si queremos que nos haga automáticamente la máscara de clic. En principio, siempre le contestaremos afirmativamente, ya que nos crea la máscara bastante bien, según la máscara de transparencia del fichero.
 |
| Imagen 7 |
Grabad vuestro fichero al disco. Por defecto, el Icon Composer oculta la extensión .icns. Si miráis en el Finder, comprobaréis que no podéis ver todavía el icono con vuestro arte final.
 |
| Imagen 8 |
 |
| Imagen 9 |
Arrastrad el recien creado fichero .icns al icono de programa del Pic2Icon. Automáticamente creará los previos necesarios para que podáis ver vuestro icono en todo su esplendor, ya sea en el Finder como en el Dock. Si tenéis muchos ficheros .icns, podéis guardarlos en una carpeta aparte, que podéis arrastrar al Pic2Icon.
 |
| Imagen 10 |
Si queréis comprobar los diferentes archivos gráficos que contiene un icono, podéis abrirlo en el Icon Composer. El Vista Previa también puede visualizar los diferentes tamaños de un icono.
Cómo cambiar los iconos
Muy bien. Habéis creado unos cuantos iconos, o bien os habéis bajado de Internet más de quiniento. Ahora queréis cambiar vuestros ficheros, carpetas e incluso los iconos de vuestras aplicaciones.
Hay que seguir el sistema tradicional, el mismo que ya se utilizaba en el Mac OS clásico. Estos son los 2 sencillos pasos a realizar:
 |
| Imagen 11 |
Seleccionad el fichero o carpeta que queréis utilizar. Pulsad las teclas Comando+I. Aparecerá el panel de Información para ese ítem. En el apartado General aparece un recuadro dónde se muestra el icono. Seleccionad ese recuadro y pulsad Comando+C. Habéis copiado el icono al Portapapeles del Mac OSX.
 |
| Imagen 12 |
Seleccionad el icono que queréis cambiar. Pulsad las teclas Comando+I. Aparecerá el panel de Información para ese ítem. En el apartado General aparece un recuadro dónde se muestra el icono. Seleccionad ese recuadro y pulsad Comando+V. En este momento, habéis pegado el icono que tengáis en el Portapapeles del Mac OSX.
Quizá no se os cambie el icono. Seguramente, eso es debido a que no tenéis suficientes privilegios sobre el fichero al cual pretendéis cambiarle el icono. Se puede cambiar los privilegios de ese fichero en el mismo panel de Información, en el apartado Detalles. De todos modos, no es aconsejable que cambiéis los privilegios, debido a que seguramente estas restricciones estén impuestas por el mismo Mac OSX.
A veces el ítem al cual habéis cambiado el icono con éxito, también lo tenéis en el Dock, y todavía no se ha cambiado. En este caso debéis reiniciar el Dock. Si no deisponéis de ninguna utilidad para tal efecto (por ejemplo, el Cocktail), lo conseguiréis reiniciando vuestra sesión.
 |
| Imagen 13 |
Para cambiar el tamaño de la vista de los iconos en el Finder, debéis pulsar Comando+J sobre el fondo de cualquier carpeta o del escritorio. Os aparecerá el panel de Opciones de Visualización, dónde encontraréis un deslizador para tal efecto.
 |
| Imagen 14: Candybar en acción |
Si queréis cambiar los iconos del sistema, por ejemplo, el del Disco Duro, los discos externos, e incluso los de la barra de herramientas del Finder, debéis utilizar el CandyBar. Además, admite los icontainers, que más o menos viene a ser una librería compacta de iconos. Esta utilidad es comercial.
Quiero saber más ...
Este artículo y el anterior constituyen sólo una introducción, aunque os enseñan todo lo necesario para crear iconos y utilizarlos. Seguidamente disponéis una lista de enlaces, dónde podréis encontrar más información y multitud de iconos listos para usar. No todo son iconos en este mundo. Tambien hay una relación de sitios web relacionados con la personalización de vuestro Mac. Visitad todos estos sitios, y por gavor, no paréis de crear iconos.
- Apple Human Interface Guidelines - Documento original de Apple, dónde encontraremos las normas a seguir para crear nuestros iconos, además de botones y interfícies.
- Iconfactory - Son los creadores del mejor software para iconos de Mac OSX. Disponen de programas para la creación, gestión e instalación de iconos, tanto para Mac OSX como para el Mac OS clásico. También son los promotores principales del Pixelpalooza, el concurso anual más importante sobre la creación de iconos para Mac, incluso para cualquier plataforma.
- Xicons - Es el mayor repositorio de iconos para el Mac OSX. Tambien disponen de foro y tutoriales relacionados con los iconos.
- Resexcellence - Sitio muy interesante con casi todo lo relacionado en la personalización del Mac, tanto para Mac OSX como para Mac OS clásico. Contiene un gran repositorio con iconos, fondos de escritorio, pantallas de inicio del sistema y de aplicaciones, personalización del iTunes, y mucho más. También contiene la lista e enlaces más extensa hacia sitios de personalización del Mac.
- The Apple Collection - Quizá el mayor repositorio de fondos de escritorio relacionados con el Mac y productos de Apple. Tiene además, una sección con origamis (recortables) con las figuras de casi todos los productos de Apple. ¿ Quién no tiene todavía un G5 o hecha de menos su Pitufo ? Visita obligada para los frikis
- Konfabulator - Sitio web de uno de los programas más modernos y innovadores para Mac, el Konfabulator. Este programa dispone un runtime (librerías de ejecución para otros programas), el cual nos permite abrir Widgets. Estos widgets són scripts compactados, con funcionalidades tan diversas como leer notícias de MacMinute, comprobar el correo electrónico, visualizar el estado del iChat, o diponer calendarios y medidores de temperatura en el escritorio. Además, este programa aprovecha las enormes funcionalidades gráficas del Mac OSX para ofrecer los mini-programas más vistosos. De hecho, el futuro Mac OS X 10.4 Tiger incorpora su propia versión de la idea mediante Dashboard.
- Deviantart - El mayor repositorio de Internet con skins (apariencias y máscaras para los programas), fondos, iconos. Para todas las plataformas, incluido el Mac.
Comenta
el artículo en los Foros
Vuelta
al Menú
