Thursday, 17 February 2011

Assessment overview links.


Stage 1
Different forms of Capture

What I Intend to Capture




Stage 2
Planning
Research records





Stage 3
Health and safety
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
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




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

Wednesday, 16 February 2011

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.

Tuesday, 15 February 2011

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.




Tuesday, 8 February 2011

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.

Tuesday, 1 February 2011

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.

Tuesday, 18 January 2011

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.

Wednesday, 12 January 2011

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.