Leeds Graffiti - Tumblr & Twitter

Our Twitter and Tumblr layouts use a similar theme to the main website design - textured wall background, same logo, typeface etc in order to keep a consistent corporate identity. The Tumblr uses the same concept as the site with the image linking to its whereabouts via Google maps. The Twitter updates automatically with every post on the blog.

Twitter

Blog posts and updates.

Tumblr

Features many photographs of graffiti in Leeds, categorised by their location.

Image enlarged when clicked.

Interactive Google Maps showing its whereabouts.

Leeds Graffiti - Website

Here is the development of the website I created which ideally, I would have coded and published live - however, I ran out of time in the 2 week frame therefore we eventually used a placeholder image which linked directly to a tumblr blog.

Basic composition

Main content (white/grey bg) contains gallery images and a corresponding map and the sidebar (black) which would feature a submissions form and twitter feed. We wanted an interactive google map to be alongside the featured work so visitors are able to see the graffiti for themselves.

Gallery

Aforementioned, the design would feature a picture of the graffiti alongside a google map. For this design mock up, I also added a star rating so visitors could rate the piece.

Design layout

The 'about us' section features why and how this project was formed and the gallery images are displayed below.

Sidebar

As you can see, I added a basic submissions form which requires the visitors name, the artists name (though this was later removed as we wanted this to be anonymous) and an approximate whereabouts on where the design can be found. I also added a twitter feed which linked to our profile.

Leeds Graffiti - Logo

From the progress crit, we identified that we had to create an online gallery showcasing some of the best graffiti around Leeds rather than a live event. We therefore purchased a domain for our website and in order to keep it minimal and straight-to-the-point, we decided on the name "leedsgraffiti". Although it may seem boring, people would instantly know the basis of the site and are able to remember the name for a future visit.

As the name of the website was the primary focus for this project, Yaf and Chris devised a logo based on the direct url (www.leedsgraffiti.com) using a distorted typeface which instantly connotes the word 'graffiti'.

OUGD102 - Photoshop Workshop

By going to Image > Image size after opening an image, I made sure the resolution was set to 300 dpi (industry standard for print), and the measurements were set to A5 (postcard size). I also made sure the document was using a CMYK colour mode by going to Image > Image mode.

I then decreased the saturation to -100 by creating a Hue & Saturation Adjustment layer.

I added a colour tint by adding a Solid Colour adjustment layer and setting the blending mode of this layer to 'Overlay'.

CREATING A PATTERN:

I then duplicated this image, rotated it vertically and positioned it directly underneath the original.

Using the pen tool, I created a path around the building and extracted this by going to Paths > Load path as selection and then simply deleting this.

I then duplicated this once more but instead flipped the image horizontally.

I then cropped the image to its exact proportions, removed any unwanted background and went to 'Edit > Define Pattern' in order to transform the image into a pattern.

For the reverse side of the postcard, I opened another A5 document at 300 dpi, created a new layer and filled it with the colour white. By going to the Layer Style option menu, I am able to add a pattern overlay and decide on a scale I wish to use:

Visual Language - Photography Induction

As part of the photography induction, we were required to photograph our objects under different lighting conditions using coloured acetate and various placements of the light source. We were taught the basic functions of a digital SLR for us to then put into practice and to experiment with. 

The following images were taken using 2 different light sources covered with a red and green acetate. This achieved an unusual double coloured shadow which could work really well depending on the subject.