Virtual Reality and 360 degree video project.

Brief history of VR

1835 Sir Charles Wheatstone describes “stereopsis”

Sir Charles Wheatstone conducted research into binocular vision. This research displayed how the brain mixes two photographs, one per eye, of an object taken from different angles to add depth to the imagery and give a sense of realism. The process that your eyes go through to perceive the depth of imagery in this way is called ‘stereopsis’.

Stereopsis – The perception of depth produced by the reception in the brain of visual stimuli from both eyes in combination; binocular vision. (https://www.lexico.com/definition/stereopsis)

In 1935 Stanley Weinbaum had a concept model for VR with his short
story Pygmalion’s Spectacles as displayed below. His concept was to have a movie in which the audience can experience complete immersion and escapism, being bale to experience smell, touch, taste and sound as well as being able to see the movie itself. This fully immersive concept is one that seemed very futuristic and is starting to seem to be unravelling as a near future possibility nowadays. We have seen the rapid development of VR over the recent years and the develofmentsthat people are making with concepts such as VR suits, allowing the user to be immersed in the sense of feel when in a VR environment. These types of developments are what seem to give hope Weinbaum’s concept coming to life, even though it was 86 years ago that he stimulated this idea.

What actually is VR?

As defined by Oxford Languages:

“the computer-generated simulation of a three-dimensional image or environment that can be interacted with in a seemingly real or physical way by a person using special electronic equipment, such as a helmet with a screen inside or gloves fitted with sensors.”

360 Degree video

The brief set for this project was to create a 360 degree video based on the topic ‘where I live’ in terms of where I feel my heart feels at home.

Generating ideas:

To initially generate ideas, I devised a mind map of things that feel close to heart as shown below.

I then chose three main concept ideas and developed these. The three main ideas that I chose are listed below:

ADHD, a day in the life –

This idea is just as simple as showing what doing daily task is like from a person with ADHD’s perspective. This would be very effective as it would help this who don’t have ADHD to grasp more of an understanding for what is a very misunderstood disorder and as something personally close to my heart would be good to see something that visualises this in an understanding way for those who don’t understand.

Loneliness –

This concept is literally just to emphasise what its like to feel lonely, this could show the same one person in different scenarios struggling wit feeling lonely, I would want to create the effect that would make the viewer feel the need to help this person but by the having to watch a person in this state and not be able to help should hopefully position the audience in a place of reconsideration when it comes to their everyday life and the people around them that may be suffering in silence.

Grief –

Grief is something that is close to home for me as I lost a close friend a couple of years ago. I wanted to visualise this in a 360 degree video. It wasn’t the actual grief itself that I wanted to visualise but just the representation that a dead character is looking back on an earthly memory.

My final selected idea:

Grief: For my final idea, I want to subtly show the loss of a friend. I plan to do this by showing two friends meeting up and talking on the front of the video but when turned around, I want to show a ghostly looking character (same as one of the characters at the front) to emphasise that he has died and this person he met up with meant a lot to him or even to connote that he is looking back on a memory of his dead friend. This represents grief as it displays one reflecting on life and reflecting on a good memory with a person in a clearly ghostly state.

Planning of production:

All I needed to prepare for production was my cast, equipment hire and ensure the environment was safe to film on.

I gained my cast through asking my two flatmates Joe and Drew to act in my video and these are the two actors that will act as the two friends and Joe is going to act as the ghostly figure too.

Production

I hired out a GoPro Fusion 360 video camera (as shown below) and found a safe place to film. I went to this place beforehand with a risk assessment at hand to ensure there was no hazards or safety concerns and this just ensured that I could film here in a safe and precautious way.

I filmed this by recording two videos with the camera remaining in the same place with plans to stitch these together in post-production to be able to have two Joes in one scene.

GoPro Fusion 360 degree camera:

GoPro Fusion 360° Action Camera In-Depth Review | DC Rainmaker

Fusion 1.2 software that I used to render my 360 degree video:

Post – Production

I rendered these videos using Fusion Studio 1.2 and once these were rendered I filed these to use in Premiere Pro.

The editing was a lot more simple than I initially thought it would be. I put the two clips into my timeline and overlayed the second recorded video over the first recorded video. I then cropped this second video to the half of the scene that I wanted the second Joe to appear in and lower the opacity to 40% to create the ghostly transparent look that I was looking for. the editing of this didn’t take much time whatsoever as I have previous experience with Premiere pro and had a firm idea of what I needed to do once I had access to the videos in Premiere pro.

I used http://www.bensound.com to find some royalty free music that fit the atmosphere and mood of my video. The track that I decided to use really fit best the aesthetic and mood that I was going for throughout this video. I checked that the properties of my video project were compatible with VR and I exported this video and uploaded it to Youtube as an unlisted video to see it in full VR effect.

This is the final video:

Brief 7 – GIF and banner

I was set the task of creating a GIF and banner for a brand of my choice.

The first step for this was to establish the brand that I want to work with. I decided to make the banner and GIF for Spotify, this is because its a brand that I am familiar with using and wanted to make something for them.

The first thing I needed to do was research into Spotify’s branding. I curated a mood board of inspirational branding from Spotify which is displayed below.

(All images sourced from Google Images)

Spotify Branding mood board.

Next I researched into Spotify’s logo design and advertising. This is presented below.

(All images sourced from Google Images)

Spotify Logo design mood board.

The common colour themes and colour palette was shown clearly to me from looking at these two mood boards. Their use of block of colours was a very key convention of their advertisements and logo design. Duo tones is also something that Spotify seem to like using. The consistency of their font in their logo and in the typography of their banners is something that I want to reciprocate within my banner. The use of shapes such as the white, wavy and confetti looking shape and the triangle shapes consistently used in the first banner in the first mood board displayed is something that I feel is simple yet quite effective and I feel like it doesn’t take away from the minimalistic style that Spotify use in their adverts.

Exploring further into Spotify

I decided to open the Spotify app and explore it more myself. The screenshots below display the most inspirational things that stood out to me when analysing the app.

I was looking to see if I could find any common conventions or themes that I had previously noticed. I noticed the use of duo tones being used again which I decided was something that I would have to incorporate into my work to reach the aesthetics and key conversation tons of Spotify’s branding. Another thing that I noticed was the use of celebrities in thumbnails as shown in the last screenshot. I saw this and wanted to use it as inspiration for my banner and GIF. The red and blue duotones was something that really stood out to me and was something that I wanted to experiment with and integrate into my banner. I chose to use Justin Bieber’s (JB) new album ‘Justice’ as the starting point for my advertisement. I liked the image of JB in the left thumbnail of the last screenshot and decided that this is the image I wanted to use, I simply sourced this image form Google Images and I was ready to start designing.

Establishing an Intention

Before starting to design I needed to establish what I want to communicate to my audience through my banner and GIF. I want to use Spotify’s advertising conventions and themes that I discovered through my extensive research to promote JB’s new album ‘Justice’ in a way that will entice and draw in the young audience that JB has.

Exploring Font

I explored into fonts and the typography that Spotify tend to use in their banners as I wanted to use typography saying ‘Justin Bieber’ next to the image of JB. I decided to look into the font that Spotify use in their typography, however, It only took me one Google search to find that they use their own modified version of the font ‘Gotham’ which is called Spotify Circular Font’ as shown below.

I looked more into ways of accessing this font but found that I would have to pay and have licensing from Spotify to use it. This led to me exploring through different fonts in Photoshop to fins the most similar font. The most similar one that I could find was the font ‘Helvetica’ which was a nice font but just didn’t fit the circular and rounded shaped font that I was looking for and didn’t fit Spotify’s aesthetic, Helvetica was too square. This is displayed below.

After this I had to find a more viable font to use, this is when I came across Apple’s font ‘Graphik’ which is shown below.

As soon as I typed this title out I knew that this font was the perfect one as it look extremely similar to Spotify’s circular font and really font the aesthetic of Spotify’s branding and typography. I decided to use this font in my final banner and GIF.

Rough mock-ups

I made two rough mock-ups of how I wanted my final banner and GIF to look. I decided to experiment with two different colour schemes, one being the red and blue duo tones as discovered from my research, the other being a single colour light blue tone. I decided to use two triangular shapes as this is a convention that Spotify tend to use throughout their advertising. Using Photoshop, I used the Lasso and quick selection tool to cut out the image of JB from the original image sourced from Google. I simply placed this image in and used the gradient map tool as a layer over JB to gain the effect of a duo tone/gradient background. I sourced his album cover from Google images by simply searching ‘Justice album cover’ and agin used the lasso tool to cut out the cover that I needed. I then sourced the Spotify play button and progress bar from Google images and very roughly placed this under the album cover. looking back, one thing I would like to add in my final design is the white wavy shapes and the Spotify logo.

These two mock ups are displayed below.

My two rough mock ups

Organisation

I made sure before developing anything further to file my work to make sure that I stay organised and so that everything I need and use is at an easy access, as shown below.

I decided to use Photoshop to complete my final banner as I was most familiar with Photoshop and it had tools that I could use to reach my intention of communication that isn’t available on Illustrator. Below, shown, is my final designed banner.

My final banner design

I ensured that my final banner met the stated brief requirements, and so I designed this in Photoshop, 1800 x 1200 px and optimised as ‘RGB, JPG’ for web.

Displayed below is my final completed GIF.

The two blue triangles as you can see at the bottom and top of my gif move in an up and down motion. The background changes halfway through from blue and red duo tones to green and yellow to match the background of the album cover. I made this gif using the frame animation timeline in Photoshop, this used 12 different duplicated layers as a frame by frame concept to create the animation effect. This is saved to web as a .html and a .gif document.

Overall, I am highly satisfied with the outcome of both my GIF and my banner, If I were to do this again, the only thing that I would do differently would be to make the GIF slower than it is as it can be quite alarming with how fast it is at the moment. That isn’t a big deal though, so I am very satisfied with how I have successfully met the brief and completed this work to the standards of my intention.

AR project

Research

Case study 1:

Pyrus – Burn Holograms.

(Research sourced from https://www.bestfolios.com/casestudy/pyrus:burnholograms)

Pyrus is a healthcare company that use AR, VR, MR another useful technology to develop and use tools that supplements the healthcare industry.

In December 2017 they produced a product which focused on visualising burns. By this I mean that they developed a way in which burn victims were able to use this product (shown below) to show the burn victims what their burn will look like sit progresses. For this they used a pair of glasses that use anon built camera to show the hologram of their burn progression.

(Image also sourced from https://www.bestfolios.com/casestudy/pyrus:burnholograms)

These glasses use mixed reality (MR) to deliver the experience to the patient. One problem they faced was inaccuracy in the visuals their technology produces for the patients. One example of this that they gave was burns on joints can develop specific stretch marks that can be healed overtime by the patient doing regular exercise, however, each patient is unique and individual so it may be inaccurate for some circumstantial patients.

However, They managed to turn this issue around and find a solution. They decided to use HoloLens that the patient would put on and this HoloLens would use image recognition to create a 3D mesh of their burn and skin. This then would be overlayed on their actual burn area. This process of creating a new 3D mesh based on each specific patient using holoLens meant that each patient could seethe progression of their own specific burn overtime and this solved the problem of not being able to do this for each individual before.

The below image displays their explanation of how they developed the 3D mesh.

This inspired me to think into how I could use AR in a healthcare setting. It made me consider innovative ways that I could use AR to develop a way in which enhances healthcare. This is where I thought of my idea of allergies AR (this is explained in further depth in the ‘planning’ section of this blog).

Case study 2:

Disney meet’n greetHeroMirror Interactive Augmented Reality Experience at the 2018 GHC
Women in Computing Celebration for Disney

(Research sourced from: https://www.indestry.com/hero-mirror-augmented-reality-experience-at-ghc-for-disney)

the company INDE installed a ‘hero mirror’ for Disney. This concept is simply a screen shaped as a mirror where people are able to view themselves next to a famous Disney character as shown below using the example of Minnie Mouse.

When these used this it played a timer and then took their photo and washable to instantly print their photos with a stand-by printer. It also had the option of emailing their photos to them which worked successfully too. I found this interesting as I always associated successful, however this use of a 2D character in AR seems very effective and interactive. This is something that will inspire me when I make my final product, the fact that the use of 2D in AR can still be very effective and interactive.

Planning:

The initial action I took for developing some concept ideas was to draw out a mind map, this would help me to brainstorm and then collect any useful ideas. This mind map is displayed below.

My mind map

My main developed concept ideas from the mind map:

Car safety –

One idea I had was to incorporate car safety into AR, by experiencing a Car crash, interacting through AR on the users phone. This would allow the user to walk around the crash scene and see everything that has happened. This would be really effective as it would emphasise and display the dangers of driving irresponsibly and would really show users the reality of and severity of car crashes as a result of a driver’s actions. This would hopefully make users question themselves about responsibly driving and be more cautious on the road.

Fridge contents –

Another idea was to use AR for fridge contents. The way that this would work is when a user holds up their phone to the fridge it shows them what they need to buy. This could be taken further to the point where it automatically adds those items to the user’s shopping list. This would be effective and really useful, however, because this would take extensive programming to be able to read the contents the fridge and determine what is needed, I will not be developing this idea.

Allergies –

This idea involves allergies and if worked could even save lives. The concept is that when a user holds their camera up to a certain allergic reaction their phone tells them which allergy it is and how to treat it. This would be helpful as people tend to catch allergic reactions without knowing where from but this would help them establish that and further treat it. Not only is it good for the individual user to use but also means that if you come across somebody having a severe allergic reaction you could use the AR to establish how to help that person and save their life. This is an amazing concept, however, I have chosen not to develop this further as it would take extensive programming and it wouldn’t necessarily work with aspects such as poor lighting in the environment using the AR and also many allergies appear the same so this could confuse the AR or even lead to wrongfully treating an allergic reaction.

Music: Spotify song codes

This concept was inspired by scrolling and using Spotify, I was struggling to find a specific song and I couldn’t remember how to spell it. However, I then realised that Spotify song codes exist. These are codes similar to QR that when scanned with the camera take you to Spotify and starts playing the song. An example of this is shown below:

This is something that I thought I could use for the ‘hidden in plain sight’ project. The way I would like to implement this would be that when somebody types in a specific song, the song code appears in their AR environment, when they then tap on this it takes them straight to the Spotify song. This could also further developed to the point where the user can place more and more of these codes within their AR environment which is then saved so that they can go back to and have their favourite songs all logged in their own AR environment. This would save people time as they just have to open their own AR program and they have their collection of songs. This could also be further developed into the concept in which they could share their AR environment of collected song codes with their friends for them to explore and listen to (the same concept of a playlist but in an AR environment).

This Spotify song code is my favourite idea and one that I think is more realistic for me to be able to develop using Adobe Aero.

Final idea

Spotify song code

My idea for this, as stated above (see ‘Spotify song codes’ in the planning section above for full explanation of my idea), is to create an environment in which users can play their favourite song using AR.

Developing my idea

I started by drawing a sketch of what I envisioned my AR object to look like. Below shows this concept.

The idea for this was to create a Spotify themed play box for the users song code. The play button hovering on top the box which is tapped to play the song and the song code to be tapped to take the user to the Spotify link the specific song.

One problem that I faced with this was that I realised that I won’t be able to make an official working Spotify code as I would need to partner with Spotify to develop one. My solution for this was to choose a specific song and use its song code to develop my idea as close to my initial concept as I possibly could.

I went onto Spotify and located a song to use. I chose to use the song ‘Gives you hell’ by ‘The All American Rejects’. I used the app only phone to find the song code for it and found it as shown below.

Gives you hell Spotify song code (Sourced from: Spotify)

I put this image into Photoshop and used the lasso tool to cut out the song code as shown below.

The next step I took in this process was to look at Spotify’s themes with use of colour and design etc. After looking through Spotify, I noticed that they use duotones and gradient colours a lot, as displayed below, and psi decided this was something that I wanted to integrate with my work to fit the aesthetic and make it more appealing to the user than a blank colour. Another thing that noticed was that Spotify use circular and rounded shapes, so this is also something that I wanted to apply to my work.

(All three sources below sourced from: Spotify)

Example 1 ofSpotify’s use of gradient
Example 2 of Spotify’s use of gradient
Example of Spotify’s use of circular and rounded shapes

After seeing a lot of use of pink and blue colour on Spotify I decided to use that as inspiration for my colour scheme. I used a pink to blue gradient and overlayed it on top of the Spotify song code to get anaesthetic look. I then round the corners of the shape, just to subtly incorporate the rounded shaping that Spotify use. This is shown below.

One problem that I had:

I wanted to make this Spotify song code into a 3D object as before however I didn’t have access to Maya in time to be able do so.

My Solution:

I began to experiment with things that may help to make this look 3D in photoshop. The best that I could do was to add a bevels underboss effect which is displayed below. This didn’t work as it didn’t look as aesthetic as I wanted it to and didn’t look the same when I imported it into Aero.

I also tried to make a 3D shape using photoshop to create the sides and top and bottom of the object I envisioned, however, thisdidnt work as Aero doesn’t merge layers together like Maya or photoshop would. Because this didn’t work I had to think of a way that I could do this just as effectively as my original concept but in a more basic but effective way.

I chose to go back to my original 2D png image as shown before and this seemed tone much more effective. I remembered from my research into case study 2 that something 2D can still be just as interactive and effective a 3D object or character. My solution to making this more interactive was to add subtle animations to it to make the user feel in control of the song code but also to create an almost personality and add character to my png.

Developing my solution

I started by drawing another sketch of how envisioned my 2D interactive Spotify code, as shown below.

My idea for this was to create an animated 2D png interactive and fun for the user. I wanted to make it so that hen these taps the png it bounces up once and when it lands it plays the song. Another problem that had was that I couldn’t make it so that when you tap it a second time it takes these to the link of the Spotify song. My solution to this problem was to automatically send the user to the link once the song has played for a minute.

I audio recorded the song as Aero only accepts .mp3 and .wav files.

Below displays my final Spotify code png.

Now i had everything made, ready to produce, I just had to open Aero and create the finished animated and interactive png on my computer.

I imported the Spotify song code png into Aero and centred it to 0.0 to X,Y and Z. this means that will be centre of the anchor point when the user opens the interface making the png quick and easy to find.

I used the ‘behaviour’ section of Aero to create the series of animations wanted. I managed to complete the animations towhead I envisioned, by having it lay the .wav audio file when tapped and then once it’s finished playing it directs the user to the Spotify link. Below shows my order of behaviours in Aero.

My behaviours I created in Aero

Campaign project – Video and Photos

I was set the task of completing a video campaign of my choice and undergoing means of pre-production, production and post-production and recording the process.

Stimulating concepts

To stimulate ideas, I decided to brainstorm my initial ideas onto a mind map, I was inspired by topics of things that are personally close to my heart and topics that I thought were of current relevance and importance (i.e. covid compliance etc). This mind map is pictured below and displays all of these ideas. I then further pushed these ideas into a mood board. I picked my four favourite concepts from the initial mind map and made three mood boards (all from google images) to display the overall idea of each concept as a campaign video. The mood board is also picture below as captioned and displays the general aesthetic and atmosphere of these concepts.

Mind Map of initial ideas.

From this brainstorming it was now time for me to pick which concept I was going to go ahead with and, after reviewing my mood board a number of times, I decided to go ahead with the topic of mental health. My reasoning for this is that this is a topic that is personally close to my heart and especially during the covid pandemic, it is something that has been of mainstream importance and acknowledged as an importance of wellbeing and those around you, and this mainstream importance has been initiated by social media campaigns. This mainstream emphasis on metal health is something that I want to be part of raising awareness for and is something that I believe is essential. And Although it is a delicate subject, it is a vital one, and one that I believe always needs to be spoken about and raised awareness for.

Researching

After considering the closeness of this topic to my heart I decided to make my campaign aimed at people mostly around my age (19). I wanted to get an idea of my target audience’s experience with their mental health with a focus on the pandemic in this last year. I also wanted to gain an understanding of the target audience in relation to mental health struggles and then use this as inspiration to create my video.

To research this I created a google docs anonymous survey (https://forms.gle/EkKk6TUYdafvc99x7) which included one question worded: “What are three words that best describe your mental health during the pandemic in the last year?”. This survey is pictured below.

My Google Forms survey

I decided to share this link on my social media explaining what the survey was for and explained that participation in my survey was anonymous to encourage people to share more honestly. I used Instagram and snapchat as this is the two platforms that I have found holds the majority of my target audience (young people, 12-25). This survey was up on my social media for two days and gained 61 responses, each with three words (overall 183 words). I plan to use these words, sourced from my target audience themselves, within my video either as unseen inspiration or as visual typography or voice overs included in the video to build that rapport with any viewers that are of a similar age and life experience and would relate to the words given and also to highlight the extent of how people of such age are struggling with their mental health. I am unsure yet of how I will utilise these words in my video, but the diverse range of ideas that I have for how I am going to implement these words are of the following:

  • Use word pop ups that build up over the screen, this creates the representation of the emotional overload and overwhelm that people are experiencing.
  • Using a voice-over that says these words, could use multiple actors’ voices to represent unity and more than one identity suffering rather than one voice which would show one person and less rapport.
  • Using voice overs along with on screen text that correlate and build up visually and through audio layering over each other, again, representing the overload and mess that’s caused from those words.
  • Using an actual screen capture of scrolling through these words superimposed over footage to create the rapport with multiple responses and real life people but also to highlight the digital world and how this has had an impact on mental health. This digital aspect is also heavily relatable to my target audience so this may help to grab their attention throughout the video.
  • Using voice overs over a narrative to highlight the characters feelings
  • Using a disclaimer at the start of the video which explains that the words used throughout the video are from real people in a survey, voice overs and visual words to emphasise these words, giving these real people a voice and encouraging those who feel the same to open up and feel okay to share their feelings.

Further Research into Mental Health Video Campaigns

I decided for more inspiration to help me stimulate a narrative I needed to watch made mental health campaign videos to get an idea of the specific semiotics and general themes used across all the videos on this topic of mental health.

I used YouTube to find some videos and simply searched for ‘Mental Health campaign‘ and a lot of videos came up. After watching various videos, below are a couple of my favourite and are the ones that I found the most inspiring:

#Wecanandwewill Mental Health Awareness Campaign Video

This video really stood out to me as it used the diverse range of people and displayed them within their own life circumstances which presented them as ‘everyday’ people. This fascinated me as by making these characters we see so real and generalised it becomes a much more relatable video. By seeing ‘everyday’ people performing everyday activities really puts the emphasis on how everyone has mental health. not only does it show this but it also shows big representations of unity and unifying everyone together. This creates a feeling of community and realism for the viewer which encourages them to build strong rapport with the characters for the short amount of screen time that they’re displayed. This rapport is then further manipulated in the second part of the video when it shows these personalities as happy and lively and enjoying themselves. By associating themselves with these characters, the viewer is installed with the concept that they too are able to seek help and reach the happiness they desire. This whole video and these representations displayed through these characters sends a message of hope to viewers and makes them feel part of a community.

This is something that I want to integrate within my video. Showing ‘normal’ people doing ‘normal’ things and creating a sense of realism, then contrasting it with something else to make the viewer contemplate their own circumstances in relation to the narrative. This method of representation is something that I believe is extremely affective and will work perfectly with my campaign video.

Mental Health Awareness 2018 – Depression Isn’t Obvious

This video, produced by Reading University Students’ union, was very enlightening as it displayed an effective way to use narrative in a juxtaposing way to really hit with the message. The video focuses on one main character who is presented in a depressive way, shown repeating daily actions (e.g. brushing teeth, walking to work, eating lunch etc) and whilst this happens he is greeted by the same man everyday in an enthusiastic and kind way, he’s shown washing his hands next to this same man everyday and then one day this man is nowhere to be seen and we find out that this man has tragically taken his own life. This shocks the main character and also shocked me as I expected the main character to be affected by something at the end. this juxtaposing twist to the story really made me think about how mental health can really affect anyone and anyone can be hiding behind a ‘mask’ and how mental health issues are not always visible but that they do still need to be talked about whether they are visible or not.

This is something that I, again, want to implement into my campaign video, a juxtaposing story, twist, analogy or underlying message that really integrates the message to my audience. I am inspired and hope that I can execute this in just as much of an affective way as this video did.

Researching campaign branding

I decided that before I create my call to action branding and logo for my campaign, I needed to gain inspiration and establish themes and conventions that I need to include to reach the branding and message that I wanted to communicate to my audience – to encourage those struggling to seek help.

Below are some examples of branding that I looked at:

(all sourced from Google Images)

Every Mind matters Campaign:

Epic minds Campaign:

Mind Campaign:

From exploring these branding designs, the one convention that seemed to be a theme throughout was the use of a a short word or phrase as the name of the branding. This is something that I want to incorporate into my logo design. Another thing was the use of colour palette, simple plain colours, a lot of blue used. I think this is because blue is proven to be a relaxing colour when interpreted by the human brain. This is something that I would also like to integrate in my work. This in depth research and exploration has really inspired me to generate a name of branding and some designs for my branding.

After thinking of phrases that are effective and sensitive enough for a mental health campaign, I chose to use the phrase ‘Be you.’ as my campaign name. The slogan I have chose to use is ‘You are enough’. This is because this not only gets across my intention and communicates this to my audience but it also is nice and short yet effective. I really think the campaign name and slogan that I have created really compliment each other and really correlate with the themes and conventions of already existing mental health campaigns.

The next step of this was to experiment with some logo designs which are displayed below:

I decided to go with the last logo displayed that includes the cartoon bee. This is because this is the one logo that best fit the aesthetic and conventions that I was going for. The cartoon bee represents young people as this would appeal more to younger people (my target audience) and the colour blue matches that colour linked to conventions of other mental health campaigns as mentioned before. This is the logo that I decided to go ahead with and use for my campaign.

Idea inspiration – Money Analogy

I was in a conversation with somebody and they told me an analogy which was really inspiring for me, they called it the ‘money/worth’ analogy. So many people struggle with the feeling of worthlessness or feel unvalued and unwanted. The idea is that, for example, if you have a ten pound note, no matter how much you screw it up, trample on it, make it dirty, throw it, kick it, throw it away etc. it still maintains its value of ten pounds. And the same concept applies to us humans, no matter how much we feel trampled on, thrown around, unwanted etc. we are still worth the same amount as we were before feeling those things and we still have value and have worth.

This analogy is what I want to implement as the main message of my video and I plan to use visual representation of actual money being absued within my video to communicate this to my audience. I want to communicate to my audience that no matter how much they are struggling they have value and have worth and encourage them to seek help too.

My Final Idea

My campaign video is going to be titled ‘Value.’ and I plan to use the money/worth analogy as explained above. I want to implement the inspiration of the two researched videos shown above too, the concept of showing ‘everyday’ people to build rapport with the audience and the use of juxtaposing narrative by integrating the analogy in between showing these people to represent that all these people feel like the money being abused but still have worth. by creating this community of people and representations of unity and community I will hopefully effectively communicate my intention to my audience, that, just like the personalities in the video and the money itself, they hold value and have worth no matter what they’re struggling with and its okay for them to seek help and support.

Storyboarding

With this final ideas I was able to put together and devise a rough storyboard which I drew from scratch and includes all the shots that I want to include and is pictured below:

Animatic

From my storyboard, I devised an animatic version of it. This animatic includes the sketches of my storyboard developed into a video format with edited transitions and music to show a rough visual concept how I envision it to play out and the atmosphere and mood I want to create.

Below is a link to my animatic:

Video Campaign Animatic – Aaron Bell

Shot list

I decided to develop this storyboard further in more description so that when it came to filming I had the exact description of my shots that I want and I don’t have to do it from memory. To do this I created a shot list using Microsoft Word which is displayed below.

Production planning

Now that my idea had been finalised and I had a very firm concept of how I want to shoot this video, it was time to plan the production of the video.

Team members

After considering what team members I would need, I established that I don’t need a filming crew as I am going to film it myself and can do that on my own. So all that I needed was actors and I wanted to use actors that are similar if not the same age as my target audience (around 19)to play the teenage characters. So I contacted someone my friends that I thought would be suitable for the roles and are of my age and many said that they would help and I got the following cast list established.

My cast consists of:

Joe.C: Main Teenage boy Character

Charley: Teenage Boy in garden and extra background character.

Lottie: Teenage Girl sat around table.

Molly and Jenna: Extra background character (friends of teenage girl).

Drew: Friend that main character opens up to

Anna: Teenage girl that discovers the crumpled note

Joe.B: Teenage boy on campus

Liam: VoiceOver 1

Stewart: VoiceOver 2

Naomi: VoiceOver 3

I hired out a film camera as I didn’t have access to one myself and ensured that my cast was free to film on the dates I scheduled the camera before booking the equipment, this was just to make sure I was keeping on top of organisation for my production to ensure it flows as well as it can. The camera I used was the Canon XA10 as displayed below:

Canon XA10 - Canon Ireland

When afoot with the production I was very at ease with what I wanted to do and knew exactly the shots I needed to take. The filming was very successful and I was extremely happy with ht shots that I took and how successfully they fit my planned shots in my storyboard and animatic.

I also used this camera to get the images that I needed alongside my campaign video.

I used Lightroom and Illustrator to edit my final five images that best represent my campaign. These final five images are shown below.

My final images:

I chose these five images to go alongside my video for my campaign as they really emphasise what I want to represent as a campaign. The wallet photos correlate to the video narrative which is a good tie-in for people who have watched the video or a good appeal for those who haven’t seen it and may now be interested. A wallet is associated with money which, semiotically, emphasises the symbolism of value and worth. The close up shot of the wheat field correlates with the bee as it almost appears as a bee’s perspective as if it were flying through wheat field. the bee of my branding represents that everyone has value, the idea that even though a bee seems harmful it actually plays a role necessary to keep the world alive. I am overall very satisfied with how successfully I have been able to communicate my intention and mental health awareness through these five final images.

Here is my final produced video:

I am overall extremely happy about how successfully I met the conventions and creative visions that I had for this video. I at first found it difficult to edit it to one minute and tell my narrative within such a short amount of time but I feel like I have very successfully met my goals and the conventions that u wanted to meet from the start of this project.

Readability, Legibility and Hierarchy – Brief 6

Understanding the terminology

I was set the task of curating concept ideas of typographic that display these three words (Readability, Legibility and Hierarchy). The first step of initiating the process of creating these typographics was to make sure I understood what the terms mean when they are applied to the context of typography.

Readability – refers to the way in which words and blocks of type are arranged on a page.

Legibility – refers to how a typeface is designed and how well one individual character can be distinguished from another.

(Both sourced from https://webdesign.tutsplus.com/articles/typographic-readability-and-legibility–webdesign-12211#:~:text=Readability%20refers%20to%20the%20way,can%20be%20distinguished%20from%20another. as this used a really good definition)

Hierarchy – A system for organising type that establishes an order of importance within the data, allowing the reader to easily find what they are looking for and navigate the content.

(sourced from: https://webdesign.tutsplus.com/articles/understanding-typographic-hierarchy–webdesign-11636 )

Researching, exploring and brainstorming

So now that I understand the meaning behind each of the terms I was then able to start considering how I would present these meanings through a graphic. I started my planning by searching by using google images for other work that I liked and that inspired me. I collected a few of my favourite designs and have displayed them in a mood board, as shown below, I plan to use these when it comes to sketching and devising my graphics and loosely apply these concepts to my own work.

My Mood board as mentioned in the above paragraph (all sourced from Google images)

After putting this mood board together and feeling inspired to create my own ideas, I decided to brainstorm a mind map of ideas of how I could communicate these words through different aspects of a graphic. This mind Map is displayed below.

This mind map above displays all the different brainstormed ways that I could initially think of for communicating these words effectively.

Researching and exploring suitable fonts

The next step I took was to explore which fonts I would think as appropriate for this task and communicating my work in the way that I need. I used Adobe Fonts to browse fonts and find ones that I liked. Shown below are just a few that stood out to me as effective fonts and appropriate for the readability, legibility an hierarchy graphics.

Sketching initial concept ideas

I had now understood the meanings of these three terms and what I need to communicate through the typography, researched how others have done so and displayed my inspiration in a mood board, brainstormed initial ideas through a mind map and explored different fonts that would work well with my ideas and work well with communicating the meanings of these terms. The next step was to sketch out initial ideas. I roughly sketched out two concept ideas for each of the three words, as shown below, and ended up with six total concept ideas for these typography graphics.

Putting ideas into a digital context – Adobe Illustrator

The next step after sketching out some concept ideas for these typographics was to make my final ideas. I decided to use illustrator to finish off these concept ideas and bring them to life.

Illustrator – mid-contsructing my hierarchy idea.

Utilising the fonts that I had picked out as my favourite, as shown above, I briefly put together my ideas, allowing me to explore with them more in a digitally visual way which is important as it allows me to get an idea of what it looks like.

Here are my final three concepts put together in illustrator:

Hierarchy

Readability

Legibility

Shown below are my three final designs for Readability, legibility and Hierarchy.

Readability

my final Readability design.

I only made one adaption to this as I was told from my previous design that there was too much going on. I had one too many ‘Readability’ texts on screen and this, as it is now, is much more viable and readable.

Hierarchy

My final Hierarchy design.

Legibility

I also adapted this one slightly from the initial design as shown in previous screenshots, this was because my peers advised me to instead of having ‘Legibility’ at the bottom of this graphic in capitals, to have it written as a normal word would be (e.g. capital first letter, rest lowercase). This was suggested as it’s known that words are much more readable or ‘legible’ when written in such a way. This really did enhance my graphic and made it much more readable and aesthetically pleasing. I was really happy to gain this feedback and adapt my work.

Typefaces

One typefacenthat I like:

This font called ‘Avenir Next’, which I discovered using photoshop, uses a type face that instantly attracted my eye and is shown below:

Avenir Next:

I think the reason that I like this typeface used in this font is because of the ease it takes to read it. due to the shaping of the words, it makes the words more recognisable and therefore a lot easier to read compared to a typeface in block capitals or with unrecognisable and unfamiliar shaping. The spacing in between letters is well spaced and this further makes the individual letters stand out and easier to recognise the shaping of. the spacing in between words is much more than between letters, making it easy to establish where words end and begin. This spacing is key not only to establish the letters and words begin and end but to establish where the shapes, that we recognise as words, begin and end.

One typeface that I do not like:

This font that I also discovered the designing a logo and seeking a font to use, it is called ‘Andale Mono’ and I do not like the typeface used in this font, shown below:

Andale Mono:

The reasons I don’t like the style of this typeface is because of its very unfamiliar and feels like intakes quite a lot to read it. The shaping of the words being so square really threw my mind off because it was so unfamiliar to the words being presented. the shaping of the lowercase ‘i’ and the lowercase ‘L’ looks as if they have serifs on them, however no other letters have this which I found very off putting. I think that the difficulty in understanding this font as well as being confused by the style of the typeface really just emphasises how unsuccessful it is at communicating words efficiently.

Typography – Brief 5

We were tasked with the brief to create a ‘Typographic Information Graphic‘ A4 size.

Step one consisted of reading the blog by Wendy Corbett titled ‘Lets talk about fonts’ as linked below:

https://wendycorbettdigital.com/2020/07/31/lets-talk-about-fonts/

and from reading through this blog I configured a mind map including the information that I learnt about typography. This mind map is pictured below:

This mind map shows all the different things that I gathered about typography from Wendy’s blog.

The first section is about classifications which includes different decorative styles, script and manuscript fonts, variable fonts, the legibility and readability of each font and how you should work with one variable font.

The next section was colour, this included how colour can be used to accompany the contrast of typography and emphasise the contrast more too. Also includes about how the different colours (ie. shades, tones and brightness) can communicate different moods and messages according to the specific colours used.

The next was contrast and how the contrast can be utilised to emphasise the message of a piece of typography, this can be emphasised through the font used, boldness of colours and font sizes of specific words or letters.

The next section was hierarchy which can be emphasised through the font sizes and shapes of typefaces (e.g. the bigger the font, the more important it is.) and also hierarchy in communicating to a target audience, one example of this is brighter colours appeal to younger audiences as this is what they are drawn more to and relate to the most. Brighter colours contrasted with darker colours can also emphasise the difference between two moods.

The next section was about shapes, this relates to the typefaces of fonts and also readability too. This also includes using different shapes to create a word or letter or even using objects to create words. Shape also creates authenticity, using consistent shapes or objects can make your typography more original and familiar to you as its creator and it helps to communicate a septic message consistently.

The next section was size and how this communicates meaning. Apple’s SF font is a really good example of a font that is efficiently readable at any size. Size also relates to hierarchy and contrast as the different sizes can emphasise different comparable messages.

The last section shown on my mind map was style, this includes the concept of anti-aliasing and how its bleak and is similar to serif but more prominent. This also includes about the classification system of fonts which has 15 different styles within it. Also the concept of ‘Apex’ which is used to refer to the top of the letter form.

Step two then consisted of me creating a mood board to further emphasise the aspects of my mind map about Wendy’s blog that inspired me as shown below:

After expanding my knowledge and understanding from the blog and creating an inspiration based mood board, I decided to create some rough concept ideas for my A4 infographic. These concept ideas are shown below.

1.

This poster displays three different aspects of typography that I felt really define and communicate the meaning of a piece of typography. Size, colour and contrast are all things that really stand out to me and are three things that I really consider in depth whenever I make typography.

2.

3.

After exploring these different concept ideas, I chose to use the history of the serif font as my infographic theme.

I used the same rough mock up idea but spaced and positioned everything to make it more readable/understandable, I also added dates to make it more of a timeline and to give a little more context behind each font.

Displayed below is my finished typography infographic based on the theme ‘the history of the serif font’.

Projection mapping research – CNU’s Campaign case study.

Christopher Newport University’s (CNU) Campaign finals

Location:

Newport, VA, USA

List of gear used in this projection project:

Christie 4k30 boxers
Pandoras Box media servers
16 projectors

Produced by:

Christopher Newport University – Amie Graham Dale

Quince Imaging Team:
Project Lead- Eric Gazzillo

Multimedia Director- Katie Wilson

3D Modeling- Dave Glanz

Projectionists- Anthony Magdon, Evan Doss

Media Server Operator- Liam O’hanlon

Screen Construction- Chris Gagen, Legacy Scenic

Scaffolding- Buddy Hogan, Event Tech

Date: Sunday, September 16, 2017

CNU concluded their campaign including the Virginia Symphony Orchestra who performed a long piece of music which was then synchronised to a multimedia light show, which was produced by ‘Quince Imaging’. The campaign started in 2014 with a fundraising goal of $42 million, this exceeded expectations by leading to grossing a total of $66.2 million. This event was to celebrate the three years of the fundraising campaign.

Quince imaging was the main company that provided the means for the multimedia production including providing 3D image mapping, architectural projection, creative design services, imaging content, projection mapping services Quince imaging used ‘Christie 4k30 boxers’, Pandoras Box media servers, and 16 total projectors to produce the show, meaning that they ended up using 360k lumens of light for maximum brightness.

Below is a gallery of screenshots from the video, that I found on quince imaging’s website, showing the production:

(All images sourced from Youtube)

The final performance of this projection production was a 12 minute piece called “Defining Significance”.

I felt really inspired by this production as it gave me some really good ideas of effects that we can try to recreate such as using building parts to create the effect of the building building itself part by part in such an engaging way. I think this is something that we as a group should implement into our projection mapping project and apply it to our narrative as I think this will make it much more engaging and communicative.

Mise en scene

French meaning: ‘placing on the stage.’

Mise en scene includes everything that you see within a frame, this may include:

  • Costume/props – communicate a personality or role of a character.
  • Acting – communicates the intended characteristics and traits to accompany the narrative.
  • Lighting – high-key and low-key lighting can represent good and bad, happy and sad etc.
  • Set design – Establishes a scene, a place and atmosphere.
  • Semiotics – study of symbols – symbolism and representation within a scene.
  • Actors etc.

Mise en scene of a scene within a moving image simply displays the representation of how the artistic vision and intention for a piece is meaning to come across shown through all of the various conventions.

Calendar photos – adding typography to reach my final images.

Now that the editing of my images was done, it was time to add typography to my images, following the theme of calendar photos, I decided to use month names as the text I was adding, below I have shown the before and after of adding the typography to my images and explained what I did and why.

1. High Street: ‘People’

I wanted to use the words of months to make the image more enticing and to provide a gaze motion with such a style that doesn’t take away from the focus of the image itself. I decided to use the font ‘Bodni 72 small caps’ for this image as I found that the formality of the font correlates well with the traditional style of buildings and the street, allowing the typography to blend into the image and its environments. I also decided to lower the opacity of the text so that the image still has its entirety displayed, making the environment of Worcester emphasised and more enticing for the audience. I chose to stylise it by having the text layered behind and in front of the buildings, this was because I wanted the audience to be reminded that the buildings are a key factor of this image and a key factor of Worcester itself.

2. High Street Statue: ‘Consumable’

Following with the theme of calendar months, I decided to use the same font (‘Bodni 72 small caps’) for this one with the text ‘May’ super-imposed by the statue, I did this to keep the statue as the centre focus of this picture reminding the audience that the image is primarily displaying Worcester and allows the audience to appreciate and acknowledge the environments displayed of Worcester without the typography getting in the way. I also made sure that the text wasn’t blocking any if the restaurant signs as ‘consumables’ was the main focus of this image so it was significantly essential that I ensured that the signs were a focus in this image too. I, again, lowered the opacity of the text so that the rest of the image is still visible and didn’t take away from the effect that I used with raising the saturation and brightness of the colours on the restaurant signs. I also made sure that the text was the same height as the buildings on the left of the high street to ensure that the audience’s view isn’t taken up into the sky, ignoring the high street, as the high street and consumables should be the primary focus for the audience’s viewing.

3. Old Street Aesthetics: ‘Street’

For this image, I wanted to use contrast between the text and the image itself. The main thing this image is meant to represent is a street but mainly to display Worcester and all its historic aesthetics. I chose to use a more contemporary font following the curb edge to contrast with the old, traditional style aesthetic of the street and building within the image. I used a white coloured font again, but this time it was to blend in with the colours of the building, this was because although I wanted to use contrast between the text and image, I didn’t want to take away the focus from the image and m are the text more prominent, for that reason I used the colour white so the the text colour blended in with the image, however, the contemporary font reminds the audience that even though Worcester is an old traditional aesthetic place, it is still a contemporary friendly place.

4. Cathedral framing shot: ‘My choice’

This image was my favourite image out of the five and I really loved the general aesthetics of the scenery and foreground textures and so when it came to adding typography, I didn’t want to ruin that aesthetic. I chose to stick with the same font ‘Calibri’ for this and place it in front and behind buildings. I layered it behind the cathedral intentionally, to highlight and emphasise the cathedral even more, the white text behind the cathedral really made it stand out and more prominent which I think, alongside the fact that its placed in the centre of the frame, really emphasises the importance of the cathedral as part of Worcester but also as part of this image. I added a drop shadow to the text to make it more visible sitting on the sky, and layered it behind the bridge pillars, positioned either side of the image in the foreground, to ensure that the texturing of the foreground wasn’t ignored.

5. Worcester bridge: ‘landmark’

I chose to use the ‘Bodni 72 small capsfont again in this image as it fit the old photo style that I was trying encapture through editing. I decided to position the text along the bridge as if its standing on the bridge to add a sense of subtleness and formality that comes along with the sense of oldness in an ageing photo. I lowered the opacity slightly of the text to keep the image emphasised but also to add to the wear and tear style of the photo. I also added a very subtle water reflection of the text from the bridge to make the text blend in more with the environments of the image. I also added a slight drop shadow to make the text clear in what it says and bring out the text without taking away any importance of focus on the main image.

Create your website with WordPress.com
Get started