Monday, 28 January 2013

Editing: 28/01/13



I have also added another image to the banner, which says that you can purchase the new song and album iTunes, which is easily accessible and appeals to our target audience. 


On the info page, I have added the title on to a green bar, which is the same throughout all of the pages, which creates consistency. I have also changed the font of the text so it matches throughout. I then uploaded a picture of the back of the album cover so it is recognisable.


I then added the gallery title and the green bar to the gallery page.


I then changed all the fonts on this page to match the rest of them throughout all the pages on the website. I also wrote up all of the text on this page, saying when our bands performances are going to be, and where they are being held. The buy tickets button also links to ticket master.


I then added the title and green bar to the Merchandise page. I created on Photoshop the bits of merch to put on the website. I also customised all of the fonts on this page.





I added 'The Reservoirs' logo to a mug, to a hoodie and to a phone case, which is the type of products which will appeal to our target audience/fans. I added them to the shopping part of the page and added the titles of what they are and the prices.
When you click on one of the products it will enlarge so you can see it properly and use the arrows to navigate to the next item. 


When you click on the add to cart option the product will appear in your 'basket'. I linked these together to make them look professional.


I then added the title and green bar to the Contact page. I changed all of the fonts to match the rest and added an address to contact the Production Company. I also added the bar of social networking sites so that fans can contact the band that way instead.

Sunday, 27 January 2013

Editing: 27/01/13



Here I customised the font I wanted to use and added the 'Check out the new Strangers video' wording to appeal to fans more and so they know what song the music video is for.


I then added the tour dates title which I linked to the tour page so that all of our bands tour dates can be seen, however the ones on the homepage are the performances which are at the O2 academies, proving that we have a connection with them.
I also changed all of these fonts, and added the 'buy tickets' image, which I have linked to ticket master to make our website seem that extra bit professional.


I then added the twitter title which will link to our bands twitter page, you can also see here the most recent updates from the band.


I also added this image which also links to ticketmaster, but is a more familiar icon so that people will know straight away where they will be led if they click on it; it is a more direct link.


At the bottom of each of the pages, you will see a block of social networking sites. I have added these images as the original icons weren't in colour, however I added the actual logo do that people know exactly what they are. The facebook and twitter buttons will link to the band's pages, and the youtube button links to the Strangers video.

Saturday, 26 January 2013

Editing: 26/01/13



It was then time to add the titles of each page on to the homepage. I did this by creating an image on Photoshop with the font 'Sandwich' which we downloaded from DaFont and used throughout our digipak. We wanted to use it for the titles and links on the website so that there was consistency through both platforms. I then uploaded these images with the correct words on them and linked them to the page that the button will navigate to. I placed them all next to each other, all the same size so it looks professional. These buttons I placed at the top of the homepage so you see them straight away and know what they are for.


I then added the relevant titles to the rest of the homepage. We have a slideshow of images on the left which will link to the gallery when you click on the title. The music title doesn't link to another page because the music video is already shown on the homepage where it will be seen and watched straight away. I also lined all the titles up together using the green bar making them stand out more.


You can see here that the background image most definitely blends in with the green coloured bar underneath the titles, which means that all the colours match.


Here is another title which also doesn't need to link to another page as all of the latest news is displayed on the home page. It is also easy to see here that I changed the opacity of the light brown background so that the picture of the tunnel can be slightly seen through it, making it more interesting. 
I have also changed all the fonts on each of the pages so that it will fit in more. To do this I had to customise each font that I wanted to use and then apply it to the text that we have.

Friday, 25 January 2013

Editing: 25/01/13

Today I edited a photo taken of a grimy, worn looking tunnel. I believe that it would be perfect for the background of the website.


Firstly I changed the colour balance so that I could add a more greeny/browny tinge to the image to match the rest of the theme.


I then adapted the brightness by a small amount so it wasn't as dull and dreary. I also upped the contrast as the digipak has a high contrast and I want all of the images to look similar. I also cropped the top of the picture so the top of the picture was just the top of the tunnel, getting rid of the too bright daylight.

Thursday, 24 January 2013

Editing: 24/01/13

Also today I started to work on the website. Nothing had really been done to it as of yet, except the template had been chosen which we were going to work from.



These are screen shots which I took from our music video, which I thought could perhaps be used for the background of our website pages. However, when they were scaled up they were far too blurry and pixelated which didn't look professional at all.


So instead I changed the background to a plain colour until I could go out myself and take some photos. I worked on the banner which was the top part of the digipak front cover. I thought it would be best to use the exact same theme so that it is recognisable both from the digipak as well as the website that this is our bands style.


I then changed the colour of our play button which plays the music automatically when a fan reaches the site. You can pause it if you want to. I made it light brown to fit in with our colour scheme.


I also made the middle section of the homepage a light green and the title backgrounds a darker green so it would also fit in with the colour scheme. However I am not too sure whether I will keep it like this depending on the background image as it must fit in.

Editing: 24/01/13

Today I carried on editing the digipak and started on the front cover.


Firstly I changed the amount of shadows and highlights on the picture as I thought it needed more of a moody effect on it. I only adjusted it by a slight amount.


Also I decided to change the way that the tracks were listed, as I thought they were still too scattered and would look neater if they were all in line as a bunch and it would fit in better with the overall theme of the digipak with the words placed on top of each other.


I then added a barcode to the bottom left hand corner of the back cover to make it look more professional, and I also added next to it our Production Company logo - FancyVision. I also put the Copyright logo on it, and the year that the album was released.


I have now started to work on the front of the digipak. I am using another image which I took myself. It is of a wooden garage with the main singers guitar leaning up against it. The reason I chose to do this is because it tells a story of where the band are from, an urban city area which is a bit run down and rough. The guitar represents how much they are into their music and couldn't live without it.


I first changed the saturation down a little bit so that it was not as bright and colourful so it would match the back cover in regards to colours and moods.



I then changed the colour balance of the image, this was so that I could match it perfectly with the back cover. I added a slight amount of green, and a little bit of yellow, to achieve the greeny/browny colour which has been used throughout our music video and back cover so far.
However after comparing it with the back cover, I thought that it needed a bit more red to make it more brown rather than yellow. So I added a touch of red and a little bit more green and I got to the colour I wanted.


 I then added a higher contrast to the image to highlight the darker parts of the image, like the minor details in the wood of the garage, and also the branches sticking out from the left bottom corner. Overall it looks more interesting like this.


I then created new layers for each word of text to be put on to the front of the digipak. This would be 'The Reservoirs' - the band name, and 'Strangers' - the album name. I did this so they would be alot easier to move around to decide where they look best.





Firstly I changed the opacity of the words, so that they are not so bold and look as if they have been integrated in to the wood of the garage. This gives the 'rough and worn' effect that we are looking for. 
These are all of the different places where I put the wording, and I had to try to decide which was the best one. After moving the text around numerous times I rotated it to see if this looked any better. 


After thinking that the the text would look better on the left hand side at the top I thought I could try and flip the image, so that I could do this and the guitar (main focus of the image) would be on the right, and the  image would be equaled out. This then looked a lot better.


After all I decided the text looked better with each word above each other, making it look more like a logo, and this looked more professional.


Wednesday, 23 January 2013

Editing: 23/01/13

Today I started to work on the back of the digipak. I used the picture that I took myself of the tunnels for it.




I started by desaturating the image so that it had hardly any colour on it, so I was almost starting from scratch with the colouring to make it match the music video the best as possible.


I then changed the brightness and contrast of the image so that I could make it less bright and with more shadows in the dark parts of the picture, to give it the same mood as the music video. I gave it a high contrast, highlighting the shadows in the picture, which is the look I was going for.



After doing this I experimented with the hue and saturation. I didn't really need to desaturate it any more as I already had done it, so I only slightly did more. I put the hue up a little bit to make the picture slightly more greeny, as it already had the brown tinge.

  
I then edited the colour balance of the image, so that it would exactly match the colouring in our music video. The bricks in the picture originally had a reddy tinge so I needed to get rid of this as best as I possibly could. I added a little bit of green to the image and also yellow to achieve the greeny/browny colour which I did.





I then felt the image was ready to have the text put on to it, which is the name of each of the songs going on the album. I created a new layer for each bit of text so I could move the all around separately, and I named them with each of the song titles making it easier for me to know where to place them.



 I started by using the 'Skew' tool to tilt and move each of the titles, and I scattered them over the area of the bricks, however all of them didn't fit, and I didn't really want to make them any smaller as they would be quite hard to read.




Instead I decided to place them in lines on the bricks, which I think looked better. I also put the words in order of the shortest at the bottom to the longest at the top so that they all fit
in nicely.