Hey guys! This week we have a pretty lengthy but interested project that I worked on. This project deals with web ads and creating them using Photoshop. The product that I chose to show was the new Nintendo Switch. I think it’s an interesting product to show and one that will definitely be sought after this next holiday season.
I first started by creating the button banner first. I changed the background to the color of the ‘red’ used in Nintendo’s logo. I then created the text for the button and a rectangle for the button as well. I then added the logo to the bottom. After creating these elements, I brought in an image of the Nintendo system.
I duplicated the layers for the button and the logo into the next banner, which is the rectangle banner. For this banner, I made sure to add another text layer with a holiday message. I then added an image of a bow to give it that holiday feel. The text was a bit hard to read with the bow in the background, so I changed the opacity a bit for the bow and gave the text a slight black stroke. I then brought in images of the Nintendo system and an image of Yoshi.
Again, I duplicated the layers for the button and created the leaderboard banner. For the logo, I brought in a different color logo and placed it over a white background. I then used images of users holding a Switch controller and placed these within the images.
I duplicated the layers for the button and logo from the rectangle banner and created the last banner, the skyscraper banner. I created a new text layer to add a holiday message. I then brought in another bow for the holiday feel. Next, I added the Nintendo Switch system and images of both Mario and Zelda to add to the Nintendo feel. The banners were then complete!
The last part of the project includes making an animated banner. I used the skyscraper banner to create an animated banner. I flattened the background image and only left layers for the Nintendo Switch console separate. I was asked to create just three panels of animation, but I ended up using 8 frames for the animation I wanted. I wanted to show the Switch being taken from the dock and made into a handheld system then going back into the dock. Each frame is just a different version of the last, steadily showing slow movement, then going back in reverse. I then looped the animation so that it lasts forever. I saved the animation for web so that it would create a .gif file. There you have it – web ads for the Nintendo Switch! Hope you guys enjoyed this week’s project!
This is a disclaimer – this project is strictly for educational purposes. I am not affiliated with Nintendo.
hellobranden 