El otro día estaba buscando en la librería una guía de calles para el condado de DuPage, IL, ya que mi novia vive allí y necesita un mapa detallado de las calles. Desafortunadamente, el único que tenían que estaba cerca era uno para el Condado de Cook (como este), que no incluye ninguno del Condado de DuPage. Como soy el experto en computadoras que soy, decidí que podía hacer una con Google Maps y un par de otros programas de computadora.

Nota: este proyecto hace uso del contenido de Google Maps y creo que he dado instrucciones que aún permiten que este proyecto caiga bajo el paraguas de "uso justo". No soy abogado, pero suponiendo que no vendas estos, creo que esto debería ser legal.

Suministros:

Paso 1: Programas Necesarios

Utilicé los siguientes programas para completar esta tarea. Lamentablemente, algunos de estos no son programas de código abierto, y es posible que no estén disponibles para muchos, por lo que he incluido una alternativa de código abierto, si corresponde.

- navegador de internet Firefox (necesario para usar un complemento)

- Adobe Photoshop (o el GIMP)

- Creador de PDF

- Microsoft Word (o OpenOffice)

Opcional:

- Microsoft Excel (OpenOffice también tiene una alternativa)

Paso 2: Materiales y herramientas

Para ello necesitarás los siguientes materiales:

- Papel blanco (las 20 libras normales funcionarán, pero las pesadas 24 o 32 libras durarán más)

- (2) hojas de cartulina blanca (papel de 64 lb. - otra vez, 20 lb. funcionarán pero serán menos duraderas)

- Película de laminación (opcional)

También necesitarás estas herramientas:

- Impresora (el color es mejor pero el blanco y negro funcionará)

- Máquina laminadora (opcional)

- Tijeras (si las laminas)

** Una nota en la impresora: algunas impresoras láser más antiguas hacen un trabajo horrible de impresión de imágenes (tengo un HP Laserjet 1100 antiguo que es horrible en eso, pero imprime el texto como un encanto). Si ha tenido la impresora el tiempo suficiente, estoy seguro de que sabe si maneja bien las imágenes.

** Además, puede imprimirlo y encuadernarlo en una tienda de Fedex Office o similar si no quiere preocuparse por esa parte. Aunque te costará Las copias en color no son baratas.

Paso 3: Preparar el mapa

Hice este proceso antes de la manera más difícil, es decir, usando Imprimir pantalla fuera de Google Maps, pegando en Photoshop, recortando, y volviendo a realizar la refundición en el archivo de mapa grande una y otra vez, una y otra vez, y otra vez hasta que llené todo el mapa de bits. Por suerte para mí, encontré esta Respuesta en Instructables que me indicó un ingenioso video que ilustra el siguiente truco que aprovecha la función de incrustación de Google Maps.

Primero deberá descargar e instalar un complemento de Firefox llamado Screengrab. Tendrá que reiniciar el navegador para que se instale por completo, así que adelante, haga eso. Estaré aquí cuando vuelvas.

(También recientemente descubrí un programa llamado "Google Map Buddy" que realiza los siguientes pasos para ti pero no lo he probado).

¿Espalda? Bien, ahora navegue a Google Maps y centre el mapa en un punto que sea conveniente para usted (su casa, apartamento, lugar de trabajo, etc.). Ajuste el nivel de zoom al nivel de detalle que desee. Descubrí que el tercer o cuarto zoom más bajo es un buen nivel de detalle al mostrar los nombres de las calles, pero sin perder demasiado espacio con detalles extraños.

Paso 4: Obtener el mapa completo

Ahora, mira en la esquina superior derecha de la pantalla de Google Maps. Haga clic en el botón Enlace, que mostrará un menú como el de la primera imagen. Copie el contenido del cuadro de texto "Pegar HTML para incrustar en el sitio web" y péguelo en el Bloc de notas.

La primera línea es lo que nos preocupa. Mirando la imagen, tiene entradas para el ancho y alto del mapa. Desde la experimentación, parece que el tamaño de mapa más grande que puede guardar Screengrab es de aproximadamente 7000x7000 píxeles, así que dispara para eso. Luego vaya a Archivo-> Guardar como … y cambie el menú desplegable a Todos los archivos para que pueda guardarlo como un archivo HTML (el mío era "map.html").

Este próximo paso tomará un tiempo, así que se paciente. Haga doble clic en su archivo maps.html recién creado y deje que se cargue por completo. Dependiendo de la velocidad de su conexión a Internet y de su computadora, esto puede tomar desde un par de minutos hasta más de una hora (si tiene acceso telefónico, diviértase esperando). Luego haga clic en el icono de Screengrab en la esquina inferior derecha de la pantalla y haga clic en Guardar …-> Completar página / marco … y guarde el archivo PNG en un lugar conveniente.

Dependiendo del tamaño del mapa que desee, es posible que deba repetir este proceso un par de veces. Sé que quiero que el mío sea un poco más grande que 7000 píxeles cuadrados, así que tuve que hacer esto varias veces más.

Paso 5: Ajustar el mapa

Ahora debes tener al menos un archivo PNG capturado desde Screengrab. Es hora de limpiarlos. Abra los archivos PNG en Photoshop y recorte las partes de la pantalla que tienen los botones direccionales / zoom del mapa y los botones en la parte superior derecha. La información de copyright en la esquina inferior derecha y el logotipo de Google deben permanecer según las pautas de permisos de Google. Por supuesto, si los eliminas dudo que Google sepa la diferencia …

Si necesita unir varios mapas, cambie el tamaño del lienzo yendo a Imagen-> Tamaño del lienzo … y cámbielo al valor que desee.

Una vez que esté satisfecho con el aspecto del mapa, vaya a Imagen-> Tamaño de imagen … y desmarque "Volver a muestrear la imagen" y cambie la resolución a 200 píxeles / pulgada. Descubrí que ese es un buen equilibrio entre la calidad de imagen y la legibilidad, pero dependiendo del nivel de zoom que elija, tal vez desee cambiar este valor.

Paso 6: Cortar el mapa

Ahora vamos a utilizar la herramienta Cortar para dividir el mapa en trozos que se ajustarán al papel de tamaño normal.

Tiempo para un poco de matemáticas. La imagen de mi mapa es 12216 por 12713 píxeles a 200 ppi. Si quiero que la imagen en el mapa impreso sea de 7.5 "por 10.5" a la misma resolución, necesito hacer cortes que sean (7.5 x 200) por (10.5 x 200) píxeles, o 1500 por 2100 píxeles. Tomando 12216/1500 = 8.14 y 12713/2100 = 6.05. Dado que estos números están tan cerca de 8 y 6, decidí recortar la imagen del mapa hasta 12000 por 12600 para que se ajuste exactamente a 8 por 6 cortes.

A continuación, dividí la imagen del mapa original en cuatro partes iguales, cada una de 6000 por 6300, y guardé los cuatro archivos individuales. Verás por qué en el paso 7.

En cada cuarta parte del mapa, divido la imagen en 4 segmentos verticales y 3 horizontales. Guarde después de hacer esto y continúe con el siguiente paso.

Paso 7: guardar cada rebanada

Esta es la parte del proyecto donde tener una computadora con hardware robusto es definitivamente una ventaja y tener un archivo de tamaño adecuado es una necesidad.

Para guardar cada segmento individual, desafortunadamente tenemos que pasar por la opción de guardar "Guardar para Web y Dispositivos". Esto es ideal para archivos de imagen más pequeños como el que se podría usar para el diseño de páginas web, pero lento para archivos de imagen grandes. Es por eso que partí mi mapa original en 4 partes. Recibía errores de memoria al intentar guardar el archivo completo del mapa de 50 MB en segmentos y fue mucho más fácil con las cuatro piezas separadas del mapa.

De todos modos, primero cambie a la herramienta de selección de rebanadas y asegúrese de que todas sus rebanadas individuales estén resaltadas en amarillo / naranja haciendo clic en ellas. Luego vaya a Archivo-> Guardar para Web y Dispositivos … Probablemente le dará un mensaje de advertencia de que esta función es más adecuada para archivos de imagen más pequeños y puede dar lugar a errores de memoria y rendimiento lento. Haga clic en Sí y espere a que se cargue la imagen completa, lo que probablemente demorará unos minutos.

Cambie la opción de guardar a PNG-8 ya que esto hace que los archivos más pequeños que aún tienen buena calidad (la configuración se muestra en la segunda imagen). Asegúrese de que el tamaño de la imagen se mantenga al 100% y luego presione Guardar. En el cuadro de guardado, busque la carpeta en la que desea guardar los cortes y asegúrese de que esté seleccionado el elemento del menú desplegable "Todos los segmentos" y luego haga clic en Guardar.

Hice esto para cada una de las cuatro piezas del mapa que partí del original.

Paso 8: (Opcional) Agregue la escala de distancia a cada página - Parte 1

A estas alturas ya debería tener muchas páginas individuales listas para ser impresas. Este próximo paso es completamente opcional, pero creo que un mapa debe tener una escala de referencia para completarse.

Con Google Maps aún abierto y al mismo nivel de zoom que usó para su mapa, eche un vistazo en la esquina inferior izquierda de la ventana del mapa. Hay una escala allí. Queremos usar esa escala en cada página. Mueva el mapa hasta que la escala tenga un fondo de un color detrás, como en la primera imagen. Luego presione Imprimir Pantalla, vaya a Photoshop, Archivo-> Nuevo, Aceptar y Pegar. Esto pegará el contenido del portapapeles en el archivo. Luego recorte alrededor de la escala y haga zoom como en la segunda imagen.

Con la herramienta Varita mágica, cambie la tolerancia a algo así como 20 y haga clic en el color de fondo, que selecciona el fondo. Pulse la tecla Eliminar para eliminarlo. Luego Archivo-> Guardar para Web y Dispositivos y guárdelo como PNG-8 con la misma configuración que antes.

Paso 9: (Opcional) Agregue la escala de distancia a cada página - Parte 2

En este paso, realizaremos una Acción personalizada y luego procesaremos por lotes las páginas para agregar la escala.

Abre una de las páginas. Luego, abra el menú Acciones en Photoshop y cree una nueva acción llamada "Agregar escala" o algo así. Comenzará a grabar automáticamente, así que haz lo siguiente:

1.) Vaya a Imagen-> Modo y seleccione Color RGB

2.) Abra el archivo scale.png que acaba de crear.

3.) Presione Ctrl + A para seleccionar todos

4.) Pulsa Ctrl + C para copiar

5.) Presione Ctrl + W para cerrar

6.) Pulsa Ctrl + V para pegar en la página del mapa

7.) Shift + V para mover la escala a la esquina inferior izquierda de la página del mapa

8.) Cambiar el modo de fusión de la escala a Multiplicar

9.) Ctrl + Shift + Alt + S para guardar para la web como PNG

10.) Ctrl + W para cerrar

Luego presione el botón de detener en la ventana de Acciones. Ahora tiene una Acción guardada que automatizará la adición de la escala en cada página cuando ahora procesemos por lotes.

Ahora, cierre todas las ventanas en Photoshop y vaya a Archivo-> Automatizar-> Lote … Esto abrirá el menú Lote con un conjunto de opciones. Asegúrese de que la Acción que acaba de crear está seleccionada en el primer menú desplegable. Luego cambia la carpeta de origen a la de tus páginas de mapas. Luego, cambie la carpeta de destino donde desee guardar los archivos de salida. También cambia las convenciones de nomenclatura a lo que creas conveniente. Luego presione Ok y el comando de lotes hará su trabajo, dejándole con una escala en cada página.

Paso 10: Importar a Word y reorganizar

Abra un documento de Word y cambie el tamaño del margen a 0.25 "arriba y abajo, 0.4" a la izquierda y 0.6 "a la derecha. Luego cambie el menú desplegable en Varias páginas a" Espejar márgenes "para mantener los márgenes iguales al imprimir a doble cara. Mantener la orientación como retrato.

Ahora para la siguiente parte, piense en los libros de mapas que ha visto en el pasado. Si mira en la página posterior, generalmente tienen el área del mapa dividida en recuadros numerados que coinciden con el número de página de esa sección. Esto es lo que vamos a hacer ahora.

Sin embargo, si, como yo, dividiste tu mapa original en partes separadas antes de cortarlo, tendrás que hacer un poco de fanangling para obtener el orden correcto de las imágenes. Deberá tomar la fila superior de la pieza superior izquierda, agregarlas al archivo de Word, luego la fila superior de la pieza superior derecha, luego la segunda fila de la pieza superior izquierda, y así sucesivamente. De esta manera, las páginas del mapa están de izquierda a derecha y de arriba a abajo.

Hecho esto, ahora agregue números de página a las páginas del mapa. Para hacer esto (suponiendo que desea imprimir esta doble cara) siga este procedimiento:

1.) Insertar-> Número de página-> Margen de página-> Vertical derecha

2.) Cambie la distancia del encabezado / pie de página a 0"

3.) Marque "Diferentes páginas pares e impares"

4.) Haga clic en el espacio de encabezado de la segunda página.

5.) Insertar-> Número de página-> Margen de página-> Vertical izquierda

6.) Cerrar el encabezado y el pie de página

Ahora, cada página tiene un número y cuando lo imprima a doble cara, los números de las páginas estarán fuera de la página.

Continúe y haga Archivo-> Imprimir e imprímalo en PDFCreator. Ahora las piezas del mapa están compiladas, numeradas y listas para imprimir en papel.

Paso 11: Crear página de índice de mapa

Ahora es cuando creamos la contraportada del mapa que tiene cuadros numerados correspondientes a cada página del libro de mapas.

Vuelva a la vista de Google Maps y aléjese un poco. Para mí, encontré que hacer zoom tres veces fue bueno. Luego, haz lo mismo que hicimos en el Paso 3, pero haz que el tamaño de la imagen sea de 3000 por 3000 píxeles. Luego vaya a Photoshop y recórtelo en los mismos límites que el mapa grande original.

Es posible que se pregunte por qué usamos una nueva imagen para el Índice en lugar de usar el mapa de gran tamaño. La razón es que el mapa de gran tamaño es también detallado, mientras que solo necesitamos un mínimo de detalle en el Índice. Realmente solo debería mostrar cosas como ciudades, nombres de autopistas y puntos de referencia importantes. En realidad, incluso en el nivel de zoom que elegí para el mío hay demasiados detalles, pero si hubiera sido más pequeño, la resolución habría sido demasiado pequeña para una impresión de calidad.

Ahora cree una nueva capa (es posible que tenga que cambiar el Modo a RGB si está abriendo un PNG). Use la herramienta Pincel para y haga clic en Mayús y haga clic para dibujar una línea recta desde la parte superior de la imagen hasta la parte inferior. Luego haz otra nueva capa y haz una línea de izquierda a derecha.

Ahora vaya a Imagen-> Tamaño de imagen y observe las dimensiones de la imagen en pulgadas. El mío es 21.233 "por 22.108" y necesito colocar líneas que dividan la imagen en 8 partes horizontalmente y 6 partes verticalmente, por lo que cada 21.233 / 8 = 2.654 "por 22.108 / 6 = 3.685" debe ser una intersección. Vaya a Vista-> Nueva guía … y haga una nueva guía vertical en 2.654 ". Luego, haga una nueva guía al doble de eso, una tercera guía al triple de eso, y así sucesivamente. Haga lo mismo para las guías horizontales pero use la 3.685 "como un espaciado en su lugar. Copia las líneas que acabas de dibujar y muévelas a las líneas guía. Luego ve Ver-> Borrar guías para deshacerte de ellas.

La siguiente parte es tediosa y realmente no hay una manera rápida de hacerlo que he encontrado. Crea un nuevo grupo llamado "Números" y crea una nueva capa en el grupo. Use la herramienta de texto y escriba un número 1 en el cuadro superior izquierdo. Ajuste el tipo y el tamaño de la fuente a algo que le parezca conveniente. Luego, copie esa capa (Ctrl + J) tantas veces como tenga cuadros en la primera fila, mueva los cuadros de texto a diferentes cuadros y cambie los números en consecuencia. Luego copie el grupo de Números tantas veces como tenga filas, mueva el grupo y cambie esos números. Luego, haga clic en Guardar para Web y guárdelo de nuevo como PNG.

Paso 12: (Opcional) Hacer páginas de resaltado

La mayoría de los libros de mapas como este tienen secciones donde resaltan áreas del mapa que realmente necesitan más detalles para poder verlos correctamente. Desafortunadamente, el truco que repasamos en el Paso 4 no funciona tan bien aquí: cuando se usa el código de inserción, se eliminan todos los nombres de las empresas en el mapa y solo aparecen los edificios gubernamentales. Una pequeña molestia pero bastante fácil de superar.

En lugar de ajustar el código de inserción, tendremos que hacer algunos cortes y pegados en Photoshop.

Primero, haga zoom al nivel de detalle que desea en su página de resaltado. Encuentro que el segundo o tercer zoom más bajo es bueno. A continuación, asegúrese de hacer clic en la flecha para minimizar la barra lateral y obtener la mejor área de mapa visible en la pantalla (ver la primera imagen). Luego presione Imprimir pantalla para capturar una imagen de toda la pantalla del monitor.

Para esta siguiente parte, puedes hacer otra Acción o hacerlo de forma manual. Desde que hice una Acción en el Paso 8, solo mostraré las cosas individuales que hago grabando la Acción.

0.) Cree un archivo nuevo que sea aproximadamente 500 píxeles más ancho y más alto que su página de mapa típica (los míos eran de 1500 por 2100 píxeles, así que lo hice de 2000 por 2600) y asegúrese de configurar la resolución a 200 ppp.

1.) Crea la nueva acción, llámala "Recorte de Google Maps" o algo así: la grabación debería comenzar.

2.) Ctrl + N

3.) Ctrl + V

4.) Use la herramienta Marquesina para seleccionar el área del mapa que desea recortar

5.) Ctrl + C

6.) Ctrl + W

(La pantalla ahora debe estar enfocada en el nuevo archivo que creó en el paso 0)

7.) Ctrl + V

8.) Detener grabación

Entonces es una tarea simple mover las diferentes partes para que todas se alineen, recorten la imagen al tamaño correcto (1500 por 2100 en mi caso) y guarden como PNG.

Además, no olvide agregar la escala como en el Paso 8, si así lo desea.

Cuando los agregue al archivo de Word, asegúrese de agregar un cuadro de texto que etiquete el área resaltada. Eso se puede encontrar en Insertar-> Cuadro de texto. Haga esto en lugar de escribir texto normalmente, ya que puede mover el cuadro de texto a cualquier lugar de la página sin desordenar la alineación de la pieza del mapa.

Paso 13: (Opcional) Crear una tabla de contenido

Dado que ahora tiene una página de índice de mapas que lo llevará a una página específica, este paso puede verse como opcional. Sin embargo, creo que sería beneficioso tener una página que indexe todas las ciudades y pueblos en el mapa, así como otros puntos de interés, como paradas de transporte público, hospitales, centros comerciales y otros.

Para esta página, acabo de hacer un nuevo documento de Word, fui a Diseño de página-> Columnas y lo convertí en una página de dos columnas. Desde aquí hice un nuevo documento de Excel con diferentes encabezados que enumeraban el elemento seguido de un número de página. De esta manera puedo volver más tarde y ordenar alfabéticamente. Luego simplemente corte y pegue desde Excel a Word y jugué con el ancho de la tabla y los bordes para que se vea bien. Vea la imagen para un ejemplo.

Esto implica una búsqueda en las páginas del mapa y al menos una o dos horas, pero creo que vale la pena.

Paso 14: Crea la portada

Para la portada, diviértete y sé creativo. No te diré exactamente qué hacer, pero te daré algunas pautas:

1.) Mantenga la resolución de algo que se vea bien impreso (es decir, al menos 200 ppi)

2.) Asegúrese de incluir el nombre del área y el estado del tema del mapa

3.) Una fecha de creación puede no ser una mala idea

4.) Si necesitas más ideas, consulta este producto o similar.

A continuación se muestra mi portada, sólo para darte una idea.

Paso 15: Imprimirlo

Para que este mapa realmente funcione bien y sea el más fácil de usar, la impresión en color es definitivamente el camino a seguir. Sí, es caro y sí, es probable que pueda imprimir gratis en blanco y negro en su escuela / lugar de trabajo / donde quiera que vaya, pero no quiere que sus horas de trabajo se desperdicien con una mala calidad en escala de grises. ?

Mi escuela hace impresiones a color por $ 0.30 (¡eesh!) Que es la forma en que terminé yendo porque fue lo más conveniente para mí. Otros lugares como Fedex Office u otras tiendas de impresión pueden ser menos costosos, pero realmente depende.

En cuanto al tipo de papel, iría con una cartulina gruesa (64 libras es una buena elección) para las portadas y contraportadas y quizás 24 lb. o 32 lb. para las páginas interiores. El papel normal para impresora láser de 20 lb. estaría bien para todo, pero no será tan duradero.

Además, si tiene acceso a una máquina de laminación, sería prudente laminar las cubiertas delantera y trasera terminadas. Durarán mucho más tiempo si lo haces.

Paso 16: Enlazar

Para este paso tienes un par de opciones.

Para la opción de unión de apariencia más limpia, más versátil y más útil, la enrollaría. De esta manera, puede abrirse como un cuaderno y colocarse completamente plano. Además, siento que estos tipos de enlaces duran más que otras opciones. Fedex Office hace este servicio, por una tarifa.

Para que sea más fácil, simplemente con tres orificios, perforarlo y colocarlo en una carpeta, o incluso con anillos de unión. Las carpetas son bastante resistentes pero pueden ocupar mucho espacio. Los anillos de unión son rápidos y baratos, pero sin duda se romperán muy fácilmente.

Muchos de ustedes también pueden estar familiarizados con Cerlox o el peine. Creo que la mayoría de las escuelas tienen una de estas máquinas y normalmente puedes hacerlo gratis. Sé que todas las escuelas a las que he asistido, desde el jardín de infantes hasta la universidad, han tenido una.

Siempre se puede encuadernar como un folleto con las páginas dobladas en el medio o cosidas. Esta es probablemente la opción más laboriosa de todas y un poco excesivo para este proyecto, en mi opinión.

Paso 17: ¡Terminado!

¡Ojalá todo haya ido bien con el enlace y ahora tenga un libro de mapas terminado! Dése una palmadita en la espalda e intente perderse: simplemente no vaya más allá de los límites de su mapa y podrá encontrar el camino de regreso.

El costo total para este proyecto para mí fue de $ 21.30, de los cuales $ 17.10 son las copias en color. Tuve la suerte de obtener el papel y las laminaciones gratis en mi escuela y el enlace de la bobina costó $ 4.20. Este precio se compara con lo que gastaría en un producto profesional como el mapa del condado de Cook que mencioné anteriormente.

Si alguien está interesado en un PDF de la Guía de DuPage County Street que hice, envíeme un PM. Es un poco demasiado grande para publicar con el Instructable.