En el artículo de ayer hicimos la primera parte de nuestra splash screen para Ubuntu Edgy Eft, que correspondía al fondo de la imagen. Ahora vamos a ocuparnos del resto, del logo de Ubuntu, al que vamos a aplicarle un efecto glossy con reflejos para darle volumen (¿efecto gominola?) y una estrella-chapa típica con el texto New.

Vamos allá, paso a paso:

1. Cargamos la imagen que tenemos guardada (en formato XCF) después de crear el fondo de la imagen en el paso 1 del tutorial. Tenemos las capas fondo (con el texto como mapa de relieve), la capa rejilla y la capa bandas. Creamos una nueva capa que llamamos reflejo_fondo. Vamos a crearle un efecto glossy al fondo. Vamos a Seleccionar -> Todos y después a Seleccionar -> Encoger y encogemos la selección en 5 pixels. Queremos que la selección sea una media luna, y no un rectángulo. Cuando tenemos una selección hecha, si queremos quitar algo de dicha selección tenemos que seleccionar con la tecla [Ctrl] pulsada. Con la tecla [Shift] sumamos lo que seleccionemos a la selección hecha, y con [Ctrl] se lo quitamos.
   Así que le quitamos un cacho circular, con la herramienta de selección de elipses.
   
   
2. Ya tenemos la elipse quitada, sólo tenemos que lanzar un degradado lineal de blanco a transparente, inclinado hacia la derecha y de arriba a abajo. Después, vamos a Filtros -> Desenfoque -> Desenfoque Gaussiano (Blur) y lo aplicamos con un radio de 8 pixels. Ajustamos la transparencia de la capa. Si hace falta podemos borrar partes de la capa con la herramienta goma de borrar y una brocha grande y muy blanda.
   
3. Creamos una capa que llamamos logo_ubuntu. Descargamos el logo en formato PNG, lo abrimos con el Gimp, seleccionamos la palabra Ubuntu del logo con la herremienta de selecciones rectangulares, copiamos y pegamos en la capa de nuestra imagen. Colocamos la palabra en el sitio correcto y vamos a Capa -> Anclar la capa. De nuevo en la imagen descargada, ahora seleccionamos el logo, copiamos y pegamos en nuestra imagen, anclando finalmente la capa.
   
4. Ahora aplicamos el efecto glossy a la palabra Ubuntu. Duplicamos la capa para trabajar en una copia. Con la herramienta de recoger colores de la imagen, pinchamos en una de las zonas rojas del logo, con la herramienta de seleccionar zonas contiguas seleccionamos pinchamos en la U y arrastramos el color rojo que hemos recogido. Así, rellenamos el resto de las letras de la palabra Ubuntu con los mismos colores que el logo.
   
5. Con la herramienta seleccionar regiones contiguas, pinchamos en medio de la letra U. Vamos a Seleccionar -> Encoger y encogemos la selección en 4px. Creamos una nueva capa llamada glossy_U. Con la herramienta de degradados, lanzamos uno de blanco a transparente de arriba a abajo sobre la letra. Después de este paso, en los pantallazos mi logo aparece con el degradado de derecha a izquierda, en vez de izquierda a derecha, pero es lo mismo.
6. Teniendo activa la capa glossy_U, desenfocamos con Filtros -> Desenfoque -> Desenfoque gaussiano (blur) de 5px y después ajustamos la transparencia de la capa.
   
7. Repetimos este paso con todas las letras del logo, de modo que tendremos nuestra capa con el logo y la palabra Ubuntu y encima de ella 6 capas con los degradados desenfocados correspondientes a cada letra. Recuerda ajustar la transparencia de cada una de esas seis capas para mejorar el efecto.
8. Ya tenemos el la palabra Ubuntu en modo glossy. Le ponemos una sombra blanca, duplicando la capa en la que está la palabra que hemos pintado con los colores del logo. Esta capa la renombramos a sombra y la ponemos debajo de la otra. Vamos a Capa -> Colores -> Niveles y movemos la pestañita de la derecha (blancos) totalmente a la izquierda. Así conseguimos que toda la palabra esté en blanco. Ahora le aplicamos un Filtro -> Desenfoque -> Desenfoque gaussiano (blur) de 12px y ajustamos la transparencia de la capa. Ya tenemos la sombra.
   
9. Con el mismo procedimiento, ahora en vez de letras tenemos que jugar con el propio logo circular. En cada una de las 3 zonas y de los 3 círculos habrá que repetir el paso número 5, quedando 6 capas más con los degradados desenfocados de los elementos del logo circular. Luego le creamos una sombra blanca como hemos descrito en el paso 8.
   
10. Abrimos el programa de diseño vectorial Inkscape (software libre y gratuito). Creamos un documento nuevo y con la herramienta de crear estrellas y polígonos dibujamos una estrella.
    
11. Arriba hay una barra donde poder modificar el número de esquinas, el radio… y algunos parámetros más de la estrella. Ponemos número de esquinas a 22, longitud del radio a 0,800 y los otros valores los dejamos a 0.
    
12. Haciendo click derecho sobre la estrella y en relleno y borde, podemos elegir con la rueda un color sólido como relleno. El naranja es muy común para estas estrellas. Una vez que la tengamos pintada, vamos a Archivo -> Exportar mapa de bits y le ponemos un nombre con extensión PNG. Antes de exportarla, en esa misma ventana le decimos a qué tamaño la queremos exportar, cambiamos el ancho a unos 200px. Le damos a exportar y ya podemos cerrar el Inkscape.
13. Con el Gimp, abrimos esa imagen que acabamos de exportar. Como la hemos guardado en formato PNG, guarda la estrella sobre una capa transparente. Creamos una nueva capa llamada estrella en nuestra imagen splash. Vamos a la imagen de la estrella, seleccionamos todo, copiamos y pegamos en la imagen del logo de Ubuntu. Anclamos la capa.
    
14. Colocamos la estrella en la esquina derecha superior. Si hace falta vamos a Capa -> Escalar la capa para reducir un poco el tamaño de la estrella. Duplicamos la capa, la ponemos debajo de la anterior, vamos a Capa -> Colores -> Niveles y llevamos la pestaña de la izquierda (negros) hasta la derecha deltodo. Así tenemos la estrella en negro. Le aplicamos un filtros -> desenfoque -> desenfoque gaussiano blur de 10px para conseguir la sombra de la estrella. Con la herramienta de textos, con el color y una tipografía adecuadas, escribimos “New”. Pinchamos en la herramienta de rotar la capa o la selección, hacemos click en nuestra capa de texto y así la rotamos un poquito.
    

¡Ya tenemos nuestro primer splash screen para Ubuntu Edgy Eft!

Si quieres bajarte mi sweetEdgyEft.xcf con todas las capas (las capas con los degradados de cada letra y de cada elemento del logo han sido combinadas en una solo con el logo).

Publicado el 1 de Setiembre de 2006
Categorías: Retoque fotográfico, Ubuntu Linux
Tags: gimp, libre, software, tutorial, Ubuntu Linux
Puedes seguir los comentarios a este post mediante el Feed RSS.

• Botón para la web
• Crear reflejo realista
• Creando un splash para Ubuntu (Parte 1)
• Texto metalizado y con volumen
• Convertir foto en dibujo (Parte 2)