Tuesday, 8 March 2016

Learning Task 11: Creating a PNG logo









In this learning task, I was asked to design a logo in Photoshop which would be suitable as a transparent PNG image file for use on a webpage. The first step was to download a zipped folder containing a PNG image and a link to a web-page which is seen above. The next step involved opening up the existing PNG in Photoshop and removing the logo on the page.


Using Illustrator for my design; I decided on a new radio station logo depicting a hostile snake. I started out with an oval shape and with the Pen tool, I created anchor points to form the curves on the head. This required a bit of adjusting with anchor points on multiple sides. Afterwards, I stretched the re-formed oval to create the jaw, and used the same technique to form the neck of the snake. On the neck, I chose hexagons from the custom shapes to create scale-like markings.

To complete the design, I made a fork tongue with the arc tool in the 'Effects' panel. This tool was used to invert the left anchor point of the tongue which formed the fork indent. Finally, I played around with the image transparency, clicked 'Save for web', saving the image as a PNG-24 with 'Transparency' ticked. I then loaded the web-page link which resulted in the end screenshot.

No comments:

Post a Comment