Wednesday, 22 June 2016

Exhibition Room

Exhibition Room

I have now been attending the exhibition room on a daily basis. `Unfortunately there are not too many photos of me working but my roles consisted of painting both rooms and table, Spray painting the metal shelving and way finding structures and sanding down all the edges and splinters on our wooden shelving units.

I also provided a quick on the spot illustration for the scribble board.











LAM Assets

Leave A Mark Assets



Anticipating the exhibition some assets had to be made so as to market ourselves and our sponsors.  My Job consisted of creating the poster template, celebrity wall, cover photo for facebook and the Eden Cinema Ad.

For these tasks I worked closely with the lecturers and some peers, and although we did have some misunderstandings, we managed to get the work done in time and well.

POSTER TEMPLATE



CELEBRITY WALL



FACEBOOK COVER PHOTO




EDEN CINEMAS AD


Fundraising - Car Wash

Fundraising - Car Wash

I drew both signs for the carwash, and also participated in washing cars for the entire day.

For the bake sale I provided disposable forks.





Brand Development Team

Brand Development Team

Since I created the initial concept I had to explain and discuss with my peers what the original idea for the concept was and what direction it should go. This obviously lead to some changes and a better understanding of the brand as a whole.

Unfortunately the concept of each course creating their own logo for the space as a slight flop. Most of the other courses did not seem so grasp the simplicity of the scribble creating slightly over complicated logos, whilst other courses simply did not care. We worked with what was given and had to brainstorm and create the rest of the logos ourselves (Many of them done by Gabe). Since the other courses took their time many things had to be delayed and we then had to work more once all the assets were as hand so as to reach the deadlines. 

My Job was to scan the scribbles chosen by myself, the brand team and our two lecturers. After scanning they were placed in Photoshop, cleaned up and the two variations were created (Normal and Inverted) each scaling up to a maximum size of A3.





Also Drew a version on the logo for a spread to be used in the catalogue.


And some more custom fonts, this time build around the logos. (but it was not used)




Other Animations

Other Animations

Unfortunately some of the animations produced were not used and handed on to other students. Therefore naturally some animations were lost in transition.

INITIAL LOGO ANIMATON



This was the first test for the LAM (Leave a Mark) animation. This consisted of 4 versions of the main scribble which morphed into a rotation. The background consisted of a series of crumpled paper scans I made for the purpose of this animation. And the LEAVE A MARK was animated so as to look like it was written which was later redone by James.

MORPH ANIMATIONS (Graphic Design)



This was a concept which I created for the initial pitch of Leave A Mark. The idea was to have scribbles as characters morphing into each other in a lo-fi fashion. 

After the LAM concept got chosen I created another of these morph animations for the Graphic Design course. This was done by hand drawing different frames of the behind the scenes footage and the morphing them and adjusting timing.

The first one was disliked due to the thinner lines used so a second version was created with thicker lines whilst still staying inline with my original concept. But unfortunately it was scrapped.

This task had to be passed on to the rest of the projection and interactive team where I had to help/show them how to do this animation. 

A version with the video underneath was also tested but did not work well.

MORPH LOGOS


In the original pitch was to have the different class logos morphing into each other. This was attempted with the final versions and did not look right.

WEBSITE OPNENING ANIMATION (Used)

Thats why instead the logo animations would appear consecutively after each other. 



Logo Animations


Logo Animations

FINE ARTS

For This particular logo a couple of test animations were produced. The first one being a particle deform of the logo returning to its original state.



For the second version the logo was separated into three separate lines and stroke was used so as to reveal the lines. This logo was then passed on to Thomas where he then animated it.
---------


CREATIVE MEDIA PRODUCTION

The logo was separated using Photoshop so that movement would be easier to animate using AfterEffects. For each layer that was separated a continuation of the image hat to be drawn.



In AfterEffects a simple key framing of the position attributes of the individual layers was used along side motion blur so as to get more 'realistic' results. The last bit was just a matter of getting the right timing.
---------

GRAPHIC DESIGN

Due to the amount of instances where the lines cross over them selves, animating this proved to be slightly more time consuming then most. A stroke effect was used for the entire logo, but due to the overlapping lines parts of the stroke were remaining unrevealed. 

The first attempt was to speed up the animation, but the error was still visible.



The second attempt was an abstract interpretation of the lines being revealed, which it still quite like but other options were requested.

At this point it was decided to return to photoshop, cut the image into different layers duplicating each intersection. And then applying masks to them in AfterEffects accordingly. This allowed for a free flowing animation.

Due to misunderstandings on how the logo should be animated (from back to front or form front to back) three different versions of this logo had to be animated, each using the above method.
---------
GAME GRAPHICS AND INTERACTIVE MEDIA

Two versions of the logo were also produced. 

The first version consisted of the X and O shifting rapidly around the + having a combination of blurs and opacity changes. While the + slowly rises and slams down to original size. But this did not evoke the desired effect.

Therefore a simpler approach was taken, in which the X and O simply vanish a reappear randomly.
---------

PERFORMING ARTS

The initial idea for this logo was the have it dance, this would have reflected the subject matter well. Puppet tool was used to try evoke the idea the the character (logo) is dancing, many versions were animated, but all looked like an awkward looking worm moving. Although it was humorous it was inappropriate for the task at hand.



This is why the ribbon was animated instead of the character. Separated it using Photoshop and creating multiple versions of the ribbon. The ribbons were exported and individual layers to files and uploaded to Aftereffects as a sequence, timing adjustment and visual adjustments were also made later. 
---------
PHOTOGRAPHY



Adjustment layers were created and an assortment of effects such as optical flares and colour correction were used to get the desired effect.
---------
SPATIAL AND PRODUCT DESIGN

All the lines were separated using Photoshop and animated in After Effects.



The challenges in this animation were simply finding the most visually pleasing way to deconstruct the box. 
---------

RENDERING

The image below is just a small example of the amount of rendering the had to take place.




Sunday, 19 June 2016

Leave a mark font.


Custom Leave A Mark Font.





Many Variations were creates so as to attain the correct aesthetic. The next step was to scan them and separate the letters so as to gain an idea of the overall look. Once Discussed with the rest of the branding department and lecturers further amendments were to be made.



Below you will find the original pen to paper versions of the LEAVE A MARK font.



FontLab was then used to create the font.