Digipak: first and second grid

The Grids

In the end after assembling the first looks at the digipak, we decided to go for a 2x2 as we can produce one in real life and we have better ideas for it.

Starting off the Digipak, and looking at the template, I decided to change the colours of the template so it fits the colour of the actual digipak, being all black. The reason for this is to follow the conventions of trap music where all the sources of marketing and presenting need to harmonize together as similar media texts to create a sense of branding.

Ten was the one who designed our website and here was his process:

Firstly, since it's hard to see the borders of the all black colour, Ten changed the colour of the adverse grids to be a lighter black, however this is not too visible to the naked eye and you can only see the difference when tilting the computer screen so that the colour is brighter. Once you use the paint bucket tool or the select tool, you will be able to see the grid clearly.

He started off making the digipak by making the front cover. However since  the photos for the front cover yet, Ten only made the title and the artists name only where he downloaded a font which represents trap, being messy and graffiti like. It was the same font as the one used in the Logo. The font is called Urban Decay.

The 2nd grid located at the bottom is the place where the CD will be placed. For this, Ten downloaded a png file of CD image, made the background transparent and placed it on the right grid at the right size.

After the plannings, Ten went away to work on the details of the second grid of the digipak.  The second grid is the back cover of our digipak, for this process, it was a more simple text approach on the digipak instead of anything fancy such as transformations.  The digipak was made to look professional by making sure the texts are the right colours, the right text and the right size to make sure it looks professional and suitable for the digipak.  For this, Ten was also influenced by past trap album digipak designs where the back cover having only the label, the songs, the name of the artists and a barcode and background.

Ten tested 1 design first before changing it to the current design. The previous design had a published by on the bottom left which made the back cover irregular, so he moved it to another place which seemed suitable and in the end the final back cover ended up like the new design. The digipak also contained an added background to the back cover to give the back cover more flare. The background was a photo taken during the filming, however we didn't use thus I placed it in the digipak instead.

Digipak: Making the inside cover

Inside Cover

The last part of the digipak are photos of our school event, the prefect disco, there, George and I (Pooh) were able to go up on stage to perform the DJ mixes. I was the hypeman for George who was the actual DJ for the event. As a result, we took the opportunity to take photos for our website and digipak.

Here is the assembly process.

For our edits, the gausian blue was a tool that really helped set the subtle mood of the digipaks. Moreover, the gausian blue will help blue out the sides of the photos to give it a "drunk" look.  

Here is the final digipak.

Digipak: Small touches

The Small Touches

To make the other grids interesting for thew consumers, Ten really took good care of adding details to the back covers and the grids for where the Cd is going to placed. He added the scenes from our music video that is seen to have a lot of special effects to make it seem as if the album cover linked with both the website and music video in order to promote our style of "being drunk".

Digipak: Assembling the template

Website: Rough Assembling Process

Rough Process of the Website

This is the process of making a website with the use of wix:

Here is adding the slides and the header bar, I did this via the small add sign on the left. When you press it, there will be a menu where drag and click  the options we want then it'll appear. Depending on where it was placed at first, we can simply drag it and it will lock itself into the place you dragged the object. For this case I added slides. 

Slides is a way to convey information, it is basically a powerpoint presentation in a website. Viewers are able to see the person navigating the site and its information for each slide. 

You can upload both photos and videos onto the slide. I will be putting the music video on the second slide once it's done and for now I placed a temporary image with our logo on it.

I uploaded every single thing we needed on the website all to the images onto wix. This allows for quick access of any of the photos.

This is the tour dates page on the site. I made this by adding the text onto the website with the add key on the left. I dragged and drop it so it's placed right there.

At the bottom we see Shop Goods Now, as you can see, the top right box on silverlining of the text says button. A button is there so that we can navigate through the website. In my case, I placed the button to the shop where it is usually located in other website, underneath the tour dates.

Here is a temporary finish to the digipak

I made this by just placing a text and a shape. When the digipak is done, I'll be placing the digipak cover on top of the alternate shape and text.

The itunes and soundcloud are images with links to the website of itunes and soundcloud. This makes it so that they can move to itunes and soundcloud if the consumer wants to buy Faded 2.0. We don't have our own website and music due to copyright.

The button is on the header so it acts as a navigation bar.

This is the shop page that was available on wix to create. All we do is change the description the names, the prices and the images in order to create our own shop.

In order to make the website we have even more realistic, each product has a dedicated page to it. This is done by the use of the wix store included with the website creator. We are able to upload our own photos for each product and our own price and description.

This is an anchor I placed. An anchor makes it so that when linked to a button and pressed the button moves us straight to the anchor. The anchor is invisible to the consumer.

I placed an anchor here so it goes the tour section when you press the tour button.

Here is the setting of the links for the social media links. We set a task bar then we set the link to each of the icons. We made a set of oni8 pages for twitter and facebook then we set the pages on the icons.

Since our target audience tends to me in the young adult part of the generation, it tends to be that they will be using their mobile phones to explore the internet quite often, sometimes even more often than using a computer. Because of this I wanted to see the mobile site. Luckily with wix, they automatically convert all the pages to the mobile site. The picture below is the final product.

Post Production: Other Effects

Other Effects

After filming and deciding on making a scribbling effect on after effects, George, our editor worked on the edits and decided to add a few more effects to the video to make it as if it was a legit "Trap Music Video". 

We have filmed all the scenes we planned already, now is the matter of time we edit this whole video. With this video, we tried to make sure the editing was on point, making sure each cut was on the beat and making sure we had sufficient amount of special effects into the video in order to make the video a trap music video. We decided to do this as we don't have the resources and the budget to make up all the special trippy lighting and places which were suitable. We also weren't at the age where we can enter these places thus we had to go for another feel.

With the light leaks special effect, we learnt how it's made but at the current time, we didn't have a proper camera as we weren't with our camera man. How the light leaks special effect is made is we start filming when it's super dark in the room, then we just shine a flashlight into the camera and moving it around to create the effect.

For the mirrors and glitching, we downloaded a preset as we didn't know how to make it then we edited it into the part itself.

The cutting was simple cutting and placing into the right times.

Here is the timelapse of the whole editing edited.

Post Production: Scribbling Effect

This is the first time-lapse of recording the process of creating the 'scribble' effect. A lot of the minor scribbles, where there were not many frames in series to create the scribbles, are done for the first instrumental section. If you watch the part where it says the name of the artist, 'Zhu', it shows the process quite clearly. A lot of the work is in repetition.

Initially, we learnt how to create scribbles through this video:



The video explained how to create scribbles in Premiere, however we found another video that showed how it could be done in Photoshop:

We found Photoshop would be easier to work with, as we have more experience in Photoshop in terms of digital art, and also for the scribbles we thought it would be more flexible.

As mentioned earlier before, this was mostly inspired by Jack U's music video for Take U There:

We found that creating scribbles was time consuming, so we decided not to go as much as the animations in Take U There.

Second scribble process.

One of the references we wanted to add is 'nice one feed me'. This is a reference within the electronic music scene's culture. An artist called Marshmello has been getting attention recently, and one of his iconic features is  his mask, so his face has never had an official reveal, similarly to Daft Punk. However, there is a Snapchat story circulating coming from an artist called Feed Me, and in the snap there is a reflection of what most likely seems to be Marshmello's real face. The phrase 'nice one feed me' is a joke, as Marshmello's identity has been speculated since 2016, however this snap has ended the speculation, attention and potentially exposure Marshmello has been getting recently.

We have also included a reference to one of our inspirations, an artist named Getter. What makes his music videos iconic is the use of an art form called grime art. This can be seen on Getter's music video Headsplitter:

This series of scribbles include mostly working on hair animations as seen from Jack U's music video of Take U There.

More scribbles