Mostrando entradas con la etiqueta Mapas-Infografía. Mostrar todas las entradas
Mostrando entradas con la etiqueta Mapas-Infografía. Mostrar todas las entradas
30 marzo, 2016

Generadores de mapas isométricos 3D en vectores

Este set de ilustraciones vectoriales me ha resultado de lo más original. Se trata de un pack de elementos urbanos en 3D, compuesto por edificios, casas, carreteras, farolas, señales de tráfico, árboles y cosas así, incluidos todos ellos en un mismo archivo de vectores formato AI de Illustrator.

Hasta aquí normal. Un set de edificios y elementos urbanos en vectores, estilo icono. Pero lo curioso del set es que están delineados siguiendo una perspectiva totalmente isométrica, más propia del dibujo técnico que del diseño gráfico “al uso”. De esta forma pueden usarse para hacer nuestro propio mapa o ciudad en miniatura, uniendo las diferentes “piezas” como si de un Lego se tratara.

Como siempre, una imagen valdrá más que mil palabras. Veamos una composición rápida que he hecho usando los elementos:

Mapa realizado por La Grafiteca con algunos elementos del set gratuito.

Seguro que ahora ya sabemos todos a qué me refiero. Podemos ir cogiendo las carreteras e ir construyendo nuestra ciudad, siempre en una perspectiva isométrica totalmente regular.

Esta perspectiva isométrica es propia de la delineación y el dibujo técnico, caracterizándose por tener sus tres ejes x,y,z formando ángulos exactos de 120º (para más información dirigirse a la entrada correspondiente en la wikipedia).

Ejes isométricos, separados regularmente en tres intervalos idénticos de 120º.

Volviendo al set que nos ocupa, en su versión gratuita está compuesto por 30 elementos (todos ellos vectoriales e incluidos en un único archivo .AI, como hemos comentado, disponible para PC y también para Mac). Concretamente son los siguientes :

Elementos de la versión gratuita del set.

Pueden parecer pocas “piezas”, pero montándolas bien puede componerse un pueblecito bastante convincente. Me recuerda a juegos como SimCity y otros simuladores parecidos, dedicados a la construcción y gestión de ciudades virtuales (por cierto, bastante entretenidos).

Centrándonos en los usos profesionales de este set, sin duda será interesante para todo tipo de delineantes y dibujantes técnicos (arquitectos, aparejadores, ingenieros…), así como por supuesto para infografistas. Estos elementos son perfectos para hacer infografías y maquetas en miniatura que representen escenas urbanas, como las usadas en piezas informativas para prensa y reportajes, planos de arquitectura, etc… Y, por supuesto, no podemos olvidar el posible uso puramente artístico, o de “diseño puro”. Su carácter vectorial los hace especialmente versátiles (pueden usarse para impresión, editarse los colores fácilmente, etc…).

Aunque según leo en la licencia, las modificaciones no están permitidas, y el uso ha de ser para fines personales (es decir, no pueden incluirse en diseños comerciales, destinados a la venta). Esto por supuesto es para la versión gratuita.

La versión de pago no tiene dichas limitaciones, y además trae muchos más elementos (hasta 500). Se aporta esta imagen como ejemplo:

Ejemplo realizado con la versión premium.

Sea como sea, para descargar la versión gratuita, dirigirse al siguiente sitio (aunque es gratis en el momento de redactar este artículo se solicitaba un tweet o mención en alguna red social para hacer la descarga, el clásico sistema “Pay with a Tweet” en definitiva):

Free isometric city map elements | isometricmaps.com

Recomendada una versión avanzada de Illustrator (con CS3 he tenido ciertos problemas, no especifican la versión mínima pero supongo que será CS5 o incluso CS6).

Recomiendo igualmente navegar por dicha web, pues constituye un ejemplo fantástico de cómo trabajar bien en internet de cara a vender nuestros diseños. La página es fantástica, con numerosos elementos multimedia. Que todos/as tomen buena nota de esta forma de funcionar, pues sin duda el equipo autor de esta web obtendrá beneficios de su trabajo. Este set será vendido a lo largo y ancho del mundo, no tengo la menor duda de ello.

Otros generadores de mapas tridimensionales.

Para aquellos que estén buscando o necesiten específicamente este tipo de recursos (generadores de mapas en 3D o al menos con cierto volumen y relieve), voy a ampliar el post con algunas referencias extra muy relacionadas.

He localizado por ejemplo un proyecto bastante interesante en Behance:

Isometric City Map Builder | Designers Revolution

Se trata de un set para diseñar paisajes (diseño “paisajístico” anuncian en el proyecto), también de tipo icono, como el anterior (poco realista, muy geométrico). Es parecido por tanto al primero que he puesto, aunque lo encuentro con algo menos de calidad. En cualquier caso su misma existencia demuestra que este tipo de trabajos tienen cierta demanda.

Por último, si lo que se busca es un verdadero generador de mapas en relieve realistas y de alta calidad, los mejores que he encontrado son estos:

3D Map Generator 2 – Isometric | Orange Box

3D Map Generator – GEO | Orange Box

Aquí estamos ante soluciones de altísima calidad (desgraciadamente son lógicamente de pago, y con miles de ventas además). El primero es especialmente interesante, pues se aportan acciones para Photoshop CS4 -o superior-, con las que elaborar cualquier tipo de relieve: costas, islas, campos… Y ciudades, por supuesto. En perspectiva isométrica también. Con texturas de césped, rocas… De todo.

Se aporta incluso un verdadero plugin para CS6. Merece la pena echarle un vistazo, aunque sólo sea para ver lo que están haciendo algunos diseñadores. Son ideas muy buenas.

El otro generador de mapas parece bastante más complicado de manejar, aunque sin duda es muy prometedor también. Está pensado para crear mapas en relieve de tipo infográfico, al estilo de los mostrados en los telediarios para la previsión del tiempo (pronósticos de lluvias, nubes, etc…). También merece la pena echarle un vistazo. Se trata de una extensión para Photoshop CC, desarrollada por el mismo equipo del anterior generador.

Leer más...

15 julio, 2015

Logos y emblemas dibujados con tiza, en vectores

En esta entrada vamos a hacernos eco de un freebie o recurso gratuito de enorme calidad. Es obra de la web vectoropenstock.com, en exclusiva para webdesignerdepot.com (otro famoso sitio de diseño de categoría internacional, que suele ofrecer de cuando en cuando este tipo de regalos).

Se trata por tanto de una colección 100% gratis, lo que es una gran oportunidad dada su calidad. En la licencia se detalla que puede usarse tanto en fines personales como comerciales.

Como puede verse en las imágenes de muestra, se trata de un amplio set con más de 100 composiciones, siendo la mayoría de ellas logotipos de tipo retro, estilo sello o emblema. También se pueden encontrar los elementos habituales que conforman estos diseños, de forma separada: cintas, bandas, banderolas, algunas filigranas… También destaca el set de elementos infográficos.

La característica común de todos estos vectores es que parecen pintados o dibujados a mano con tiza sobre una pizarra, efecto conseguido con gran naturalidad. Por supuesto el color del diseño es fácilmente editable al tratarse de trazos vectoriales, sencillamente seleccionándolo y cambiando el color blanco del trazado por otro cualquiera.

Algunos de los diseños de estilo retro dibujado a mano con tiza sobre pizarra, incluidos en esta gran colección.

Todos los diseños que vamos a ver se encuentran en un único archivo .AI de Adobe Illustrator, que yo he podido abrir y usar con la versión CS3 (no obstante recomiendo versiones más avanzadas, para no perder funcionalidades y trabajar con más facilidad). Se encuentran todos juntos tal cual los vemos aquí, solo que en formato vectorial de Illustrator.

La única pega que encuentro a esta excelente colección, que cuenta con diseños de gran calidad, es que los textos no son editables (están trazados o contorneados). No se aportan tampoco los nombres de las tipografías empleadas. Así pues, para poner nuestro propio texto habrá que borrar esos trazos y escribir por nuestra cuenta.

Vamos a repasar lo que se puede encontrar en la colección:

Emblemas de tipo sello o “badge”.

Los emblemas o sellos incluidos en el set.

Banderolas, bandas, cintas, etiquetas tipo sticker y medallas.

Gran colección de bandas y banderolas incluidas en la colección.

Logos tipo retro y de estilo handwritten (hecho a mano) para cafeterías y pastelerías.

Los 6 logotipos de estilo vintage y hecho a mano para cafés y pastelerías incluidos en la colección.

Diseños tipo emblema con lemas románticos y de amor.

Los 8 emblemas sobre el amor incluidos en el set.

Diseños tipo emblema con lemas optimistas y de inspiración.

Los 12 emblemas pintados a mano con tiza con frases optimistas incluidos en el set.

Elementos para infografías de estilo dibujado a mano con tiza: un mapamundi, diagramas, iconos, etc…

Los elementos infográficos incluidos en el set: un mapamundi, diagramas e iconos dibujados a mano con tiza sobre pizarra, gran calidad.

En definitiva, más de 100 diseños y elementos en vectores de estilo hecho a mano y estética retro-vintage, todos ellos de enorme calidad, como puede verse.

Para descargar este excelente freebie, dirigirse a la web que lo ofrece en exclusiva mundial (no puede descargarse desde otro sitio, de forma que desconfíen de aquel sitio web que ofrezca descarga directa de este recurso):

--> Free download: Chalk vector elements | www.webdesignerdepot.com <--

Se trata de una colección 100% gratuita, aunque habremos de facilitar un correo electrónico (o lo que es lo mismo, suscribirnos al boletín). A dicho email mandarán los enlaces de descarga.

A mí me mandaron 3 enlaces, aunque en los 3 se descargaba el mismo archivo (un ZIP de poco más de 10MB de tamaño). Una vez descargada la colección podremos cancelar la suscripción al boletín sin mayor problema, si deseamos hacerlo.

También es posible que, en lugar de pedir un email, se use el sistema de pay with a tweet, igualmente gratuito (en este caso para proceder a la descarga habremos de realizar una mención en alguna red social). El botón para ello estará abajo del todo, tras las imágenes de muestra.

Por último, si se buscan recursos de estilo pintado a mano con tiza sobre pizarra, pueden consultarse también las siguientes referencias:

Leer más...

12 febrero, 2015

3 sets para infografías y gráficos: PSD y vectores

En esta entrada guardo rápidamente la referencia de 3 conjuntos de elementos que serán útiles para el infografista en general, así como para cualquier persona que tenga que presentar un gráfico o esquema con una cierta calidad en cuanto a su diseño.

  • Nota: advierto que modificar estas infografías requiere una cierta formación en programas de diseño gráfico como Illustrator y Photoshop (los que no tengan ninguna formación en este campo experimentarán grandes dificultades, aunque al menos podrán coger los elementos sueltos que necesiten, como localizadores, mapas, iconos, flechas y demás).

En todos los casos estamos ante recursos gratuitos, testeados y de funcionamiento comprobado. Los dos primeros, creados por el sitio pixeden.com, requieren crear una cuenta para la descarga (por lo demás es 100% gratis). En el tercero, procedente del sitio cursiveq.com, la descarga es directa sin que se requiera hacer un login en dicha web.

  • LICENCIA: en todos los casos son freebies royalty free, archivos de libre uso tanto para fines personales como comerciales. Se pueden usar sin ningún problema para cualquier finalidad.

Pack 1: Varios diagramas circulares y de barras + mapamundi con localizadores.

set-vectores-infografia-1

Ir a web del recurso

  • Elementos en formato vectorial. Todos incluidos en un único archivo, ofrecido a su vez en formatos AI de Adobe Illustrator y vectorial genérico .EPS.
  • He podido trabajar con Illustrator CS3, aunque se recomienda CS4 o superior.
  • Los diagramas editables. En el caso de los circulares es un poco difícil, pero posible, lo he comprobado. El área radial coloreada puede ajustarse si se selecciona el trazado adecuado (puede ser necesario ajustar varios trazados para que el diagrama no se descuadre).
  • Los indicadores de posición geográficos, rótulos y elementos en general son bastante interesantes en cuanto a su diseño.

Pack 2: Más localizadores y diagramas, con carteles de buen diseño.

set-vectores-infografia-2

Ir a web del recurso

  • Al igual que en el caso anterior, todos los elementos están incluidos en un único archivo, ofrecido en formatos .AI y .EPS. La versión de Illustrator recomendada es CS4 o superior (aunque yo he podido abrir el archivo con CS3).
  • Me resulta particularmente interesante el diseño de los carteles o rótulos de abajo. Son bastante claros y servirán bien para colocar textos que informen de cualquier cosa dentro de la infografía.

Pack 3: Diagrama circular con barras de diseño moderno.

set-vectores-infografia-3

Ir a web del recurso

  • En este tercer caso se ofrece un archivo PSD de Photoshop. Yo he podido trabajar una vez más con la versión CS3.
  • Pese a ser un archivo de Adobe Photoshop (que no es un software destinado al diseño vectorial), estos elementos están realizados mediante máscaras vectoriales de dicho programa, que en el fondo no son otra cosa que trazados vectoriales. De esta forma los diseñadores con cierta formación podrán incluso dar una salida en vectores a dichos elementos.
  • La longitud de las barras que se ven en los diagramas es por tanto editable. Mediante la herramienta de selección directa de Photoshop podremos agrandar o hacer más pequeño el radio de las mismas. Se requiere eso sí cierta formación en el uso de dicho programa (hay que ir a la capa concreta que contenga la máscara vectorial que nos interese).

Para el/la que precise de más elementos y gráficas para infografías, no olvide consultar la categoría de MAPAS/INFOGRAFÍAS de La Grafiteca.

Leer más...