Assessment overview links.

Stage 1

Different forms of Capture

http://59capture.blogspot.com/2010/10/panoramic-on-graffiti-in-park.html
http://59capture.blogspot.com/2010/10/typography.html
http://59capture.blogspot.com/2010/10/typography-piece-from-photo.html
http://59capture.blogspot.com/2010/10/pen-and-ink-nanami-cowdroy.html
http://59capture.blogspot.com/2010/11/panoramic-photos.html
http://59capture.blogspot.com/2010/11/podium-flyers.html
http://59capture.blogspot.com/2010/11/360-panorama.html
http://59capture.blogspot.com/2010/11/using-graphite-rubbing-to-capture.html

Website Research

http://59capture.blogspot.com/2010/11/website-research_23.html
http://59capture.blogspot.com/2010/11/website-research_4298.html
http://59capture.blogspot.com/2010/11/website-research-asoscom-menu.html
http://59capture.blogspot.com/2010/11/website-research-caramelinkcom.html
http://59capture.blogspot.com/2010/11/website-research-pralinenschachtelde.html
http://59capture.blogspot.com/2010/11/website-research-pulchrycom-typography.html
http://59capture.blogspot.com/2010/11/website-research-pinxaicom.html

What I Intend to Capture

http://59capture.blogspot.com/2010/10/capture-mind-map.html
http://59capture.blogspot.com/2010/10/graffiti-artists-and-culture-behind-art.html

History of Photography
http://59capture.blogspot.com/2010/10/capture-method-slr-camera.html
http://59investigation.blogspot.com/2010/11/1826-first-permanent-image.html
http://59investigation.blogspot.com/2011/02/1861-first-color-photograph.html
http://59investigation.blogspot.com/2011/02/1906-first-nighttime-animal-photos.html
http://59investigation.blogspot.com/2011/02/1926-first-underwater-color-photo.html
http://59investigation.blogspot.com/2011/02/1940s-first-high-speed-photography.html
http://59investigation.blogspot.com/2011/02/1966-first-photo-of-earth-from-moon.html

Artist
http://59investigation.blogspot.com/2011/01/comic-research-superman-illustrator-joe.html
http://59investigation.blogspot.com/2011/01/robert-capa.html
http://59capture.blogspot.com/2010/10/exit-through-gift-shop.html

http://59capture.blogspot.com/2010/10/david-carson.html

Stage 2

Planning

http://59capture.blogspot.com/2011/02/time-plan.html

http://59capture.blogspot.com/2010/11/proposel-for-website-design.html

http://59capture.blogspot.com/2011/01/design-layout-for-website.html

http://59capture.blogspot.com/2010/10/capture-mind-map.html
http://59capture.blogspot.com/2010/10/graffiti-artists-and-culture-behind-art.html

http://59capture.blogspot.com/2011/02/planning-capture.html

Research records

http://59capture.blogspot.com/2010/11/website-research_23.html
http://59capture.blogspot.com/2010/11/website-research_4298.html
http://59capture.blogspot.com/2010/11/website-research-asoscom-menu.html
http://59capture.blogspot.com/2010/11/website-research-caramelinkcom.html
http://59capture.blogspot.com/2010/11/website-research-pralinenschachtelde.html
http://59capture.blogspot.com/2010/11/website-research-pulchrycom-typography.html
http://59capture.blogspot.com/2010/11/website-research-pinxaicom.html

http://59capture.blogspot.com/2010/11/360-panorama.html

http://59capture.blogspot.com/2010/11/panoramic-photos.html

http://59capture.blogspot.com/2010/10/logo-design-research.html
http://59capture.blogspot.com/2010/10/pen-and-ink-nanami-cowdroy.html

http://59capture.blogspot.com/2010/10/david-carson.html

http://59capture.blogspot.com/2010/12/shop-front-designs.html

http://59capture.blogspot.com/2011/01/capture-with-words-wordlenet.html

http://59capture.blogspot.com/2011/01/shredder-10.html

Stage 3

Health and safety

http://fiftynineuk.blogspot.com/2010/09/health-and-safety-test.html

Experimental work

http://59capture.blogspot.com/2010/10/panoramic-on-graffiti-in-park.html
http://59capture.blogspot.com/2010/10/astro-park.html
http://59capture.blogspot.com/2010/10/typography.html
http://59capture.blogspot.com/2010/10/typography-piece-from-photo.html
http://59capture.blogspot.com/2010/10/astro-park_07.html
http://59capture.blogspot.com/2010/10/capture-methods.html
http://59capture.blogspot.com/2010/10/audio-recording-with-marantz.html
http://59capture.blogspot.com/2010/10/t-shirts-inspired-by-astor-park.html
http://59capture.blogspot.com/2010/10/using-3dmax.html
http://59capture.blogspot.com/2010/10/applying-textures-in-3d-max.html
http://59capture.blogspot.com/2010/11/podium-sharp-logo-design.html
http://59capture.blogspot.com/2010/11/podium-spray-logo.html
http://59capture.blogspot.com/2010/11/podium-shift-logo.html
http://59capture.blogspot.com/2010/11/logo-design.html
http://59capture.blogspot.com/2010/11/super-bad-poster.html
http://59capture.blogspot.com/2010/11/in-task-we-were-asked-to-recreate-pool.html
http://59capture.blogspot.com/2010/11/panoramic-photos.html
http://59capture.blogspot.com/2010/11/podium-flyers.html
http://59capture.blogspot.com/2010/11/360-panorama.html
http://59capture.blogspot.com/2010/11/making-website-but-slicing-image-in.html
http://59capture.blogspot.com/2010/11/mobile-version-of-website-design.html
http://59capture.blogspot.com/2010/12/podium-logo-animation.html
http://59capture.blogspot.com/2010/12/shop-front-designs.html
http://59capture.blogspot.com/2010/12/podium-magazine-cover.html
http://59capture.blogspot.com/2011/01/design-layout-for-website.html
http://59capture.blogspot.com/2011/01/capture-with-words-wordlenet.html
http://59capture.blogspot.com/2011/02/creating-3d-image.html
http://59capture.blogspot.com/2011/02/i-created-this-3d-image-in-photoshop.html

Stage 4

Final Capture product

http://59uk.com/ftp/
http://59capture.blogspot.com/2011/02/website-production.html

Project log

http://59capture.blogspot.com/2010/10/panoramic-on-graffiti-in-park.html
http://59capture.blogspot.com/2010/10/astro-park.html
http://59capture.blogspot.com/2010/10/typography.html
http://59capture.blogspot.com/2010/10/typography-piece-from-photo.html
http://59capture.blogspot.com/2010/10/astro-park_07.html
http://59capture.blogspot.com/2010/10/capture-methods.html
http://59capture.blogspot.com/2010/10/audio-recording-with-marantz.html
http://59capture.blogspot.com/2010/10/t-shirts-inspired-by-astor-park.html
http://59capture.blogspot.com/2010/10/using-3dmax.html
http://59capture.blogspot.com/2010/10/applying-textures-in-3d-max.html
http://59capture.blogspot.com/2010/11/podium-sharp-logo-design.html
http://59capture.blogspot.com/2010/11/podium-spray-logo.html
http://59capture.blogspot.com/2010/11/podium-shift-logo.html
http://59capture.blogspot.com/2010/11/logo-design.html
http://59capture.blogspot.com/2010/11/super-bad-poster.html
http://59capture.blogspot.com/2010/11/in-task-we-were-asked-to-recreate-pool.html
http://59capture.blogspot.com/2010/11/panoramic-photos.html
http://59capture.blogspot.com/2010/11/podium-flyers.html
http://59capture.blogspot.com/2010/11/360-panorama.html
http://59capture.blogspot.com/2010/11/making-website-but-slicing-image-in.html
http://59capture.blogspot.com/2010/11/mobile-version-of-website-design.html
http://59capture.blogspot.com/2010/12/podium-logo-animation.html
http://59capture.blogspot.com/2010/12/shop-front-designs.html
http://59capture.blogspot.com/2010/12/podium-magazine-cover.html
http://59capture.blogspot.com/2011/01/design-layout-for-website.html
http://59capture.blogspot.com/2011/01/capture-with-words-wordlenet.html
http://59capture.blogspot.com/2011/02/creating-3d-image.html
http://59capture.blogspot.com/2011/02/i-created-this-3d-image-in-photoshop.html

Stage 5

Evaluation

http://59capture.blogspot.com/2011/02/evaluation.html

Website production

This is a sample of a code from one page of the final website:

	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
	<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>Podium</title>
	<link href="../main.css" rel="stylesheet" type="text/css" />
	<link rel="stylesheet" href="../dropdown.css" type="text/css" />
	</head>
	<body>
	<div class="head_container">
	<div class="head_content">
	<div class="logo"></div>
	<div class="menu">
	<script type="text/javascript" src="../dropdown.js"></script>
	<dl class="dropdown">
	<dt id="one-ddheader" onmouseover="ddMenu('one',1)" onmouseout="ddMenu('one',-1)"><a href="../index.php">Home</a></dt>
	<dd id="one-ddcontent" onmouseover="cancelHide('one')" onmouseout="ddMenu('one',-1)">
	</dd>
	</dl>
	<dl class="dropdown">
	<dt id="two-ddheader" onmouseover="ddMenu('two',1)" onmouseout="ddMenu('two',-1)"><a href="../store.php">OnlineStore</a></dt>
	<dd id="two-ddcontent" onmouseover="cancelHide('two')" onmouseout="ddMenu('two',-1)">
	<ul>
	<li><a href="mens.php">Mens</a></li>
	<li><a href="womens.php">Womens</a></li>
	</ul>
	</dd>
	</dl>
	<dl class="dropdown">
	<dt id="three-ddheader" onmouseover="ddMenu('three',1)" onmouseout="ddMenu('three',-1)"><a href="../latest_news.php">Latest News</a></dt>
	<dd id="three-ddcontent" onmouseover="cancelHide('three')" onmouseout="ddMenu('three',-1)">
	</dd>
	</dl>
	<dl class="dropdown">
	<dt id="four-ddheader" onmouseover="ddMenu('four',1)" onmouseout="ddMenu('four',-1)"><a href="../about.php">About</a></dt>
	<dd id="four-ddcontent" onmouseover="cancelHide('four')" onmouseout="ddMenu('four',-1)">
	</dd>
	</dl>
	<dl class="dropdown">
	<dt id="five-ddheader" onmouseover="ddMenu('five',1)" onmouseout="ddMenu('five',-1)"><a href="../contact.php">Contact</a></dt>
	<dd id="five-ddcontent" onmouseover="cancelHide('five')" onmouseout="ddMenu('five',-1)">
	</dd>
	</dl>
	<div style="clear:both" />
	</div>
	</div>
	</div>
	</div>
	<div id="container">
	<div class="mens_feature"></div>
	<div class="product_square"><img src="product_images/space_lion-t.png" /></div>
	<div class="product_square"><img src="product_images/red_indian.png" /></div>
	<div class="product_square"><img src="product_images/skull_mountians.png" /></div>
	<div class="product_square"><img src="product_images/vyinal tree.png" /></div>
	<div class="product_square"><img src="product_images/casset.png" /></div>
	<div class="product_square"><img src="product_images/bear.png" /></div>
	<div class="product_square"><img src="product_images/fc_cex.png" /></div>
	<div class="product_square"><img src="product_images/sell_your_shirts.png" /></div>
	</div>
	<div id="footer">
	<div class="footer_container">
	<div class="footer_250">
	<span class="titles">About</span><br /><br>
	Podium was founded in 2007 as a brand to support the future of British sport by donating 10% of all profits. Since then the brand has expanded it's product range to incorporate high street fashion .... <a class="footer_links" href="#">Read More</a>
	</div>
	<div class="footer_250">
	<span class="titles">Latest News</span><br /><br>
	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vestibulum dignissim tellus, ultricies tristique risus imperdiet ut. Duis quis metus sed nulla dapibus venenatis ... <a class="footer_links" href="latest_news.php">Read More</a></p>
	</div>
	<div class="footer_250"><span class="titles">Get Social</span><br /><br>
	<img src="../images/facebook_32.png" />
	<img src="../images/twitter_32.png" />
	<img src="../images/blogger_32.png" />
	<img src="../images/sharethis_32.png" />
	<img src="../images/rss_32.png" />
	</div>
	</div></div>
	</body>
	</html> These are all the images that were used in the website:

Time plan

This is the time plan that I have written to organise to creation and development of my website. The advantage of creating a time plan is that I am then able to work in a more structured way

Evaluation

In this project, capture, my task was to experiment with different forms of capture that would be finally presented within a website.

My subject for this project was photography as my main form of capture, although I did also experiment in different forms of capture such as mark-making, scanning, drawing and typography. The reason that I chose photography was that there is a lot to learn about it and many ways of finning out information within the college as well as online, and by using all of these I could make my research and findings more valid.

The first sept of the project was to decide which capture method I would focus on. I did this by try out different methods, and once I had decided on photography I was able to go into move depth within that medium and explore the work of other photographers. Another large part of the project was building the website witch would hold the work. This took a lot of planning as the structure and also the design had to be closely considered, as I did not want it to contrast to dramatically with the content on the page.

I think that my biggest successes in this project would be building the website, as I feel I got the right balance between the design of the site and the content. I think that another area of success in my project would be the final logo that I designed. I think the logo represents the style of "Podium" well as it is clean, compact, neat and easy to read yet individual and recognisable.

I think the main thing that I will take away from this project is the confidence to try out different techniques and not be afraid of pushing a medium to it boundaries to see what I can accomplish with it. I think that this is something that I will consider for every future project that I will take on.

If I was to start this project again I would started investigating other artist earlier as this could have impacted my work more heavily or inspired me to do things slightly differently.

This project helped me learn some cool little tricks in Photoshop, introduced me to 3DS Max, 3D modeling, techniques for getting better photographs and a basic introduction to typography. In all the areas that I just stated I will take away tips a techniques that will dramatically impact my future work and speed up my work flow, which I think is a very important thing.

Planning a capture.

I am planning on capturing a photo of people moving within the Drake Circus shopping center.

For this capture I will need permission from the security in the center and I will bring my student ID as proof

The equipment that I plan to use will include, a camera, tripod and Photoshop to adjust levels, contrast, ect if needed.



These are the final two images that I think came out the best, however if I was to do the shoot again I would find a different vantage point, as you can see in the photos, I took these from behind a sheet of glass.

I created this 3D image in Photoshop using the "Repousse" and "3D postcard from layer" features. I also added a light to give a shadow and reflection to add to the effect. The final set in the production was to change the render setting to "Stereo Type", this makes the "59graphics" change into blue and red so that when viewed with 3D glasses the text and background has more depth.

Creating a 3D image.

To create a 3D image that is comparable with the anaglyph glasses you must do as follows:

Import your image into Photoshop,

Duplicate it,

Go image, adjustments, curves.

In the curves menu Change the red channel to "output: 0" and "input: 251", them click ok.

Click on the other duplicated layer and go again to the curves dialogue box, but this time change the Green and Blue channels and apply the same input and output as the the Red to both.

To the layer on top in the layers pallet set the blending mode to screen.

The final step is to put on your glasses and adjust the position of the layers to get the depth that you want.

Shredder 1.0

Shedder 1.0 is a web application, that when you enter a website address, it returns the web site with all the HTML code rearranged. For example the image above shows the Google website in the shredder application, with the logo repeated and dis-formed and the links visible.

This is an example of how capture can translate into other areas such as data and push the boundaries of technology to create something unique and original.

Capture with words (Wordle.net)

As a group we described each other with single words or phrase. We then copied the words into a website application called Wordle, which creates a frequency graph. You can play with the colours and layout of the graph. This method of capture is very different to what I have previously researched but just as effective. If I present the words in a typographic format I am then combining two methods of capture.

Design Layout for Website.

This is the layout plan for my website. It include a rough guide to where certain elements will go, I will also use this as a rough size guide.

Podium magazine cover.

This is my concept for a magazine cover to promote the new Podium "Winter Collection". I used the Podium logo in a slightly darker grey to the background. For "Winter Collection" I used a layer mask to expose a photo of some snowy mountains, this also gives the page some colour and makes it the main focus of the page. For the "winter Collection" and the date in the top left I played with the leading and kerning to get either a dense block of text or to make the letters far apart.

 For my concept of the double page spread I chose to separate the pages into a photo, to convey the product, and text which would contain the information about the products. I set the background on the right to a bright yellow to give the page some colour and contras with the photo, also the black text text sits well on this colour. I used the same "Winter Collection" from the front page without the mask of the photo. Down the center of the two pages i put in some orange and yellow block the help connect the two pages, and make them look more like they are part of the same topic. I also use the work "HELLO*" to connect the two pages.

Shop front designs.

Creating a website in Flash.

First I created a new action script 2 file and added 4 layers, they are called background, content, buttons and actions. Next I made key-frames for background, content and buttons at frames 10, 20, 30 and added blank frames up to frame 40. For the buttons layer I inserted blank frames up to frame 40.

In the content layer I added a title to each of the key-frames and a blue background to each of the key-frames.

 The next step was to add and script the buttons. I inserted pre-set buttons and to them added script that said:


on (release) {
gotoAndStop(1);
}


The number in the brackets is changed to determine the position of the play-head on the time line when the button is clicked.

To the actions layer key-frames I added the script stop (). This means that when one of the buttons is clicked and the play-head moves to the chosen frame then  play-head stop.

To add text to my webpages I have to create a text box and into that I need to put a scroll bar so that when there is too much text for the box, the user can scroll down the box the see the rest of the text.

Podium logo animation.

To create this logo animation I used Photoshop's frame by frame animation tool. I broke up mu logo into the three colours and set them at different sides of the frame. I then created a new frame put them in their final places , I then selected the two frames and tweened them over 60 frames to create a smooth movement.

Website research (pinxai.com)

pinxai.com is a good example of a site that displays it's content well. When the user first enters the site they are presented with the screen above, from there they can click on the image they like and are then shown to a page that contains all the information about the piece pluse some of the thinking behind it.

From the websites that I have researched this is my favourite as it is very simple and and as a whole I love the way that it is presented.

A great visual feature of this site is how the owner has photographed the print material. This gives it a unique look and distinguishable between the digitally view work.

Website research (pulchry.com Typography)

This is a good example of using typography within a website. On their opening page they have their large typographic logo in pink set on a dark background, which makes it "pop". Beneath the logo they have a quote that they think represents their company well, followed by some of their latest work, which gives the user an insight to their style of work.

Website research (pralinenschachtel.de)

This is a blog design that I quite like, although it would not be suitable for the style that I am designing for, I like the illustration at the top of the page and the layout below that is not divided into boxes but just left to sit naturally as it is typed.

Website research (caramelink.com)

This website uses a large detailed graphic at the top of the page and block colours, in the layout, to section up the site. When the user clicks on the button below the logo that says "our latest work" the page smoothly scrolls down the page to show some boxes with their work.

Website research (asos.com menu)

For the menu at the top of my website I have decided to replicate that of the asos.com website. When the user rolls over the menu with their mouse, a drop down comes down. Where it is different to the usual drop down is that it stretches much further than it needs to, to create a white column through the image behind.

Logo design.

This is a symbole that does not have any writing. I did this variation as mant companies, such as nike, use only a symbol to represent their company.

The symbol that I has made is a lightning bolt. I think that I will use it within my website to create patterns.