Digital Workshop- Mapping

Workshop: ‘Topographics’

From Idea Generation by Neil Leonard
What is a map?

It is an image. But not just an image. A map is an informative graphic. Something you need to interpret. How can we map something? How could we map our thoughts? How about a physical landscape?

A straight line says nothing, but adding an arrowhead to one end says something. It is suddenly a map. Something to read. It indicates something to us.

An image that isn’t a map, is abstract.

Opening this image of a map of Oxford in adobe illustrator, allowed me to explore different manipulations and ways of drawing a map.

I began by pulling different areas from the map. To do this, I first selected Image trace> 16 colours. This turned the map into a vector image instead of an image made from pixels. All the lines appeared smooth when I zoomed into the image.

Expand completes the action of turning it into a vector. This also allowed me to move the different pieces separately.

Command + shift + G ungroups the image.

To be able to grab all the areas of 1 colour, I needed to select:

Select > same> fill colour

I could then click and drag to take out these separate pieces of colour.

I then played with the other image options:

Converting the image into line art gave me new options for experimentation. I clicked and drag on small areas of the image to separate the lines, lifting areas out of the map. The gaps in the map below left are areas I had taken out of the image:

The shape on the right was created from taking the small area from the map. I pressed Command + J to join the lines together. I then clicked the small arrow beside the stroke and fill colour squares. This inverted the colour and filled my shape with black instead of the black outline.

I then copied and pasted the shape into adobe photoshop. This allowed me to work on it further and turn the image into a bitmap. I needed to make sure the pieces were in a formation I liked before pasting it into photoshop. This is because it is very difficult to rearrange the pieces once the shape is pasted into photoshop.

pathfinder> divide takes the shape apart.

pathfinder> unite sticks the shapes together like glue.

pathfinder> group allows you to move the shapes around together but they do not become the same object.

My first step was to bevel/emboss the shape. I selected Layer> layer style> bevel & emboss, as shown in the screenshot below:

This allowed me to play with the height and texture of the shape. I chose the leaf pattern as I liked the rough texture it produced.

The image needs to be in greyscale before you can bitmap it. I bitmapped the image and chose ‘diffusion dither’ to create the grainy filter. I saved the image as a TIFF file.

Back into Illustrator, I took another shape from within the line art of the Oxford map. I used this for my outline. I repeated the previous process of joining the lines and filling the shape with colour. This time, I removed the fill and the outline, so the shape was transparent. I selected ‘draw inside’ and Command+ shift+ p, to place an image inside the shape. (this is the shortcut within illustrator, in InDesign, we would use command+shift+D)

In this case, I wanted to place my bitmapped image inside this new shape. I selected the TIFF file and clicked to place it inside. Because this image is a bitmap, I was able to change the colour of it. I also tried rotating and enlarging the image from within the shape.

Another technique for image producing. I drew a shape using the pen tool on Illustrator. I then drew another shape within this shape. I selected object> blend> make. I needed to change the stroke colour to black, to be able to see another shape appear between the 2 I had drawn. By then selecting object> blend>blend options>specified stops and increasing the number, I could create multiple identical lines within my image as shown here:

The image looks quite 3D and could be describing a gradient.

I duplicated the shape by holding down ‘option’, clicking and dragging. I changed the colour of this second shape and rotated it so that it was upside down. I placed the shape so that they intersect. I increased the transparency so that it is possible to see through the lines to the other shape:

I printed the image of the shape that had multiple lines. I used this print to scan onto the computer. Instead of doing a simple scan of the drawing, I wanted to make it interesting.

I moved the image around on the scanning bed as the scanner moved across it. This created a wavy image where the lines moved in different directions. From this scan, (I saved it as a TIFF file) I could manipulate the image further in Illustrator.

This image was made from the scan.

I remove lines from my scan by grouping the image, so that it was a vector image. I added arrowheads using the arrowhead tools on the right hand side of the page. To create the above effect, I selected object> blend> make. By selecting blend options, again I could alter the number of linen repetitions.

arrowhead options

Aliyah Hussain

Aliyah Hussain is a UK based design whos work is multi disciplinary.

Her work is focused on collage but also incorporates screen-printing techniques, painting, photography and performance.

Her work unites futuristic utopian elements with a retro and hand-made aesthetic. Her use of line is bold and directional. In the above piece, I can see the pressure she has used on the pencil. The lines coming from the centre mask image implies to me a kind of mind map, where the ideas are directly linked to the face in the middle. Who might this face be representing? Is it a signifier of a collection of people in general?

There are areas of business and action, combined with white space where the eye can rest. I like the hand-made feeling that this has been jotted down in a notebook to record something important that the artist needed to remember. It has that rushed and urgent sense to it that we might find in a journal.

London Design Museum- Waste Age: What can design do?

First a bit of London…

Looking at Gothic architecture in Kensington. These elaborate buildings are based in the same area of London. The architecture makes me want to explore the inside of the buildings.

Downstairs in the design museum, I found the exhibition Waste Age: What can design do? At first, I was not sure what connection the exhibition would make between the climate crisis and design. I was not disappointed.

It was an emotional experience, but equally insightful. This exhibition forced me to think about the origins of the objects we see around us everyday and what happens to them after they are thrown away.

I was happy that I had seen Designer Maker User before Waste Age because I first was focusing on the designs rather than the affect of the materials on the planet. If I had seen Waste Age first, these ideas would have influenced the way I looked at the objects upstairs.

Everyday objects were placed on a plinth in the centre of the room, upon entering the exhibition.

It was overwhelming to be surrounding by so many familiar objects that are made of plastic.

This poster was originally in a magazine, advertising polystyrene cups. It was shocking to see that their disposable quality was their selling point.

Textile woven from industrial waste. (above and below)

One section of the exhibition displayed many objects made from recycled materials. Also on display were designs which aim to lower our impact on the planet. The exhibition is about re-thinking how we design, then make and use objects. A video showed us interviews with people in the design industry, discussing changes we could make. One person commented on the fact that human’s behaviour goes against nature. Where other animals do not leave behind waste that can’t be broken down or re-used, we do.

My first response when seeing so many objects made from recycling materials, is ‘why isn’t this done everywhere, since we know it is possible?’

These prints are made using waste ink. I really like the designs. They are clever and eye-catching. The words visually get across the meaning by the way they are laid out on the page.

One thought I was left with after the exhibition:

Plastic has only come into use during my mum’s lifetime. In such as short period we have done so much harm. But people are working on the solutions every day. For the short amount of time plastics have been in use, an even shorter amount of time has been spent researching technologies and designs to help us undo the mess we are in. We may need to go back to some of the old ways. People turned to throw-away design solutions for convenience. During the Covid-19 pandemic, public health and hygiene has been the reason for creating even more waste. We have something to overcome which is a mental attitude of how we approach the problem. It is the responsibility of designers and users. But we also need data. The data to figure out which is worse: throwing away a plastic cup or producing recycled cups which takes energy to manufacture.

London Design Museum- Designer Maker User

Objects in a shop display, Kensington.
The exterior of The Design Museum.
Posters for exhibitions at the design museum.

Designer Maker User.

The name of the exhibition is displayed on a large board. The letters are written on slats which rotate to display the next word. I first thought this was a digital screen, but seeing it closer up I saw that the words were printed on a material like plywood.

The soft lighting and wood interior within the design museum creates a friendly warmth throughout the building. After the rush of London, I felt relaxed.

The first objects I came across on the top floor of the museum.

Shoes. guitar. Sewing machine. Suitcase. Walkman. Bottle opener. Bike lock. Mug. Typewriter. Jeans. Slinky. Skateboard. Flip-flops. Camera. Violin. Gameboy. Bible.

I was surprised at the arrangement of objects and the assortment on display. The objects were placed quite closely together which felt slightly disconcerting because there appeared to be no connection between each object. My first thought is that these objects have come from many different people and places. Perhaps there was no other way to introduce this exhibition that shows us such a wide variety of design.

The typewriters hanging on the wall was an interesting sight. I have never seen a typewriter displayed from a wall in this way. The way they were shown as a collection was satisfying to see. I found them beautiful. As a child, I was always drawn to my mum’s blue typewriter and wanted one myself. Seeing these typewriters brought that feeling back.
Valentine typewriter, 1970. Designed by Ettore Sottsass and Perry King.

Olivetti Praxis 48 typewriter poster, 1967, Designed by Giovanni Pintori.

It was really nice to see the poster behind the physical object of the typewriter. In my head I could put the 2 together and imagine the time they came from.

Olivetti Lettera 32 typewriter poster, 1968-69. Designed by Walter Ballmer.

Here the designer has played with scale to created a surprising image where the egg is as large as the typewriter. Seeing the typewriter at this angle is another unusual element to this poster.

One classmate made the point that the older technology was new to our parent’s generation.
Flowermist teapot, 1950’s, designed by Jessie Tait.

I loved this unique teapot as soon as I saw it. This is the kind of item I would be tempted to buy. It is delicate, pretty and functional. The way the teapot was displayed allowed me to view it from all angles. The light directed onto it acted as a spotlight, drawing me to the object. The shadow created on the side of the pot highlighted the shape of the design.

The way the teapots are displayed together is interesting. The frame they sit on is asymmetrical. It reminded me of a teapot tree out of a fantasy story. They appear to be floating due to the transparent cases.
Logos on the wall of the exhibition, showing us how the design has changed over the years.
Seeing my hometown of Reading on the poster made this historical object feel more real to me. I could imagine the people marching in the street, rather than if the poster had been about somewhere I do not know.

I really like the use of repetition in this poster and the black and white design. The lack of colour helps the shapes to stand out. The line at the bottom of the poster gives us a visual representation of the route of the march.

Displaying photos of the protests next to the poster gives us context for the object.

Wall of time. This wall displayed clocks, watches, a filafax, and other objects to organise a person and mark time. In the top right-hand side, I saw the Ball Wall Clock. This object immediately intrigued me.

I first felt awestruck. Then joyfully impressed. I could not relate this design to anything I have seen before. I guessed that the object was old. I have always struggled to read clock faces and numbers in general. I usually dislike any clock that does not have numbers on it. I like I would struggle to use this clock if it were mine. But the cheerful quality of the design overrides this for me.

The story behind these tasting spoons interested me. At first they appear to be identical. The design looks the same in all four spoons, except they function slightly differently because they give a person a slightly different experience depending on the material used.

Shopping bag for Mothercare, 1980’s.

I was surprised to see the thickness of the plastic bag. The colours are bold and bright. Plastic bags are no longer made in this way. Because of the thickness of the material, I imagine that this bag is durable. The simplicity of this design is very effective and the red of the duck’s head is eye-catching.

The list of words at the centre of the exhibition could describe design or objects.

I picked up this pamphlet for families at the exhibition:

I really like these illustrations.
Map of the exhibition.