Mostrando entradas con la etiqueta Texturas. Mostrar todas las entradas
Mostrando entradas con la etiqueta Texturas. Mostrar todas las entradas
23 septiembre, 2014

Fondos de metal antiguo y tutorial para aplicar a diseños

En esta entrada incluyo la referencia de unos trabajos descargables y gratuitos que me han gustado bastante, cortesía del magnífico diseñador británico Chris Spooner (cuyo excelente blog plagado de recursos gratuitos sigo hace ya bastantes años). Además del diseño el autor nos enseñará también la forma de realizar este tipo de efectos rusted o grunge (desgastado, antiguo y deteriorado).

Recomiendo a todos el trabajo de Spooner en general, desde el diseño de su misma web a las obras que en ella muestra. Como ya he comentado, en muchas ocasiones ofrece freebies como éste, archivos gratuitos descargables de diseños suyos, en general bastante buenos e interesantes (también ofrece trabajos de pago mediante suscripción).

En este caso el recurso en cuestión es una vez más totalmente gratis. Son un conjunto de 20 archivos PSD que contienen una especie de mockups para logotipos. En realidad se trata de 20 fotografías diferentes de bastante buena calidad de superficies metálicas oxidadas y viejas, con la pintura muy deteriorada. Sobre estas imágenes Spooner ha creado con Photoshop unas capas que fusionarán automáticamente cualquier diseño a dicha superficie, de forma que éste adquiera los matices grunge y retro-vintage asociados al fondo.

En definitiva un recurso útil para reforzar un concepto de diseño que quiera relacionarse con la temática old-school, propia de las marcas de ropa juvenil (y de cualquier elemento de branding o imagen de marca destinado al público joven, entre otros usos).

Como siempre, una imagen valdrá más que mil palabras:

Detalle de una de las texturas aplicada a un diseño mediante los efectos automáticos de Photoshop creados por Spooner.

Esta es la idea de Spooner, al que le gusta mucho el diseño gráfico de tipo grunge ("sucio"). Es un maestro del mismo. Hace años estaba absolutamente de moda este estilo, y aunque el diseño flat (minimalista) ha pegado muy fuerte, lo grunge y sus texturas metálicas, industriales, de hormigón, etc... nunca han llegado a salir de escena. Y no me extraña, pues quedan fenomenal.

Como he comentado, lo que Spooner nos regala en esta ocasión es algo más que las meras texturas (que por cierto dice que obtuvo colándose en una vieja instalación militar abandonada, son fotos que hizo él mismo allí). A dichas imágenes ha añadido efectos diversos y máscaras de capa con Photoshop para que nuestro logotipo o diseño adquiera la textura, adoptando las grietas, defectos y abolladuras de la misma, tal y como se aprecia en la imagen superior. Ideal para una marca de ropa vaquera, un grupo musical o el cartel de una película de terror, ¿verdad?

Las 20 texturas son las siguientes:

Muestra de las 20 texturas + mockup para logo creados por Spooner.

En esta imagen se aprecia perfectamente el trabajo que se ha tomado el diseñador británico en cada una de las texturas, para que el logo aplicado parezca igualmente envejecido, como si hubiera estado pintado originalmente en dicha superficie. Realmente meritorio.


Características técnicas:

  • Todos los archivos PSD vienen comprimidos en un único archivo bastante grande, de 370 MB, totalmente gratuito.
  • Las texturas son imágenes grandes y en alta resolución, lo que acentúa su utilidad.
  • Yo he podido abrir los archivos sin problema con Photoshop CS3.
  • Cada PSD contiene una capa preparada para que pongamos en ella nuestro diseño. Al hacerlo éste adquirirá automáticamente la textura de la forma en que se aprecia en la imagen de arriba.
  • Es conveniente que nuestro logo o diseño sea monócromo, blanco o negro, pues no sé cómo quedará el efecto en objetos de más colores.

Para descargar el set completo, dirigirse al artículo original creado por Spooner en su web. Al final del post hay un gran enlace de descarga donde pone "Download the rusty metal mockup textures".

Enlace de referencia:

20 Free Realistic Rusty Metal Logo Mockup Textures | blog.spoongraphics.co.uk


Tutorial para hacer una plantilla de este tipo.

Como dije al principio, es especialmente interesante el hecho de que Spooner se ha tomado la molestia de explicar en otro post la forma en que creó estos archivos. Es decir, una guía para poder hacer esto mismo en cualquier otra fotografía de una superficie irregular que tengamos, y dejarla por tanto preparada para aplicarle cualquier diseño encima y fusionar ambas imágenes de forma realista.

El tutorial está en inglés, pero cuenta con capturas de pantalla que serán sin duda de utilidad a los interesados en aprender esta técnica.

Una de las capturas ofrecidas por Spooner en su tutorial.

No me he parado a seguir paso a paso la guía, pero según parece la selección de las irregularidades presentes en la imagen se realiza de forma automática mediante herramientas de Photoshop (ver imagen de arriba). Esto es muy interesante, pues nos ahorrará el trabajo de seleccionarlas manualmente una a una (lo que sería un trabajo durísimo). El modo de fusionar después dichas irregularidades con nuestro logo también se explica convenientemente.

Sin más, para consultar el citado tutorial, dirigirse a:

How To Create a Realistic Aged Textured Logo Mockup (cómo crear un mockup realista para logo sobre textura antigua) | blog.spoongraphics.co.uk

Leer más...

13 junio, 2014

10 fotografías de texturas de cartón en alta resolución

En esta entrada vamos a catalogar un recurso muy específico pero que ocasionalmente puede sernos útil: texturas de superficies de cartón. Se trata de un set de 10 fotografías de diferentes cartones a gran formato, en alta resolución para maximizar sus posibilidades de uso.

Según se cuenta en el artículo original de la web designinstruct.com, donde se ha publicado este recurso, se ha utilizado un trípode en la cámara que tomó las fotografías, de forma que su definición fuera la mayor posible. El resultado son imágenes realmente grandes, de más de 5000x3000 píxeles (JPG de más de 12MB, 54x36 cms. a 240 px/pulgada).

Pongo un detalle de las mismas:

Detalle de una de las textura de cartón.

Estas texturas son totalmente gratuitas, sin ningún tipo de restricción u obligación de dar créditos o mencionar siquiera autoría. Son public domain ("dominio público"). Así pues se ofrecen de una forma totalmente libre por parte del dueño de la web donde se han publicado.

Son bastante parecidas entre sí, en definitiva es el típico cartón basto marrón de cualquier caja o embalaje, hecho a base de papel reciclado. Vendrá bien para diseños y fondos de tipo grunge que busquen evocar ambientes industriales, fabriles, etc... Este tipo de texturas también se usan mucho en Photoshop, colocándolas en una capa inferior a nuestra composición y fusionándola después, para otorgar matices rugosos, avejentados, etc... Lo típico del diseño grunge en definitiva.

Vamos con las imágenes. Hacer clic en cualquiera de ellas para acceder a la misma en alta resolución (se abrirá una nueva ventana del navegador con dicha textura, para descargarla sencillamente esperar a que termine de cargar y con clic derecho elegir "Guardar imagen como").

textura-fotografia-carton-alta-resolucion (10) textura-fotografia-carton-alta-resolucion (1) textura-fotografia-carton-alta-resolucion (2) textura-fotografia-carton-alta-resolucion (3) textura-fotografia-carton-alta-resolucion (4) textura-fotografia-carton-alta-resolucion (5) textura-fotografia-carton-alta-resolucion (6) textura-fotografia-carton-alta-resolucion (7) textura-fotografia-carton-alta-resolucion (8) textura-fotografia-carton-alta-resolucion (9)

  • Nota: en La Grafiteca hay varias referencias adicionales de este tipo, no tan específicamente de texturas de cartones pero sí de papeles muy bastos y gruesos. Para consultarlas visitar por ejemplo Muchas texturas de papel basto, rugoso y antiguo, o realizar una búsqueda en esta web.
Leer más...

06 junio, 2014

+20 fondos abstractos con triángulos y algo de teoría

En esta entrada voy a hablar un poco sobre una tendencia de diseño que está bastante de moda últimamente, al tiempo que facilitaré referencias de algunos recursos y tutoriales relacionados de interés. Me refiero al diseño poligonal (triangular específicamente), muy usado de un tiempo a esta parte sobre todo para fondos en páginas web, carteles y diseños diversos.

Es un estilo muy abstracto, diríamos cubista sino estuviera hecho a base de triángulos, que se relaciona con otras tendencias actuales, como son los fondos desenfocados de diversos tipos (fotos panorámicas tipo landscape, luces desenfocadas de efecto bokeh, manchas abstractas de color, etc... Para más información sobre ellos seguid los enlaces anteriores).

En este caso se usan polígonos de colores complementarios, pudiendo usarse incluso un solo color en diversos tonos. El resultado es realmente espectacular. Si antes hablé de cubismo podríamos decir que estamos ante el triangulismo.

Algunos ejemplos de diseño a base de triángulos de colores.

Como puede verse, dicha forma geométrica es la predominante en esta tendencia de diseño. Queda muy bien, el efecto de los diversos tonos y degradados, siempre con colores afines entre sí, otorga un aspecto diamantino, como de piedra preciosa o gema multifacetada. O como un prisma o un mineral cristalino. Una textura muy interesante.

Bien, antes de hablar sobre el recurso cuya referencia me dispongo a catalogar, os quiero comentar también un poco sobre la aplicación de este tipo de diseño a otras composiciones, que trascienden ya los meros fondos. Me refiero a cosas como ésta:

retrato-estilo-poligonal

Como puede verse, estamos ante un retrato de tipo poligonal. Un retrato triangulista, podríamos decir. Se aplica el mismo principio de diseño y queda sin duda fenomenal. Mejor que la foto original, de hecho. Si nos fijamos se observa que los polígonos son todos triángulos, sin excepción.

retrato-estilo-poligonal-malla-triangular

Estas imágenes las he cogido de un tutorial muy interesante (en inglés), obra del diseñador brasileño Breno Bitencourt en la web digitalartsonline.co.uk. En él se explica cómo hacer un retrato de este tipo. El tutorial es el siguiente: Adobe Illustrator & Photoshop tutorial: Create a low-poly portrait.

En realidad no es fácil de hacer, pues he leído el tutorial y la malla triangular que vemos hay que hacerla a mano, no hay pues un software que la haga de forma automática. Según explica Breno, la clave está en "superficies grandes, triángulos grandes, superficies pequeñas, triángulos pequeños". La realidad es que esta técnica procede directamente del modelado 3D, propio de software como 3D Studio Max, Maya, Cinema 4D, etc...

¿Por qué triángulos? Porque es la forma poligonal que mejor encaja entre sí, los cuadrados dan muchos problemas en el modelado 3D (lo sé pues hice un curso sobre este tema). Así pues, esta tendencia de diseño tan atractiva me temo que está vedada a los iniciados en el modelado 3D, técnica de la que proviene sin duda (mallas tridimensionales). Las personas con más visión espacial pueden atreverse a intentarlo, reconozco que para mí es demasiado. Casi como esculpir un busto.

Set de fondos poligonales gratuitos en alta definición

Bien, pasemos al recurso del que os he hablado: el set gratuito de fondos poligonales. Además de los que ya os puse en la primera imagen de este post, se incluyen también otros como estos:

Más ejemplos de diseño a base de triángulos de colores.

De esta forma en total son 21 fondos, obra todos ellos del magnífico diseñador Chris Spooner. Los ofrece de forma totalmente gratuita y de libre uso en su web BlogSpoonGraphics, que conozco desde hace ya mucho tiempo y que recomiendo seguir, pues es muy buena.

Los fondos son imágenes JPG en alta resolución y tamaño enorme (3000x2000 píxeles, 300ppp de resolución). De esta forma podrán usarse como background para páginas web sin problemas incluso en los monitores más grandes, y de igual forma servirán para la mayoría de trabajos de impresión. Un recurso muy útil, por tanto. Calidad técnica más calidad en el diseño.

Para descargar el set, dirigirse a la web del mismo en:

20 Free High-Res Geometric Polygon Backgrounds

Cómo hacer estos fondos abstractos poligonales con triángulos de colores

Antes de cerrar esta entrada, aportaré una última información bastante interesante, que el propio Spooner comenta en la web del recurso (como está en inglés os la explico a los no anglo-parlantes). El diseñador tiene la buena iniciativa de explicar cómo ha realizado estos fondos, y su técnica ha consistido en usar una herramienta web muy interesante.

Se trata de I ♥ ∆ (I Love Triangles, literalmente, "amo los triángulos"). Spooner dice que ha usado dicha herramienta para hacer los fondos. Si vamos a la web del enlace, veremos que se trata de una especie de "triangulador", un software que "trianguliza", que otorga forma triangular a las imágenes.

Si vemos el video de demostración, veremos que se trata de una sencilla herramienta basada en un entorno web (navegador), que facilita mucho la tarea de hacer mallas triangulares. Es desde luego más fácil que el tutorial de Breno Bitencourt que puse antes. Simplemente seleccionamos una imagen, y el programa creará una serie de triángulos basados en los tonos predominantes de color. Acto seguido habremos nosotros de afinar el resultado añadiendo puntos de referencia.

Bien, esto puede ser complicado sin duda, pero para hacer un fondo abstracto triangular la cosa es mucho más fácil. Simplemente creamos unas manchas de color y ejecutamos la herramienta. Los tonos de color predominantes serán convertidos en malla triangular. Interesante, ¿verdad? Sí que lo es, ya lo creo.

Spooner comenta que primero hizo unos cuantos diseños, y que después se ha valido de Photoshop para cambiar el color de los mismos. Así ha hecho estos 21 fondos que ofrece gratuitamente.

De esta forma, si no encontramos el que nos guste o necesitamos, siempre podremos ir a I ♥ ∆ y crearnos uno nosotros.

Leer más...