Pero como bien dice Helen Bradley en este tutorial para photoshop en el que me he inspirado totalmente (ahora se dice así), hay pocas cosas que el Photoshop no pueda arreglar, o en este caso, el GIMP. Así que a continuación os explico como podéis arreglar una foto de ventanilla de avión con GIMP. Ésto sería un ejemplo:

Coger alguna de las fotos de avión de vuestros viajes y abrirla con el GIMP que empezamos.

Paso 1
Empezamos haciendo un duplicado de la capa de fondo para trabajar sobre él, y dejamos debajo el original por si luego lo necesitamos. Para ello, podemos pulsar en el botón de duplicar capa, hacerlo desde el menú Capa o pulsar Shift+Ctrl+D.

Paso 2
Seleccionamos la capa superior (sobre la que vamos a trabajar) y vamos al menú Colores->Niveles. El histograma de niveles te dice mucho sobre el estado de la imagen. En la mayoría de estos casos faltara blanco y negro, y la curva se verá concentrada en el centro. Así que para arreglarlo vamos a arrastrar los ‘sliders’ laterales -negro y blanco- hasta donde comienza la curva por cada uno de los lados. Al hacerlo se debería ver perfectamente un aumento en el contraste y un poco en el color también. Aceptamos y seguimos.

Paso 3
Arreglar problemas con el color. Con frecuencia, la imagen tendrá demasiado azul (u otro problema de tonalidad) y se puede arreglar mediante un ajuste de curvas, así que vamos al menú Colores->Curvas. Del desplegable de canales, vamos seleccionando el rojo, verde y azul, y probamos a mover la curva hacia arriba o hacia abajo dependiendo de si le queremos dar o quitar ese color. Se pueden hacer pruebas con la vista previa activada hasta que quede a tu gusto y aceptamos.

Paso 4
Al hacer la foto desde tan alto, suele tener mejor tonalidad en la zona de abajo, la más cercana al fotografo. Para compensar esto vamos a añadir una capa nueva y a hacer lo siguiente sobre ella. Con el negro seleccionado de color frontal y el blanco de fondo, elegimos la herramienta de degradado y hacemos uno de arriba a abajo (la zona superior debe ser negra y la de abajo blanca). Cuando lo tengamos listo, cambiaremos el ‘modo’ de la capa de ‘normal’ a ‘solapar’ (en un desplegable que hay sobre el listado de capas) y manejando la transparencia de esta capa lo dejamos al gusto.

Paso 5
Ahora le podemos dar los últimos retoques a la capa de la imágen tratada utilizando las herramientas del menú de Colores, saturación, contraste, brillo,… hasta que por fin se parezca más a lo que queremos.

Paso 6
Finalmente intentaremos darle un poco de nitided a la imagen, pero antes uniremos todas las capas en una pulsando en el menú Imagen->Aplanar Imagen. Ahora, para darle nitided vamos a intentar enfocar la imágen con un filtro de GIMP. Prueba a ir al menú Filtros->Realzar->Sharpen (si no lo tienes tendrás que instalar algún plugin para enfoque). Cuando lo tengas modifica el umbral del filtro hasta que te parezca que está bien y acepta. Hemos terminado.

Espero que os haya gustado, y ya sabéis, si lo probáis dejadme un enlace en los comentarios a vuestra imagen para ver el resultado.

El efecto no está hecho sobre fotos propias, así que podéis ver los originales de las fotos anteriores en los albumes de sus respectivos autores en flickr, reservasdecoches, dsearls. Para que podáis recrear el mismo efecto en vuestras fotos escribo este pequeño tutorial para GIMP.

Así que elegís la foto a la que queréis aplicarle el efecto y empezamos, las fotos buenas para este tipo de efectos suelen ser fotos aereas, sobre todo de edificios modernos que se encuentran en zonas antiguas. Una vez tengamos la foto abierta con el GIMP vamos a duplicar la capa actual, para ello vamos al menú Capa->Duplicar Capa, o más facilmente pulsamos Ctrl+Shift+D. Como luego vamos a borrar parte de esta capa, necesitamos añadirle el canal alfa -o transparencia-, así que seleccionamos la capa recién creada y vamos al menú Capa->Transparencia->Añadir canal alfa.

Ahora hay que agregar el efecto de desenfoque a esta capa superior. Para ello vamos al menú Filtros->Desenfoque (Blur)->Desenfoque Gaussiano. Depende de la foto deberemos desenfocar en mayor o menos medida, eso depende de vosotros.

Y para terminar,escogemos la herramienta borrador (Shift+E), y vamos borrando la capa desenfocada en las partes de la foto que queremos que parezcan una maqueta. Para borrar es mejor escoger un pincel difuminado, pero en algunos puntos puede que tengas que usar uno más solido.

Como veréis al ir borrrando la capa difuminada va quedando a la vista la capa original, mucho más marcada, dando la impresión en algunos casos de que la parte enfocada no es real y es una maqueta a escala. Espero que os haya gustado y como siempre que escribo un tutorial, me encantaría ver en los comentarios vuestras creaciones.

Creo que es evidente, pero por si acaso alguien piensa lo contrario voy a dejar claro que partimos de una foto en color, darle color a una foto que está en blanco y negro sería otra cosa muy diferente y mucho más complicada. De ejemplo voy a usar la siguiente foto que me he descargado de Flickr, en la que vamos a dejar en color solo al perrito Puppy.

Original:

Resultado:

Lo primero es abrir la foto en cuestión con el GIMP, que es el único programa que vamos a usar para realizar este tutorial, y seguir estos pasos:

1. Duplicar la capa de fondo. Para ello ir al menú Capa, o simplemente pulsar Mays+Ctrl+D. A partir de ahora se trabajará solo sobre esta capa recién creada.

2. Pasar la capa nueva a escala de grises. Ésto se hace desde el menú Colores -> Desaturar. Se pueden probar las diversas opciones que aparecen, aunque yo lo he hecho con Claridad. Una vez hecho ésto se ve la imagen en B/N aunque debajo de la capa superior debería seguir la original con todo su color.

Editado: Parece que algunos tienen problemas para borrar en la capa de grises así que agrego punto 2b
2b. Añadir canal alpha a la capa de grises. Si no os lo ha puesto por defecto es necesario que la capa de grises tenga el canal ‘alpha’ o lo que es lo mismo que permita transparencia. Por eso pulsáis con botón derecho sobre la capa en escala de grises en el panel de capas y le dáis a ‘Añadir canal alpha’.

3. Borrar la capa en grises encima de Puppy. Pinchando en la goma de borrar o pulsando Mays. + E escogemos la herramienta de borrar, y con una brocha gorda vamos borrando en la capa de grises la parte central de las cosas que queremos dejar en color.

4. Utilizar el zoom para acercar la vista a los detalles. Pulsando la tecla “Z” o clickando en la lupa se escoge la herramienta zoom que hay que utlizar para aumentar la imagen. Luego, utilizando de nuevo el borrador pero con una brocha más fina, se borrarán con cuidado los bordes de las zonas a modificar. Si necesitas volver el zoom al 100% solo hay que pulsar la tecla “1″.

Eso ha sido todo. Es un tutorial sencillo, y se pueden lograr efectos muy buenos. Eso sí, el resultado depende de la paciencia que tengas y de lo bien que dejes la transición de blanco y negro a color. Así que no lo dudes, haz la prueba con una de tus fotos y si te parece dejanos la URL del resultado en los comentarios.

1. PNG es genial, pero no puedo usarlo porque no funciona con Internet Explorer

Ésto es casi totalmente falso. Todos los PNGs se van a ver en cualquier versión de internet explorer, el problema realmente es que en IE6 y anteriores los PNG-24 se mostrarán mal si usan la propiedad tranparencia alpha (cuando hacemos imagenes parcialmente tranparentes). Así que si no necesitáis esa transparencia podéis usar PNGs sin problemas porque se van a ver bien en todos los navegadores, y si realmente la necesitáis hay varios hacks que lo pueden arreglar.

2. PNG el formato que menos espacio ocupa

Si se comparan los tamaños de las mismas imagenes en PNG-8 y GIF, muchas veces (aunque no siempre) comprobaremos que sí es menos pesado que GIF. Pero si lo comparamos con el PNG-24 (el formato con el que podemos obtener la transparencia alpha), GIF siempre será más ligero. De hecho, muchas veces hacen que la carga de una página se haga lenta y pesada.

3. PNG tiene el mejor color

De nuevo, ésto es solo un atributo del PNG-24, con el qué si se consiguen mejores resultados que con cualquier otro, pero siempre a costa del tamaño del archivo. PNG-8 se comporta, hablando de colores, tal como lo hace GIF, con su misma gama y calidad.

4. PNG es el mejor formato para cualquier cosa

Completamente falso. Cada uno de los tres formatos más populares (JPG, GIF y PNG) aún tiene su sitio, y puede ser el mejor según cual sea el cometido. Para la fotografía los JPGs aún no pueden ser superados si hablamos de tamaño de archivo. PNG-24 gana en calidad y permite transparencia alpha, aunque siempre a costa del tamaño. PNG-8 supera casi siempre a GIF, pero en cambio solo GIF permite animación y en estos casos sería nuestra opción.

Traducido de CSS Tricks

Como véis, lo más claro que hay que tener es que existen diferentes tipos de PNG, y lo más importante, que cada formato de imagen tiene su sitio. Y a ver si dejamos de usar IE o al menos sus versiones viejas que lo de los hacks está muy bien, pero sino tenemos que usarlos mejor.

Pero convertirse en un maestro del retoque puede ser una tarea más sencilla aún gracias a Ariel Shamir y a Shai Avidan, pioneros en el escalado inteligente de imágenes. ¿A que me refiero con ésto? A redimensionar una imagen teniendo en cuenta el contexto de la misma, pudiendo así redimensionarla sin mantener las proporciones, mientras que las cosas importantes de la imagen si las mantienen. Pero por si acaso no entiendes a que me refiero, o por si acaso soy yo el que no me explico, puedes ver este vídeo explicativo creado por A. Shamir que aunque esté en inglés te hará entenderlo mucho mejor.

Esta funcionalidad, se verá implementada en uno de los módulos de Aviary, esa aplicación web nonata de la que tanto me gusta hablar en este blog. Como siempre llevará nombre de pájaro y esta vez de pajaro carpintero, Woodpecker. Se trata del módulo de Aviary encargado de redimensionar imagenes que vendrá dotado con la citada tecnología para escalar imágenes de manera inteligente. Aunque podemos estar tranquilos porque no vamos a tener que esperar a que Aviary salga a la luz para poder jugar y probar cosas con ese redimensionado, ya que existen ya varias aplicaciones que nos lo ofrecen.

Yo he probado dos basadas en la misma tecnología, casi con idénticos resultados. Un plugin para GIMP llamado Liquid Rescale y una aplicación webllamada Rsizr. Si sois usuarios de GIMP os recomiendo el primero sin dudarlo, se ha hecho mi amigo inseparable; pero si simplemente lo vais a necesitar para momentos puntuales podéis utilizar Rsizr que aunque podría ser más intuitiva es una aplicación bastante sencilla y rápida. Podéis ver la comparación de los resultados en las siguientes imagenes, en una he utilizado ambos programas para hacer más pequeña la imagen y en la otra para hacerla más grande, también podréis ver como habría quedado, y como se habría deformado, de haber hecho un redimensionado normal.

Por todos es sabido que la interfaz del GIMP actual recibe muchas quejas de usabilidad, sobre todo de gente que quiere dejar el photoshop pero el salto a GIMP le resulta costoso dadas las diferencias. Aunque yo ya esté acostumbrado a la interfaz de GIMP hay que reconocer que el producto de Adobe es más fácil de usar y más intuitivo.

Por eso es de agradecer que ahora nos ofrezcan la oportunidad, mediante esta tormenta de ideas, de mejorar o de subsanar este defecto. Aunque si vais a participar con alguna idea espero que seáis un poco más originales que éstos.

Animaos y enviad vuestras propuestas a:
gimp.brainstorm(arroba)gmail.com

Al terminar de leer la entrada de Leandono me he dado cuenta de que esa solución solo valía para Windows. Con lo cual, no me era útil, y me daba la misma solución que Roxana Falasco en su blog. Mi mayor sorpresa, y grata además, ha sido que cuando he ido al blog de Roxana a ver aquella entrada en la que explicaba ésto, me he encontrado con una nueva entrada de hoy mismo en la que explicaba como hacerlo en Linux.

Me voy a poner ya mismo a pasar brushes y que viva GIMP! :p

Por si hay aún más gente que no lo sabía, GIMP permite configurar totalmente las teclas de acceso rápido o shortcuts. Así que voy a explicar cómo se debe hacer para configurarlas.

Una vez abierto el GIMP, lo primero de todo es ir a Archivo->Preferencias y abrir el cuadro de diálogo de preferencias dónde seleccionaremos la pestaña Interfaz. En esta pestaña deberemos marcar la opción llamada Usar combinaciones de teclas dinámicas. Ésto nos permitirá crear combinaciones de teclas a nuestro antojo.

Ahora nos queda definir las teclas que queramos y no podía haber una manera más sencilla. Solo hay que ir al elemento del menú al que quieras asignarle una combinación de teclas, y mientras está seleccionado (o highlighted) y en color naranja pulsas la combinación deseada. Automáticamente verás como esa combinación queda asignada a ese elemento y se mostrará a su derecha en el menú.

Ya está, acabas de configurar tu primer shortcut. ¿Esperabas algo más difícil? Puedes usar las combinaciones que quieras, aunque si usas algún otro programa yo te recomiendo que utilices las mismas que em ése así todo será más cómodo. Si pones la misma combinación de teclas en dos elementos solo se le asignará al último.

Espero que os sea de ayuda.

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

Hoy lo que quiero es presentaros los trabajos de uno de los más activos creadores de pinceles de esta comunidad, Hawksmont. Podéis ver su página web o su web de DevianArt y comprobar la calidad de su trabajo.

Es una suerte encontrar recursos así, y no solo eso, sino encontrarlos con términos de uso como éstos. Términos que recomiendo copiar a todo aquel que quiere distribuir sus pinceles. ¿Por qué? Porque muchos, o la mayoría, de pinceles que se distribuyen para Photoshop por ejemplo, piden que se reconozca la autoría explicitamente en la obra si ésta va a ser pública. Es decir, que si vas a hacer un cartel para un evento, una web o simplemente una firma para un foro, utilizando ciertos pinceles debes hacer mención al autor o a su web en la misma obra, algo que por supuesto no tiene ningún sentido, ya que modificaría y estropearía el diseño, y limita esas brushes al uso exclusivamente personal (vamos, a hacerte fondos de escritorio para tí y no más). Personalmente, soy defensor del reconocimiento al autor siempre que se cite su obra o se utilice, pero claro, siempre que sea con cierta lógica y en el caso de las brushes, el reconocimiento explícito en la obra misma no tiene ningún sentido.

Esperando que os guste el recurso, me despido hasta la próxima, y os prometo que algún otro día juntaré algunas de las brushes que he creado y os las ofreceré por aquí. Por ahora solo tengo cosillas sueltas que hice para casos específicos, pero ya me encargaré de juntarlas en pequeños sets temáticos y así poder ofreceroslas.