Diseñar un mapa base vectorial creativo

NinaJakobs

<\/HEAD>

Durante mi pasantía de proyecto en Esri Nederland trabajé con la Tarjeta de Navidad<\/A><\/SPAN> que puede usarse como mapa base. Mediante el cambio de colores y patrones en el mapa Topo RD al estilo navideño, surgió una hermosa Tarjeta de Navidad. Con el mapa base raster Topo RD no se pueden ajustar colores y patrones, pero sí con el mapa base vectorial Topo RD. Esto se debe a que este mapa base está compuesto por vector tiles a los que están vinculados sprites, objetos que pueden ser modificados. En el ArcGIS Vector Tile Style Editor<\/A> se pueden modificar estos objetos. <\/SPAN>Además de modificar el estilo, el mapa base vectorial tiene más ventajas frente al mapa base raster, Willem Jan Vierbergen<\/A> <\/SPAN>explica más sobre esto en su webinar<\/A><\/SPAN> sobre mapas base vectoriales.<\/SPAN><\/P>

<\/P>

Preparación<\/STRONG><\/SPAN><\/P>Primero hice una

copia del mapa base vectorial<\/A> en ArcGIS Online.<\/SPAN> Encontré útil usar el mapa base vectorial Lichtgrijze Canvas RD porque los colores, que se pueden ajustar por capa, se veían bien sobre el fondo gris. <\/SPAN>Después de hacer la copia pude comenzar en el ArcGIS Vector Tile Style Editor<\/SPAN> a crear el creativo mapa base vectorial.<\/SPAN><\/P><\/P>Elección de colores<\/STRONG><\/SPAN><\/P>Antes de asignar patrones a los sprites es inteligente empezar seleccionando los colores que se usarán en el mapa para ver si combinan bien entre sí. Usé la página web coolors<\/A><\/SPAN> y Adobe Illustrator para verificar qué colores combinaban bien.   <\/SPAN><\/P>

Después de elegir los colores, ajusté los colores en el mapa usando Edit Layer Styles<\/EM>. <\/SPAN><\/P>Copié y pegué el código del color que elegí desde coolors, <\/SPAN>o Adobe Illustrator, en el código de color de la capa cuyo color quería cambiar. Noté que experimentaba con los colores para ver cuáles combinaban mejor. A veces cambiaba ciertos colores durante el proceso porque sentía que otro color encajaba mejor con el conjunto que el color original. Por ejemplo, cambié el color de línea a rojo con blanco para enfatizar más el tema navideño.<\/SPAN><\/P><\/P><\/SPAN><\/P><\/P>Patrones <\/STRONG><\/SPAN><\/P>Luego comenzamos a añadir patrones al mapa. Primero pensé qué patrones podrían encajar en qué áreas. Por ejemplo, para el color verde del bosque permanece verde, pero un patrón verde añade algo extra al mapa. También usé un color azul oscuro para el mar, que configuré en el paso anterior. Este color lo llevé a Adobe Illustrator y luego pegué copos de nieve de

Freepik<\/A><\/SPAN> y guardé la imagen como archivo PNG con fondo transparente. Si usas Freepik<\/SPAN>, no olvides que las imágenes tienen derechos de autor.<\/SPAN><\/P>Decidí hacer que los copos de nieve aparecieran varias veces en el mapa para dar una sensación navideña extra al mapa. El único ajuste que tuve que hacer fue cambiar el color de fondo de los copos de nieve. Esto se puede hacer en Adobe Illustrator u otro programa para editar fotos.<\/SPAN><\/P>                                                                          <\/SPAN><\/P><\/SPAN><\/P> <\/SPAN><\/P>El patrón para el sprite será duplicado horizontal y verticalmente en el mapa. Para asegurar que el patrón encaje bien probé el patrón en Adobe Illustrator. Esto también puede hacerse en un programa similar o cargando cinco veces en Word para ver si las imágenes encajan bien entre sí. Cómo se ve un patrón mal encajado se muestra en la imagen abajo.

<\/>\n

<\/><\/>\n

<\/><\/>\n

                                                

Para hacer que las imágenes encajen bien recorté la imagen original en un programa editor de fotos. Si la imagen está bien recortada ya no aparecen líneas blancas como en la imagen anterior.

La imagen puede añadirse mediante el botón Edit Icons and Patterns en ArcGIS Vector Tile Style Editor. Después de subir las imágenes, la imagen puede añadirse por capa con el botón Edit Layer Styles.

En un momento dado encontré que el patrón de árboles navideños era demasiado cargado. Para hacerlo menos cargado ajusté la claridad del patrón mediante Opacity.

​

Iconos para etiquetas

Además de patrones también se pueden usar iconos. Para la Tarjeta de Navidad por ejemplo di a los nombres de lugar, país, barrio y vecindario un icono en forma de cinta donde cabía texto.&nbps;

​

style="font-size: 11.0pt;">La cinta resultó ser demasiado grande, mediante Size <\/EM>cambié el tamaño. Con Icon Translate<\/EM> cambié la posición X e Y para que el texto quedara centrado en la cinta.<\/SPAN><\/P><\/P>Me quedaban algunos iconos llamativos. Colocarlos en una capa muy común me pareció demasiado. Por eso elegí colocar estos iconos en capas que no aparecían tan a menudo y que tenían un nivel de zoom profundo.<\/SPAN><\/P> <\/SPAN><\/P> <\/P> <\/STRONG><\/SPAN><\/P> <\/STRONG><\/SPAN><\/P>Sustitución de iconos existentes<\/STRONG><\/SPAN><\/P>Quería reemplazar los iconos de árbol por bolas de Navidad. Lo hice a través de Edit Icons and <\/EM> y luego hice clic en Replace Icon\/Pattern. <\/EM>Así pude reemplazar todos los iconos de árbol por bolas de Navidad de una vez.<\/SPAN><\/P><\/SPAN><\/P> <\/P> <\/EM><\/SPAN><\/P>Extras <\/STRONG><\/SPAN><\/P>Para el toque final ajusté los colores de la fuente y di un efecto divertido al texto añadiendo un icono de una nubecita blanca difusa al texto. <\/SPAN><\/P> <\/SPAN><\/P> <\/SPAN><\/P> <\/SPAN> <\/SPAN><\/P> <\/SPAN><\/P>Para compartir el mapa base vectorial creativo utilicé el Web App Builder for ArcGIS<\/EM> porque casi todo se podía cambiar allí.<\/SPAN><\/P> <\/SPAN><\/P>Resultado<\/STRONG><\/SPAN><\/P>A veces fue un rompecabezas encontrar los patrones correctos sin que el mapa se volviera demasiado cargado. También hay tantas capas de mapas que a veces era necesario poner algunas capas en rojo brillante para encontrar la capa correcta. Pero eso significa que todas esas capas también pueden adaptarse a un estilo propio. Justo por todas las posibilidades que ofrece el ArcGIS Vector Tile Style Editor puedes dejar volar tu creatividad y probar muchas cosas hasta obtener un resultado final bonito del que tú mismo, tus amigos, familia y colegas estarán orgullosos!<\/SPAN><\/P> <\/STRONG><\/SPAN><\/P>¡Feliz Navidad! Mira la tarjeta navideña aquí<\/_A>\n <\/_p>\n \n<\/_BODY>\n<\/_HTML>