Create Custom City Maps in Canva (For Free)

Introduction

Creating custom city maps can be a fantastic way to enhance your online business, whether you're selling posters, mugs, or T-shirts. This tutorial will guide you through the process of designing minimalist city maps using free tools like Canva, OpenStreetMap, and Mapshaper. By the end of this guide, you'll have the skills to create unique, copyright-free maps ready for commercial use.

Step 1: Source the Map Data

To create your custom city maps, you first need to gather the necessary map data.

• Visit OpenStreetMap: Go to OpenStreetMap to find the city or location you want to map.
• Extract Map Data:
  • Use BBBike Extracts at BBBike Extracts to download specific map data for your chosen area.
  • Select the region, the type of data you need (like roads, buildings, etc.), and download it in a suitable format (like .osm or .geojson).

Step 2: Convert Layers to SVG

Once you have your map data, you'll need to convert it into a format that Canva can use.

• Use Mapshaper: Go to Mapshaper.
  • Upload your downloaded map file.
  • Simplify the map by removing unnecessary layers or details to create a cleaner design.
  • Export the map as an SVG file. To do this, select the "Export" option and choose SVG as the file format.

Step 3: Customize in Canva

Now, it’s time to bring your map into Canva for further customization.

• Open Canva: Go to Canva and create a new design with your desired dimensions.
• Upload Your SVG: Import the SVG file you exported from Mapshaper into Canva.
• Add Design Elements:
  • Use Canva's tools to customize colors, add text, or incorporate other design elements that represent the city or your brand.
  • Keep the design minimalist to emphasize the map details.

Step 4: Masking in Canva

To enhance your design, you can use masking techniques in Canva.

• Create a Mask:
  • Use shapes or frames in Canva to mask parts of your map design.
  • Adjust the opacity and colors to create a stylish, layered look.
• Experiment with Layers: Play around with different designs and arrangements to find a composition that you love.

Conclusion

By following these steps, you can create stunning, copyright-free city maps using free tools. Start by sourcing map data from OpenStreetMap, convert it using Mapshaper, and finally customize your design in Canva. This method not only allows you to create unique products for your online shop but also helps to develop your design skills. Consider using different cities or styles to expand your product offerings even further!