Con este tutorial, aprenderemos a hacer el menú principal, adecuando los distintos iconos al tamaño correspondiente e introduciremos también el fondo del menú. Además, tendremos una plantilla (descargable más abajo) con la que nos guiaremos para saber en qué posición va cada icono.

Una vez hayáis acabado vuestro menú, pasaros por este tutorial para Crear un Cursor para iR Shell. 

Comprendiendo la plantilla:

Lo primero que deberéis hacer, es descargaros la plantilla hecha por Pana. Esta plantilla está guardada en formato PNG, el cual guarda las transparencias y, en el photoshop, nos dará facilidad a la hora de trabajar con las distintas capas. Vamos a explicar un poco esta plantilla:

1. En esta barra se mostrará el Kernel sobre el que está ejecutandose el iR Shell y la velocidad de la CPU.
2. Esta es la "barra de estado". Aquí se mostrará, entre otras cosas, el nombre del icono que estamos seleccionando, la fecha, la hora, la bateria, funciones iniciadas (USB), etc.
3. Esta zona es transparente. El PhotoShop la muestra a cuadritos grises y equivale a transparencia.
4. A, B, C, D, ...: En estos recuadros se incluirán los distintos iconos. Tienen un tamaño de 62x38 pixeles y tiene un reborde negro de 1 pixel que marca el límite. Este reborde negro se puede "pisar", pero hay que tener en cuenta que estará pegado al siguiente icono. Se recomienda no "pisar" el borde para tener los iconos bien separados. Totalmente desaconsejado que los iconos sobrepasen el tamaño del recuadro de la plantilla.

Con el PhotoShop, podréis poner los iconos encima de la plantilla o debajo, y darle más o menos opacidad para ver como va quedando.

Preparando las imagenes y colocandolas:

Los Iconos

Primero empezaremos por crear las imagenes que servirán como iconos. Si queréis, podéis buscarlas por internet. De cualquier forma, las imagenes deberán ajustarse a la plantilla (62x38 pixeles). En este caso, haremos un Skin sobre One Piece con imagenes encontradas por internet.

Deberemos recortar y cambiar el tamaño lo suficiente hasta que encaje en la plantilla. Nos dirigimos a "Imagen" => "Tamaño de imagen":

Pincha para agrandar

Es más que posible, que si estamos utilizando una imagen encontrada por internet, la propircion entre Anchura y Altura no sea la misma que tiene la plantilla. Dependiendo de esto y de nuestro propio critero, deberemos o no Restringir proporciones.

Para que tengáis una idea más clara, al restringir la proporcion, si una imagen la reducimos a la mitad en Altura, se reducirá a la mitad también en anchura (Guardando las proporciones).

Una vez tengamos los iconos ya preparados, maximizamos la imagen de plantilla y arrastramos (V) los iconos creados a sus correspondientes lugares en esta.

El Fondo

Ahora toca crear la imagen de fondo. Evidentemente, esta imagen irá acorde con los iconos y con el propio tema que estamos haciendo. El tamaño de esta imagen será de 480x272 pixeles.

Una vez terminado el fondo, lo arrastramos a la plantilla y en la ventana "capas" lo colocamos primero por abajo.

Pincha para agrandar

Finalemente, guardamos tal y como está el menú en formato PSD. Este formato es exclusivo de PhotShop y nos permitirá abrir el archivo más tarde tal y como lo tenemos ahora. Nos será realmente útil para cuando queramos modificar un solo iconopor ejemplo, ya que bastará con modificar SOLO la capa de dicho icono.

Una vez lo tengamos guardado en PSD, ocultamos la plantilla pinchando sobre el ojo que hay en la capa correspondiente a la plantilla o la eliminamos directamente, ahora ya estamos en disposición de guardarlo en .BMP en nuestra carpeta.

Esta es la imagen original del iR Shell para el Menú Principal: