Learning Task 03: Using Space and Shapes to Convey Meaning

Below are my solutions to the 'Black Square Problem' worksheet.

Learning Task 02: Identifying Elements & Principles

In this learning task, we had to choose a layout from the previous task which featured the most elements and principles of design, and annotate it.

I personally liked the process of pinpointing the elements and principles. I was unclear on some of the examples, which required researching and looking into, therefore giving myself a further understanding about different element or principles.

Learning Task 01: Identifying Focus and Hierarchy

In this first learning task of the second module, we were given the task of choosing three different layouts; either from a magazine, advert, webpage, etc. The numbers placed on the page mark the amount of emphasis on the page, with 1 indicating the most emphasized point, and 8 indicating the least.

1. I decided to use the first disc on the upper section of the background, as it stands out as the brightest area which the reader will most likely focus towards.

2. I chose the slogan as the second point of emphasis as the text is black and bold. Additionally; being a slogan allows the message to attract the reader.

3. The third disc was placed on the near-middle area of the page due to the realistic nature of insects congregating.

4. After focusing on the three main areas, the next point is more noticeable than others as it focuses on a lone subject out of the ordinary.

5. Because of the direction in which the eye travels, the Mortein product is easily the boldest and widest point at the bottom end of the page. This is the reason it is ranked fifth.

6. The Mortein logo, which is most likely less emphasised to free more space for focal points of interest.

7. I chose this as the second least emphasised point as it only exists to inform readers of the product capabilities.

8. I decided on using the last disc here, because although the text is almost indecipherable, it is specific information which informs people of the brand and size of the repellent.

Assessment Task 03: Rules of Photographic Composition

Below is my slideshow created in SlideShare:

http://www.slideshare.net/Dkylebutterworth/rules-of-photographic-composition-59859181

Assessment Task 02: Hero Shots

Tasmanian Real Estate Web-page

Heritage & Culture Tourism Web-page

Tasmanian Golf Course Web-page

Confectionery Web-page

Launceston Council Web-page

Assessment Task 01: Populating a Webpage

  

Learning Task 12: Shooting Motion

 

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.

Learning Task 10: Creating a Seamless Tile (Part 4)

 

I feel that what you need to look out for when creating a similar image for any layout, is to make sure the tiling background is possible to view as a separate image in the 'right-click' options, and that it is displayed as a continuous flow of images.

Learning Task 10: Creating a Repeating Gradient (Part 3)

To create this image, I used Photoshop to create a vertical rectangle and applied the gradient tool to make a gradient of pale yellow and bright yellow. I made another layer, erased everything on the layer and applied the standard black-to-grey gradient to one layer. The original layer had the coloured rectangle and the white space remained. The next step was to reduce the image size so it was 2 pixels high and 1920 pixels wide. The final step involved opening the finished image in a HTML that I received from my teacher, which is the image shown above.

Learning Task 10: Creating a Suitable Web-page Background (Part 2)

This task involved using a flatbed scanned photo to be inserted as a background image in a web layout. In Photoshop, I was required to find an appropriate colour in my foreground swatch. Using the eye dropper tool, I picked a colour from the image and made a new layer. The next step was to select the Gradient tool, go to the drop down box on the Gradient panel and click the gradient which was titled 'Foreground to Transparent'. This allowed me to drag a gradient line at any position above the artwork.