Final Digipak

Click to enlarge.

Final Magazine Ad.

Click to enlarge.

Music Video, Rough Cut

Fireworks - Rough Cut from Media Group on Vimeo.

Creating the new disc art

The stages of creation for our disc, from importing a blank CD template into photoshop to this the image below, were exactly the same as seen on the creation of the magazines poster. As they were produced using exactly the same methods and tools. However the disc has one further stage that was not on the poster.


We wanted to add a burnt effect to the disc to link into our video's style. To make the image look like it could burn, we overlayed the below image of paper texture:


Then, we used the eraser tool to rub out parts of the cd, and these bits would be the bits that had been burned away.


Next, I used the paint brush tool to paint the edges of the burn area a darker brown, and then used an innerglow by clicking layer>layer style>innerglow. This effect would be made dark and would make the rubbed out edges look as if they had been burned. This prodiced the final result below:

Creation of Magazine poster ad

Using a blank A4 canvas, I simply used the rectangle shape tool to create black rectangles on the white background by dragging the mouse from the point where I wanted the shape to start to the point I wanted it to end.



These stripes would each play host to a line of text on our poster.

Next I added the text using the horizontal type tool.



The font used was our house style font 'Roadway'. I used the free transform tool to place the text where I wanted it by pressing ctrl+T. I then changed the colour of each line of text so that it would be the opposite to the colour of the stripe it was on. Do do this I just highlighted the text and clicked the colour box so that I could choose a new colour, then clicked OK. These steps produced the following:


Next we had to add a picture of Remi, the artist featured in our video. First we had to chose from some images taken on an iphone 4. Here are some of the images we had to chose from:






The top image is the one we chose to go on our poster. Before it was ready however, we had to import it into Photoshop and then cut it away from the background using the polygonal lasso tool.

I then deleted the background of the photo and dragged the layer containing Remi onto our poster image, resized it using the free transform tool and placed it where I wanted it. However to fit the style of the poster, we had to edit the image. By clicking filter>sketch>stamp, we applied the stamp effect to remi's image. This gave us the following:


Finally, as with the CD cover, we applied an orange gradient using the gradient tool after importing a the logo for our record label and a 4-star rating from google images into our picture and placing them where we wanted. We also added the websites such as that of our label as well as logos fitting to our work. This produced the final product - shown below:

Creating/Editing the video

Once everything was filmed, we had to edit our video using Apple Final Cut Express. The first stage was to open final cut and create a new project, providing us with the canvas on which our video will be made:

We then uploaded our footage from the camera to final cut and placed it in the browser. This is where raw, unedited footage is stored and can later be brought down into the timeline to be cut and edited.

Once this was done, we had to upload our audio so that the two could be put together, we uploaded the song in a AIFF format as this is the only format accepted by final cut. We needed the audio so that we could sync our video with our song. It then appeared in the browser, and was dragged into the timeline:

Before we could bring our song into our video however, we had to first make some small adjustments to it. For this we used garage band. We cut 13 seconds off the end by using the master volume function, making the audio fade out at the point we wanted:

Now that everything was in the right place we were able to get on with editing our video. Here's how:

First of all we would select the footage we wanted for a certain part of our song. (in the above case, the beginning) and drag it into viewer for a preview. If it was the part we wanted, it would then be dragged into the timeline where it could be cut and synced to run in time with our song.

Footage placed in the timeline would look like this:

We would then use the indicated razor blade tool to cut the video down into its various useful frames. Unwanted areas could be sectioned from the rest with the razor blade tool and then deleted, whereas wanted footage could be detached from the main footage and moved around as we please. The first cut of the project is shown below:

This process was repeated with all needed footage until we had our near-end result. The video with all cuts completed is shown below:

Now that all our cuts were in place, the video was almost done. However it still was not finished as we had to add our transitions. After deciding that cross dissolves best fitted our work, we selected them in the effects tab and dragged them over all of the cuts to make them cross dissolves:

The video at this stage was almost complete, but to give it a more professional effect, we added colour correction.

Some parts of the video, such as the burning picture at the end, needed to be slowed down in order to fit into our video better. For this we needed to change the speed settings of selected footage. To edit the speed of a clip, you need to right click it and click 'speed'. From here a window will appear that looks like this:


100% is the setting for the original, unedited speed. To slow clips down, we needed to decrease the percentage to a setting we felt fitted the music, like so:


Now that the speed, colour and order had all been corrected as we desired. We needed to add some final touches to make the video look like it was from a music channel. To do this we added a watermark logo and flashbar from 'Viva' into our work. Both were made on Photoshop are are shown below:


To bring both images into our work, we had to add them to the timeline, creating the style of a music video. The flash bar would be on screen for the first 4 seconds, and the watermark logo would be in the top left hand corner for the duration of the video, and so it was streched to cover the length of the audio.

Creating the CD outside cover art

As the song is called 'fireworks', we thought it would be only fitting to have the front cover reflect this in some way. In our research we had observed a few main features of CD covers in our genre.
- Bold Text in a clear and bold font
- Not all covers had artist images
- Use of vibrant colour

We have decided against using a picture of our artist as one will be featured on our magazine advert. We have also decided to use a theme of fireworks overlaying clear and bold text. Below you is a rough design of our idea:

FRONT COVER

This is a rough layout we intent to use on our cover, over a black background. We are aiming for a simplistic style in our design.

From here, we created our entire cover on Adobe Photoshop, here's how:

We first created a new document w the dimensions being 12x12 inches

We then created our background layer, using fill tool on the document we created to make it black.

We now have our canvas. The next stage required us to find images of fireworks that we could then manipulate into looking like the clip art styled images we need.

We found a suitable image of a firework through searches on google. We then imported the said image into photoshop. First we desaturated it to make it black and white by clicking Image>Adjustments>Hugh/Saturation... We than applied the following settings:

Now the image had become black and white, we had to apply an effect that would give it the clip art like appearance. We chose the stamp effect by clicking Filter>Sketch>Stamp... We then applied the following settings:


We then duplicated the result so we had two copies of the firework clip art on our document. We used a colour overlay to make them both white and placed then where we thought best. Here is the result:


Now we had the fireworks in place, it was time to add the text. We searched dafont.com for a suitable font and we discovered on named 'Roadway', we imported this font into photoshop and, following the rough layout of our plan, added the text to the image using the Horizontal type tool tool.



We then changed the colours of of text. To a pale orange and a very slightly orange tinted white. We also placed the text and changed its size by clicking Edit>Transform>Free Transform. Here is the result.

We then added a gradient to give an orange theme to the front cover. The gradient was added with the gradient tool on the sidebar and the following settings:


We also added the compulsory parental advisory logo into the bottom corner and here is the result:


The bulk of the work is now done, but we still need to add the effects that will give a professional look to our cover. First of all, I wanted to give the cover some paper texture so that it carried a similar style to the poster and our disc, which are all paper themed. I found that many of the photoshop effects available to me were not good enough as they were too neat and structured in their design, so i decided to find an image of paper texture through google. This is what I chose:

Once placed in the document, this image obviously needed some editing before it gave the desired effect. First we had to set the blending mode to overlay in the layer pallet so that the image would blend in with our cover. However this was to strong so the opacity had to be changed, these are the setting given to the layer:


This produced the following:

Now the cover is almost complete, all that remains is to overlay the firework images, again found in google, to give our front cover the final touches it needed. The following images were found:

Once placed into the cover image, these layers were both given the blend mode of overlay and each had their opacity changed to levels that suited us. Once we were happy with the result, we readded the parental advisory logo and we were finished. Here is the end result:


BACK COVER

Click to enlarge

SPINE

Creation of the spine was quick and easy. The spine is 0.8 inches wide and 12 inches in length. As with the front cover and the back cover, we followed a number of stages.
-background of spine set to black
-Roadway font, Horizontal Type Tool and Free Transform used to make the text span the entire spine as seen on many covers we researched.
- Text set to the same pale orange and orange tinted white colours as used in the front cover stages.
-Young Money record label logo imported from google and placed at the top of spine, as seen on other young money CDs.
-Finally, a firework image added on a layer over everything. The blend mode is set to overlay and opacity is changed, as before.

Here is the final result:

Making the disc art