WEB: web banner - HORIZONTAL Firstly, I created a photoshop canvas the size of a horizontal web banner, known as a leaderboard. I used the fill tool with a purple (colour matched to their logo), and then used the shape tool to create a yellow triangle (also the colour of their logo), which i then rotated to create the final design of the backdrop.
Using the materials my client emailed to me, I inserted their logo and used the transform tool to make it fit into the desired space.
I used the line shape tool to add a border to the yellow triangle (one line in yellow, the other in purple). I then used the square shape tool, in purple, to act as a folded page of a book, tying in to the business of my client (iconography).
I found out their bestsellers of 2024, and downloaded the PNGs of their front covers and added them to the canvas - using the transform tool to create this design.
I then applied a low opacity colour filter over the books to make it less blatant, in order to make it work more seamlessly as the backdrop. Using a screenshot of their location on google maps, I added this to the web banner and added their socials too, with the logo of each social media. I also added a catchy and persuasive tag line, that fits the client.
To go alongside the screenshot of their location, I also added in their actual address as well as their website URL.
WEB: web banner - VERTICAL
I created a canvas the size of a conventional vertical web banner, then used the fill tool to colour the whole canvas the same purple. I then added their logo, added a shadow to give dimension, and then made title boxes for each of their book clubs.
I added a yellow border around the web banner, using the line tool.
Similarly to my horizontal web banner, I collected a range of their book club titles and used the transform tool to add them onto the canvas.
Lastly, I added their location and website URL
PRINT: poster
I created an A5 canvas for the poster (as per the client's request), and colour dropped it purple, before adding their logo and a yellow border.
I added the PNGs of their best sellers and added them to the middle of the page, for minimalism as per the client's request. I also added a phrase above for coherency.
Using Adobe's software, I created a QR code for their website and added this to the bottom of the poster, with a yellow stroke.
Similarly to the rest of the materials, I added their address and their socials, with matching icons of the social media.
Finally, using the line tool, I added a line between the address and the social medias to make it look more distinguished and legible.
However, based on feedback from a microsoft form sent out to my target audience, I altered my poster slightly to match the feedback.
AUDIO-VISUAL
promotional video
Firstly, i created a new composition for my tutorial, keeping most of the pre-saved settings.
I created all the assets for my animation first, before I created it, which made it easier so I could just drag them onto my new composition and put them together. Since this was just a tutorial, I made two pages that were the size of a book page.
I did this by creating a "solid" and changing the colour of it, as this meant they were easily distinguishable when the page was turning which was necessary so I didn't confuse myself, and could easily change the settings and find mistakes. For example, a later page turning too soon and cutting through the page for it, which was easily visible to see and amend due to the different colours.
Then, I copy and pasted them a few times so that I would have enough pages to make my animation look good, and realistic like an actual book turning. After I finished changing the colours of all the pages, I dragged them into my composition.
Firstly, I set an anchor point to the middle of the page where I would place all my pages in line with. Then, I made my composition 3D so I would be able to get unlock and then change the material settings and geometry settings. This enabled me to change the curvature of the page as it turned, so that it looks more realistic and is less stiff when turning.
Using key frames, I made around 4 different key frames for each page when they were turning, so that they turned and the page bent at the right time. I then copied and pasted the first two pages' composition's, so that I wouldn't have to redo all the basic settings each time for each pair of pages, as this meant i just had to edit the key frames and push them further back in time so that they would start flipping at different times. To make my pages seem more realistic,
I added some light (an ambient light and a point light) which added shadows to my pages. However, I altered the shadows of each page and made them more distinct so that it looked more realistic like the page was actually turning and was an actual physical entity that blocked the light.
After I created the base for my animation, i then went into each 'page' and deleted the solid, to then copy and paste in a JPEG version of each book cover, and a PDF of the custom pages I created - in Photoshop - for this AV advertisement. For the pages on the back of each page (e.g. when the page turns, so the back of the page is visible; on the left hand side of the page), I had to flip them vertically so that they would display correctly.