Creando un splash para Ubuntu (Parte 1)

Entre este artículo y su segunda parte, que dejo para mañana, voy a explicar cómo hacer un splash screen (la imagen que sale durante la carga de una aplicación, o de Gnome mismo). El nuevo Ubuntu se llamará The Edgy Eft, así que vamos a ponerle ese nombre en la imagen. Será una especie de Cargando Gnome en Ubuntu Edgy Eft… con una sola imagen.

El resultado final es este:

Las letras de Ubuntu con el logo y esos efectos de reflejos tan a la moda lo dejamos para la segunda parte del post. En esta primera parte nos vamos a encargar de crear el fondo, junto con ese texto que dice - Sweet Edgy Eft – y la barrita horizontal de abajo, que es donde van aparciendo los iconos mientras se carga Gnome.

Estos son los pasos a seguir:

1. Creamos una nueva imagen de las dimensiones que queramos (la mía es exactamente de 800x686px). Seleccionamos un marrón oscuro como color de fondo, y uno más claro como color de frente. Seleccionamos ahora la herramienta de degradado y cambiamos la forma a radial. Ya podemos lanzar el degradado haciendo click en el centro de nuestra imagen y llevando el otro extremo hasta uno de los lados.
   
2. Creamos una nueva capa que llamamos rejilla. Ahora vamos a realizar un patrón nuevo para rellenar esta capa con la rejilla. Creamos una nueva imagen de 25x25px con la capa de fondo transparente. Con la herramienta de seleccionar rectángulos seleccionamos una línea vertical justo en el centro y arrastramos el color negro encima. Ahora hacemos una línea horizontal en el medio y también la rellenamos de negro.
   
3. Hacemos click en Seleccionar-> Todos y vamos a Script-Fu -> Selección -> A Patrón. Nos pide un nombre para el patrón, le llamamos Rejilla. Ahora ya podemos seleccionarlo de Diálogos -> Patrones y arrastrarlo sobre la capa rejilla.
   
4. Alejamos un poco la imagen con el zoom out (tecla [-]) y seleccionamos la herramienta de cambiar la perspectiva. Hacemos click sobre la capa rejilla y movemos el vértice inferior derecho más hacia la derecha, y el inferior izquierdo más hacia la izquierda. Así conseguimos el efecto de profundidad de la rejilla. Podemos jugar un poco con los vértices para conseguir el efecto que queramos.
   
5. Una vez tenemos la rejilla con efecto de perspectiva, toca ir a Capa -> Máscara -> Añadir máscara de capa y crear una máscara iniciada a Blanco (Opacidad Total). Seleccionamos el color negro y el blanco como colores de frente y fondo, respectivamente. En la herramienta de degradado, ponemos la forma a bilineal y marcamos la pestaña de invertido, para que vaya de blanco a negro. Sólo queremos que se vea una parte de la rejilla, por el centro-arriba de la imagen, así que lanzamos el degradado haciendo click en el medio de la zona en la que queremos que permanezca, y lo llevamos hacia abajo con la tecla [Ctrl] pulsada para asegurar que nos queda completamente vertical. Si no nos gusta cómo queda, Editar -> Deshacer y lo volvemos a intentar.
   
6. Cuando ya tengamos visible la parte de la rejilla que queremos y el resto transparente, vamos a Capa -> Máscara -> Aplicar máscara de capa. Desenfocamos un poco la capa (Filtros -> Desenfoque -> Desenfoque Gaussiano (Blur) de 4px) y ajustamos la opcacidad de la capa para que no se vea demasiado. Tiene que verse lo justo, sólo queremos que nuestra imagen tenga una perspectiva de profundidad y para eso nos sirve la rejilla.
   
7. Ya tenemos el fondo y la rejilla. Ahora vamos a por el texto de Sweet Edgy Eft. Seleccionamos la herramienta de textos, con color gris oscuro y la fuente deseada. Escribimos el texto Sweet Edgy Eft y lo movemos a donde queramos. Seleccionamos la capa de fondo y vamos a Filtros -> Mapa -> Mapa de relieve (Bump Map). En la ventana que aparece, en la opción de Mapa de relieve seleccionamos la capa con el texto. Con los parámetros de profundidad y elevación jugamos para obtener un relieve más o menos vistoso del texto en la capa de fondo. Una vez aceptemos, ya podemos borrar la capa con el texto si queremos.
   
8. Ya sólo queda la banda rectangular de abajo. Creamos una nueva capa que llamamos banda y seleccionamos el rectángulo que queremos que sea la banda con la herramienta de selecciones rectangulares. Una vez la tengamos, cogemos la herramienta de degradados, con forma bilineal y de blanco a transparente (pero con la pestaña de invertido activada). Lanzamos un degradado horizontal desde el centro hacia un lado, con la tecla [Ctrl] pulsada.
9. Con la capa banda seleccionada, vamos a Seleccionar -> Ninguno y Filtros ->Desenfoque -> Desenfoque gaussiano (blur) de 2px.
   

Ya tenemos el fondo de nuestro splash para Ubuntu Edgy Eft. Recuerda guardar la imagen en formato XCF para poder abrirla en otro momento con el Gimp y conservar todas las capas.
Mañana haremos lo demás, el logo del sistema operativo y el resto de detalles.