Project 2, Storyboard Concepts

In my first project I found that the aspects of what looked best in my designs were things I discovered unintentionally. So for all of my concepts, my approach is not to necessarily produce exactly what I have drawn as an end product, but to use them as guides and discover other cool effects along the way.   

For my first concept I thought about the idea of a waterfall which lead me to think about the sounds, not of waterfalls in particular, but of the sounds of nature because I believe they are the most beautiful. Therefore my goals for this concept would be to create a representation of beauty in nature through an interactive sound sketch. 

Concept 2 is mainly formed around compositions of sound through a means of customizing different aspects of sound and playing them together as a piece. My goal for this sketch is to create a very simple 'tool' or 'program' were the viewer can make their own compositions.

This concept is based on the idea of limited control and random effects. My goals are to create interesting sound combinations with only some control by the viewer, playing on the idea of incidental brilliance. Also by having the option of being able to change the colour scheme, the viewer is able to make better connections with the visuals and sounds, because some people tend to see and hear things differently to others.   

This final concept came from the idea of lights emerging from darkness. My goals are to take the different ways of interaction to create interesting visuals and sound effects through the use of lights as well as toying with some ways of how instruments are played (strumming).

At this stage I am quite drawn to my first concept as a means of carrying on with and developing into my final design, because I already have some ideas on how to start the code and also the idea of working with visuals and sounds of nature appeals to me a lot. However, at the interim for project one I planned on developing one of my concepts, though after the feedback I received I had changed my mind and went with another concept. So I am open to change after I here the feedback from the interim. 

Interactive Research on Open Processing

I really liked the way this sketch is constantly moving and transforming with the different colours which reminded me of flowing water. This inspired the idea of using a waterfall effect for my next project.



What appealed to me in this sketch was the effect the lights had visually of emerging out of the darkness,   inspiring me to incorporate some sort of lights into my next project. However, I did not like the FM frequency sounds and it almost completely turned me off the sketch, also I didn't think the sound fit well with visuals.



The appealing aspect of this sketch was being able to press play, after configuring the different sounds, and hearing the composition you made. Though the different sounds are pretty limited so the compositions start to sound the same the more you play with it.

 

I really liked the colours in this sketch and how effective the multiple lines became, in particular I liked how by holding the click the image grew. Though this sketch has no sound I instantly thought of different ways to develop the sketch to incorporate sound.



With this sketch I did not find it very user friendly at first, though what really appealed to me was the way you could change the colour scheme to your own personal preference. It came across as allowing the viewer to have more of their own input in the design. When it comes to incorporating sound into the design, the viewer would be able to adjust the visuals to what they think best suits the sound, making the sketch more effective.

Transformation Investigation

Dictionary
transformation |ˌtransfərˈmā sh ən|nouna thorough or dramatic change in form or appearance : its landscape hasundergone a radical transformation.• a metamorphosis during the life cycle of an animal.• Physics the induced or spontaneous change of one element into another by a nuclear process.• Mathematics & Logic a process by which one figure, expression, or function is converted into another that is equivalent in some important respect but is differently expressed or represented.• Linguistics a process by which an element in the underlying deep structure of a sentence is converted to an element in the surface structure.• Biology the genetic alteration of a cell by introduction of extraneous DNA, esp. by a plasmid.• Biology the heritable modification of a cell from its normal state to a malignant state.ORIGIN late Middle English : from Old French, or from late Latintransformatio(n-), from the verb transformare (see transform ).Thesaurus transformationnounthe transformation of the sales department has been dramatic: change,alteration, mutation, conversion, metamorphosis, transfiguration,transmutation, sea change; revolution, overhaul; remodeling, reshaping, redoing, reconstruction, rebuilding, reorganization, rearrangement, reworking, renewal, revamp, remaking, remake; informal transmogrification, morphing.

http://www.spiritualhealing-now.com/image-files/transformation.jpg

http://upload.wikimedia.org/wikipedia/commons/4/44/Transformation.JPG

http://hypebeast.com/image/2008/01/koi-klub-transformation-sculpture-2.jpg

http://www.celestial-art.net/wallpaper-digital-art-fractal-cosmic-transformation-apophysis.jpg

http://www.wired.com/images_blogs/gadgetlab/table_chair.jpg

Transformation starts off in nature, though we may see it as evolution or growth. For example, plants transform from seeds, expanding arm like lines (roots and shoots) in outer directions, the process of expanding continues until the shape has changed completely (a tree is formed). However, from a design perspective we can take the idea of natural transformation and make it unnatural. An example of this can be seen in the picture where the red, black and white fish transforms into a shoe design. There is unquestionably many different ways of conveying transformation in both nature and design, which is what makes it such an interesting design topic to investigate.  

This sketch I found on open processing was one of the first I looked at but definitely represented transformation extremely well. What I liked in particular was how gradual the change is in some parts of the sketch, so much so that its hard to remember if it has changed at all. I also liked how the shapes and colours are unnatural but the way in which they transform into other colours and shapes appears completely natural and shouldn't be done in any other way.
Understanding the code was another thing entirely. Though there are a number of parts that I recognize, like different variables, a number of parts seemed completely cryptic, like if statements containing strange symbols and colour sum commands using the only letters R, G and B.

Thoughts on "Programing The Bigger Picture"

I found the tutorial very useful by communicating different aspects of programming in an engaging and easy to understand way. Simple but interesting things that I learnt were discovering that there are many different programing languages, however, they are all very similar but have different uses. Also it seems obvious now that you can't take aspects of other people's code and alter it slightly for your own use, without referencing the original source.
I knew before reading the tutorial that programing was best suited to making more repeated elements than realistic images, but I did not know that set animation was better done not using code.
It is definitely reassuring to know that even professional programers have issues, but most importantly understanding that you do not need to be great at maths to code because the computer does the maths for you, the main thing to know is how to understand the language.
Still programing feels a bit over my head, but tutorials like these help me understand how to write more refined and effective designs.

Project 1, Review

This project helped a lot with my understanding of the order in which the code is typed and how small errors, such as extra commas, can effect trying to draw the sketch or saving to a .pdf. I also learnt you can add negative numbers to the position of a shape to make the shape appear to have been drawn across more than one sketch. The most important thing I learnt was to not be afraid to ask others for help and if they can't help ask someone else, don't just give up on what you are trying to do. Even though these are simple changes to my understanding of processing they were crucial points to produce my final wallpaper design.

Motivations came from the changes I was able to achieve through trial and error. Being able to see that my attempts to fix something were making a difference motivated me to carry on to find the solution.  

For my next project I will examine my sketch more throughly so that when it comes to printing or enlarging I won't get any surprises when my lines don't line up exactly.

My goal is to work to a deadline that is a few days before the real one, so that if there are any problems it won't be as stressful at hand in time.

Final Wallpapers

These final panels are interesting with the combination of the circles drawing the eye to the focal point in the centre, and the background gradually morphing into the foreground across the panels. Though there is always ways for improvement, when I first saw the panels together I knew that this was the over all image I wanted as my final.

Second Development of Wallpapers

In this development I made the changes across the four panels a bit more obvious, than in my first development, by increasing the centre circle size but leaving the lines or sun rays in the same place. I also added the orange circle in the middle to give the panels a focal point and added interest. My intention was to also reinforce the idea of sun being the main theme. However, the background shapes in the last panel look like orange slices and the circle in the middle also reinforces this look, which I though was quite interesting.

First Development of Wallpapers

This was my first attempt at developing my sunshine idea into a set of four panels. The change is gradual but it was a good experiment. However, I am still struggling with loops and variables when it comes to many lines going in different angles.

Project 1, Wallpaper: Research and Ideas

First Sketch:
My first ideas were to combine subtle colours with flowing lines, following a more traditional wallpaper pattern but working towards a more contemporary design. My inspiration then came from this simple lotus flower shape.

This is the sketch I came up with. From here I would develop the sketch into a series of four panels where the flowers would start quite large in the bottom left corner, of the farthest left panel, and slowly get smaller and more randomly spaced towards the top right corner, of the farthest right panel. My goals would be to create a sense of fluidity as if the flowers were being blown and tousled in the wind across the panels. How I would achieve this would require a combination of using Ben Jack's wallpaper template and the 'random' code, as well as learning how to use the curves on the processing tutorials.

Second Sketch:

I always quite liked designs and photos that played with mirror reflections so this set me up for my first idea. I then took inspiration from the diamond pattern on my curtains to come up with my second sketch.

I came up with this sketch. To make a series of four I would increase the number of diamond shapes and pinstripes from the left panel to the right. My goal would be to keep the order and symmetry, but with increasing detail across the four panels, all the while keeping the greyscale coloring so that the design does not become too complex and in your face. How I would process this would be using loops and variables.

Third Sketch:

To begin with I thought about the twisting stairs I could see out my window creating a fan of lines. However, my inspiration came from animated sun rays spreading out from a centre circle. 

     

I came up with this sketch because the idea of having just one sun in the corner did not fit with the rectangular shape I had to work with. I like this sketch the most because it takes on more than one pattern when you look at it, also the bright colours work well and stand out. My goal to make this sketch a series of four would be to either randomize the size of the centre circle across the panels, or gradually remove the number of 'rays' or lines across the panels from left to right so that the design gradually becomes more simple. I would achieve this by using Ben Jack's wallpaper template, loops and variables.

Fourth Sketch:

My first ideas were sparked in our lecture when Ben Jack said too many colours together look unattractive. I wanted to test that by seeing how many bright colours I could make work together. I was then inspired by the game 'Tetris'.

This is the sketch I produced from that. I discovered that the dominant black background over powered the many different bright colours so that it did not make the design look unattractive. For the series of panels my goals would be to escape from the direct representation of the 'Tetris' game by playing with the transparency and randomize codes so that the squares would begin to overlay each other, though I would keep the dominant black background so that the many different colours would still work together. However, to achieve this would require a bit of trial and error, as well as loops and variables.  

    

First Round of Codes

 

Beads

I wanted to use a lot of colour in this sketch and practice making accurate shapes. I then got the idea of beads on strings. The quad shape on the right took a bit of figuring out for it to look in proportion and resemble a diamond shaped bead. I also learnt how to put the code in the right order so that commands like stroke weight, for example, wouldn't effect the shapes only the lines.

http://www.openprocessing.org/visuals/?visualID=22547

 

Shark Skin

Even though this sketch is quite simple I found it the most interesting because it resembles shark skin. I first started changing the coordinates of the wallpaper template that we got in our first studio, then I found it started to look like some sort of scales. I googled scales and eventually i came across shark skin. I played around with the code until it resembled the image.

http://www.openprocessing.org/visuals/?visualID=22548

 

Berry

While I was researching patterns I came across two that I quite liked and took the idea of using circles, curves, cream and deep red as a starting point. I then adapted the code to create a simplistic but elegant design.

http://www.openprocessing.org/visuals/?visualID=22553

 

Black and White Layers

Again this sketch was inspired by a pattern I researched. I liked the idea of layering oval shapes and using grey scale colouring to add some depth to the sketch. I wanted to add a number of lines to get the pinstripe effect as well, but i would need to find a way to short cut the process so i wasn't there all day creating individual lines. Please let me know if you have any ideas.

http://www.openprocessing.org/visuals/?visualID=22554

 

www.sharkskincoating.com. online 5/3/11. 

This is the image I found when i researched shark skin and used it to get ideas for my code. 

 www.aboutbookbinding.com/. ../Marble-Types.html online 5/3/11. 

This image was my inspiration for the Black and White Layers sketch. Though I was unable to figure out how, in processor, to manipulate the ovals the way the ovals in this image bend. 

Starting to code

Slowly picking up the very basics of coding, but I do have some ideas on what I want to do, looking forward to knowing how to do them.