AROUND THE WORLD SKETCHBOOK

HONOURS JOURNAL BOOK A. GEORGE HOOPER

O O P L R , E around the

world NH

OI

L20

LIV

DEGREE SHOW

2020

CONTENT 1. RESEARCH 2. DEVELOPMENT 3. PORTFOLIO

research

1 RESEARCH FEEDBACKS\REFERENCES\EXAPLES...

5

research

LOOKING FOR IDEAS...

ILLUSTRATIONS (CHARACTER DESIGN, LANDSCAPES,)

WHAT INTEREST ME? Started thinking on what I

MOTION DESIGN (ANIMATION, SMALL CLIPS ECT )

could display for the show.

I considered various practice I am currently interested and I believe I might be able to do.

TRAVELLING (TOURISM, HOLIDAYS & EXPLORING)

COLOURS (ILLUSTRATIVE BOOKS, COLOUR PSYCHOLOGY AND THEORY)

5

research ILLUSTRATIONS As part of the show I looked into images i felt they could potentially reflect things that i truly enjoy looking at such as illustrations of travelling ect.

ILLUSTRATIONS Various posters that could help with my projects

7

research MOTION DESIGN Looked into motion design practice and I have found various example that could help.

In motion design there is moving images, text and a lot more. I wanted to try to use a bit of animation . or even try to do simple expressions.

MOTION DESIGN Examples of works made by designers. They used motion liquid or animating images frame x frame

9

research TRAVELLING I also added travelling as I personally enjoy visiting new places . therefore I think that having and exhibition of trips around the world could be a good idea to inspire socialization around the opportunity to view different point of view

MOTION DESIGN Examples of works made by designers. They used motion liquid or animating images frame x frame

11

research TRAVELLING After doing the essay about colour i had more knowledge that it connected with colours and I think of the principles people could learn or know about colour such as colour harmony and colour psychology

COLOURS Examples of how colour theory and psychology can influence a work

13

research

INSPIRATIONS

BEHANCE

SO AFTER LOOKING AT THINGS THAT I COULD HAVE WORK FOR THE FMP , I DECIDED TO LOOK AT WORKS ON BEHANCE.I WAS ABLE TO FIND COURLESS OF PROFESSIONAL WORKS. I WANTED A WORK THAT COULD INVOLVE TRAVEL AND ILLUSTRATION.

TOWN SQUARES Design made by Markes Company.

It showns various location of the world in simples squares

15

research

THE MORE I LOOKED AT WORKS ON BEHANCE AND RHE MORE I WANTED TO CREATE A WORK THAT WAS ABOUT TRAVELLING. THEREFORE UPON LOOKING AT THIS EXAMPLES I SEARCHED I STARTED THINKING OF WHAT COUNTRY I COULD TALK ABOUT. JAPANESE CULTURE & LANGUAGE FOR TRAVELLING TALKED ABOUT HOW TO HELP PEOPLE IN JAPAN TO GET AROUND THE PLACES AND IT USED A EDITORIAL. THEREFORE I COULD CONSIDER USING AN EDITORIAL WITH MY WORK. ALSO MAYBE USINNG LESS COLOURS....?

JAPANESE CULTURE & LANGUAGE FOR TRAVELING This book contains tips to do so and also basic language knowledge to enhance your experience during your travel to Japan even more.

Every page is filled with illustrations and example sentence for every topic

17

research INFOGRAPHS For the FMP i was suggested to look at infographs. The reason was that to it wpuld have been helpful to explain people about the problem in the world. Therefore I looked at Behance to find exaples from designers. When i observed the design i saw different types of infograph. I observed that some infograph use different fonts and different colour and illustration to explain a cause.

The info graph that personally i like the most is the one of Nation Graphic that uses a picture and overlays the design below it. There are various types of infographs SUCH AS COMPARATIVE, CHART, INFORMATIVE ECT.

THE ACADEMY BY THE NUMBERS This shows an example of informative infograph.

Also i considered an online infograph since my project is mainly interactive i considered that i could create a version that is online. Therefore i plan to make my infograph animated. The animation will be like the E-learning infograph (picture) where I will simply make object move.

DIGITAL INFOGRAPH

This shows an example of an interactive infograph.

19

research MAPS While researching i had the opportunity to go to pinterest and i found illustrative maps. With illustrative maps i was thinking it would be nice to consider this to explain the various things people eat, do ect.

With illustrative map i can provide information in a creative and friendly ways.

INSPIRATIONAL MAPS A variety of maps that were foud on pinterest. Some maps use only white and black and other use a strong amount of colours

Also i considered an online infograph since my project is mainly interactive i considered that i could create a version that is online. Therefore i plan to make my infograph animated. The animation will be like the E-learning infograph (picture) where I will simply make object move.

ILLUSTRATIVE MAPS2 Some maps te d to only have only illutration and no text. There are also maps that focus on roads ect.

21

research

A.R TECHNOLOGY

INTERACTIVE EXHINITION While researching i came across the idea to make my exhibition “alive”..but how? i started researching of argumental reality softwares that could animate my works. Software that could do something as asuc was artivive and eyejack

EYEJACK APP AR technology app that by scanning the QR code it enables to view the animation.

EYEJACK Tried to look into eyejack. The app can use unlimited amount of works.

Also it possible to use in instagram.

The things that sadly made me choose not to use this software is that to be able to animate the work you need to scan every time the QR CODE. THINKING OF THIS SORT OF MIGHT NOT GET THE ENDUSER ENGAGED AS THE CONSTANTLY NEED TO DO THE SAMR THING OVER AND OVER AND AGAIN.

23

research ARTIVIVE artivive is also another app that can be downloaded from app store and google play. It has a different interface than eyejack and it much better option to choose. ! It has it own web page where you can upload your work and animate them..

ARTIVIVE IT USES AR TECHNOLOGY TO ANIMATE WORKS. IT USED AT EXHIBITION AND PROJECTS.

ARTIVIVE WEBSITE It has a space where you upload your work and adjust your animation.

ARTIVIVE WORKS This section provides works that will be animated. The max amount free is 3 MORE can be purchased

25

research

REFLECTION

FEEDBACK ADAM After some weeks of research adam suggested to create a brief to help us build our fmp. After various research it came in mind to do 4 possible project for fmp.. However ultimalty i decided to consider 2 briefs that could work.

1 around the world 2 healthcare/ wellbeing

When we had to review by discussing in class what brief we should go for. i presented this 2 brief i was prompted to explore the first brief around the world. i was not sure at the start however i decided to explore and to see what i could find out about this project.

27

2 development sketches\prototypes\feedbacks...

development

STARTING POINT

SKETCHES & MINDMAPS After feedbacks from the teachers I made the choice to proceed with the brief “around the world�. The reason of picking travelling topic is because i want to tackle problem that are related to travel and diversity.

Also i considered that using this as my fmp could help promoting travelling with the upcoming virus that is spreading. Encouragin people to remember what truly matters that is we are all together in this worldand we should learn and from each other. Lastly since this

is my FMP I reflected that doing this topic would bring together all my practice done from the starting of the year until now by taking all things leant from wayfinding, D/AD and poster.

31

development

SKETCHES 3 USED THE OPPORTUNITY TO RELOOK AT ANALYSE WHAT I COULD DO IN THUS BRIEF.

MINDMAP USED THIS TO FIND A POSSIBLE TOPIC TO TALK ABOUT IN THIS PROJECT

33

development MIND MAP- INFOGRAPH To created a infograph i decided to study a bit of everything i should consider..

I decided to create an infograph base on showing a list of meal to eat and landscapes

INFOGRAPH- CHARACTER DESIGN Created an infograph and tried to do character design that could sponsor my work

35

development

37

development

DEVELOPING IDES

TWO SIDE OF A COIN This idea is based on showing that a country can be good and bad.

Therefore i planned to design the world map and show it best trait and it stereotypes . THE IMAGE STARTS WITH AN EMPTY MAP AND IT START TO SHOW HOW IT DEVIDED AND IT START SHOWING SOME LOCATION AND IT COLOURS. LASTLY IT TURNS BLACK 2 SIDE OF A COIN Design show how the maps transforms to it final image

1

2

3

4 39

development COLOURS SET

#E30713 #0F70B7 #7C4F25 #E72E50 #F8B334 #0D8F39 #000000

COLOURS SET

#E30713

#000000

41

development A WORLD INLINE The project a world inline is the project that has had major changes has with feedbacks and more it constancy evolved until it became “Around the world�.

In thsi i started with looking at how i could use a simple line to connect the countries in the world

A WORLD INLINE Summery of the development of the design. With feedbacks the design started changing

43

development CONNECTED MAPS A map was created to be used to display what a country can provide.

Such as food meals ect.

The maps uses dots like a trail to follow. And the outer side will be used to put images .

SKETCHES MAP Since the previes design map needed some changes a different option was created

45

development

ILLUSTRATIONS TRAIL LINES

BACKGROUND

SCAN AREA ARTIVIVE

TEXT

MAPS- PROBLEMS...

When i started creating the maps i really started struggling because no matte what i did not like what i was creating. i couldn’t find a right balance with the space i was using to create the design. The reason was that the colour could nto be good with the brown background therefore i decided to stick with a simple white background however i did not like the drawings without an edge in it...... Again i also did not like the idea of using the colours of the mas to created the illustration with the Space..it just did not work,,,,

MAP CHANGES 1 The design of the illustrative map changed because the brown background was creating disharmony within the content

47

development INFOGRAPH AND POSTER While doing the map i started to create a poster of stereotype and and infograph that shows what people could find by visiting a place as a solution to the generalisation that is made of a country ect

ILLUSTRATOR SCREEN Shows the development of the design before getting feedbacks

49

development DISCOVER WOLRDS this project by Mohamed Monem is something about discovering various different worlds like pacific ocean ect.

It plays with circles,lines and location to visit.

DISCOVER WORLDS How the designer used his works in selling products

51

development ILLUSTRATION UPGRADE!!

After seeing the design made in discover world i got inspired to make changes to my work .

The previews design did not have outlines and was mainly focused on playing with colours. However the last design was changed by adding incomplete lines by making it look more organic

REF PICTURE

ILLUSTRATION DEVELOPMENT IT shows how the design changed with time until i was a ble to get something that i felt it was right for my project

0

START SKETCH

1

REFINED ILLUSTRATION WITH SHAPES

2

TESTING BRUSHES

DESIGN WITH NO LINEART COLOUR OF THE COUNTRY

3

4

DESIGN WITH LINEART COLOUR OF THE COUNTRY

5

ORIGINAL COLOUR

6 53

development ABOUT THE STYLE tO CREATE THE STYLE I USED ILLUSTRATOR . CREATED A PATTERN BASED ON DOTS AND LINES . I CREATED VARIOUS VERSION DEPENDING ON THE SIZE OF THE IMAGES BECAUSE SOME WORKS OTHER DON T

55

development FONT LIST USED WHEN I STARTED DOING THE DESIGN I STARTED LOOKING AT FONTS AND I DECIDED THAT EACH COUNTRY I WOULD TALK DESERVED TO BE DIFFERENT FROM EACH OTHER TO GIVE THEM THEIR UNIQUENESS. THEREFORE I TRIED TO USE AMERICA AND TRY AS MANY FONT THAT WOULD SUIT THE MOOD OF EACH COUNTRY.

FONT RESEARCH Looked at various fonts and 3 of them were taken to dispaly the country

ITALY

GHANA

USA

57

development MAP- AFTER FEEDBACKS

ILLUSTRATION

After feedbacks and upon looking at some reference i was able to find a balance within my work.

I tried to play with the concept of around and i was able to create the design i needed

TITLE COUNTRY

ILLUSTRATIVE MAP DEV. Design of the map that used for the exhibition it uses

MAP DOTS

59

development

61

development

ILLUSTRATION

INFOGRAPHAFTER FEEDBACKS Also redesigned the infograph that

CIRCLE DESIGN

talks about what country can give food and landmarks. i was inspired by circles and the colour of each map.

The design is like “follow the trail

DESCRIPTION

until the answer.“

CIRCLES VER Created the circles for infograph. Variant are created that can be a possible option aside the main choise

63

development

FOOD INFOGRAPH

LANDMARK INFOGRAPH

65

development

LAYOUTS

OFFLINE SPACE EXHIBITION AFTER SOME WEEK WE HAD THE OPPORTUNITY TO HAVE A SPACE TO SET OUR WORKS. THEREFORE I TOOK THE TIME TO MAKE SOME PHOTOS AND RE DESIGNED THE WORK I WOULD HAVE SET ON THE WALLS.

ROOM WALL N 1 The wall where it was possible to put our works. The space was simple and enough to set my works on the w

67

development

A3

A3 A3

A3

A2

A3

A2 A3

A3

A2

69

development SET UP ZONE diD extra photo of the space to help to define where to set my frames of the exhibition the space ws pretty wide therefore i wanted to use both area a and b with the screen to project video.

The place where there are the projection i would use them both to show an animation. On area a THERE WILL BE A VINYL THAT SHOWS AND TALKS ABOUT THE EXHIBITION .

SCREEN WALLS A AND B Photo of the projector that could be use foe the exhibition

AREA A

AREA A AND b IS THE PLACE WHERE I WOULD SET THE MORE IMPORTANT PARTS OF THE EXHIBITION : INFOGRAPH AND MAP THE IDEA IS TO ENGAGE PEOPLE IN THE SPACE AND TO HAVE FUN LOOKING AROUND THE PLACE

AREA B

AREA A AND B This side of the wall had the space to put pillows or to let peole sit down. Also since there Is the glass i could use the wall to create text or play with the available space

71

development MATERIAL LIST AND SIZE sO I WAS THINKING OF DESIGNING WAHT I WILL

4 X A3 FRAME 2X

USE AT THE FMP .i made the decision to use

SCREEN

A3 FRAMES, vINYLS AND THE TWO AVAILABLE SCREEN FOR ANIMATIONS AND THE STAND FOR FREEBIES AND SWEETS . THE TABLE WILL HAVE THE BOOKLET INSTRUCTION FOR THE

8X SMALL ICONS

EXHIBITION

TABLE TO PUT BOOKLET

8X A3 VINYL ON WALL

LIST SET UP OBJECTS Design of list that i plan using at the exhibition it helps me to see the possible costs i will use

STAND FOR FREEBIES AND SWEETS

A3 SIZE FRAME (29.7 X 42.0 CM)

HOW IT SHOULD LOOK ON WALL

MUST BE PERFECTLY CENTRE!

10 CM

5 CM SIZE 16 CM (8 CM RADIUS)

MEASUREMENTS Size of the frames on the wall

73

development WINDOW VINYL

SCREEN B

AREA B

FRAME INFOGRAPH

WINDOW VINYL

SCAN ME ICON

WINDOW VINYL

FRAME MAP

WINDOW VINYL

SCAN ME ICON

WINDOW VINYL

FRAME INFOGRAPH

FRAME MAP

WINDOW VINYL

SCREEN A

SCAN ME ICON AREA A AND B

AREA A

Design of the space for the exhibition it shows were frames are set on the wall.

75

development VINYL INTRODUCTION

AREA A

SCREEN A

TABLE WITH BOOKLET

SCREEN PROJECTOR A

WINDOW VINYL

SCREEN PROJECTOR B

FREEBIE SCETION

AREA B

SCREEN B

77

development

LAYOUTS

ONLINE SKETCHES Aside having an offline exhibition i also considered thinking of how i could set it up on a website. The primaly idea is to use behance or a blog! Post. i THINK IT WOULD BE PERFECT AS IT WOULD SHOWCASE MY WORK CREARLY.

BLOG SET UP

INSTAGRAM PAGE

BEHANCE LAYOUT

79

development

ANIMATION

ONLINE SKETCHES Aside having an offline exhibition i also considered thinking of how i could set it up on a website. The primaly idea is to use behance or a blog! Post. i THINK IT WOULD BE PERFECT AS IT WOULD SHOWCASE MY WORK CREARLY.

SKATCHES ANIMATION 1 DESIGN ANIMATION SHOULD FOCUS ON THE MAP TRANSFORMING INTO A CIRCLE

81

development ANIMATION STRUCTURE after DOING A PREVIEW TEST AND FEEDBACK I RE CREATED A NEW ANIMATION, MORE SIMPLE AND CLEAN. TOGETHER WITH THAT I CREATED A EXTRA 3 AND MADE IT MORE FOR THE COUNTRY DISPLAYED

SKETCHES & DEVELOPMENT ANIMATION 2 DESIGN ANIMATION SHOULD FOCUS ON THE MAP TRANSFORMING INTO A CIRCLE

1

2

3

4 83

development

1 3 ANIMATION CIRCLE

2 4

1 3

2 4

ANIMATION LANDMARKS

85

development

ARTIVIVE

HOW TO SET UP? aRTIVIVE is not too hard to use. to set up all it required is a picture to scan and a gif or a video. In the exhibition i also added 3 simple rules to help people . download app , locate design and scan the picture.

Since the will not be any exhibition i only uploaded one design to give the idea of how it would work. In any moment the other work can be uploaded and the animation will work.

INSTRUCTION TO USE ARTIVIVE CREATED A DESIGN INCONS TO HELP PEOPLE USE THE APP

TITLE

AMOUNT AVAILABLE FREE 3

PRO/ NORMAL MODE

VIDEO THAT TRIGGERS

MOVE ROTATE, SIZE VIDEO VIDEO TO SCAN

87

development

BOOKLET

EDITORIAL DESIGN Looked at some ideas for the fmp. There have been many design of how it possibly could be good to use the design as Since i will make a infograph i could design it in form of a a booklet. Or simply a guide to help people understand the exhibition in mind.. I TRIED TO FIND INSPIRATION FROM VARIOUS DESIGNERS THAT WERE CONNECTED WITH TRAVELLING.

MOODBOARD MATERIALS MATERIALS THAT CAN INSPIRE TO CREATE THE EDITORIAL THAT COULD HELP PEOPLE TO TRAVEL IN MY WORKS

SKETCHES EDITORIAL

89

development

91

development

93

development DESIGN LAYOUT After feedback i made some changes to the design and i created the booklet. It has about 21 pages. Also it includes all the illustration and maps.

NEW DESIGN BOOKLET COVER Sketches about cover design

NOT SCALE

95

development

NOT SCALE

NOT SCALE

97

development

DESIGN BOOKLET This shows how the design would look like if printed

INSIDE DESIGN This shows how the design would look like if printed

BACK AND FRONT DESIGN This shows how the design would look like if printed

99

development DESK CALENDAR Desk calendar is a set of 12 routes one for every month in the year to different attractive destinations around Russia.

Each trip lasts for three days a month.

Three happy days to travel can be found every month. Each itinerary offers a fascinating journey through Russian cities in an original presentation, with a description of sights, iconic places in the vicinity, unusual things to do, tips on the local cuisine, accommodation, and an illustrated map

101

development ANIMATION STRUCTURE after DOING A PREVIEW TEST AND FEEDBACK I RE CREATED A NEW ANIMATION, MORE SIMPLE AND CLEAN. TOGETHER WITH THAT I CREATED A EXTRA 3 AND MADE IT MORE FOR THE COUNTRY DISPLAYED

SKETCH COVER FOR BOOKLET Wanted to create something to wrap the booklet inside

INSTRUCTION TO USE ARTIVIVE CREATED A DESIGN INCONS TO HELP PEOPLE USE THE APP

INSTRUCTION TO USE ARTIVIVE CREATED A DESIGN INCONS TO HELP PEOPLE USE THE APP

103

3 portfolio Finalize designs....

105

portfolio

PORTFOLIO DESIGN

LAYOUT? As last part i am looking into designing how my work should look like in the portfolio and how i will create the 3 images for the website

3IMAGES A possible solution for the 3 images to submit

107

portfolio

109

portfolio

111

portfolio

113

portfolio

115

portfolio

FINAL REFLECTION

project lost a lot of what it could have truly been. Other reason might involve of a lack of orgasisation of this brief with this events that is happening.

However i think even with this padematic i was able to do my best. Therefore i feel that i gained experience that will be

PERSONAL FEEDBACK

valuable for my career path in Graphic arts.

Now school has come to an end and so it this research. In this fmp, as a personal refection i wanted to learn and find a new style. This type of illustration can be used in various ways such as animation,, maps, infographs. Again this style does not have n age restriction therefore it can effectively be used in anything.

With the project sadly i was not able to create many maps. I also don’t feel fully unsatisfied about this project because this project was meant to be on walls however with the coronavirus this

117

LI

arou

L20 L,

O P R O E V

nd th e

world

N

HO

I

202 0