The website is now finished and above it a screen cap of it. Top view the website in full Click Here
Tuesday, 30 April 2013
Creating the website
To create our website we used www.wix.com We found it a lot simpler to use over Weebly (which was the other option for creating our website). Wix allowed us to create the website much more quickly and to a higher quality than most other sites.
Above are 5 screenshots from creating the website. We literally started with a blank template, first adding our final logo at the top. We wanted to keep the theme running the same throughout, and used images from our digipak on our website. We secondly created a side bar, with the other albums/songs available from the band on there. We then added the background, this was an image from our Digipak. We then added the different links, checked they worked. The last thing was to add the final video to the homepage.
Our final logo
Once we had researched into several other logos we had an idea in our head of what we wanted ours to look like, and decided that using a web font designer was the wrong thing to do. We wanted our logo to have a nice flow to it, and so we decided to hand draw it. Dom drew the logo and then we scanned it onto the computer and were able to use it on our website/digipak.
Digipak Creation
One of our tasks was to create a Digipak to go with our video. The Digipak is for an album of the band in which the song we used to create our video from is. We again looked at conventions and the branding of the band. The original bands website was a large influence to me when creating the look and style of the digipak. It's colour pallet contains mainly blacks and greys without almost any other colours being present. I started by looking into the sort of digipak we would use and then decided on this.
Once the type was decided the group gave their opinions on what should be placed where on the Digipak, with the following all being factors which needed to be included in the product.
- Defeater Logo
- Managing company's Logo (Bridge Nine)
- Album Name
- Song Titles
With the addition of Some lyrics and photo stills from our video, which was a design choice.
I started the creation by editing a still from the video. This was the front cover of the product.
To create cover art i took the still and changed the contrast, brightness and colour saturation. I then cropped part of the image and copied it, mirrored it and changed the transparency of all 4 images to create the background.
Then i asked a group member to write Defeater in a close yet different way to the current logo. The new logo was scanned onto the computer and a few small edits and cleaning was done to the image. For example the trailing part of the D was shortened and a few small white specks in the letters were blacked out.
Once this was done I placed the background onto the template and added the new logo, the bridge nine logo and the production company logo which was created by myself towards the start of the project onto the cover as well. The finished cover looks like this.
The song titles side was created by using a still from our shoot and making it very dark, mirroring it, cropping it and finally rotating the image. The text was then placed onto and both were added to the template. The disc holder side also uses the same image without the text, and the image was also flipped.
The remaining blanks in our digipak are filled with colour corrected and minor edited stills from our video. The train track image for example has had some blurring also done.
Quickly created mock ups were also done for some panels but I didn't further use any of them.
Once the type was decided the group gave their opinions on what should be placed where on the Digipak, with the following all being factors which needed to be included in the product.
- Defeater Logo
- Managing company's Logo (Bridge Nine)
- Album Name
- Song Titles
With the addition of Some lyrics and photo stills from our video, which was a design choice.
I started the creation by editing a still from the video. This was the front cover of the product.
To create cover art i took the still and changed the contrast, brightness and colour saturation. I then cropped part of the image and copied it, mirrored it and changed the transparency of all 4 images to create the background.Then i asked a group member to write Defeater in a close yet different way to the current logo. The new logo was scanned onto the computer and a few small edits and cleaning was done to the image. For example the trailing part of the D was shortened and a few small white specks in the letters were blacked out.
Once this was done I placed the background onto the template and added the new logo, the bridge nine logo and the production company logo which was created by myself towards the start of the project onto the cover as well. The finished cover looks like this.
The remaining blanks in our digipak are filled with colour corrected and minor edited stills from our video. The train track image for example has had some blurring also done.
Quickly created mock ups were also done for some panels but I didn't further use any of them.
Logo Research
Since we had to design our own logo, which would be used across all of our products, I decided to look into other logos that artists/bands use.
Above is the logo that acoustic artist Ed sheeran uses. His signature symbol is the paw print, so this is included at the end of the logo. It is fairly simple, but the text itself is too simple for us to base ours on.
Above is the logo that acoustic/country singer Taylor swift uses, which again is very simple. Acoustic artists do tend to keep their logos simpler than some other bands. This logo is something we helped base our logo on. The font seems to flow better and defiantly looks nicer than some other fonts.
Above is the logo for rock band all time low. Although not an acoustic act they have a well done logo. The same as Ed Sheeran's it includes both text and their signature logo, which is the little skull. The font itself is quite bold and not something that we were looking to re create.
Above is the logo that acoustic artist Ed sheeran uses. His signature symbol is the paw print, so this is included at the end of the logo. It is fairly simple, but the text itself is too simple for us to base ours on.
Above is the logo that acoustic/country singer Taylor swift uses, which again is very simple. Acoustic artists do tend to keep their logos simpler than some other bands. This logo is something we helped base our logo on. The font seems to flow better and defiantly looks nicer than some other fonts.
Above is the logo for rock band all time low. Although not an acoustic act they have a well done logo. The same as Ed Sheeran's it includes both text and their signature logo, which is the little skull. The font itself is quite bold and not something that we were looking to re create.
Editing
When we started to edit our video we first I had to import the clips we needed from the camera and filter out any which we didn't needed (since we filmed extra to make sure) we uploaded the song into the editing timeline and started slowly putting the different clips together.
Once we were happy with the rough cut, we decided to test out effects and transitions that would improve the video. We decided on several 'fade' effects and since the song was quite sad we decided to include effects to match the narrative of the story.
We decided to use a 'Black and White' effect (that I looked into in previous posts) once the narrative in our film reached it's depressing plot line. This was so it was it would relate the audience, because they would see how it was affecting the character and would be empathic towards him. Below is a clip from Adobe Premier pro, showing the effects we used such as "Cross dissolve" and "Fade" and how it links the clips together.
Once we were happy with the rough cut, we decided to test out effects and transitions that would improve the video. We decided on several 'fade' effects and since the song was quite sad we decided to include effects to match the narrative of the story.
We decided to use a 'Black and White' effect (that I looked into in previous posts) once the narrative in our film reached it's depressing plot line. This was so it was it would relate the audience, because they would see how it was affecting the character and would be empathic towards him. Below is a clip from Adobe Premier pro, showing the effects we used such as "Cross dissolve" and "Fade" and how it links the clips together.
Subscribe to:
Posts (Atom)