Tutorial Gimp - Software Box

Supongo que buscando algún programilla por internet, habréis visto en más de una ocasión que en los sitios dónde los distribuyen os lo presentan en una caja, que normalmente no es una imagen real ya que las distribuciones de ese software o script son únicamente por internet, pero queda bien y representa estupendamente la imagen del programa. La realización de esa caja, también llamada Software Box, es lo que vamos a explicar en este tutorial de GIMP.

Nuestro punto de partida será un archivo nuevo de 400×400 píxeles, en mi caso con fondo blanco, y al que le vamos a poner una guía vertical a 120 píxeles del borde izquierdo. Para hacer ésto, podemos arrastrar la guía desde la regla izquierda hasta la posición deseada o desde el menú podemos hacer Imagen->Guías->Guía nueva… De esta manera ya tenemos preparadas lo que serán las tapas frontal (desde la guía hasta el borde izquierdo) y lateral (desde la guía hasta el borde derecho) de nuestra caja de software. Con lo que ahora tenemos que darles un poco de color.

No voy a entrar en temas de diseño de la caja porque las posibilidades son infinitas y doy por hecho que cualquiera al que le pueda interesar este tutorial ya tendrá una idea hecha de la imagen que le quiere dar a su producto. Por mi parte he hecho una caja de ejemplo en tonos azules, con un pequeño texto de prueba y le he incluido el icono de la estrella que podéis ver como realizar en este otro tutorial. No importa cuantas capas utilices, solo debes preocuparte de que el diseño sea de tu agrado.

Vamos a empezar con la construcción de la caja. Para ello vamos seleccionar con la herramienta “Seleccionar regiones rectangulares” (R) la cara frontal de lo que será nuestra caja, lo que va desde el borde izquierdo hasta la guía, y una vez seleccionado haremos Editar->Copiar visible para guardar en el portapapeles todo lo que se ve en el rectángulo seleccionado. Ahora pegaremos como una capa nueva lo que tenemos en el portapapeles y de esa manera tendremos en una sola capa la imagen que debe ocupar la cara frontal de nuestra caja. Del mismo modo haremos con la cara lateral y así tendremos en otra capa la imagen completa que ocupará el lateral de nuestra software box. Una vez guardado nuestro trabajo para posibles modificaciones, renombraremos las capas recién creadas y podemos borrar el resto de capas porque no las vamos a necesitar y trabajaremos más a gusto.

Ya solo nos queda que Gimp haga el trabajo de convertir nuestro diseño en una bonita caja, y el filtro “Mapear al objeto” se encargará de ello. Vamos al menú y elegimos Filtros->Mapa->Mapear objeto… Ésto abrirá un nuevo cuadro de diálogo que nos permite acoplar nuestras imágenes
a un plano, una esfera o en nuestro caso a una caja. Toca el turno de configurar el filtro y en la primera pantalla elegiremos las opciones generales siguiendo la siguiente imagen de ejemplo:

En las siguientes dos pestañas (Luz y Material) lo único que he cambiado de los valores por defecto ha sido la posición del punto de luz, que he cambiado el valor X de -0,5 a 0,5 para que la luz apunte al lado más ancho de la caja. Ahora vamos a ver un poco mejor la forma de nuestra caja al configurar la pestaña de Orientación. En mi caso la he girado 40 grados dándole a la Y de Rotación un valor de -40. Puedes pulsar el botón de vista previa en cualquier momento para ir viendo los cambios.

Pasamos a lo más importante, la pestaña Caja, dónde se especifican las proporciones de la caja y las imágenes que deben ocupar sus lados. Como en nuestro caso solo se van a ver dos caras de la caja, solo nos deben preocupar la cara “Frente” y la cara “Derecha” marcadas en rojo en la imagen, a las que asignaremos la capa “Lateral” y “Frontal” respectivamente. Por último escalaremos la cara frontal dándole el valor 0,2 a Z y ya podemos previsualizar la imagen por última vez para asegurarnos de que todo está correcto antes de pulsar el botón aceptar.

Cuando pulséis en el botón aceptar vuestro resultado debería ser algo parecido a ésto:

Ya tenéis la caja para hacer con ella lo que queráis. Espero que este tutorial os sirva de ayuda o como idea para otras creaciones. De todos modos, ésta ha sido solo una manera de tantas otras para llegar a este resultado, aunque yo creo que es de las mejores y más sencillas. Os animo a cacharrear con las opciones de este filtro para conseguir diferentes resultados y estaré encantado de que me las enseñéis o me comentéis que tal os a ido con el tutorial, para ello podéis dejar un comentario aquí.

Si prefieres, puedes ver este tutorial en Google Docs pulsando en el siguiente enlace: Tutorial Gimp - Software Box