Module 2 Formstorming

Weekly Activity Template

Sofia Montagner


Project 2


Module 2

The goal of this module was to explore programs such as Mapbox, After Effects, Touch Designer and Illustrator to create different types of spatial and vector based designs, exploring the overall concept of mapping and how design elements can be applied and improved to create more visually appealing, personal, and informative maps.

Activity 1

An unused image taken for the first spatial workshop. An unused image taken for the first spatial workshop. An unused image taken for the first spatial workshop. An unused image taken for the first spatial workshop. An unused image taken for the first spatial workshop. First time opening Mapbox and experimenting with the initial style settings. Discovering the specific ways to alter the appearance of map features, such as changing the colour of the buildings and greenspace. Playing with the different preset colour themes for the map. In this one I chose the monochrome setting. Figured out how to turn place and road labels on and off. The road labels are not visible in this screenshot, but the place labels are. Using the search bar to find specific locations on the map, as well as additional experimentation with colour schemes and label fonts. Added labels, and toggled 3D buildings to be visible. Playing around with adding layers, in this case adding a sky layer and altering the colour to be red. Added a background layer, changing the colour and texture to have a star pattern. Playing with fonts and 3D terrain settings. Added an atmosphere layer. Testing out the satellite view option. Testing out shutting off all labels to create a minimalistic looking map. Further experimentation with colours, creating my own monochrome colour scheme. Making everything monochrome except for the roads, to make them stand out more and be the focus of this map. Added building labels to the same map to have an additional layer. Experimentation using the Cartogram plugin to change the colour of the maps features. Additional experimentation with the Cartogram plugin to change the colour of the maps features. Additional experimentation with the Cartogram plugin to change the colour of the maps features. Adding different layers with Mapbox's default data set, showing the country boundaries. Added another layer, this one showing the traffic. Added another one displaying the the transit stop locations. I made them blue circles after experimenting with different styles. Added another layer that shows the actual names/labels of the transit stops. Played around with the fonts and styling a bit more until I landed on this style.

Activity 2

Starting off in After Effects by importing the photo of the wall and placing a half-opaque white rectangle in front of it. Using the corner pin tool to distort the white square to fit the shape of the front wall. Applied the same process with the walls on the other sides of the building. Created a shattering animation and apply it to the walls to make them look like they are breaking apart. Applied to the other walls as well to have the whole building have the effect. Placed both the Sheridan logo and the IXD logo onto the walls, in between the shattering layer and white square layer to make it appear as the animation goes off. View of the final frame of the animation. Creating a new composition to start putting together the masked version. Creating masks for all of the windows and doors. Applying the masks to the original photo layer. Applying the animation layer to the masked version of the photo, completing the final result. Me (top left) and my groupmates compiled vectors prepared to be sent in for laser cutting. My completed laser cut phone holder. Created a blank/black and white map in Mapbox to import into Illustrator for further editing. This is Wren Lake, a lake in Muskoka where my cottage is. The image traced version of the map. Experimenting with different settings, such as the threshold, paths, and corners, to see what will give me the best results. Further experimentation with the image trace settings to get a cleaner look. Narrowed down the image to make it focus on just the lake. Utilized the vector point remove tool to remove some redundant lines and clean up the image further. Used the smooth tool to make the lines less jagged and more fluid, also simplifying the amount of points on the paths. My image after using the smooth tool and other adjustments, though I realized that it was way too smooth and had lost a lot of its initial details. Undid some of the smoothing and added back in some of the details that were lost in my previous iterations. My first time importing external data sets into Mapbox, in this case, importing the information of cycling routes in Oakville. At this point, I also discovered that I could get a lot more adjustment layers when exporting a design directly from the Cartogram plugin. After looking through the geojson data in Visual Studio Code, I found a data set that displays the existing vs. proposed bike lanes in Oakville. I imported this data set into Mapbox to see how it would look on the map, then changed the colours to differentiate them. Altered the colour scheme to make it more clear, with the brighter lines contrasting the lighter backgrounds more. Added a second data set regarding coyote spottings in Oakville, applying the data driven circles. Selected the part of the data set that shows whether the sighting involved a den sighted, the person being followed or approached, or if it was just a sighting. Played with the appearence of the circles, making them more opaque and overall bigger to make them more visible on the map.

Spatial Workshop 1

The exterior/below the connecting bridge between the two main buildings of Sheridan. Stone, steel, and glass are the most prominient materials used in this structure. The exterior of the bridge that connects the E wing and G wing of Sheridan. The bridge is made primarily out of glass and steel. A mosaic wall outside of the Annie Smith building, made out of small coloured tiles. This is here to add meaning to the building, as it says Annie on it, as well as it portraying a various collage of abstract images.

Spatial Workshop 2

put a description here or you will lose grades <a href='https://www.youtube.com/embed/tgbNymZ7vqY' target='_blank'><p>Project Video Link</p></a> put a description here or you will lose grades <div class='container'><iframe class='responsive-iframe' src='https://www.youtube.com/embed/tgbNymZ7vqY'></iframe></div> put a description here or you will lose grades

Project 2


Final Project 2 Design

The final version of my laser cut map of Rafah, Palestine in two different time periods: March 2024 and November 2025.

My final laser cut map, portraying the damaging effects of the ongoing genocide in Palestine, specifically showcasing its effects in the city Rafah. My map specifically highlights the buildings that were once there (March 2024), and comparing how it looked then to how it looks currently (November 2025).
×

Powered by w3.css