Website evaultion

I think that Wikipedia is actually I badly designed site it tends to give too many links and I feel you are always being sent away from the subject your trying to read about. However you can also say that it’s a good site due to its endless web of information. The layout of Wikipedia is extremely cluttered and can also confuse people in my opinion it just places the imformation on the page and lets you plow through it however i feel that the coloured boxes they are trying to use to draw the eye towards pieces of imformation and therefore put breaks in the endless text to allow easier reading actually creates a distraction i feel i was more drawn towards the colours behind the text actually then paired with the endless links within the text if you ever actually manage to read the text you want you end up on a completely different subject and have no idea how to get back to what your on the site for. This makes finding things on wikipedia difficult at first, then however you learn to completely stop clicking things on the site and just read then leave.

Google is an example of a very well design website combining simplicity with efficiency. Everyone finds google simple and effective for all needs on the internet. google's logo has become famous to everyone, if you have been on the internet you have probaly used google. This seems to add to the trust factor of google the design gives a sense of taking you by the hand and leading straight towards the information you are searching for. however some people when spelling words wrong can get frustrated because on the corrections, due to the fact that sometimes they are not related towards the searched thing.

Links for Capture Blog

z Stage 1: Investigating past and current practice in capture

http://connorsinvestigation.blogspot.com/2011/02/james-obarr.html

http://connorsinvestigation.blogspot.com/2011/02/yousuf-karsh.html

http://captureconnorstephens.blogspot.com/2010/12/neville-brody.html

http://captureconnorstephens.blogspot.com/2010/10/graffiti-forms.html

http://captureconnorstephens.blogspot.com/2010/10/david-carson-typography-designer.html

http://captureconnorstephens.blogspot.com/2010/10/investigation-into-observational.html

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbG9Sb1VXi0PO4nsj7ZzImLu8glEOoyucA6yS6DH5EdQCASa9WpfeJoTmx679_pxrzEUVuJ80Rzlqm59dOltaPduEz2l_yFg7C403Fd7MibyUGdzw8hox5zBLtbhfvcr0xs3ggnI6lpBnA/s1600/Mind+map+for+capture.jpg

z Stage 2: Planning yourcapture

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbG9Sb1VXi0PO4nsj7ZzImLu8glEOoyucA6yS6DH5EdQCASa9WpfeJoTmx679_pxrzEUVuJ80Rzlqm59dOltaPduEz2l_yFg7C403Fd7MibyUGdzw8hox5zBLtbhfvcr0xs3ggnI6lpBnA/s1600/Mind+map+for+capture.jpg

http://captureconnorstephens.blogspot.com/2011/01/planning-how-to-capture-for-website.html

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

z Stage 3:Exploringandexperimenting

http://cstephenshealthandsaftey.blogspot.com/

http://captureconnorstephens.blogspot.com/2011/02/3d-text-with-photoshop-reflective.html

http://captureconnorstephens.blogspot.com/2011/02/making-wordle-3d-on-photoshop.html

http://captureconnorstephens.blogspot.com/2011/01/wordle-creating.html

http://captureconnorstephens.blogspot.com/2010/12/creating-texures-in-photoshop.html

http://captureconnorstephens.blogspot.com/2010/12/putting-simple-animation-on-logo.html

http://captureconnorstephens.blogspot.com/2010/12/tshirt-designing.html

http://captureconnorstephens.blogspot.com/2010/12/website-basics.html

http://captureconnorstephens.blogspot.com/2010/12/flash-movie-experiments.html

http://captureconnorstephens.blogspot.com/2010/11/logo-final.html

http://captureconnorstephens.blogspot.com/2010/11/logo-re-design.html

http://captureconnorstephens.blogspot.com/2010/11/logo-design.html

http://captureconnorstephens.blogspot.com/2010/11/illustrator-experiment.html

http://captureconnorstephens.blogspot.com/2010/11/experiments-with-panorama.html

http://captureconnorstephens.blogspot.com/2010/11/snooker-ball-in-photoshop.html

http://captureconnorstephens.blogspot.com/2010/11/effects-in-text.html

http://captureconnorstephens.blogspot.com/2010/10/experiments-with-3d-max-and-primitive.html

http://captureconnorstephens.blogspot.com/2010/10/texture-imputting-on-text-with-back.html

http://captureconnorstephens.blogspot.com/2010/10/texture-imputting-on-text.html

http://captureconnorstephens.blogspot.com/2010/10/texture-imputing.html

http://captureconnorstephens.blogspot.com/2010/10/3d-max-intro-to-editting-polygons.html

http://captureconnorstephens.blogspot.com/2010/10/3d-max-introduction-of-simple-text.html

http://captureconnorstephens.blogspot.com/2010/10/personal-id-poster-lesson.html

http://captureconnorstephens.blogspot.com/2010/10/poster.html

http://captureconnorstephens.blogspot.com/2010/10/putting-text-of-images.html

http://captureconnorstephens.blogspot.com/2010/10/texting-following-pen-paths.html

http://captureconnorstephens.blogspot.com/2010/10/text-warping.html

z Stage 4: Completing your capture work

http://captureconnorstephens.blogspot.com/2011/02/site-map.html

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

http://captureconnorstephens.blogspot.com/2011/02/final-website-pages.html

http://captureconnorstephens.blogspot.com/2011/01/planning-how-to-capture-for-website.html

http://captureconnorstephens.blogspot.com/2010/12/layout-ideas.html

http://captureconnorstephens.blogspot.com/2010/12/website-layout-research-and-begining-to.html

http://captureconnorstephens.blogspot.com/2010/11/design-idea-for-website.html

z Stage 5: Reviewing your own work

http://captureconnorstephens.blogspot.com/2011/02/evaluation-of-capture.html

Evaluation of Capture

Evaluation of Capture

For my capture project I was given the task of creating a website of my chosen topic and therefore I picked something along the lines of my style such as Gothic or alternative styles. This was a type of project I have never done before and so when it came to making my website I felt challenged.

I have researched many things in this project from capturing graffiti to David Carson and Neville Brody all things I have researched have been inspiring I managed to take things from each to make my style of art a little more unique. In this project I had to find other ways of capturing things in my work because most of what I was doing could be gathered using simple internet skills however I drew vectors in illustrator and even spending hours looking through fonts that I might use in my work and other forms that I worked to incorporate into my work.

In completing my project I wrote up a time plan in excel and tried to keep to it so that I would at least have my website result at the end however upon finding the programs to create website completely alien due to lack of experience working with them before I decided to just make templates of my site instead of making it go live, this doesn’t affect my designing and if anything helped to make sure that I create a website that was ready to go live when I wanted it to.

I feel that I had many successes in this project, on a personal level I found a way of working that kept me keen and willing other than getting half way through an idea and finding a problem to then give up if I have accomplished nothing else in the project then that is enough. However I had successes in areas of art, I was able to look at other people’s work and find aspects of their art or even the way they worked that inspired me and helped me progress on my path to creating my own unique style of art. My main success though was my phoenix that I used in my logo, when I designed the phoenix it was on a practise experiment in illustrator that was never intended to be in a piece of work however while drawing I felt immersed into the design using the touché screen to flow feeling into the design and from something that was just meant to be practising with brushes on the program one of my favourite pieces of work was created.

In future projects I would like to find a way to re-design the phoenix into a more complex image even a character. I feel that it could be my signature to work and that I can adapt it subtly or even bluntly into work that just feels like me. Such as when people look at certain work and know it’s a certain artist I want people to see the phoenix and know that it’s my work.

My research in this project really had effects on the way I design my website pages lots of the aspects in the style of my work, consists of tribal patterns and using blacks greys  and subtle hints of colours such as reds and yellows. It’s very much the same with certain flare from each artist in the style, Hence me finding my phoenix to be my flare. Influencing my work was the Designers of Spiral clothing however names of these people I have yet to find but their clothing designs amazing me. so when making my work I had to stay with the colours but put my own take on it I didn’t want a standard alternative clothing site, I wanted my own clothing site.

I think if I did this project again I would make my website a working site and just simply re-design the tribal and layout of the site because looking back once I finished I started to find more and more things that I didn’t like but it was too late to change them. However I feel that finding the faults in my own work will help me in the future to look for them before they become unchangeable faults.

Evaluation of the overall project would be that in my project I have learnt a lot not just from my teachers and their helping but from my class the help and support we all give it each makes those problems a little easier to deal with. I have learnt much as an artist and as a person from this project and I will take these lessons with me through every career path if in the future I am lead away from my art.

Connor Stephens

2011

Site map

I created a site plan so that if my site went live it would be simple for me to create hyperlinks because i alrdy know where they should go and how it is hyperlinked.

The home page is the brand Logo and a page with have all the pages titles on the bottom tab and as you click to each page the tabs will in corporate the home page. The page would also include deals and more info about my site if it went live.

Time plan

This is the time plan that i designed in a lesson after chirstmas holidays i followed this time plan quite loosey because in some tasks i needed a little more than i allocated. however having this plan really helped me structure why work and keep me alot more focused than my last topic.

Final Website pages

I have finished the templates of the website i plan to create and am quite happy with the way they turned out of course i would work into my designs and refine all of the current work if i am going to get my website up to a professional standard. That would make my website a  success.

3D Text with photoshop reflective

Today we did a Demo that we made 3D text in to give it a reflection on the plain. we did this buy first creating black back ground then copying it. we put a gradient of with to transparent onto the layer in any direction we wanted.
Then Made a Text a layer of any words we wanted after we had merged and prepared each layer for 3D working we opened the 3D control panel in photoshop to rotate and add lighting effects and reflection
after the choas that created as our whole class had to render their end result we were done and it look like the last image.

Timeline of Events In Photography

1826

The first permanent image was created by Joseph nicephore niepce. He used a camera obscura to create the image of his country house and the exposure took eight hours to create the image.

1839

First image of a person by the painter chemist Louis-Jacques-Mande Daguerra he left his camera obscura in the window of his apartment. Moving objects do not show up because they didn’t stay still long enough, however one unknowing man stopped to shine his shoe stayed still long enough to be captured.

1847

First photographs of war in the Mexican- American war. Charles J Betts offers to photograph the dead and wounded however the officially recorded photo of war was in 1855-56.

1858

First bird’s eye view image taking by Felix Tournachon combined his interests in aeronautics and photography by floating above Paris tethered to an air balloon to take this image.

1861

First colour image taken by James Clerk Maxwell He did this by taking three images and filtering them through a red green and blue to create a multi coloured image.

1878

First image of action taken by an English photographer by taking 12 images almost instantaneous therefore capturing the horse galloping.

1909

First image of North Pole Robert E. Peary and his assistant, Matthew Henson, become the first people to reach, and photograph, the North Pole. Creating an amazing moment in history come to life.

1926

First colour underwater Photo William Longley and Charles Martin use an Auto chrome camera and a raft full of explosive magnesium flash powder to illuminate the shallows of Florida's Dry Tortugas and make the first undersea colour photographs.

1940

First high speed image taken by Harold Edgerton taken with his newly invented high-speed stroboscopic photography, freezing on film the rapid movements of nature that elude the eye.

1946

First image taken from space. By johns Hopkins he did this by strapping a camera that took images every second and shot it into space. Thankfully when the camera fell back towards earth the steel cassette managed to keep the film unharmed.

1960

Ocean Eye invented to help underwater Photography by Bates LittleHales the new housing that was created allowed a wider shot with wider lenses and allowed better pictures taken without the water distorting the image

1962

First full colour Image!!!!!!!!

1991

First Digital camera released by Kodak for commercial use. It came out and extremely high prices and was only truly worth the money if you were a professional photographer.

2006

First Digital trap this consisted of a wireless strobes and a digital SLR Camera and a infrared remote camera trap.

making wordle 3D on photoshop

today we took PNG files of 2 wordles and took them into photoshop and made each file into 3D layers then merged them down then using the rotate button we were able to rotate to image.

How Long Can You Hold It? My time was somewhere around: 45 minutes and 17 seconds!

Planning how to Capture for Website

To create my website I will be using many different forms of capture to give the best effects to my work. As I have to use a range of methods to create a diverse and graphically superior website than others in the market, I have had think carefully about which methods I used because just using any methods to bulk out my site could make it look unprofessional or very messy in presentation.

Fonts

I have been researching which font really works for my site and logo and have tried many different fonts such as

Testing Fonts

Testing Fonts

Testing Font

Testing Fonts

Testing Fonts

Tablet Drawings

I have used a graphics tablet to draw and re work my logo and make an image to brand myself with therefore making my website more professional. Tablet drawing really works to create my logo because it gave it textures that I wouldn’t have expected to be able to.

Vector Drawings

I have been using Vector images because while using the Graphic Tablet I was drawing on illustrator which is a vector drawing program. I chose to draw using vector because it created my work with a different texture to Photoshop and other programs I tried.

Scanning

I play to find a texture that I really like and scan it in so that I can set it into Photoshop if I have to and changes its colour. Then create a very nice feeling texture to the back ground of my website.

Internet

I will gathering Stock to show on my Website from other Websites that sell my style of clothing have a range of websites already researched help me with this so I can focus on the other forms first.

wordle Creating

Marz showed us a Website called Wordle which is a site that you type words into of give a blog address and it creates a typography image using the words you give it.
This first one is of Me as a starter task and then i was told to do one of some one else in the class and so without telling anyone who i was doing i decided to do adam.

Creating texures in photoshop

Textures that i made in photoshop using simple filters and a cloud.

Putting a simple animation on a logo

i was tyring to put a animation into my logo i simply set up a animation from my logo to switch between to states. this was by using frame by frame animation in photoshop this lesson was more a demo of doin frame by frame animation in photoshop however if i wanted to make this animation better i could very easily put the elements into Flash and work at animation in that program because its made more towards animating things anyway.

my pheonix would go from this state and then as the mouse hovers over it i would like it to change into.

Neville Brody

Brody is a very famous typographer, design and brand strategist his work can be very simple in design. He is very flexible in his use of colour as in some of his work he uses just black and white and in other it is full of colour showing he is confident in using many mediums and ways of working to create stunning design work. His work draws your eye in to make you wonder why he did things in each design the way he did this is one thing that I envy as a designer my self.  I like all the style’s that brody has show on his website such as the designs using only pictures and even his typography ones usually typography doesn’t impress me that much because I feel that as long as you know the language your writing in you can create good typography. Typography is just knowing how to use text in ways to portray more than just the word its self and I feel that brody’s work does this aspect of typography a great justice and his work will inspire many people of the future to work with typography if not as there main source but as a experimental exercise.

 just two examples of brody's work

Layout ideas

after i researched websites thats inspire me and that i wanted to take elements from to create of work my own but to a similar style. i have a few ideas but the one i would really like to try out would be to have my logo almost as a emblem in the center of my website home page with all the hyperlinks to diferent pages in a tribal patterned circle around the logo to create a more orignal layout to the type of website that i am making mine. i feel this would be a good idea because its different and not generic to the way websites are being designed lately. i feel that my website will have to use mostly Black Reds and greys due to the style of inventory to the site. although this is a limited choie of colours i know i can make many different variations of borders.

Tshirt designing

Tshirt design using typography and and Photography.

Website Layout research and begining to plan

I have been working towards planning a layout on my website however instead of trying to just create one I decided I would research and look at websites based around my style of site to get an informed view on the market and current fashion in the websites around my style.

I have that the websites that sell items of my style and are in my style are;

http://www.spiraldirect.com/  because of its influence from tribal designs and the range of makes it sells that are reflected perfectly into the design of the website. Although it has a very basic layout it deliverers in style and originality due to design. I would strive to create a website as well made as this website.

http://www.grindstore.com/ This site is different because of how easily you can navigate and it makes me think of how I need simplicity in navigation but complexity in design to keep the eye’s engaged but also knowing where they are while on the website.

http://www.bluebanana.com/ This site is a very well known site and packs the site full of information and things to buy so its stock of items is very impressive however that on the home page it is very over packed and so I would be happy to have the stock that blue banana have acquired.

After looking at these sites I have a few ideas flying around in my head. I feel that my site has to be original and so I might take aspects that each site use such as drawing on tribal patterns to enhance my designs such as borders. I will try and take the simplicity of travel on the grind store website and merge it with blue bananas mass of stock to create a user friendly website full of everything needed.

Website basics

Fps is the rate at which frames are shown in your animation. 12fps would mean that for 3 secs of play we would need 36 frames.

Higher the frame rate the faster your animation lower slower

we set up a very basic website design of four pages with button leading to and from each page this helped to give us a sense on how to actually create a working website and how to maybe link and structure our website the way we want too.

this was a usefull lesson because it means that i have refreshed how to make working buttons in flash and now can get on to designing my actually website.

Flash Movie experiments

We have been experimenting with Flash and making videos or sort animations. we learnt how to go into frame on and postion a seaguls wings so that we could turn it into a video of the seagul flying.
we then had it tweening across the screen in a SWF video

we then flipped it and brought it back across the screen