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.