23 febrero, 2017

PSD para mostrar textos y logos como pintadas urbanas

En esta entrada vamos a ver un recurso que nos convertirá en grafiteros virtuales, permitiéndonos dar a nuestras creaciones el aspecto de pintadas sobre muros.

Se trata de un archivo PSD de Photoshop, dotado de objetos y capas inteligentes (smart objetcs en la versión en inglés del programa), de forma que el efecto se aplica de forma automática, bastando por nuestra parte con aportar el diseño. Este tipo de recursos se denominan genéricamente mock-up (o mockup), y la forma de usarlos es muy sencilla: basta con hacer doble clic en el objeto inteligente, cambiar el diseño que viene por defecto por el nuestro propio, guardar los cambios y listo.

El archivo es totalmente gratuito, ofrecido para su libre descarga por la web GraphicsFuel. Lo he probado por curiosidad, y puedo decir que funciona correctamente en la versión CC de Photoshop (seguramente valdrá con CS5 o incluso CS4, aunque no lo he probado). El resultado ha sido el siguiente:

Mockup de logotipo pintado sobre muro, ejemplo realizado por La Grafiteca

La imagen de la pared del fondo viene por defecto en el archivo, y tiene un tamaño bastante grande (3600x2400px aproximadamente, pesando el PSD 126MB). Así pues tiene una resolución bastante alta.

Viéndola en detalle:

Detalle que muestra la alta resolución del archivo

Para los interesados en este archivo, es importante que sepan que básicamente está pensado para logotipos. Así pues funciona bien sobre todo con textos, trazados o diseños monocromos (de un único tono o color). Pero no para pinturas de varios colores, pues todo lo que pongamos lo convierte a un solo color. Así pues será útil más que nada para diseños compuestos por trazos huecos, como por ejemplo el sello de La Grafiteca que puede verse en la imagen.

Así pues, está como digo pensado sobre todo para mostrar logos y branding de estilo urbano, tipografías, trazados vectoriales y cosas así. También puede venir bien para dotar a frases y textos del aspecto de pintadas en paredes.

Por lo demás, las personas que tengan cierto dominio de Photoshop podrán editar totalmente el archivo, cambiando si se quiere la imagen de fondo, el color de la pintada, las manchas y textura desgastada, etc.

Otro ejemplo de uso del mockup para logos en grafiti, cambiando el color y la imagen de fondo

Sirva de ejemplo la imagen de arriba. En un par de minutos he cambiado el fondo y color de la pintada, ha sido muy fácil. Eso sí, recomiendo usar siempre imágenes de tipo “textura”, es decir, que sean fotografías “planas” de paredes y muros, sin perspectiva. En caso contrario no quedará bien.

Sin más, vamos con el enlace a la web de este recurso. Para descargarlo, dirigirse a:

Street Wall Logo Mockup PSD | GraphicsFuel.com

La descarga no tiene pérdida, hay un botón grande debajo de la descripción. Por lo demás es totalmente gratuito como hemos indicado, con licencia de uso para fines incluso comerciales (aunque se requiere atribución de autoría en forma de link a la web original del recurso).

Leer más...

15 febrero, 2017

Los dibujos vintage de la British Library, de libre uso

En esta entrada vamos a hablar sobre una iniciativa realmente encomiable, digna del más profundo de los elogios. No es cosa menor; se trata, nada más y nada menos, que de la colección completa de ilustraciones, grabados y carteles antiguos de la Biblioteca Británica (The British Library).

Dicha honorable institución está ofreciendo -desde hace algún tiempo aunque yo me acabo de enterar- sus fondos gráficos históricos de forma pública y gratuita. Son más de 65.000 libros de los siglos XVII-XIX, que con diligente labor han escaneado y digitalizado, y subido después al sitio especializado en fotografía Flickr, donde han creado una plataforma propia.

Así pues, en dicho sitio -más adelante pondré enlace al lugar exacto-, cualquier persona puede no solo ver todas esas obras antiguas, sino incluso descargarlas y usarlas para cualquier finalidad que desee. Esto es así pues las han licenciado como obras de dominio público (public domain), ya que los artistas que las crearon hace incluso siglos que han fallecido, y por tanto los derechos de autor están totalmente extinguidos. De esta forma, estamos ante obras “sin restricciones conocidas de derechos de autor”.

Imagen tomada de la página 429 de 'Histoire de soixante ans, etc' (Paris, 1859)

Huelga decir que es por tanto un depósito de imágenes de valor incalculable. ¡Y está a nuestra entera disposición! Dibujos de revistas antiguas, grabados impresos en periódicos de siglos pasados, portadas e ilustraciones de libros, mapas y cartas de navegación… Miles y miles de imágenes, un auténtico tesoro gráfico, que además continúa creciendo. Que todo él sea de dominio público es algo maravilloso, pues implica que puede ser usado en cualquier proyecto, incluso comercial, sin ningún problema. Por ejemplo para decorar una taza o para hacer un póster, y venderlos después. Public domain es de hecho el más extendido de los permisos de uso, pues significa, sencillamente, que la obra no es propiedad de nadie, y por tanto todos podemos usarla.

Imagen tomada de la página 8 de 'Richardson's New Fashionable Lady's Valentine Writer, or Cupid's Festival of Love' (Derby, 1830)

Y además de forma 100% gratuita. Como digo, un auténtico tesoro. Esta iniciativa de la Biblioteca Británica es de hecho algo totalmente filantrópico, digno de ser alabado. Concretamente, sobre sus motivaciones la institución declara:

The British Library’s collections on Flickr Commons offer access to millions of public domain images, which we encourage you to explore and re-use. The release of these collections into the public domain represent the Library's desire to improve knowledge of and about them, to enable novel and unexpected ways of using them, and to begin working with researchers to explore and interpret large scale digital collections.

Viene a decir que no solo se nos permite el acceso a estas miles de imágenes de dominio público, sino que incluso nos animan “a explorarlas y re-utilizarlas”. El deseo y motivación de todo este trabajo que se han tomado es precisamente ese, “mejorar el conocimiento de ellas y sobre ellas, para permitir nuevos e inesperados usos de las mismas”.

Ante algo así, solo puedo decir: ¡Bravo!

Imagen tomada de la página 21 de '[Cook's Handbook for London. With two maps.]' (Londres, 1894)

Por tanto, una colección cuya existencia debe conocer todo diseñador, ilustrador, creativo o grafista, sea del tipo que sea. Tanto para inspirar como -sobre todo- para servir de banco de imágenes de recurso a la hora de trabajar. Como antes comenté, se trata de ilustraciones ideales para decoración, y podemos aplicarlas libremente en cualquier objeto, incluso para ponerlo a la venta (aunque no se solicita, para estos fines yo creo que estaría bien poner en alguna parte que se trata de imágenes procedentes de la British Library, qué menos).

Imagen tomada de la página 200 de 'The Crime of a Christmas Toy. A detective story, etc' (Londres, 1893)

Sin más, recojo a continuación el enlace a tan maravilloso depósito de imágenes. Es el siguiente:

The British Library’s collections on Flickr Commons

Como puede verse allí, hay diversas colecciones de imágenes antiguas. Por ejemplo:

Y muchas más (sobre todo mapas, pero también planos industriales y de arquitectura, publicaciones científicas y naturalistas, etc). Según parece, hay obras que no se conoce muy bien la procedencia, de forma que el hacerlas públicas también tiene por finalidad poder catalogarlas mejor, o incluso averiguar el autor y procedencia originales.

En definitiva, un depósito de imágenes vintage históricas y gratuitas realmente enorme, parecido a ese otro gran lugar del que hablamos hace algún tiempo, Viintage.com (las de allí también son obras public domain). Recomiendo visitarlo igualmente a las personas interesadas en este tipo de materiales.

Leer más...

09 febrero, 2017

Eliminar blanco en dibujos: tutorial y acción Photoshop

En esta entrada vamos a ver un par de trucos para separar dibujos escaneados de sus respectivos fondos blancos.

Para ello usaremos 2 procedimientos diferentes: uno muy sencillo convirtiendo el dibujo en un pincel de Photoshop, y otro un poco más complicado usando una acción automática del mismo programa.

El resultado será, como veremos, que eliminaremos totalmente el fondo blanco, dejando las líneas del dibujo “huecas”, por así decirlo. Esto es, quitaremos todo menos las líneas y trazos que conformen nuestro dibujo. Esto puede ser muy útil pues muchas veces los trazos son difusos o muy finos, de forma que, si queremos hacer esto mediante las herramientas habituales de selección, la cosa puede complicarse y mucho. En cambio, usando estos trucos lo haremos en pocos segundos.

Adicionalmente, con estos procedimientos podremos conseguir también algunos resultados extra muy interesantes, como por ejemplo la eliminación de fondos blancos en fotografías normales, lo que también puede ser de mucha ayuda en retratos de personas (debido a que el pelo y otras zonas son muy difíciles de siluetear). No obstante, con estos trucos no lograremos una silueta convencional, pues la imagen se pasará a blanco y negro (o, más concretamente, a monocroma de cualquier color que elijamos, luego veremos esto).

Sin más, veamos el primer procedimiento.

Eliminar fondo blanco de un dibujo convirtiéndolo en un pincel de Photoshop.

Vamos a partir de esta simpática imagen (que en realidad es un dibujo a lápiz grafito, de tipo hiperrealista):

Dibujo a lápiz grafito escaneado

Como puede verse, si dibujamos algo así en un papel, lo escaneamos, y queremos después quitar el fondo, va a ser muy difícil mediante silueteado convencional. Con la herramienta de selección “Varita mágica” no mejorará mucho el panorama; perderíamos muchos detalles en el pelaje del gatito.

Así pues, la mejor forma para hacerlo es el sencillo truco que voy a compartir ahora. Sencillamente, iremos al menú Edición, y seleccionaremos “Definir valor de pincel (“Define Brush Preset” en la versión inglesa).

En menú Edición de Photoshop, elegir Definir valor de pincel

Y listo, con algo tan sencillo ya habremos eliminado el fondo blanco, obteniendo un pincel con nuestro dibujo. Para usarlo, bastará con seleccionar la herramienta “Pincel”, y allí estará, al final del todo. Será el último de los pinceles disponibles.

Tras seleccionar la herramienta Pincel, elegir el último de los pinceles disponibles en el menú

Lo seleccionaremos y estará listo para usar. El tamaño del pincel es exactamente el mismo de nuestro dibujo original.

Resultado de eliminar fondo blanco de un dibujo convirtiéndolo en pincel

Como veremos, el dibujo no tendrá ningún fondo, solo estará el trazo (las líneas y partes oscuras, sombras y rellenos). El resto será totalmente transparente. Así pues no se tratará de una silueta convencional, que conserva el interior de la misma aunque sea de color blanco. Aquí no hay “interior” de la figura, solo estará el trazo y nada más. Y además con diversos grados de transparencia, como cuando usamos el canal alfa.

Es importante tener esto muy en cuenta, pues cuanto más oscura sea la zona del dibujo, menos transparente será dicha parte. Así pues conviene dar mucho contraste al trazo si no queremos que sea demasiado traslúcido (esto puede hacerse también después de escanear, directamente con los niveles de Photoshop).

Adicionalmente, al tratarse de un pincel podremos cambiar el color del mismo, con lo que podremos aplicar nuestro dibujo con el color que queramos. Esto es así pues lo habremos convertido en una imagen monocroma, de un solo color –o más concretamente compuesto por una escala de tonos de un único color, al estilo de las imágenes en modo Escala de grises-. Sencillamente hay que seleccionar el color frontal en la barra de herramientas, y listo.

Eliminar fondo blanco de un dibujo mediante una acción de Photoshop.

Vamos ahora con el segundo procedimiento, casi igual de sencillo. Nos valdremos de las acciones creadas por el dibujante estadounidense darue (Gabriel). Podremos descargarlas desde una página de DeviantArt que él mismo ha creado para ello (incluso podremos consultarle sobre el uso, como ya han hecho muchas personas).

La página es la siguiente:

Remove White- Photoshop Action (by darue) | DeviantArt

El botón de descarga está como siempre en dicho sitio, a la derecha arriba. Es totalmente gratuito. Al descargar el ZIP, encontraremos dentro un archivo .ATN, formato de las acciones de Photoshop. Podremos copiarlo en la carpeta donde están las demás acciones (C:\Documents and Settings\<usuario>\Datos de programa\Adobe\Adobe Photoshop CS3<o la versión que sea>\Ajustes preestablecidos\Acciones), aunque seguramente es más fácil cargarlas mediante el panel de Acciones, o incluso arrastrar sin más el archivo .ATN hasta la ventana del programa, y listo.

A continuación, vamos a explicar cómo usar estas acciones. Lo primero que habrá que hacer es abrir nuestro dibujo en Photoshop, y pasarlo a RGB (en Escala de grises no funcionará).

A continuación, en el menú “Capasconvertiremos el fondo en una capa ordinaria, haciendo doble clic en ella.

Convertir la capa Fondo en una capa normal, haciendo doble clic en ella

Le cambiaremos el nombre, para llamarla Layer 1. Imprescindible pues si no tampoco funcionará (esto es porque la acción se creó en la versión en inglés del programa).

Cambiar el nombre de la capa a Layer 1

Y listo, ahora podremos ir al menú de Acciones y cargar una de las 3 disponibles. Para ello, seleccionaremos por ejemplo la primera y le damos la icono de Play.

Elegir una de las acciones y pulsar el botón de Play

Pueden aparecer diversos mensajes de error, pero si le damos a continuar al final obtenemos una imagen sin el fondo blanco, igual que con el método anterior. Lo he comprobado y funciona.

Resultado de aplicar la primera acción para eliminar el fondo blanco de un dibujo

Estas acciones usan el canal alfa antes mencionado, de forma que también tienen grados de transparencia. O sea, igual que antes.

La segunda acción oscurece más el trazo del dibujo, lo que seguramente habrá estado motivado precisamente por el tema de la transparencia (cuanto más oscuro, menos traslúcido). El creador de la acción ha previsto que algunos dibujos puedan ser demasiado claros, y de ahí que la haya añadido, con toda probabilidad.

Finalmente, la tercera crea una máscara de capa a partir de nuestro dibujo.

Y con esto quedan explicados ambos trucos. Por último, comentar que ambos sirven también con fotografías convencionales, que convertirán en imágenes monocromas igual que los dibujos. Por ejemplo:

Ejemplo de foto buena candidata a eliminar su fondo

Resultado de aplicar la acción de eliminar fondo blanco a una fotografía convencional

Como puede verse con las mismas transparencias y demás. Si creamos un pincel, podremos igualmente aplicarlo en el color que queramos:

Resultado y aplicación de eliminar fondo blanco de una fotografía mediante su conversión a pincel de Photoshop

Así pues, un truco interesante, que puede aportar resultados muy creativos, además de librarnos fácilmente del blanco en cualquier dibujo.

Leer más...