Lunacy Logo update 2

After a long blog post about coming back to your work and realising what is wrong with it, I came back to my logo and saw what was wrong with it.


Moon far too big, not transparent.


nice trimmed and resized image, the moon covers the L enough to stand out with the black letter, I’m really happy with it.


I did have a slight problem with the implementation, as it increased the size of the navbar container, the css style ‘contain’ was ineffective.


However with a fixed height of 40 pixels and the width inherited, it was fixed.

This simple fix was a major personal milestone in web designing as I was not at uni and there was no team around me, and although it is simple, having the ability to fix minor problems like this off my own back quickly felt very rewarding.


Lunacy Logo Update

Coming back to things and redesigning is the only way to improve, it is interesting to see how different (terrible) things look after some time away from it.

Linking to my last logo post here, I have come up with a much better design that fits anywhere on the site;


It is easy to get lost in the look of something, previous logos with starry backgrounds and lots of colour and images do not get to the point of a logo. The purpose of a logo is to give a visual representation of your product or company. Stars, lens flares and big flashy images do not represent a sleek, easy to use application.

Perhaps some further editing is needed, as we have a very limited space of 40 pixels height for the navigation bar, and the writing is quite small when implemented on the site.

Checkboxes or buttons?

After spending an eternity working out the checkboxes, another battle between design and functionality began.


The checkboxes are easy to use but lack the visual information that buttons give, especially as the site is centered around nights out, if one happens to forget the name of the club they were in, a logo may prove useful.


sixtymillionpostcards yates lost garden barme_logo_small2

All clubs have very different themes and logos, and trying to make readable, symmetrical, functional buttons from them proved ineffective.

We stuck with the checkboxes.

Lunacy update

A big issue being a designer first and foremost is the battle between something looking pretty and actually working. Translating ambitious mock ups into working websites comes with much sacrifice, something I learned the hard way.

One of the main visual aspects of the website was to have the inclusion of a moon, either in the logo or as the background.


“flashy designer mock up”


“messy integration into php”


even when I managed to center it and it seemed to look acceptable;


it came with the issue that the image was ‘contained’ in all of the containers, which meant it continuously tiled.

Also the visual cluster of white text and a light grey/white background was not appealing, the clean, solid blue look is much more user friendly, and keeps in line with the angular, ‘metro’ style of todays technology.


Lunacy logo

Some ideas for a logo for Lunacy:

I like the idea of the lens flare from the sun creeping up from behind the moon, but realistically the logo will need to be transparent and workable into light and dark backgrounds, big, square picture logos are not sleek and very hard to implement cleanly.


And although this logo is much thinner and more usable, it lacks any reference to the moon.


lunacy update

Much of lunacy has been set up but the themes have not been implemented yet.

I have re designed the site, it is fairly ambitious but not impossible we hope, I think a good way around transparency is to just overlay images, haven’t tried yet though.


want to merge “working together” into the “team” page, as the change in font size does not agree with the symmetry of the site.

Then again 4 buttons would be weird too.

not sure

Lunacy – group project

Our group project idea stems from sites like Reddit and FML, where users can post text, and that text can be voted on in multiple ways.

to use Lunacy, one must post a short story (50 – 100 words max) about their night out in Bournemouth, possibly with pictures attached. Users can vote on stories based on how ‘crazy’ that story is, and whether or not that story is made up or real. The craziest, most real being featured at the top of a stream of posts.


mock up of the website

Planet Creation in Photoshop

Experimenting with texturing I drew a planet with continents and scanned it in, then highlighting all the continents and spherizing a planet texture over it, and vise versa for the sea, the results are interesting:


Multiple variants of texture, colour and cloud density.


Comparison of scanned image with finished result

The next step would be to animate the planet into a rotating GIF, but working out multiple frames for the planet turning is going to be tricky, will update if any progress is made.

Task 2 – Temporal Expressions PARTS 2 + 3

Part 2- Long exposure is something I turn to a lot, craving colourful, juicy shots and not having to use flash and ruin everything.

Sunsets and cloudy moonlit nights are a great way to produce powerful long exposure images within the theme of ‘Cycle’ due to the cycle of day and night, sunset and moon rise.


Producing beautiful grey and orange, almost volcanic


Or let a little more light in and pastel purples, pinks and oranges, touch that up on Photoshop:


A vibrant, glowing skyscape.


Experiment where sky is reflected and water texture is overlayed on the bottom creating an ‘endless sea’ effect.

I have been unhappy with how low I was at when this taken, I’m certain even a meter or two higher and the result would have been much more powerful, the trees hide the actual sun and while that does break the image up nicely, the glow of the sun would have been the centerpiece to the image and change the dynamic of the image to a much warmer and friendlier one.

The Moon had some very effective and interesting results as well:

DSC_1014 DSC_1016 DSC_1027

Long exposure is a reliable and passionate photography form of mine, short exposure on the other hand I am less interested in, so part 3 – Shot exposure, will be included in this post as well.

Part 3 – Short Exposure

My main example of short exposure photography was a street show on vacation in Florida:

IMG_3749  IMG_3744 IMG_3748


These demonstrate short exposure by preserving moments that in life only happened for a split second, a cycle of movement frozen in time.

Task 2 – Temporal Expressions PART 1

When I think about space and time, my thoughts direct toward deep space, and theories of bending that space to travel massive distances or though ‘time’, how travelling to that part of space would take millions of light years without bending ‘time’ and ‘space’.

David Hockney, though maybe not as inconceivable as bending space and time; did this in a type of way.


David Hockney ‘Pearblossom Highway, 11th to 18th April 1986 No.2′

A quote from the blog ‘thedelightsofseeing‘ says:

“All this took him 8 days so he did not only warped space and distance but also showed the passing of time in one image.”

This image amasses space, time, distance and movement, and warps them all into a layout of an image our brains can put together as a single image.

This is what I have attempted to do in a more ‘fluid’ manner, and instead of merging many pictures of one image, I have merged many pictures from many images to create a superimposed image.

Since the image is rather wide, I have broken it into pieces.

joiner1 joiner2 joiner3

When I lessen the opacity of the layers it becomes clear that they are many separate images, of similar, but not the same subjects.

scjoiner1 scjoiner2 scjoiner3

The theme of the joiner was Florida, (on a vacation in 2012) using shots from many different parts of Florida including Miami, The Keys, and St Petersburg, combining time, space, distance and movement into one, wide, fairly believable image.

While I do feel that the image was successful in demonstrating the same idea warping of space and distance as Hockney, the superimposed, idyllic image created doesn’t present that same euphoric feeling as when looking at Hockney. This I believe is due to the multiple angles and viewpoints he gave the piece, giving an image some imposed curvature instantly adds to the ‘realness’ of the work as it mimics the 360 degree field of vision humans have. In my image the sea line is perfectly straight throughout, though in real life the curve of the earth could not be noticed it is still present, perhaps even the notion of a slightly curved sea line would have made the joiner image much more effective.