About Page Icons

 

For the 'ABOUT' section of my website I chose to make some icons for each of the members of the band. To do this I made a circle with a gradient and a border and placed an image of a member on a layer above that. I cut out the backgrounds from each photo of the members and positioned them over the circles. I selected the border of the circle and erased that section on the layer of the image of the member, leaving out sections I wanted to overlap the circle like the top of a head or a hand. I then erased whatever I didn't want outside of the circle.

Audio Visual

 

For my 30 second audio visual component on my website I wanted to make a trailer for a film about the band. In this video I wanted to have some shots of a live performance from the band; to do this I had to 3d model an arena based off of reference images of the O2 in blender.

I quickly made some models and applied an image texture of each member to them, applying armatures so I can add movement to the characters.

I then added them onto the stage and posed them, giving them simple animations so from a distance it would appear that they are alive and moving around.

I made simple titles in Blender.

Here is the timeline in DaVinci Resolve for the video.

NEA First Draft

 I was unable to export the timeline without DaVinci crashing so I had to screen record the playback within DaVinci.

https://jamesedphil.wixsite.com/2kn4

Record Photoshop and animated elements

 

In this lesson, I redid the record for my website by putting a 2KN4 label on the record. I also redid the perspective as it was slightly warped before. I also added a record and cd element on the website that spins on loop like a real disc.

First Draft Feedback

 

Key Improvement points to address

• Handshake seemed slow
• timings in middle of video- lip syncing looked off
• Floating heads- fade away at bottom so it doesn’t just cut off
• Shots with houses in background
• little bit samey 
• needs more random shots between lip sync, needs to be more mixed between the two
• ethan parts are weak
• Include jack walking shot
• NEEDS WMG at start and end
• more use of frames in the video- camera, mirror

CD Products

 

Band member silhouette

 

To integrate an element I liked from the 5 Seconds of Summer website I got my models to jump in a fun pose. I then imported the photo into photoshop and added adjustment layers to adjust the colours to look better. I then cut out the subject in the photo, removing the background. I then selected the subject and used a paint bucket to fill the shape with white. Then on Wix I added an image button and set the regular image as the white silhouette and the hover state as the regular cutout, adding a dissolve effect between the two states.

Creating Merchandise: CD

 For this I went to a charity shop and bought a Greg Davis CD so I could use the case and disc to make a fake CD of the album titled 'After a While, Crocodile'. I quickly designed a simple case design using the album cover design I'd previously designed, and then printed it out at an appropriate scale for it to fit the case.

I removed the existing pieces of paper in the CD case so I could put in the new ones. After printing I cut the designs out and glued them together to strengthen it a bit more. I also glued a simple disc design onto the actual CD.

Tour Dates

 To make the list of tour dates I made a list in word of some of the venues that one direction had visited on one of their tours. I also added dates to each venue, leaving somewhat realistic times between shows for the band to travel and also to rest. I made a button that when hovered over would change colour and when pressed on the homepage would take you to the full events page on the website. I made a list of these buttons with the name and date of each show on them. I titled the tour that the band would be going on the 2kNTour to fit with the brand identity. I also added text besides some of the boxes to say either 'SOLD OUT', 'NEW SHOW', or 'LOW TIX' to make it appear that there is engagement with these events and that they are popular.

Newsletter Popup

 Here is the process of me designing the popup for the newsletter on my website. I used a photo of an instax mini photo I took and cut out the photo in Photopea. I then placed a photo I had taken of a couple band members and added adjustment layers to make the photos look more like a polaroid photo. After adding the photos in I decided to add a gradient to the box to make certain elements pop.

Fake Spotify Embed

 

Here is a screenshot from Photopea showing the layers involved when making my spotify embed for the website.