Module 2 Formstorming

Arhielle Nieto

Project 2

Module 2

After following the first tutorials I used pictures from the spatial workshop to explore various styles using mapbox and cartogram.

Activity 1

Image from the spatial workshop 1 taken outside the AA and A building. I used this for the following two images to style the map. First try at using cartogram. I was playing around with the colours majority of this activity. Second attempt playing around with the colours from the image to style the map. Image taken for the spatial workshop 1 of the walkway between the AA and A building. Styling the map using colours from the walkway image. Second attempt trying out colours and looking at typography options in map box. Image taken for the spatial workshop 1 of the student learning commons. Using colours from the learning commons photo, I also explored the fonts map box offered. A second attempt at styling the map of sheridan campus using the learning commons image. Image taken for the spatial workshop 1 taken outside the AS building. It appears to have sculpted faces made of clay planted on this mount of dirt. Image taken for spatial workshop 1 taken outside the AS building. There was a mosiac art piece that looked interesting. Using the second image of the AS building, this was the style it generated with slight adjustments. I continued playing with colours from the AS image to style the map. I focused more on the lighter areas instead of using the bricks. Image taken for the spatial workshop 1 of the marquee. I walked up the stairs to the quiet study area to take a picture from a higher angle. Using colours from the marquee image, I focused the colours on the magenta area of the study rooms. Using the colours from the marquee image, I focused on the area where you can grab your food to source the colours from. I continued playing around with the colours from the marquee image since there was a lot of play with. I liked how this turned out because of how the roads stand out against the dark blue/brown scenery. Image taken for spatial workshop 1 of the garden at the front of the campus. Using colours from the garden, I created a monochromatic style using blues. Using colours from the garden image, I focused the colours to be more brown. The colours were sourced from the area behind the sign. I continued playing around with the colours from the garden image to style the map. This time, I sourced the colours from the muted greens in the background. Instead of using images from the workshop, I wanted to try out sourcing colours from other images. I used an image of chiikawa characters for this style. I continued experimenting with styles using images beyond the spatial workshop. This image is from the video game, kirby. There's a lot of colours to source from here, so I thought it would be interesting to play around with them. This is my introduction to mapbox using the default image when you start up cartogram+mapbox. This is my introduction to mapbox using the default image when you start up cartogram+mapbox.

Activity 2

Placing the designs within the template, making sure everything is alright and there is no strokes with only black fill. All the designs my groupmates and I used for our phone case cut out. My group consisted of myself, Talia, and Ada. The laser cutting machine moved back and fourth rapidly to heat up, preparing itself to cut the designs into the wood. The first design the machine began working on was the bottom design. It bagan going side to side starting from the bottom going up. The next piece was the wording for the left design. After printing the bottom design, the machine began simultaneosly work on all four designs. This surprised me at first because I assumed it would work on each design one by one, but this way would be more efficient. Once the machine finalized the designs on the phone stand, it began cutting out the shapes as a final step. The finished product. The fourth year, Marina, who helped us during this process informed us that we have to wait for a little bit after it finished so the smoke can go through the ventilation system. There was a cutting error on one of the back supports of the phone stands. The thin piece would not come off because it wasn't cut through all the way. Here is the back side of the back support. The machine didn't cut all the way through. Even when we tried prying out the piece, we were afraid it would break the structure. Marina helped us print another one on the same piece of wood. The phone stand design I arranged. The image is from pinterest. All of our phone stand designs placed next to each other. This was how it looked in the template provided to us in class. All of our phone stand designs put together. The wood that wasn't cut properly is placed flat on the table. A closeup of the phone stand designs after being printed out and cut on the wood. While following the fourth tutorial, I began placing the mask coordinates onto the back and front animation (from a separate composition). While following the fourth tutorial, I began adding the shatter effect onto the walls. This will be added to the SSU building afterwards. While following the fourth tutorial, I created a precomposition in preparation for the finalcomposition consisting of the animation playing onto the SSU building. While following the fourth tutorial, I began placing the icons between the back white colour and teal colour (that consisted of the shatter effect) Reaching the end of the fourth tutorial, I was able to successfully add a shatter effect animation onto the SSU building. Unlike the tutorial, I chose a slightly different colour and used puzzel pieces as the shatter effect. <div class='container'><iframe class='responsive-iframe' src='images/Activity2/projection.mp4'></iframe></div> For the bivariate mapping, I followed the fourth tutorial in module 2. As instructed, I used the palette provided in the class folder. I'm beginning to import the files provided to us in class about bicycle routes into the data visualization layer. Here are the cycling routes outlined after importing the information into the data visualization on Mapbox. Another data visualization method was utilizing the data driven circle features to map out coyote sightings in Oakville. This is what the map looked like initially for mapping out the bike routes. It's hard to see the data being visualized, so I changed the colour. The second image is a more clear visual of the data. I continued to explore data driven circles as a visualization for stolen bicycle data. Rather than solid circles, they are transparent with varying colours.

Spatial Workshop 1

This is the walkway between the AA and A building. It's often used as a place to travel between buildings and relax in when the weather is nice. The materials used are paint, stone, cement, and metal for the pillars. This is a mosiac placed outside the AS building. It's used as decoration and an area for students to sit in. It appears materials such as stone, metal, glass, and wood are used to construct the area. This is the marquee placed inside the student center. It's used as an area to eat, order food, lounge in, or study in. It appears materials such as various fabrics, stone floors, wood, and metal were used to contruct the area.

Spatial Workshop 2

Between the three locations, our group decided to brainstorm ideas utilizing the Learning commons space.
Here are the 5 ideas we thought of:

    • Individual Sound Proof pods for individual studying.
      Dynamic lighting depending on the time of day.
      Moveable white board and/or glass walls to write on. The current ones in the learning commons are placed on the wall permanently.
      Smaller printers on the wall for study rooms so it’s more accessible.
      A projection of student work from the animation, illustration, photography, film, and IXD programs in the display case.

    • The first idea illustrates extendable lights for students at open tables. Similar to the extender cord inside J-Wing classrooms, instead of a cable extender, it would be a light for students working in the Learning Commons during darker hours of the day. The second idea illustrates colour changing lights installed at the center of the tables. This way the light is closer to the student to properly light up their area. Depending on the time of day, it will change colours. The third idea illustrates a similar solution to the second sketch but on a wider scale. The lights above the Learning commons would be changed to change colours depending on the time of day. If it's dark, there will be warmer lights and the opposite for daylight hours. The change in light colour will create a more comfortable working space for all students.

    Project 2

    Final Project 2 Design

    The final laser cut map.

    For our final project, I decided to laser cut an area using Mapbox, Illustrator, and Inkscape. The place I chose to cut out is my father's hometown back in the Philippines. He grew up in Agno, Panginasan, Philippines in a remote village by Cayungnan. In order to get to his elementary school, my aunt and him had to walk through the rice paddy fields everyday through stones.
    ×

    Powered by w3.css