City in flux

City in FLux Javairia Farrukh

JAVAIRIA FARRUKH 1

City in FLux Javairia Farrukh

CITY

town fast-paced metropolis urban megalopolis municipality place busy

rush instability continuous change motion movement flow drift transfer current irregularity 2

FLUX

City in FLux Javairia Farrukh

3

City in FLux Javairia Farrukh

Secondary Research To the library!!!

4

Calori & Vanden-Eynden, Ltc Signage system for Royal Executive Park, Town of Rye, NY. Rigid metal banners feature heraldic shield images and bright colors.

Identification sculptures help visitors to

distinguish between six similar-looking buildings.

Designers, David Vanden Eynden and Julie Vogel.

Bright yellow signs provide information in a “can’t-miss” manner.

5

City in FLux Javairia Farrukh

City in FLux Javairia Farrukh

Sagmeister Inc. Poster for avant-garde Jazz festival, Nickelsdorfer Konfrontationen, Austria. To advertise the festival both in and outdoors in a cost effective way, the poster was hung folded into a zig-zag in cafĂŠs and shops, while outdoors it was used flat.

CD cover for the rock band, H.P. Zinker, Energy Records, New York, NY. Because the lyrics deal with angst in a big city life, if you take the booklet out of the red tinted jewel case, you’ll see the old man become frantic.

Designer, Stefan Sagmeister; computer mechanical, Christian Hochmeister.

Designers, Stefan Sagmeister and Veronica Oh; photography, Tom Schierlitz.

6

City in FLux Javairia Farrukh

Architecture

I researched different styles of buildings and architecture for the sake of spiking inspiration for the project.

7

Carla Hall Design Group, Inc. Handbook design for J.P. Morgan, New York, NY. The Guide to Investing educated company employees about investing for retirement. Compelling illustrations were used on posters, brochures and videos, and set a new graphic direction with the company’s Human Resources department.

Designers, Carla Hall and James Keller, Illustrator, Terry Allen

Butterfly Stroke Inc. Full of lifesize cartoon figurines and gadgets fighting for space.

Client: Sony Art Director: Katsunori Aoki

8

City in FLux Javairia Farrukh

City in FLux Javairia Farrukh

Graph Co. Ltd

Heiwa Paper Co. Ltd

Heiwa Paper Co. Ltd, aimed to develop a paper as white as snow.

Therefore, this poster features letters that reach up like snow-covered mountains. The designer’s aim was to communicate “a sense of dignified ‘whiteness’ in perfectly still space”.

This poster features the Chinese character for the word pronounced “hin”, meaning “quality”, boldly implying that clothing manufacturer PPCM produces quality clothes.

Client: PPCM

Art Director: Ken Miki

D-BROS Here, each page is cut in the shapes of a chair in profile, so that when many are stacked together, an actual sitting-up, solid chair is formed. D-BROS innovative paper engineering proves that books don’t just have to lie flat on a desk or stand on a shelf; they can also exist as ornaments of different shapes.

Designer: Ryosuke Uehara

A simple bottles is transformed into an object of desire by the slender, elegant curves of a box that both reveals and protects it.

Designer: Aiko Okumura 9

City in FLux Javairia Farrukh

All Nipon Airways

Smart Design

ANA reported an increase in the number of passengers as a result of decorating the exterior of three Boeing 747s with Pokemon. Food trays, cups, and headrests were all decorated with this character from the Nintendo Game Boy phenomenon.

Marketing Campaign Conducted by: All Nipon Airways (ANA) Original Creator: Satoshi Tajiri

Wacky watches and packaging for Timex. The watches were designed with Nicolas Graham under the “Joe Boxer� licence.

Designers, Debbie Hahn, Paul Hamburger, Stephanie Kim and Tucker Viemeister.

10

Uchu Country Co. Ltd Hen Miki & Associates The designer wittily created these objects for promotional campaign to emphasize the name and the qualities of the paper being marketed.

Hakuhodo Ying and Yang appears to be the concept for these posters, a young woman floors her dark demons through kick-boxing and meditation.

Client: Nike Designer: Nagi Noda

This series of posters shows a pleasing visual wit.

Client: kkk Designer: Kazufumi Nagai 11

Two Tops Promotion Designer: Ken Miki

City in FLux Javairia Farrukh

City in FLux Javairia Farrukh

Typography Hiromura Design Office Lettering and Design Takenobu Igarashi makes purely sculptural forms of the theme of individual letters. The sculpture on the right serves as a street address at the office of Nike; the number ‘180’ has acquired a power and solidity that inspires feeling of awe. The forms have been built up with layers of brushed steel plates, perfectly engineered and bolted together. The sculpture bears a striking similarity to the inside of a bank vault.

The studio has developed letterforms in three-dimensions for virtual environments. The letters represented here were produced with architectural rendering software. Above, a bulbous, pronged letter “f” as seen from an oblique angle; at the top, a classical letter “A” rendered as a series of planes in space. These letters, and others, are published in a monograph called Dimensional Typography.

The sculpture on the bottom right takes form of a stack of thick metal plates of various shapes. The three-dimensional form resembles the letter ‘A’ but Igarashi is playing here on the relationship between the two dimensional world of letter forms and the three-dimensional world of sculpture; it is in the step pattern formed by the ascending plates that the intended letter ‘F’ is revealed.

A dot theme is repeated throughout the signage for this junior high school. Room numbers are created using holes cut into sliding doors. When closed, the room still interconnects with the space outside and is not completely closed of. When the doors are slid back, the holes are still highly visible.

On the bottom left, he gives actual sculptural form to the letter ‘R’, Client: Nike, Ricoh

Client: Iwadeyama High School Designer: Masaaki Hiromura Photography: Fujitsuka 12

City in FLux Javairia Farrukh

Designers Alexandra Bruel Alexandra Bruel, a French Designer is an absolute genius, using clay as the main substance for her creations.

Zim & Zou Ricardo Silva Another is typography on the London Bridge created by Ricardo Silva which has a simplistic design to it.

Halilibrahim Shevket Halilibrahim Shevket, a designer in Birmingham created typographic cities or as he calls them New Yorkgraphy and Londongrapy which I really liked.

13

Zim & Zou are tow French artists, based in Nancy. They focus on installations using hand crafted objects made out of tangible materials such as paper, wood, thread, as opposed to the computer software made designs.

Their work is very impressive to say the least from ‘Atlantis’ to ‘The Answer Issue’.

City in FLux Javairia Farrukh

Designers Daniel Eatock (born 1975 Bolton, UK) is an artist and graphic designer who lives and works in London. After graduating from the Royal College of art in 1998 he spent a short time in the US working at the Walker Art Center in Minneapolis. Upon his return to London Eatock launched Foundation 33, which he later merged with the creative agency Boymeetsgirl. In 2003 he started Eatock Ltd. which is the banner he continues to work under today.

Max Hattler was educated at Goldsmiths College and the Royal College of Art in London, graduating with an MA (RCA) in Animation in 2005. To date, he has made over 20 moving image works, the most well-known of which are Collision, Spin, Aanaatt, 1923 aka Heaven and 1925 aka Hell. His works have been shown at exhibitions and film festivals worldwide, winning awards at 700IS; Eksjo; KLIK; LIAF; LSFF; moves; Skepto; SLIFF; Videofestival Bochum; Videologia; the Visual Music Award, and others. Max is also active in the field of audiovisual performance and has worked with a wide range of music acts including Basement Jaxx, Diplo, Jemapur, Jovanotti and The Egg. Max currently teaches animation at Goldsmiths, while studying towards a Professional Doctorate in Fine Art at University of East London. He is represented

by Cimatics agency for audiovisual performances.

Daniel Eatock

The design on the right was created using graphic pen prints which were formed either by placing Tria pens, nib down, onto paper or vice versa and letting them bleed. I love the simplistic formula used to create the outcome.

On the right are images from an animation of his called ‘X’. The use of geometrical shapes to create a sci-fi feel which is fascinating.

14

City in FLux Javairia Farrukh

Primary Research Time to explore!!!

15

City in FLux Javairia Farrukh

Leeds Signage

16

City in FLux Javairia Farrukh

Leeds Stores

17

City in FLux Javairia Farrukh

Leeds Streets

18

City in FLux Javairia Farrukh

Leeds

Architecture

19

City in FLux Javairia Farrukh

Leeds Art for Sale

Randomness

20

City in FLux Javairia Farrukh

Huddersfield Roads

21

City in FLux Javairia Farrukh

Huddersfield Stairs

22

City in FLux Javairia Farrukh

Huddersfield Architecture

23

City in FLux Javairia Farrukh

Huddersfield Streets

24

City in FLux Javairia Farrukh

Idea Generation 25

City in FLux Javairia Farrukh

Idea No.1 A typographic City

This idea came to me when through my primary research related to typography. Imagine a world that is literally a world of words and alphabets. How do I perform this task? I can use my images from my primary research and alphabetise them.

26

City in FLux Javairia Farrukh

Idea No.2 Comparing Cities

Whilst on my quest to explore the wonders of cities I came to the realisation that both cities that I had taken into account for my research were being done so with a fresh eye. That is so because I had never been to Leeds before this and I had never focused my attention on Huddersfield either. What if I use those first impressions to take my development further. My initial thought it to use animation to convey my feelings towards the two contrasting environments.

27

City in FLux Javairia Farrukh

Idea No.3

Create a Physical City The concept is inspired by Zim & Zou and Alexandra Bruel who rely on physicality to create their products. I adore their style of work so I would like to use it to create my own sort of city.

28

City in FLux Javairia Farrukh

Development Stage Time to get to work

29

City in FLux Javairia Farrukh

Development The Dissection

30

City in FLux Javairia Farrukh

Development The Dissection

I believe the best way to find solutions is to get to the roots and dissect the material to understand it’s raw form. It is only after that understanding can we find solutions and ideas. I implemented the same philosophy of mine here by taking out the prominent images and taking out their shapes and form.

31

City in FLux Javairia Farrukh

Development Adobe Illustrator

The previous drawings seemed to rough and raw so to give them more detail I traced my photographs on illustrator in hopes of giving it more life.

32

City in FLux Javairia Farrukh

Development The storyboards

Every animation needs a story board. These are my digital versions just to see how each image could contribute to the animation.

33

City in FLux Javairia Farrukh

Development Adobe After Effects Having never used Adobe After Effects before this was quite a challenge, however, I enjoyed learning the way through the software and trying to give my ideas form simultaneously.

34

City in FLux Javairia Farrukh

Development The Experimental Clips Huddersfield

These are the small experimental clips I produced while trying to find my way around Adobe After Effects. Please click the images to be directed to the videos.

35

City in FLux Javairia Farrukh

Development The Experimental Clips Leeds

36

City in FLux Javairia Farrukh

Development The Experimental Clips Leeds

37

City in FLux Javairia Farrukh

Development

Seriously, time to storyboard

Leeds

Huddersfield

Enough experimenting, it’s time to create a satisfactory story board.

For this reason I used my impression of Huddersfield and Leeds. Huddersfield, being this quiet, safe, small town and Leeds being the busy, thriving, big city.

38

City in FLux Javairia Farrukh

Development Typographic Approach

Coming back to my first idea related to typography I experimented using the animation clips to make the word, although frankly I am not impressed as it looks quite horrid. The idea does not seem to have much legs to it as I had thought it would.

39

City in FLux Javairia Farrukh

Development Storyline

40

City in FLux Javairia Farrukh

Development Storyline

This is the digital version of the story giving a more detailed visual explanation of what I am trying to convey through animation.

41

City in FLux Javairia Farrukh

Development Tune

I have the animation but what about the music? What if you are musically handicapped? Have no fear for Fruity Loops Studio is here. This software is a life saver that helped a not so musically gifted person like myself create music using systematic approach. Having a piano roll where you make the beats and a separate pattern tab where you can piece the music together and to top it of letting you hear the music as you make adjustments to it in one go makes it really efficient and simpler to create.

42

City in FLux Javairia Farrukh

Development Physical Experimentation

These two are what I consider as failures as they do look appealing, however, appeal alone does not help in a successful project.

I created a prototype to see whether I could create motion in animation using physical objects.

This prototype is quite similar to a flip book, however, it has a pull tab attached to it.

Never limit yourself, that is my motto, hence, thinking from diverting from digital world I experimented with hand made materials as well. As much as I failed in this experiment I also found a promising specimen.

43

City in FLux Javairia Farrukh

Development The Making of

Please click the images to be directed to the video that shows how I made these.

44

City in FLux Javairia Farrukh

Development The Cast

Flip Book

Pull Tab Flip Book

John Kelly

45

City in FLux Javairia Farrukh

Development The Props

The props I used for the second animation clips which consisted of flip book, pull tab flip book, lighting.

46

City in FLux Javairia Farrukh

Development The Shoot

A sneak peak of what the second animation would look like, consisting of more physical aspects in contrast to the digital animation.

47

City in FLux Javairia Farrukh

Development The Trademark

A title is like the identity of the product, an animation title is like a logo to a company so it should have a trademark to it. To keep that trademark I used the Leeds building to create the typeface.

48

City in FLux Javairia Farrukh

Development The Book Making

Printing Hazards

The pull tab flip book seemed incomplete, so I made it into a book version where it resides within the book.

I learned that printing is an art on it’s own when it took me three tries to successfully print the cover page. Life lessons, scale your images properly before sending them off too print.

49

City in FLux Javairia Farrukh

Final Piece Pieces Piece No. 1 Flip Book Front

50

Back

City in FLux Javairia Farrukh

Final Piece Pieces Piece No. 2 Animation: Leeds vs Huddersfield

51

City in FLux Javairia Farrukh

Final Piece Pieces Piece No. 3 Animation: Flip Book

52

City in FLux Javairia Farrukh

53