Sunday, May 22, 2011

Storyboard

For my storyboard, I have decided to do my intro sequence on Hans Christian Andersens, The Shadow. A sum up of the story is that a man's shadow runs away, only to return years later with human appearance and characteristic.The style that I have chosen for my T.V series is Anime.

STORYBOARD

Here is the first scene to my intro,


  •    The setting of the scene will be in Northern Europe.
  •     The architecture will be 18th century Northern Europe.
  •     Environment will be night time with mist and heavy clouds.
  •     The moon will be dominant in brightness towards the dark environment.
The shot will open up with the camera aimed at the ground. The camera will then tilt upwards to an upward perspective of the building. There will be no movements in the shot besides the heavy clouds slowly drifting across the night sky and the moon. The duration of the shot when it is focused onto the buildings will be about 3 seconds.

By doing this, it will create a sense of mystery and mischieve. The transition into the next shot will be an overcast of darkness that sweeps across the screen until the first scene cannot be seen. Once the whole screen is engulfed by darkness, the screen will then flash white and fade out into the the next shot -



This next shot will be that the camera is panning at an incredible speed from left to right. Everything in the foreground will be blurred (a good example would be like looking out the window of a car or train, only to see everything blurred) The background (which consists of the mountains, trees, sky and moon) will be moving across the screen slowly as it is further away in the distance.

This shot is to create a sense of eagerness and excitement.

The transition into the next shot from this shot will be that this current scene fades away will the camera is still moving. As the shot is fading away, the next shot is already appearing behind the current shot.



From the previous shot of the panning scene, it will fade away into this scene. The camera will start of zoomed in at the candlelight. The trick here is that the as the previous shot is fading away, the position of the candlelight in this scene will be in the same position as the moon in the night sky.

Once the previous shot has completely faded away, the current shot will now be in full focus. Starting zoomed into the candlelight, the shot slowly zooms out to reveal a table with pens, paper, books and other stationary items. The shadow of the stationary items will be flickering due to the candlelight.

By having this shot, it is to give a clue to the protagonists characteristics (ie. intelligent) Also to enhance the importance of light to shadows - as the candlelight provides the existence to the shadows of the stationaries.

The transition into the next shot will be a sudden white flash that fades out almost instantaneously to reveal the next shot.



This shot will start out as just the protagonist standing by himself in a room of darkness. But as time passes we start to see that a greyish figure slowly appears behind him.

This shot will not be continuous, meaning we will keep coming back to this shot through out the intro sequence.

For this part of the intro, the shot will have the figure grow up to the protagonist height until it cuts into the next shot.

The transition from this shot into the next will be instant, without any special looking transition.


This next shot will be still shot, nothing will have any motion what so ever. Minimal movements will be in the current of the ocean and clouds as well as the slight movement in the protagonist hair and clothing being blown by the ocean breeze.

The point of this shot is to show isolation, however that isn't entirely true as his shadow will always be with him. The duration of this shot will be around 3-5 seconds while the intro music is playing in the background.

The transition of the next shot will again go back to the shot where the protagonist is standing in a dark room with his growing shadow.


This time his shadow would have been overwhelming him, being about 3 heads taller than him while holding an evil grin.

The shot will hold its place for around 3 seconds. Movements in this shot will be the shadow gently swaying side to side with a shadowy aura pertruding the figure.

Then once the hold has reached an estimate of about 3 seconds, the shot will zoom into the face of the protagonist. The zoom into the face will be relatively fast, once it has reached the face the zooming speed will reduce to about 70%. Then it will continue to zoom into the eyes of the protagonist until the whole screen is filled with the dark pupils of his eyes.



Now the screen should be completely black. The darkness should hold its place for about 3 seconds until the title of the series emerges from it.

The effect of the title will be that it emerges from the darkness like it is emerging from liquid. Then the moon will emerge from the darkness like a reversed eclipsed, diagrams of the appearance of the moon can be seen on the right of the image above.

Sunday, May 15, 2011

Pictogram Design Brief

The following design brief is for my course unit. We were asked to put ourselves in the role of an art director and you got these instructions from a client.

I chose topic number 2, which was Pictographic Narrative. Which was to tell a story with a sequence of images using simplified pictorial signs and symbols 


Corporate Profile
McDonald’s is the leading global foodservice retailer with more than 32,000 local restaurants serving over 64 million customers in 117 countries each day. Our business is well known for its Big Macs, Quarter Pounder and Chicken McNuggets. Our franchises are free units offering dine-ins and drive-thru’s, we have many restaurants located in airports, retail areas and high traffic locations.
Market Position
Our business is continually growing larger every day with more and more franchises being established. Our products have also become a familiarity with the majority of our customers; it is consumed at least twice a week by the same customers. We are constantly expanding the range of our products, by introducing healthier choices which is very appealing to everyone all rounds.
Project Objectives
Our idea is to expand the visual creativity of our brand by making it much more attractive. By doing this we will be able to expand and reach out to new potential customers and also to keep our existing customers interested and fascinated. We want a new look that will serve to be both attracting visually as well as having concept and theme attractiveness. We plan to associate this visual theme and concept with each individual product (burgers), in a way to promote the least attractive product in the market.
The idea is simple; in each product packaging, there will be a part of a story related to how McDonalds came to be (this concept of having readable information in the packaging is an idea that we already have in use, i.e. product information such as nutrition and meat source). The story will revolve around McDonalds famous mascots, such as Ronald McDonald, Mayor McCheese, the Hamburglar, Grimace, Birdie the Early Bird, and The Fry Kids. Each of these characters will be turned into an attractive simplified pictogram. The idea of the visual is to redesign the characters so that they look fresh and modern, but still inhabiting their original characteristics. (Basic story plot will be given)
There will be a pictogram in each packaging which will have relevant relation to that particular part of the story. The first part of the story will be presented in the “Big Mac” packaging as it is the most successful food product in our franchise, and the rest of the parts will be printed in the other product package in the popularity order. (Customers will have to had bought each individual burgers to finish the story)
Finally, to make the prints worth reading and purchasing, the pictograms on the packaging can be torn out and collected. By collecting all you will get a free meal of your choice with a limited edition plushie.
Target Audience
Our product has always been about the attraction of families with kids, but we realise that many of the kids that we used to sell our products to have grown to be young adults. Instead of creating new designs for the “Happy Meal”, we are trying to expand our brand to young teenagers, 12 - 16 years of age. The product will appeal to females generally, it will also appeal to a lot of the creative and artistic customers, due to our – yet to be – catchy visuals which is accompanied by its concept.
Project Management
The draft will be expected to be completed in a week and a half and a meet up will be arranged to decide on the final outcome. The final product will be expected two weeks after the meet up and be ready for print. The release for the promotion will be in about a month.

The idea of the pictogram is to basic shapes and colours (unlike having only black and white in the image to the left)

"An example of an Isotype"

Although, in our design we do still want a good sense of details such as facial attributes and environment lighting (using different tones of the given colour)





Here is a good example by what we want in our design as to not having any outlines in their figure. Note how only coloured shapes are used to make the image of the cartoon character.

*Using only colours and white space to create the image"





Here are 5 of the required design of McDonalds mascot pictogram design.

"Birdie, Ronald, Hamburglar and Grimace" Order from Left to Right

These designs have good details, although the required pictogram design is to be simple but still recognisable. *Note that figure outlines are not wanted*


This image holds some good representations of how we would like our visuals to resemble. We would like our pictograms to be made with as many curved shapes as possible without over using it. Making the head bigger than the body is also an attribute that we would like our image to have.

*Curved shapes and large head to body ration will create the sense of cute and attractiveness*


All in all, the main attribute we require is having simple pictorial representations of each mascot, but still giving the customers the visual cues to recognise each characters (mascots)




COLOUR SCHEME





Thursday, May 5, 2011

Social Conscience Assignment


For my topic on Social Conscience, I decided to do "Poverty". The poverty in my posters revolves strongly around child poverty.


The poster above is targeted towards people who are financially secured and are able to provide donation towards poverty affecting children. By using symbolism, I added a door in a middle of a dump, where a dirty baby is looking at it. In a way, they are given the opportunity to have a better life. Although, the door is locked and the key to their freedom from poverty is in our hands.




The second version for my poster is this time aimed towards the government and school. The image is of a young child sitting on a stack of books. This is a symbolism for the child having an education. Then there is the faded world of a very lovely looking park into a rubbish dump. This symbolises that anything in the perimeter of the books (EDUCATION) will be beautiful. Education is what will stop many young children to grow up to be jobless and homeless. Asking the government to provide free education to young children.


Sunday, May 1, 2011

Heart Shape in Illustrator

I learned how to use Illustrator to creat a simple hard shape. It was confusing as to figuring out how the tools work. But with help I was able to understand it's basic functions.

Steps I took were   1. Create two circles using the eclipse shape tool (L)
                               2. Create three lines that represent an upside-down triangle for the  bottom heart
                               3. Then we use Window > Pathfinder. Select shape and choose divide
                               4. Last step we use Window > Pathfinder. Select shape and choose merge
                               5. Now the outline of the shaoe should be highlighted, ready to be filled with colour.

Thursday, April 14, 2011

Paul Klee Tribute Animation

This was a short animation done on Photoshop, using it's animation feature again. This time we had to design an animation which would be revolving around the Paul Klee's most notable quote - 'A line is a dot which went for a walk'.

The idea of the animation was to create it with the sense of pure straight-forwardness. I did exactly what the quotes states to say, and that is - 'A line is a dot that went for a walk'. By doing this people will understand the message in an entertaining way, and could possibly lead to a replay if they liked it.



 I wanted Paul Klee's quote to be brought to life, to be shown it's existence to the people who watched it. 

Sunday, April 3, 2011

Image masking video in Motion (Part 2)

Now we have to open up our "Motion" software.

Create a new file with PAL DV settings.

Once you have that, drag in your desired video. Desirably with a white background.
Next import your secondary video file (this is the one that will be moving inside your text).
Then we also need the image which we created in PhotoShop, imported it with all the layers.

Now that we have all that, we go into our Library > Filters > Keying > Luma Key and drag that Key onto the video. Now whatever is in front of the white background will be visible in front of the secondary file.

Now we drag the time line of our image and place it where ever we want it to appear. Once you have selected the position of where you image appears, we need to select the "Text Layer" of the image.

With that selected we go into Add Behaviour > Basic Motion > Throw. Now with the "Throw" behaviour selected we select the "HUD" function.

In this function we can choose the direction we want the text to move across in the video.

Last Step, we add a layer mask on the bottle video. This will make it so that it appears only inside the texts.


And there it is, Save/Export your video :D

Image masking video in Motion (Part 1)

In today's lesson we were taught how to create moving text in a video. We did this by using the "Motion" software.

First off, we had to create an image with a text that we wanted to use. This was done using PhotoShop.

Here is the image which I had created for the video.
















To create this, first I went into the gradient tool editor and selected the colours I wanted to use.
Once I had done that, I went on to Filter > Distort >Wave
Next, I went back into Filter > Distort > Polar Coordinates
Then, I jumped onto the internet to get an image of an old paper. Opened it on PhotoShop and drag it onto my main image.
Then, I changed the blend mode of the Old Paper to Multiply to create the desired visual.
Next step was the rainbow. To get the rainbow, I created a new blank layer. In that layer, I created an empty rectangle which I filled with my desired colour.
To duplicate the rectangles, just hold down shift and drag it out and you should have a new duplicate.
The process is simple just create as many rectangles as you want.
Now we need the text, create a text for your image. Move around for your desired outlook.

Now that you're done, just save it as a Psd. file.
Onto the next step with "Motion"

Thursday, March 31, 2011

Assignment 1, Music Cover (Front & Back)

This is the Final Product of my CD Cover assignment. The theme/made up band name of the assignment is "The Nightingale". A Nightingale is a kind of bird, it sings throughout the day but more so the night. Hence the name Night-ing-ale.

The design of the assignment was meant to be somewhat dark and mysterious, with a strong sense of freedom (splattered paint).

FRONT COVER 




















BACK COVER



















Everything in the Final Product was created with the use of Photoshop. They were created using images of object found in my house such as, Picture Frame, Music Sheet, Wallpaper and Myself. Other visuals seen in the product were created with brushes and lighting filter effects found in Photoshop. The image of the bird was taken with a camera from a  postcard of a bird that resembled a Nightingale, as it was hard to acquire a specific image of the specific bird.

Sunday, March 27, 2011

Testing green screen function in "Motion"

Today in the same class, we were taught the basic functions of green screen. We downloaded a video of people moving in front of a green screen and used some tools in "Motion".

Here is the video trial,

Using the animation tool in Photoshop CS5

Today in our tutorial, we learnt about the "animation" function found in Photoshop (simplified version of "Flash").

Here is a quick animation done with this basic function.

Sunday, March 20, 2011

Photoshop CS5 3D function (trial)

Today in our Monday tutorial we were shown how to use the basics of Photoshop CS5's new 3-D function.

This is what we had produced in our trial.




















We had to create a text, that will have the effect to be turned into a 3-dimensional eye popping image.

The function can be found at the top of the task bar, 3D > Repousse > Text Layer

Later, we learned how to create a shadow that would fall behind the text.  This would be done rendering the texts. This can be found in the "3D window bar", then by ticking the "Ground Plane Shadow Catcher".

Then we go into the 3D (Scene) which has the function for the "Render Settings", then into quality where we change it to "Ray Traced Final".

For the Blurred out border seen in the image. First we make a, New layer > Edit > Stroke. Then we pick a colour for the border and select center. Then to blur, we go into Effect > Blur > Gaussian Blur.

Thursday, March 10, 2011

Final Product (Photoshop)



This is my final product for our first assessment in our "Interactive Media" course. I have incorporated 3 object of elements into my production for this image.

The imagery of the bin is to represent junk/rubbish,
the imagery of toys are which, I now have no value for them besides sentimental values
and the portrait is to represent the memories that I will always have for my childhood toys.


Here are the images that I used in their original state -






















A deeper insight into why I chose my toys to be represented as 'junk/rubbish' can be read in my first post on this blog.

Sunday, March 6, 2011

Photoshop trial with toast



This is a trial image done on photoshop for my 'Interactive Media' course. This was just to help people in the tutorials to get used to the functions in photoshop. I used copyrighted images on the internet to digitally manipulate this outcome, these images are not mine.

Thursday, March 3, 2011

Is 'this' really junk?

What is junk? Everything around us can be 'junk'. The difference is that junk is classified distinctively by each individual. Some may see junk in things that others cherish and treasure. Such as a wealthy man may see his 82 inch LCD t.v. as being outdated and classifying it as junk, whereas a poor man would cherish it if it were given to him. Hence the saying 'One man's thrash is another man's treasure'.

I believe that it is our experiences, lifestyle and the situation that we live in that really makes our judgment as to what we classify as junk. People are constantly changing, as we live our lives we slowly learn more about ourselves and the world that we live in. Our perception as to what we want and need for survival will shift in a different direction.
 


 At this point in my life, one of the things that I classify as 'junk' are the toys that I loved and treasured as a child. These were the things that I would look forward to every morning when I got out of bed. They were the very thing that I was living for, as a child. Although, these toys having no current value to me now, they however do hold strong sentimental values to me. Each toy has a different memory stored inside of them. But it is to say that they would have no purpose for me at this point in my life.