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