Journal of David Atlee @ Frozen Designs

David Atlee designs and builds websites, takes photos, plays with digital design and writes stories about odd things.
 
  • Pages
  • Subscribe
  • Symmetry 101 – Part 1 – Simple Symmetry, Arrays and Reflection

    March 16th, 2010

    Right, Ladies and Gentleman. I am about to embark on a symmetry blogging journey. Why you ask? Well, let me tell you. Firstly it always good to share knowledge and without numerous blogs I would not have half the skills I have today. Secondly it will help me get a better understanding of this aspect I generally took for granted in design. It is very easy to read and research, but think back to school and college (assuming your not still there), to help knowledge and understanding really stick in your head, you have to put the theory into practise.

    I recently discovered a book called ‘Symmetry, The Ordering Principle‘ by David Wade and so whilst I work through each chapter I am going to take that knowledge in to Illustrator, design something, then post the design and the things I learned here for others to read. So lets hope I understand it correctly, if you find mistakes please feel free to email me or comment so that I can correct my mistakes and improve my learning and in-turn others.

    Simple Symmetry

    The first two keywords of symmetry are Congruence and Periodicity. Congruence according to wikipedia is ‘the regular disposition of elements and Periodicity meaning ‘occuring at regular intervals’. Pretty much most symmetry needs these and without them you lose the symmetry.

    Below is my base image that I am going to make into a symmetrical design. You recognise it as half of a bad guys space fighter from a popular sci-fi film.

    My basic shape, half a tie-fighter.

    The basic image of the design, half a tie-fighter

    If I add duplicates of the image with Congruence and Periodicity as guidelines you can get the most basic of symmetry with a repeating image as shown below.

    Basic Symmetry, a repeating image

    Basic Symmetry, a repeating image

    If a duplicate is added say at different sizes, angles and spacing, then it is known as’ similar’, you can see an exampe below. This is not symmetry, but needs to be understood as part of the theory.

    An example of 'Similar', not symmetrical.

    An example of 'Similar', not symmetrical.

    Reflection

    Reflection is the nice easy bit of symmetry, for most people including myself, it is often the most obvious symmetry. The mirror opposite of the original image, again using Congruence as the basis for the layout. Below is the Reflection of my half tie-fighter, giving the impression of a more complete image. Much more useful for fighting the rebel scum in the depths of space.

    An example of Reflection and Congruence

    An example of Reflection and Congruence

    Array

    The word Array pops up all over the place in web development and for the design aspect it makes much more sense to me as I can see it visually. It is simply a repeating element, add CongruencePeriodicity and reflection to get some awesome contemporary results. I have used it below to give a repeating design of the tie-fighter.

    An example of an array

    An example of an array

    It changes the tie-fighter image into some sort of chain effect, see how the white curves stand out bringing something more to the image as a whole.  Arrays are evident all around us, brick walls, bee hives, wooden flooring and feathered wings for example. It allows a stable structure to be build and achieve a purpose.

    I have brought all the elements I have mentioned here together to achieve a whole design and would not look too bad as a poster or t-shirt design, I call it the Imperial Symmetry.

    Imperial Symmetry

    Imperial Symmetry

    I hope you found this useful, I know I have and the thing I have learned is that the gaps are as important as the elements. My next piece of homework is to continue with Reflection with the addition of  Rotations.

    Till then :)

    • Share/Bookmark

    Dreams of Darkest Rum

    February 28th, 2010

    Recently I have really come to appreciate  lucid dreaming. The magical hour before having to get up is the time I remember the most, when my dreams are filled with wonderful creative ideas. Often they are a mish-mash of recent events, emotions and surroundings, but sometimes random elements occur. Locations that I have never seen, but so complete in detail, people I have never known, but who seem close friends, and stories that need to be written down. I have got into a habit of having a little notebook by my bed, so I can get the dreams down before the reality of the day kicks in, and they become memories to be forgotten all too soon.

    One of my favourite (and scariest) dreams helped me write the short tale of ‘The School‘. The story is pretty much as it was, there was no need to artistically extend it, it was complete in itself. It was quite an unnerving dream, one of those that leave you out of kilter for the rest of the day, but then by embracing it, giving it life, I turned into something which was no longer just a bad dream.

    Captain Black's Darkest Ginger Rum

    I am currently improving my skill set in Illustrator, and have been looking for ideas to begin designing. A recent dream I had seemed pretty mundane – I was walking around ASDA (Walmart to you folks over the pond) as some heated issue was taking place and people were stressing over something. But the one bit that stuck out was when I stopped at a display of some bottles of rum. I picked up the bottle and looked at it, thinking, that looks so cool. So upon waking, I made a quick sketch on the glass wipeboard, and got on with my working day as normal, but I knew that I now had my project idea to work on in Illustrator. I gave it a little more thought, added a new brand (the other one was an existing pirate) and a bit of unique flavour, but the core design was the same. You can see the result here - it is still basic but I want to refine it and turn it into an advertisement.

    So don’t underestimate your dreams for helping you out in your daily life, they can inspire, solve problems and give you the answers you need when you need them.  And when your partner, family or pet demand that you get your lazy hide out of bed, tell them you’re doing research.  (Of course, pets don’t understand this and still demand to be fed).

    Now why is the rum gone?

    • Share/Bookmark

    Stage 6 And so it launches…

    February 15th, 2010

    After a month of many long hours over numerous days and nights of designing, coding and getting over excited with the results, Frozen Designs version 7 is now live. Beyond the already blogged path of designing from content upwards, I have learned alot and it has helped push my skill sets. I have used alot of Javascript and I give thanks to those wonderful folk out there who provide the scripts to plugin and amend.

    I think my biggest gain has been going through alot of my old photos and giving them a polish and shine using HDR (high dynamic range) logic. What is HDR I hear you ask? Well when you take a photo it can only capture a certain range of light (and in turn colour and detail). So often to get a good balance of the main subject matter you lose detail in the darker and lighter areas. So true HDR, is to take 3 or more photos capturing the correct exposure for the dark areas, the medium areas and the light areas. Then using some software such as Photomatrix you combine the images to give you a final image that shows the detail across it and with it some fantastic results. You can read more about HDR here, I will admit that alot of my images are only using one image and some digitial magic in Adobe Lightroom, but this was due to the fact I did not take the photos with HDR in mind and so did not have the range of exposures required. Even so it is amazing what you visual information a RAW image contains and the results have been amazing compared to the now quite dull originals, please go see yourself. HDR is something I will have in mind with future photo shoots and I will set up the bracket exposure on camera.

    The design page I am very proud of, I still feel it needs some tweaking visually, but then in the words of Leonardo da Vinci ‘Art is never finished, only abandoned’ and a deadline for launch is proof of that. It was a chance to play with unique navigation ideas to view the imagery, again it allowed me extend my coding knowledge through image maps and CSS which is great way to create some fun interaction and still have accessibility in the framework. From here I want to work on design skills and improve what I can create visually using Illustrator and photoshop, maybe one day be featured in those design feeds I keep tweeting or passing on via my google reader shared items.

    Anyway, if you are reading this I hope you are at my website already, if you are viewing this through a rss feed, then go have a dig around.

    So with the website project relaunch at an end, what is next I ask myself. Well I have a new website to build for a client, need to get my creative writing back on track with posts to Imagine Tales along with a novella. Alongside these as mentioned, more photography and desiging of which the result will be posted up at my website and written about here. And I really do need to get out on my mountain bike.

    Till next time.

    • Share/Bookmark
  • Recent Posts
  • Tag Cloud
  • Categories