tag:blogger.com,1999:blog-60594037473426142002024-03-13T07:56:52.493-07:00Tom BurnsInteractive Media Production StudentTom Burnshttp://www.blogger.com/profile/07550577961370035464noreply@blogger.comBlogger18125tag:blogger.com,1999:blog-6059403747342614200.post-52970372002709444552010-09-19T11:37:00.000-07:002010-09-19T11:41:36.887-07:00Portfolio PageI've been playing about with a new portfolio page concept to replace the old list box style one. <br /><br />The benefit of the new design is that is gives me unlimited boxes to display portfolio items in! As i add new things i would put them at the front of the scroller, so the most recent work is displayed first! <br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwqEnp9cOD1AtUTWwy0Q6fgQtbiCygB6k-M0PLvipVH-WZJ-KlJsJ7dirvzZXVZZJ7HdjrYJzryWE9qeJ8nEJw732fjZd43eaxtdcMFXczIan3NjH_0OwY0j7q9dajQ-nDXEuJeWdhhzM/s1600/Picture+29.png"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 393px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwqEnp9cOD1AtUTWwy0Q6fgQtbiCygB6k-M0PLvipVH-WZJ-KlJsJ7dirvzZXVZZJ7HdjrYJzryWE9qeJ8nEJw732fjZd43eaxtdcMFXczIan3NjH_0OwY0j7q9dajQ-nDXEuJeWdhhzM/s400/Picture+29.png" border="0" alt=""id="BLOGGER_PHOTO_ID_5518696141893271170" /></a><br /><br />The portfolio page itself to me is a library of all of my work. In this sense i felt containing it all on one page in a neat manner was the wise way to go! As i develop more work i could develop this page further with a featured work section for each of the portfolio sections, however i think this is more of a copy of the "Recent work" section i keep on the homepage... I'll see!Tom Burnshttp://www.blogger.com/profile/07550577961370035464noreply@blogger.com0tag:blogger.com,1999:blog-6059403747342614200.post-57261729165605918622010-07-26T15:59:00.001-07:002010-07-26T16:01:41.733-07:00Header updateChange of plan with the header again. The fade became an eyesore the ore and more i looked at it, and my links bar was too thick for me so i shrunk that by 10px, and altered the whole header.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxUAzT7OPaIsQ-ZyOFfpZDan6i3nJdU5XZVkb9iGIVl3PbRc4oMBYBNTVjAaQKl5HabUujLTEAapIUrSYyJwmtfXbtyduKHW3iTQw2UpSApFW3JIvtYU__P0mFG3i7BX3uazXvIxiiQFk/s1600/Picture+10.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 119px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxUAzT7OPaIsQ-ZyOFfpZDan6i3nJdU5XZVkb9iGIVl3PbRc4oMBYBNTVjAaQKl5HabUujLTEAapIUrSYyJwmtfXbtyduKHW3iTQw2UpSApFW3JIvtYU__P0mFG3i7BX3uazXvIxiiQFk/s400/Picture+10.png" alt="" id="BLOGGER_PHOTO_ID_5498353730886769074" border="0" /></a><br /><br />Here's what it's looking like at the moment. The finished idea looks awesome in my head! It's just a case of taking the awesome from my head and putting it on a screen now!Tom Burnshttp://www.blogger.com/profile/07550577961370035464noreply@blogger.com0tag:blogger.com,1999:blog-6059403747342614200.post-34330081972546110222010-07-21T14:21:00.001-07:002010-07-21T14:27:04.712-07:00In love with a fontSee i told you i'd update this again! <div><br /></div><div>I found a font which i intend to use for the heading text, and wherever else possible on my website. The font looks awesome to me and i think flows well with the free-flowing light hearted style of the clouds and bright colours.</div><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOCQ9yv7hPjQRzVQOfnIEAqXZBOLfv7O_zwFpH2On8b7CZTwVDmc0pNNgxY4s9BH-kZX2JtEHZ7tcK-sl5e7Rywq8-BWMIvYPHteK7VnL5nPht76K4qezNYya8eh-PM3u_A_BHn6BJXsA/s1600/Picture+7.png"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 295px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOCQ9yv7hPjQRzVQOfnIEAqXZBOLfv7O_zwFpH2On8b7CZTwVDmc0pNNgxY4s9BH-kZX2JtEHZ7tcK-sl5e7Rywq8-BWMIvYPHteK7VnL5nPht76K4qezNYya8eh-PM3u_A_BHn6BJXsA/s400/Picture+7.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5496473734649060594" /></a><div>This is an improvement on the old font which came across extremely blocky, and to me became a bit of an eyesore. It also i think forced everything else to be bigger just because of its large blocky nature. So i'm glad to be moving away from it!</div>Tom Burnshttp://www.blogger.com/profile/07550577961370035464noreply@blogger.com0tag:blogger.com,1999:blog-6059403747342614200.post-319191899489555722010-07-21T12:24:00.000-07:002010-07-21T12:35:40.671-07:00Playing around with designsI haven't really been checking into this blog as often as i should. It's the same with my other blog though... so it's not intentional neglect! I promise... though it might be a bit. If i'm honest i have a slight love for wordpress and still can't fathom why i went with blogger. <div><br /></div><div>Anyway! Over a month ago now i completed a online channel for a collaborative project. Here's a screenshot of the home page for it:</div><div><br /></div><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj47P-4UPGHZMIln6kxcBNQchANuPZHtrCg-2CPdaTos2lRtXAJQFAUHOpugm0ZWqIUQJ-S1QZV1YLFgb6Bc6X2ts-OBxVDFKFwrPMlXTRP1cjsDrBrCkgXyAYwF5ExJEey6jOf5hC2HyQ/s1600/Picture+5.png"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 320px; height: 290px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj47P-4UPGHZMIln6kxcBNQchANuPZHtrCg-2CPdaTos2lRtXAJQFAUHOpugm0ZWqIUQJ-S1QZV1YLFgb6Bc6X2ts-OBxVDFKFwrPMlXTRP1cjsDrBrCkgXyAYwF5ExJEey6jOf5hC2HyQ/s320/Picture+5.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5496443310094922338" /></a><br /><br />The design for the Fortunes Fall site was much darker than the one i implemented to Cloud Canvas, which moved me out of my comfort zone of bright colours, and allowed me to be more creative. All in all i think the end product was pretty awesome! The different aspects i threw into the design on that site got me thinking about progression of my own portfolio website... something i'd neglected a fair bit lately.<div><br /></div><div>The way the main content was framed by the links bar and, the footer bar gave a nice feel to the content and placed it well. I think this places it much better than the boxes i used on Cloud Canvas, so have been playing around with a new design that does not require boxes. I came up with this: </div><div><br /></div><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLsXAjn0TOi0BSHCabT44T7njXdH69CjQX-HqB4d4A-9oBLe5Db1e74VdSFgbjg5eaYgKhf89AJZyk-JZWYjaoUWvDgS5vAA5k_JCwWgjIQ_SfTO0YjnJRakHbC3Hkd0tENfMc35IxxAk/s1600/Picture+4.png"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 320px; height: 231px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLsXAjn0TOi0BSHCabT44T7njXdH69CjQX-HqB4d4A-9oBLe5Db1e74VdSFgbjg5eaYgKhf89AJZyk-JZWYjaoUWvDgS5vAA5k_JCwWgjIQ_SfTO0YjnJRakHbC3Hkd0tENfMc35IxxAk/s320/Picture+4.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5496444497879062690" /></a><br /><br />As you can see the fan gradient does not continue throughout the page and cuts out as soon as it hits the links bar, which acts as a frame / separator for the page. This combined with the footer below which uses the same notepad overlay gives a better feel. It also allows for more freedom in what i put in between, and for page heights as i'm not restricted to the white boxes i currently have on my portfolio page. This will allow the use of Java sliders like on the Fortunes Turn page, and less squashed looks to the pages. In my mind this is good progression.. hopefully i can continue it! <div><br /></div><div>I'll try and keep this blog up to date with changes as i make them! </div>Tom Burnshttp://www.blogger.com/profile/07550577961370035464noreply@blogger.com0tag:blogger.com,1999:blog-6059403747342614200.post-39890761737007062672010-03-13T16:46:00.000-08:002010-03-13T16:55:30.082-08:00Redesigning complete. Time to fill in some content!<div>After playing about on and off with my portfolio site i've finally found myself content with the basic layout and design of the web page! Just need to fill in individual bits of content now..</div><div><br /></div><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUNRuRnWGJ69rqejX0QYHVomFLXwp9E1HB-MwGl861RdCopc6JrS_3V6KjqSwpb70KTQdldQWFMTY7a88vrQO0Rcz4BJ_8CuJ3uX9N0Qg4G1wr8fUHZzx9Hl2Jh8tnbGZXEnpg5gzaonc/s1600-h/Picture+2.png" style="text-decoration: none;"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 307px; height: 320px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUNRuRnWGJ69rqejX0QYHVomFLXwp9E1HB-MwGl861RdCopc6JrS_3V6KjqSwpb70KTQdldQWFMTY7a88vrQO0Rcz4BJ_8CuJ3uX9N0Qg4G1wr8fUHZzx9Hl2Jh8tnbGZXEnpg5gzaonc/s320/Picture+2.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5448285125742028594" /></a><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgj5l3lO334HSP1ixf2b-LSPIJZ4sLjR-DHs35KztHZ0C2eyEAxe2Pce32456wZqxnTM9U7QkQ-FSjW4_VlBhqY2Fw_nZrwA1nvOpfjDNqjEzYW9oV6tRM7UMw2UeW2u0XFx_eYo3gHMho/s1600-h/Picture+4.png" style="text-decoration: none;"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 320px; height: 317px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgj5l3lO334HSP1ixf2b-LSPIJZ4sLjR-DHs35KztHZ0C2eyEAxe2Pce32456wZqxnTM9U7QkQ-FSjW4_VlBhqY2Fw_nZrwA1nvOpfjDNqjEzYW9oV6tRM7UMw2UeW2u0XFx_eYo3gHMho/s320/Picture+4.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5448285122916534818" /></a><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8uo2eJF6BJB_11_rRO8rHdd6sTvoSuEUq0GZnzBcywU9i44_ug3KVvoNQupVYP-5earnwLfWc2zi2LzTSZrv5Q3ziAoD88NSH9l9MtB0sNwWqnzmsWybfKrcX3uvwsylwT0ob6xQ9MQQ/s1600-h/Picture+3.png"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 320px; height: 313px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8uo2eJF6BJB_11_rRO8rHdd6sTvoSuEUq0GZnzBcywU9i44_ug3KVvoNQupVYP-5earnwLfWc2zi2LzTSZrv5Q3ziAoD88NSH9l9MtB0sNwWqnzmsWybfKrcX3uvwsylwT0ob6xQ9MQQ/s320/Picture+3.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5448285116459112850" /></a><br /><div>I also swapped facebook on connect with me with a blogspot image as i feel this is more suitable to the portfolio website.<br /><div><br /></div></div>Tom Burnshttp://www.blogger.com/profile/07550577961370035464noreply@blogger.com0tag:blogger.com,1999:blog-6059403747342614200.post-88192567582354789642010-03-10T09:30:00.001-08:002010-03-10T09:32:13.601-08:00Contact Me<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2njqQS9E65-CWHWxwdgqM6tiAVvwQk9xbMteBaDY-T3nRkxQnELnyveUx7eLrvzRmC7Uyc56_HUORj2u3Kl8cs1noSOjlgiO8XB2b9Krer-pXz40sJyAcZrOeh4sRfGpdq6FdJYtXYfQ/s1600-h/Picture+2.png"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 320px; height: 310px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2njqQS9E65-CWHWxwdgqM6tiAVvwQk9xbMteBaDY-T3nRkxQnELnyveUx7eLrvzRmC7Uyc56_HUORj2u3Kl8cs1noSOjlgiO8XB2b9Krer-pXz40sJyAcZrOeh4sRfGpdq6FdJYtXYfQ/s320/Picture+2.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5447058947066421954" /></a><br />This is my contact page! I still need to stick in a PHP contact form in the upper half, and also intend to add a note above it with a direct email url for people who do not wish to contact me via the contact form.<div><br /></div><div>Below are various ways to contact me through the sites i'm linked with for the course, these being my course twitter, Linkedin, and even Facebook! </div><div><br /></div><div><br /><div><br /></div><div><br /></div></div>Tom Burnshttp://www.blogger.com/profile/07550577961370035464noreply@blogger.com0tag:blogger.com,1999:blog-6059403747342614200.post-79260636599059031162010-03-02T05:49:00.001-08:002010-03-02T05:55:21.503-08:00StoryBoard<div style="text-align: center;"><br /></div><div style="text-align: center;">I realised i didnt have my storyboard up in a digital format...</div><div style="text-align: center;"><br /></div><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdymEx4EQbCes8nP_9dBOqSmZhgHeHgRuDlmcsiP0ohj6o5KinaqRyF1_NY7Dcr-ebLzoKMWeCjfQnxfkexRcPUXKvH2loex45qcGHyaTpIFJiC0QjVdrBvWdt9ItF4byht4v8GbR9teE/s1600-h/Page_1.jpg" style="text-decoration: none;"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 214px; height: 320px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdymEx4EQbCes8nP_9dBOqSmZhgHeHgRuDlmcsiP0ohj6o5KinaqRyF1_NY7Dcr-ebLzoKMWeCjfQnxfkexRcPUXKvH2loex45qcGHyaTpIFJiC0QjVdrBvWdt9ItF4byht4v8GbR9teE/s320/Page_1.jpg" border="0" alt="" id="BLOGGER_PHOTO_ID_5444033554668903650" /></a><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgftz6IeZWG0x5nx9-cCe_nVpyjJ-trDi5crRewwMFDRoigfSU7Efny3DlVJs5GjBTrPfM60vy46N_sEHxdetGaTZe38FLIHFRG_fB_MVHCUvzJxm3zmUBcOH2Ad_2zIWTvXkiX3SBRswk/s1600-h/Page_2.jpg" style="text-decoration: none;"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 214px; height: 320px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgftz6IeZWG0x5nx9-cCe_nVpyjJ-trDi5crRewwMFDRoigfSU7Efny3DlVJs5GjBTrPfM60vy46N_sEHxdetGaTZe38FLIHFRG_fB_MVHCUvzJxm3zmUBcOH2Ad_2zIWTvXkiX3SBRswk/s320/Page_2.jpg" border="0" alt="" id="BLOGGER_PHOTO_ID_5444033557507119522" /></a><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhunQOjBWDz73UnSf900PXmNaiuKol9iEjyc4je4z-M8kLHSJnZ1OREyr5IPiE3gSGgkhLb-dRrIwQuiwbwJ2a4rzKCFXMABIfYZR-bAK934XbYKWL9XgvtScBP1mCoPrUq8CGIHCpEr3E/s1600-h/Page_3.jpg" style="text-decoration: none;"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 214px; height: 320px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhunQOjBWDz73UnSf900PXmNaiuKol9iEjyc4je4z-M8kLHSJnZ1OREyr5IPiE3gSGgkhLb-dRrIwQuiwbwJ2a4rzKCFXMABIfYZR-bAK934XbYKWL9XgvtScBP1mCoPrUq8CGIHCpEr3E/s320/Page_3.jpg" border="0" alt="" id="BLOGGER_PHOTO_ID_5444033561963399970" /></a><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1522a49tLPo-wcgVMyO5Z8hkzpOijzZnkN065zt68NNFVEYsQfLr1oMFGJR1xFAWqtDif1IltVr87WbNhvReOW0kf-Z7d7EYzR6WT-XmgoGaVLtPTpa_2k3gtaOEbvx-4HMKRavil2BU/s1600-h/Page_4.jpg" style="text-decoration: none;"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 214px; height: 320px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1522a49tLPo-wcgVMyO5Z8hkzpOijzZnkN065zt68NNFVEYsQfLr1oMFGJR1xFAWqtDif1IltVr87WbNhvReOW0kf-Z7d7EYzR6WT-XmgoGaVLtPTpa_2k3gtaOEbvx-4HMKRavil2BU/s320/Page_4.jpg" border="0" alt="" id="BLOGGER_PHOTO_ID_5444033568613253954" /></a><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPOuTzlQcxEzXiLfxwe1VxePWkVhMiNPEfEb6cdYvEl6eUELKTx2X_NB5rjTOHGWqn1_C7B96RG_GgZfZFgvdHVNpx7KHrmObtxUCjBoQ8F4VizFfVfpf78r19aFGfCg35h6IMEQBdrwc/s1600-h/Page_5.jpg"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 214px; height: 320px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPOuTzlQcxEzXiLfxwe1VxePWkVhMiNPEfEb6cdYvEl6eUELKTx2X_NB5rjTOHGWqn1_C7B96RG_GgZfZFgvdHVNpx7KHrmObtxUCjBoQ8F4VizFfVfpf78r19aFGfCg35h6IMEQBdrwc/s320/Page_5.jpg" border="0" alt="" id="BLOGGER_PHOTO_ID_5444033569471675970" /></a>Tom Burnshttp://www.blogger.com/profile/07550577961370035464noreply@blogger.com0tag:blogger.com,1999:blog-6059403747342614200.post-21110762433113564872010-03-02T05:34:00.001-08:002010-03-02T05:35:53.103-08:00Duck Shoot<div style="text-align: center;"><br /></div><div style="text-align: center;"><br /></div><div style="text-align: center;">Duck shoot game is pretty much finished up! Added some tweens to the clouds so they float about, and threw in a pirate ship that floats past!!! </div><div style="text-align: center;"><br /></div><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqt3OBdktmHPHKbFKJg7_oU4XSrDpAoDfsAvlpDno0i0u8yVc6fFnWbIA82Qsf4LFX9WKgtL9wOxGdh3SU0TBtRYE8itu3GO8pMtY8aRi9TWgsmxP1l9ZAQ-llgay0IpMrJUmTKrMWFro/s1600-h/Picture+13.png"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 320px; height: 232px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqt3OBdktmHPHKbFKJg7_oU4XSrDpAoDfsAvlpDno0i0u8yVc6fFnWbIA82Qsf4LFX9WKgtL9wOxGdh3SU0TBtRYE8itu3GO8pMtY8aRi9TWgsmxP1l9ZAQ-llgay0IpMrJUmTKrMWFro/s320/Picture+13.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5444029579731053234" /></a><div style="text-align: center;"><br /></div><div style="text-align: center;"><br /></div>Tom Burnshttp://www.blogger.com/profile/07550577961370035464noreply@blogger.com0tag:blogger.com,1999:blog-6059403747342614200.post-61738906029730840922010-03-01T15:45:00.000-08:002010-03-29T01:19:54.874-07:00Audience types<p style="text-align: center;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 12px/normal Helvetica; "><span style="letter-spacing: 0.0px"><b>Simple / hand drawn/ stick style animations</b></span></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica"><span style="letter-spacing: 0.0px">A good example here could be the cyanide and happiness comics which have started to move over to flash. This style of animation may appeal to an audience that bases their preference more on content as opposed to quality of the animation, as these animations rely more on the humorous context to be in place and the content to be of a interesting style in such a way that the simplicity of the animation itself does not matter to the audience as the animation in turn merely become a way for the joke or point within the animation to be expressed in a visual form.</span></p><p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica"><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiz-6gM3UKQB8-y14hkS8Rwbutoo4zBp8DWdIhxV8pCeVrDyacTt07NOvbzodIwuKNJMeB8KuLX56e30mrd4CDtakIBRh_7f1CQ8CyKSJFgezyD8bJs33onVeNmmKquWMbJMnwZAdq9618/s1600/Picture+20.png" style="text-decoration: none;"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 320px; height: 174px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiz-6gM3UKQB8-y14hkS8Rwbutoo4zBp8DWdIhxV8pCeVrDyacTt07NOvbzodIwuKNJMeB8KuLX56e30mrd4CDtakIBRh_7f1CQ8CyKSJFgezyD8bJs33onVeNmmKquWMbJMnwZAdq9618/s320/Picture+20.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5453965782273417554" /></a></p><p style="text-align: center;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 12px/normal Helvetica; "><span style="letter-spacing: 0.0px"><i>Cyanide and Happiness http://www.newgrounds.com/portal/view/493133</i></span></p><p style="text-align: center;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 12px/normal Helvetica; "><i><br /></i></p><p style="text-align: center;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 12px/normal Helvetica; "><i><br /></i></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica; min-height: 14.0px"><span style="letter-spacing: 0.0px"></span><br /></p> <p style="text-align: center;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 12px/normal Helvetica; "><span style="letter-spacing: 0.0px"><b>8 bit animations style</b></span></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica"><span style="letter-spacing: 0.0px">The 8 bit animation style is one that can be linked to a select Audience. People who prefer this style may be those who are into the old school 8 bit style games, or appreciate the “retro” look, whereas others may be put off due to preference for more streamlined graphics. Furthermore the audience may be seen to extend based on theme when covering 8-bit games to general gamers. </span></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica"><span style="letter-spacing: 0.0px">The selectness of the audience could be seen to vary depending on the content of the actual animation, for example 8 bit animations based around original concepts such as the house of shiny, which relies on it for the humor, may be seen less select than animations such as those based around Mario, Sonic, or Space invaders for example, as these would appeal more to gamers and a lot less to people who aren’t into the specific games they are animated to parody. </span></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica; min-height: 14.0px"><span style="letter-spacing: 0.0px"></span><br /></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica; color: #000099"></p><div style="text-align: center;"><i>Examples: </i></div><div style="text-align: center;"><i>House of Shiny - </i><a href="http://www.youtube.com/watch?v=2gYFULhSObQ"><span style="text-decoration: underline ; letter-spacing: 0.0px"><i>http://www.youtube.com/watch?v=2gYFULhSObQ</i></span></a></div><p></p> <p style="text-align: center;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 12px/normal Helvetica; color: rgb(0, 0, 153); "><i>College Humor - </i><a href="http://www.youtube.com/collegehumor#p/search/7/Va8Sh4Agr58"><span style="text-decoration: underline ; letter-spacing: 0.0px"><i>http://www.youtube.com/collegehumor#p/search/7/Va8Sh4Agr58</i></span></a></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica; min-height: 14.0px"><span style="letter-spacing: 0.0px"></span><br /></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica; min-height: 14.0px"><span style="letter-spacing: 0.0px"></span><br /></p> <p style="text-align: center;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 12px/normal Helvetica; "><span style="letter-spacing: 0.0px"><b>Bloody gory humor</b></span></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica"><span style="letter-spacing: 0.0px">Much of the animation will see characters being injured, dying, abnormally removing limbs, and often coming back later as if it never happened to die all over again. Much in the style of Kenny from South park. This type of animation may appeal more to older audiences, and even then a select group of them as it could be seen that this form of humor may be viewed as offensive by some people, due to its often somewhat distasteful style and reliance on a somewhat sick sense of humor to be had. </span></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica"><span style="letter-spacing: 0.0px">With this all in mind it may be seen that this audience type is most likely one where people will prefer a mix of any time of animation as well due to the selectiveness that would otherwise restrict their preference. That and it’s a weird sole preference to have!</span></p><p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica"><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGaw9zV_UNdKXhpZsb-_ruElkIESumx2i2lcwBoLO2Mg4cGoHQ7MTBSSP4SrV3AhZ0eqZce1qZBVy85BVkCKWkEYfg4XWDzwvWhGb-R-VhmoRgBQBDKYqx8cj0yQWzNYXJp5Wf7VlJjek/s1600/Picture+21.png" style="text-decoration: none;"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 320px; height: 185px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGaw9zV_UNdKXhpZsb-_ruElkIESumx2i2lcwBoLO2Mg4cGoHQ7MTBSSP4SrV3AhZ0eqZce1qZBVy85BVkCKWkEYfg4XWDzwvWhGb-R-VhmoRgBQBDKYqx8cj0yQWzNYXJp5Wf7VlJjek/s320/Picture+21.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5453967273007149762" /></a></p><p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica">A good example of this style i found was that of the "Happy Tree Friends" in which the twist of every episode is that something will die. It has an unexpected aspect to it tfor people who havent seen it before in how the characters adopt a cute innocent look.</p><p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica"><br /></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica; min-height: 14.0px"><span style="letter-spacing: 0.0px"><b></b></span><br /></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica; min-height: 14.0px"><span style="letter-spacing: 0.0px"><b></b></span><br /></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica; min-height: 14.0px"><span style="letter-spacing: 0.0px"><b></b></span><br /></p> <p style="text-align: center;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 12px/normal Helvetica; "><span style="letter-spacing: 0.0px"><b>Younger Audience based animations.</b></span></p> <p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica"><span style="letter-spacing: 0.0px">Animations such as the disney cartoons or the looney tunes provide a good base example for this audience. The innocent style of the animation often leaves it with a humorous twist to keep people entertained, whilst throwing in slapstick violence and pain where characters may hit into objects, or be hit with objects, but always come out fine with their body or faces distorting to a pancake, and back to normal as if nothing happened.<br />Much of the style within these animations could be seen as being repetitive between other animations of the same style which may make this style off putting to older audiences who get bored of the same thing over and over again, yet more appealing to audiences such as kids who are seen to be more easily amused. </span></p>Tom Burnshttp://www.blogger.com/profile/07550577961370035464noreply@blogger.com0tag:blogger.com,1999:blog-6059403747342614200.post-78387454610453086042010-02-23T06:06:00.000-08:002010-02-23T06:32:02.632-08:00Character CreationFor my flash project i intend to make a sort of interactive adventure in which a character will work through the animation with occasional interactive stops which must be completed correctly in order to proceed. For example a duck shoot style part. <div><br /></div><div>When developing the character i started on the head and worked on head and hair styles.</div><div>As can be seen in the image i decided a more shaped cheek gave a better image when taking an angled side look, and hair was less boring when spiked upwards on the fringe.</div><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGDMX3X48yJLQtaPtUNqxhmNF_oafXv_f6svqbRfEr5-qB6brVsii3aZjstpmokrGdJtVWfHmzDJcBSPSH8eLMjzix0gvwS0Z0nEvjZwt4ND6uA86WC8KaAnJTRhqVa7zEVJXqh1orM5Y/s1600-h/Faces.jpg"><img style="display: block; margin-top: 0px; margin-right: auto; margin-bottom: 10px; margin-left: auto; cursor: pointer; width: 320px; height: 166px; text-align: center; " src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGDMX3X48yJLQtaPtUNqxhmNF_oafXv_f6svqbRfEr5-qB6brVsii3aZjstpmokrGdJtVWfHmzDJcBSPSH8eLMjzix0gvwS0Z0nEvjZwt4ND6uA86WC8KaAnJTRhqVa7zEVJXqh1orM5Y/s320/Faces.jpg" border="0" alt="" id="BLOGGER_PHOTO_ID_5441443465981470578" /></a><div> Once i'd worked out a rough headline i tackled the part of the characters head that looked weird... The eyes.</div><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuvT4RDBpxixnIVo5_Q-lCjP3Yfsz6N8r0e7J4oMbCTpYkBar7T3OoAKcE1tWwtcw5mafymYn2MlOw-qUwIEOxya-zUBHCH0H0bC0WbfFEbG3m6nCEKBAcdcvErvPhVzSYq-x-g_a3YdU/s1600-h/Eyes.jpg"><br /></a><div><br /></div><div><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuvT4RDBpxixnIVo5_Q-lCjP3Yfsz6N8r0e7J4oMbCTpYkBar7T3OoAKcE1tWwtcw5mafymYn2MlOw-qUwIEOxya-zUBHCH0H0bC0WbfFEbG3m6nCEKBAcdcvErvPhVzSYq-x-g_a3YdU/s1600-h/Eyes.jpg"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 320px; height: 142px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuvT4RDBpxixnIVo5_Q-lCjP3Yfsz6N8r0e7J4oMbCTpYkBar7T3OoAKcE1tWwtcw5mafymYn2MlOw-qUwIEOxya-zUBHCH0H0bC0WbfFEbG3m6nCEKBAcdcvErvPhVzSYq-x-g_a3YdU/s320/Eyes.jpg" border="0" alt="" id="BLOGGER_PHOTO_ID_5441444499004788018" /></a></div><div style="text-align: left;"><span class="Apple-style-span" style="color:#0000EE;"><span class="Apple-style-span" style=""><span class="Apple-style-span" style="color:#000000;"><span class="Apple-style-span" style="text-decoration: underline;"><br /></span></span></span></span></div>I felt that empty filled eyes were soullessm and rounded eyes on pupils just bored me. <div>Whereas the straight simple lined eye appealed to me somehow, as i felt it could be manipulated in various ways to show emotion through eye shapes as shown with the front and back examples below.</div><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyz1NZ3Gu3-xIWd3fFCKYf4UvlOWYlS9tVrDXNpFsBgwFgXuSdq8lCdgGg9oUYTXcllpCzqNBTyLJqaKSwrJ0iXjFv-iUldyum-fdNEBlecjp6g4Vmmtg5WYxzpIUXf9zuQd6KTzJusNA/s1600-h/front+and+back" style="text-decoration: none;"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 186px; height: 320px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyz1NZ3Gu3-xIWd3fFCKYf4UvlOWYlS9tVrDXNpFsBgwFgXuSdq8lCdgGg9oUYTXcllpCzqNBTyLJqaKSwrJ0iXjFv-iUldyum-fdNEBlecjp6g4Vmmtg5WYxzpIUXf9zuQd6KTzJusNA/s320/front+and+back" border="0" alt="" id="BLOGGER_PHOTO_ID_5441445061874465890" /></a><br />The front and back views would be used in dialogue shots ideally, as i use them to create perspective in the flash movie.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgB_UQ8qQvPjxIjx4dMZdg5Peri51w4RqJ1OUlhpihporeup2JhBRKZhRT_hSGaI3cEzVJ7Hh9nzEQWqZjjtmf55b3_2BYo1S4mSlZ_38QBKQJTjiDbVNC_AeM1g1Gi3kQ2dJy7pgYq-6M/s1600-h/SidePic.jpg"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 198px; height: 320px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgB_UQ8qQvPjxIjx4dMZdg5Peri51w4RqJ1OUlhpihporeup2JhBRKZhRT_hSGaI3cEzVJ7Hh9nzEQWqZjjtmf55b3_2BYo1S4mSlZ_38QBKQJTjiDbVNC_AeM1g1Gi3kQ2dJy7pgYq-6M/s320/SidePic.jpg" border="0" alt="" id="BLOGGER_PHOTO_ID_5441445673766549938" /></a><br /><div>Further to these i considered motions that would be used in a walk or movement. However this just included the arms as i feel the whole body does not necessarily have to appear on the stage!</div><div><br /></div><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgORd9h3649CVDI-oUgrHNLpt9KyF4-KZN8ftrV8Hz_jEYQrlZknV3Dwr0SlupZxdakXJpRQyfvlPIMwOmYSpecQppVpWsw1wBZAVtzyHYWXLjFxHx8WCNN0Bt2GTh3Qybl01YzWnTi7Pg/s1600-h/Walking"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 320px; height: 208px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgORd9h3649CVDI-oUgrHNLpt9KyF4-KZN8ftrV8Hz_jEYQrlZknV3Dwr0SlupZxdakXJpRQyfvlPIMwOmYSpecQppVpWsw1wBZAVtzyHYWXLjFxHx8WCNN0Bt2GTh3Qybl01YzWnTi7Pg/s320/Walking" border="0" alt="" id="BLOGGER_PHOTO_ID_5441446075032609090" /></a><br /><div>I then developed these further by putting them within the flash environment and drawing them there.</div><div><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3VpfqTHRfIQR62RHVrFdyCfX4n9DDPUw8-Kq0uVjrhyDDCk0FR5NrVsWYBMVP8HS3v5iONLB7clAswKG0ZwE_157dNZsAXsUw3Otn3zjbu93FpVOfzXFufQpHu0yBNo8a4uj1C1cMW_Q/s1600-h/Picture+5.png"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 320px; height: 186px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3VpfqTHRfIQR62RHVrFdyCfX4n9DDPUw8-Kq0uVjrhyDDCk0FR5NrVsWYBMVP8HS3v5iONLB7clAswKG0ZwE_157dNZsAXsUw3Otn3zjbu93FpVOfzXFufQpHu0yBNo8a4uj1C1cMW_Q/s320/Picture+5.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5441446521687560002" /></a><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjS0EILetma6xu7qCMQFnZSV-uqeSUxO6JjdNFdNufFfoFuvuWsU_mXpbHyjNS2MyjhbyHi0ROaDpxmei3g0hP2Ar-GZyJ0OeE5CCW-pqv3G0gTCvuRTDQ1P_feEUVbylj-HwWRvXB0eI0/s1600-h/Picture+4.png"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 169px; height: 320px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjS0EILetma6xu7qCMQFnZSV-uqeSUxO6JjdNFdNufFfoFuvuWsU_mXpbHyjNS2MyjhbyHi0ROaDpxmei3g0hP2Ar-GZyJ0OeE5CCW-pqv3G0gTCvuRTDQ1P_feEUVbylj-HwWRvXB0eI0/s320/Picture+4.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5441446521259352370" /></a><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyn-YMz08g2CuR5cW0E_ejoL2p0gR2dZ0NzLoWLh0UPKHbVeg9DwFcSnD6-A68nBirF8VHIVZvzOrfVxSwkoiz8G_OQf0BuNue1veJ3NassGDes7ZhpZ7oY9hJPx8kTxxnhED2l4QXT-8/s1600-h/Picture+3.png"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 275px; height: 320px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyn-YMz08g2CuR5cW0E_ejoL2p0gR2dZ0NzLoWLh0UPKHbVeg9DwFcSnD6-A68nBirF8VHIVZvzOrfVxSwkoiz8G_OQf0BuNue1veJ3NassGDes7ZhpZ7oY9hJPx8kTxxnhED2l4QXT-8/s320/Picture+3.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5441446509982760514" /></a><br /></div>Tom Burnshttp://www.blogger.com/profile/07550577961370035464noreply@blogger.com0tag:blogger.com,1999:blog-6059403747342614200.post-64897796522634311212010-02-03T12:46:00.000-08:002010-02-03T12:59:54.282-08:00Website progressionThe website design is still progressing. Most elements are ready for dreamweaver for the home page. I just need to throw in a links area. Playing about with where it goes though.. will post some variations next blog post hopefully!!!<div><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPXwBNkEBrYPtJozCzH28vYYPMnHp5dlMtlEtPRExu69CDeJaFJ6KQoxQhQeK6OK7bqd1lwSaeQl_i4M6-5Zpk5lcZB-h0W22Mrw7V87z1GxhjF4aBYohzhPY6UwdoUnAzRBp5HkNgp1o/s1600-h/Picture+35.png"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 200px; height: 144px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPXwBNkEBrYPtJozCzH28vYYPMnHp5dlMtlEtPRExu69CDeJaFJ6KQoxQhQeK6OK7bqd1lwSaeQl_i4M6-5Zpk5lcZB-h0W22Mrw7V87z1GxhjF4aBYohzhPY6UwdoUnAzRBp5HkNgp1o/s200/Picture+35.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5434122641709502690" /></a><br /></div><div>The progression here shows the themed titles in which i aimed to keep in the same note book / scrap book paper style which i like. This maintains a consistent theme with the background and cloud focus.</div><div><br /></div><div>The twitter feed in the right bar is the progression i decided to lead on in place of the blog following feedback that my blog should not be the home pages focus, as its better to just link, so i will be providing a link to it somehow. </div><div><br /></div><div>Below i added a new section to the original design from October / November which shows the most recent work with one piece of Flash work, one piece of web work and one piece of Video. These being the three areas i want to apply most focus to through my portfolio as they are the areas that interest me most. </div><div><br /></div><div>The main upper left box will have a short brief introduction to the site explaining that it is my portfolio site and all my work up to date can be found there. Probably throw in a picture or something! Though i wont add too much detail there as i want to have a detailed about me page! </div><div>I am also thinking a link to the blog within that box might be wise as it would slip in with my original plans of having the blog there i guess...<br /><div><br /></div><div><br /></div></div>Tom Burnshttp://www.blogger.com/profile/07550577961370035464noreply@blogger.com1tag:blogger.com,1999:blog-6059403747342614200.post-2056833812873257492010-02-02T10:18:00.000-08:002010-02-02T10:22:38.476-08:00All Rounded vs Semi-Rounded.As i was working on the new boxes for my new layout and giving them the paper style too i accidentally rounded all of the corners as i went off into my own daydream world for a short time...<br /><br />I realised and decided i'd keep as a comparison, however i only kept it to the point i'd reached with just the top two being all cornered..<br /><br />Personally i prefer the semi rounded one which looks as if it was all joined with bits cut out!<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0hcgU9Z4Sc4hnr9LsaCAkjCcD9bK2nmb2wA4UiLGEdNWm5P6zVS2W-IpNG6ljHEWBvy-icKg86Eq80CM30OZVx6raIi_7-Jjbi1DdsrslwbDj2DeGTMfR2LRE92ljxsThLphWE6-8qAg/s1600-h/FolioBackallrounded1.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 156px; height: 200px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0hcgU9Z4Sc4hnr9LsaCAkjCcD9bK2nmb2wA4UiLGEdNWm5P6zVS2W-IpNG6ljHEWBvy-icKg86Eq80CM30OZVx6raIi_7-Jjbi1DdsrslwbDj2DeGTMfR2LRE92ljxsThLphWE6-8qAg/s200/FolioBackallrounded1.jpg" alt="" id="BLOGGER_PHOTO_ID_5433712928279825762" border="0" /></a><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbyygPGYoYv_0yuOIZ9yjvkv8A0QEM7JdsdtO4SuOXXUesXBt5q9ODm5RmZ99cO16cocYkCTlaaSyexf8c9U6y3ReSMTr7fw1m4j-9N9Wo1JtzN9MLVUaHt5HN-T4ZZOzKvTls38qXKaI/s1600-h/FolioBackallrounded.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 156px; height: 200px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbyygPGYoYv_0yuOIZ9yjvkv8A0QEM7JdsdtO4SuOXXUesXBt5q9ODm5RmZ99cO16cocYkCTlaaSyexf8c9U6y3ReSMTr7fw1m4j-9N9Wo1JtzN9MLVUaHt5HN-T4ZZOzKvTls38qXKaI/s200/FolioBackallrounded.jpg" alt="" id="BLOGGER_PHOTO_ID_5433712857978055234" border="0" /></a><br /><br />Opinions would be appreciated!Tom Burnshttp://www.blogger.com/profile/07550577961370035464noreply@blogger.com2tag:blogger.com,1999:blog-6059403747342614200.post-2957498925761704982010-02-01T01:21:00.000-08:002010-02-01T01:30:57.152-08:00Portfolio background advancement<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRd4EYHwYmlp6Qu1vCJaWxiH60fMbQH8epOb4zlJUhGYJz71pvYud80vMYsJNJwLiIbRJEQrsvt0LFz3daxEmmcCrmJyN_JoQNmAj6cwXKF6aBuUud7ZFWe1hnICu0RbjevDMo9_T1RNE/s1600-h/NewFolioBack.jpg"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 156px; height: 200px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRd4EYHwYmlp6Qu1vCJaWxiH60fMbQH8epOb4zlJUhGYJz71pvYud80vMYsJNJwLiIbRJEQrsvt0LFz3daxEmmcCrmJyN_JoQNmAj6cwXKF6aBuUud7ZFWe1hnICu0RbjevDMo9_T1RNE/s200/NewFolioBack.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5433205024063057362" /></a><br />I liked the theme for my portfolio site and wanted to keep it.<br /><br />However i felt that it was lacking something and looked too plain, with just plain colour on plain colour, and also had the issue with the edges not being able to blend with any web based background colour.<br /><br />I tackled this by applying a paper effect, something i had always wanted to go with initially, and that i was in a way aiming for when i first put notebook lines on my first cloud. The initial thought i had in doing this was that it would give a bit of a note pad / paper theme subtly.<br /><br />With my new design i have applied a full paper effect, and created torn paper effects over the edges which i feel will give the portfolio site a bit more life and make it less plain in its design. It also allows me to add the same effect to the central boxes and throughout the site with various features i am going to add as i redesign the site!Tom Burnshttp://www.blogger.com/profile/07550577961370035464noreply@blogger.com0tag:blogger.com,1999:blog-6059403747342614200.post-28597890688859831422010-01-21T05:38:00.000-08:002010-01-21T05:42:13.229-08:00Time to kick myself back into the flow!Lately i havent been blogging.<br /><br />I say lately.. i havent actually blogged in forever! Since the one day project i think!!<br /><br />Yesterday we nailed the filming for our group channel project "Rview" it was a fun day and cool to do. We used a proper light to get the right lighting which made it even better in my mind.<br /><br />Today i'm editing and i just hit my first snag. A message on import that i've NEVER seen in the three years i;'ve been editing videos. "Error". This made me die a little inside as its preventing me importing 3/4 clips, and whilst they may not be important and might be CUTS! They might be important or something i could have salvaged. <br /><br />I HATE not having everything for me to edit with. It really annoys me.<br /><br />Another thing is where the person on the external mic was sat right next to the light instead of close to us, the noise of the light BUZZZZIIINGGG is audible... There's nothing i can think of doing to fix this so i'll have a play editing around. If i can get some background music in somehow this would hide the noise... so i'll see how this goes..<br /><br />TIME TO EDIT VIDEO NUMBER 1!Tom Burnshttp://www.blogger.com/profile/07550577961370035464noreply@blogger.com0tag:blogger.com,1999:blog-6059403747342614200.post-59481384297495236682009-11-17T02:28:00.000-08:002009-11-17T06:41:56.059-08:00Website UpdateI've finally completed my portfolio site... however i use complete loosely as i know i will change aspects and add to it between now and the final deadline.<div><br /></div><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgENSjktfKyq6G23jJJ36geHKi-G6vutYhGGTvvdOICfGYS8dJw9TYhmfmX5tS3rqsXWNO_XYqZ3mTePjVlaQA1-zFCIm10CA1wPw3zV3zRMcUXh1gNYTluFR8qiJnybgxtJl7tpbXQBLo/s1600/Picture+13.png" style="text-decoration: none;"><img style="text-decoration: underline;display: block; margin-top: 0px; margin-right: auto; margin-bottom: 10px; margin-left: auto; text-align: center; cursor: pointer; width: 320px; height: 224px; " src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgENSjktfKyq6G23jJJ36geHKi-G6vutYhGGTvvdOICfGYS8dJw9TYhmfmX5tS3rqsXWNO_XYqZ3mTePjVlaQA1-zFCIm10CA1wPw3zV3zRMcUXh1gNYTluFR8qiJnybgxtJl7tpbXQBLo/s320/Picture+13.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5405018571455336818" /><br /></a><div style="text-align: center;"><span class="Apple-style-span" style="color: rgb(0, 0, 238); text-decoration: underline;"><br /></span></div>As can be seen with the above design i developed the concept from the one day project to form the main heading image and background. The heading sets a theme and colour style for the site with the white clouds on the two shades of blue which expand out. <div><br /></div><div>Initially a problem i had with this was that the white of the cloud and the edge of the rays cut out with little fade, as shown in the concept image below: </div><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkLcCcmjwPJgSj0y_GB1OeWsIGGgehews1fK6AmLqA1aXWhyQZ739eG5ok0NEMvJhjGaufJQ7yYyQr4WBUeLyojsrh4SUMjTg04PaBO1NHG4wuOR5HxUodtnK0tfa9XrpCkXSMCy8oO_4/s1600/test.jpg"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 192px; height: 320px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkLcCcmjwPJgSj0y_GB1OeWsIGGgehews1fK6AmLqA1aXWhyQZ739eG5ok0NEMvJhjGaufJQ7yYyQr4WBUeLyojsrh4SUMjTg04PaBO1NHG4wuOR5HxUodtnK0tfa9XrpCkXSMCy8oO_4/s320/test.jpg" border="0" alt="" id="BLOGGER_PHOTO_ID_5405020850767988834" /></a><br />As seen it blocks off on the edges. This was amended with a gradient fill and the blue background colour being overlayed all sides on all layers, and rubbed out below the cloud so not to be doubled up on the left side of the background. <div><br /></div><div>Once the background was finished i created the individual white background boxes in photoshop and placed them within the CSS for each individual division. Initially these were just plain white. However as i developed the site further i found that it was better to make them with the header text such as "Blog" for the blog section, which allowed use of the same gill sans text that i used in the header. </div><div><br /></div><div>I added link boxes on the lower right side of the home page and portfolio pages. </div><div><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQvSoVRh4GaZLTScbnCdRGU0yacYYF9wEFJxDmZpX_74-MHWPbPeBOpkXiAq8nWEwD5MszkyFvCq56noRosherOPsVnzrdDdt_QTUFiDppLbJl44oIdxwHkusvKsia2WbCS_kB1v8hINc/s1600/Picture+14.png"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 102px; height: 200px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQvSoVRh4GaZLTScbnCdRGU0yacYYF9wEFJxDmZpX_74-MHWPbPeBOpkXiAq8nWEwD5MszkyFvCq56noRosherOPsVnzrdDdt_QTUFiDppLbJl44oIdxwHkusvKsia2WbCS_kB1v8hINc/s200/Picture+14.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5405066299996262818" /></a>I created all of them in twitter using renders of the blogger and twitter logo, and the mail app for iPhone logo. These boxes provide a direct link to my twitter and blogger page, aswell as a direct mail link which activates any mail app on a computer. </div><div><br /></div><div>The idea for these boxes deveoped after seeing the partner boxes on YouTube where paid members of the site are able to use a box image to link to an external site. Example given below from the user channel Charlieissocoollike</div><div><br /></div><div><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7CymVkN26sTesm-k-7qxeT-dQoljfBwnVUmmiefr16ltqMn2957zKFIS994lvzLJZHMNpT6a_OSKE4tnseUMw32C4GMfN2o-MJasddZ0gUytl-fmcEIc7oFRh_ICm5HpiSFN3P8wGQ74/s1600/Picture+15.png"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 200px; height: 190px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7CymVkN26sTesm-k-7qxeT-dQoljfBwnVUmmiefr16ltqMn2957zKFIS994lvzLJZHMNpT6a_OSKE4tnseUMw32C4GMfN2o-MJasddZ0gUytl-fmcEIc7oFRh_ICm5HpiSFN3P8wGQ74/s200/Picture+15.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5405082557823169554" /></a><br /><br />When i saw these i thought of them as a simple way to link external sites rather than just putting a plain list link and flooding the home page with text.<br /><br /></div><div><br /></div><div><br /><br /></div>Tom Burnshttp://www.blogger.com/profile/07550577961370035464noreply@blogger.com0tag:blogger.com,1999:blog-6059403747342614200.post-63535900371546357472009-11-09T17:19:00.000-08:002009-11-09T17:35:29.960-08:00Idea and Mock upOver the past week i've found myself working on and off with various ideas for layouts. The ideas have evolved from what i came up with on the one day project to the the following:<div><br /></div><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjG32kvpgrl36BxHpARok2CkG0rbpEowtP9YMWHlxDpOBX1rO7bRDup0Y65K0APFb4es9GcucJlt1ng9dTUDPyyqkXVSy-ZmFiA0-2BwfngRDgh04tPFhwRxEx-m53qvlrEVTJCZra9KUo/s1600-h/IMG_0413.jpg"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 240px; height: 320px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjG32kvpgrl36BxHpARok2CkG0rbpEowtP9YMWHlxDpOBX1rO7bRDup0Y65K0APFb4es9GcucJlt1ng9dTUDPyyqkXVSy-ZmFiA0-2BwfngRDgh04tPFhwRxEx-m53qvlrEVTJCZra9KUo/s320/IMG_0413.jpg" border="0" alt="" id="BLOGGER_PHOTO_ID_5402280846009099202" /></a>I wanted to keep the same header style and background theme so worked more on the box layout, in this case i made it more curved, around edges with a straight cornered cut down the right side splitting two columns with a small gap. <div><br /></div><div>The main section is intended to hold the blog. The section next to it will hold an about me and all of the link contact boxes i intend to make within photoshop. </div><div><br /></div><div>Following the sketch up, and finally deciding that i was content with an idea i moved onto making a mock up in photoshop, which can be seen below:</div><div><br /></div><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjA1dN-9R77vIPNVWibfujuWbB5OKXLtNzVrz9NjttJ1iaIur1dN6eB3w3BB2po5wZPqAPEjdbF5_-06fi3PqMixUVVQeXZQCN_9Mb46SRoz8aMJVR8iLX5wcTE8_WSov7ouwtrW9G_fVI/s1600-h/Picture+6.png"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 320px; height: 236px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjA1dN-9R77vIPNVWibfujuWbB5OKXLtNzVrz9NjttJ1iaIur1dN6eB3w3BB2po5wZPqAPEjdbF5_-06fi3PqMixUVVQeXZQCN_9Mb46SRoz8aMJVR8iLX5wcTE8_WSov7ouwtrW9G_fVI/s320/Picture+6.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5402282251658437170" /></a><br />I intend to now push on with this design and develop it into dreamweaver. The title for the header will be developed as a separate overlay, however i may play around with attaching it to the background. Tom Burnshttp://www.blogger.com/profile/07550577961370035464noreply@blogger.com1tag:blogger.com,1999:blog-6059403747342614200.post-58667874364965288862009-10-19T16:19:00.000-07:002009-10-20T06:27:06.858-07:00One Day ProjectThe task i have been given involves designing a concept and home page design for my portfolio page within 24 hours. In the process of designing this i am required to show at least one website and one form of media that has influenced my design.<br /><br /><div><br /><br /><div style="text-align: center;"><span class="Apple-style-span" style="font-weight: bold; ">Web Influence</span></div>The layout on vimeo is a simple one and through it's simplicity i think it is more effective. The general concept of the homepage is a simple blue background with white clouds which is seen matching throughout with the white back banner linking in well with the sky concept as shown in the image below:<br /><br /><center><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOfKVFRpunYrMiWOL8VDRfw_PidGslt-N6tmgYgf7Myj4xLCu76OvMdUxQAvMcZ251Dn_XCfcwKJ1RSKBFkZWD4m6rVMV3wlvGrBhRx0yyaVNXd-WpTlJ7zyPGKEQ9BbE65XqWSN3xUlw/s1600-h/Picture+2.png"><img style="cursor:pointer; cursor:hand;width: 320px; height: 247px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOfKVFRpunYrMiWOL8VDRfw_PidGslt-N6tmgYgf7Myj4xLCu76OvMdUxQAvMcZ251Dn_XCfcwKJ1RSKBFkZWD4m6rVMV3wlvGrBhRx0yyaVNXd-WpTlJ7zyPGKEQ9BbE65XqWSN3xUlw/s320/Picture+2.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5394455036239982034" /></a></center><br />This has influenced my idea for a concept design that will take the form of the graphic that i would place within the upper area of the web page. In being placed here i feel it allows for me to structure and build down with a general matching theme and design, i also feel happier with this idea as i was already thinking of going with a cloud theme after playing around with a new brush set i downloaded on Friday which has a variety of cartoon designed clouds.<br /><br />Another aspect of the design that i like on this site that has had an influence on my ideas are the rays that come out of the sun.</div><div><br /><center><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-D6_lrcSnwL2Jo_swOLt5AmqDIcb_TRaAtmJMH7UHa_ewsXdBrhvY8n2lXshdhmJS44Va6WgYI5zn_OqdAjKOaO2jWtE-I5UH7abfg6asgdLMiL-1h33wlLQczzvqsVswO-izjj0d71U/s1600-h/Picture+5.png"><img style="cursor:pointer; cursor:hand;width: 287px; height: 273px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-D6_lrcSnwL2Jo_swOLt5AmqDIcb_TRaAtmJMH7UHa_ewsXdBrhvY8n2lXshdhmJS44Va6WgYI5zn_OqdAjKOaO2jWtE-I5UH7abfg6asgdLMiL-1h33wlLQczzvqsVswO-izjj0d71U/s320/Picture+5.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5394460015370957666" /></a></center><br />I can see myself using a fan brush within photoshop to create a fan that extends from the top corner behind the graphic to cover the whole web page with a two tone shade of blue. I think this would look good as it would cover the whole page to the point required and could be faded into a single colour such as white at the outside edges where the site may not fit within some screens fully. This would also add to the graphic as it would provide something coming from under the cloud i intend to use as the concept in the corner... this would be like the sun is obscured, yet give a better effect as the rays / fan sections are tones of blue.</div><div><br /> <center> <a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwFvMeKIcekgyIoXUuZ5wE8VrkVY6k3WlciDJs6nZo_eFCQ5OBk619DGr41ia1Na-HgK1zqK8GA3U0EEmagVfA8olUyfKS0E76jj-1hyphenhyphen8veD2EgRmIPsg7GEAP716Xmw9ev_Uqn2mY7UQ/s1600-h/Picture+3.png"><img style="cursor:pointer; cursor:hand;width: 320px; height: 239px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwFvMeKIcekgyIoXUuZ5wE8VrkVY6k3WlciDJs6nZo_eFCQ5OBk619DGr41ia1Na-HgK1zqK8GA3U0EEmagVfA8olUyfKS0E76jj-1hyphenhyphen8veD2EgRmIPsg7GEAP716Xmw9ev_Uqn2mY7UQ/s320/Picture+3.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5394457645671245586" /></a></center><br />I think the solid white above the background is good as it draws attention away from the background and to the actual content of the website, which in this case takes on a smooth layout using many curves rather than a dead box shape which makes it more appealing to the eye. This is another thing i will consider when designing the web layout itself from the concept.<br /><br />Furthermore the site makes good use of buttons providing smooth buttons next to one another with a short piece of text describing them or what they are showing, making people want to click "Learn more".</div><div><br /><center><span class="Apple-tab-span" style="white-space:pre"> <span class="Apple-tab-span" style="white-space:pre"> </span></span><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3-ujyoNsCSxrJ3oOlJtk_88Qc4d7HLrJY0JnDgVuKu7f-SdDVd5Xz5ePTgY_5BxnMpNnTGLYay2DRLlSsWmGfxskqkHcTFecmVzQqxSoAwVRbx1vVLPt-BjBKv9Yit04JmdE14YDRu_s/s1600-h/Picture+4.png"><img style="cursor:pointer; cursor:hand;width: 320px; height: 79px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3-ujyoNsCSxrJ3oOlJtk_88Qc4d7HLrJY0JnDgVuKu7f-SdDVd5Xz5ePTgY_5BxnMpNnTGLYay2DRLlSsWmGfxskqkHcTFecmVzQqxSoAwVRbx1vVLPt-BjBKv9Yit04JmdE14YDRu_s/s320/Picture+4.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5394458468483744258" /></a></center>This has given me the idea to make rounded buttons to go nearer the bottom of the home page for external links such as twitter, the blog itself, and perhaps an email button.</div><div><br /></div><div><br /></div><div><br /></div><div style="text-align: center;"><b>Media Influence</b></div><div style="text-align: center;"><b><br /></b></div><div style="text-align: center;"><b><br /></b></div><div style="text-align: center;"><b>Concept</b></div><div><br /></div><div><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLR1jOh-jOZwV55qMoTFRjRn7qWYASkPrOVUMOOP7miDgVx_g0CJzE0BNRQJ95W5qgWrBXSD4Lj5cO_-biYXcFZov-f2S-T7i91VYJypiusSYpOXZXnamz-orR81cmW8n45PSh1VE1RSo/s1600-h/IMG_0386.JPG" style="text-decoration: none;"><img style="text-align: left;display: block; margin-top: 0px; margin-right: auto; margin-bottom: 10px; margin-left: auto; cursor: pointer; width: 320px; height: 240px; " src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLR1jOh-jOZwV55qMoTFRjRn7qWYASkPrOVUMOOP7miDgVx_g0CJzE0BNRQJ95W5qgWrBXSD4Lj5cO_-biYXcFZov-f2S-T7i91VYJypiusSYpOXZXnamz-orR81cmW8n45PSh1VE1RSo/s320/IMG_0386.JPG" border="0" alt="" id="BLOGGER_PHOTO_ID_5394631130697961954" /></a>The concept takes the form of a graphic i intend to place in the upper left corner of my web page. This will expand to cover part of the header area allowing it to mix in with the site.. The rays of colour that come out would ideally be extended to later fade out within the areas of the web page that may not necessarilly fit on a standard screen allowing for a more neutral colour. </div><div><br /></div><div>I decided to go with a cloud following the influence of various cloud brushes i have been playing with in photoshop, and this further works as i feel it provides the initial colour contrast of blue to white which i hope to further show through my web page with blue backgrounds and white foregrounds for the content boxes. </div><div><br /></div><div><br /></div><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmjh0gaxaAgrKh1A4vz7CKSntOuhreFT9XfSEffb2E4wDdPykuazI6rAjpaTQLc5pbWOPbfoovC71Jcz-m84-l9hUlRrcyer1YWTNeVYn1_5bR9zpQC98VGdQ3UBt9eQRgeMcockdRDgU/s1600-h/IMG_0385.jpg"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 300px; height: 400px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmjh0gaxaAgrKh1A4vz7CKSntOuhreFT9XfSEffb2E4wDdPykuazI6rAjpaTQLc5pbWOPbfoovC71Jcz-m84-l9hUlRrcyer1YWTNeVYn1_5bR9zpQC98VGdQ3UBt9eQRgeMcockdRDgU/s400/IMG_0385.jpg" border="0" alt="" id="BLOGGER_PHOTO_ID_5394663575373828866" /></a><div><br /></div><div>On the actual site this concept would be taken to cover the whole background as shown in the above sketch. </div><div>The boxes with a T, envelope and B in would link to external sites and means of contact such as twitter, email and blog. These would follow a box button sort of style with smoother rounded edges that matches the theme of the concept with the clouds being smooth and curved like the boxes. <br /><br /></div><div>Building on this i looked at various font types that could suit the header section with the web page title and initial links that are seen on each page. </div><div><br /></div><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_JJlgBc6jnj6ZOwmqT-4aUHIpAJH2HT8so-65SPSAL0X7_D4JR7R-bqEcYO7GjIZRzgAn1WECFqAoMAmUOvyzYBtYgiPIzrmlosZS7RvDfvbmBvt-5uWIAc3EX-FTfV4sMavgtYCkxQU/s1600-h/TextIdeas.jpg"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 320px; height: 320px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_JJlgBc6jnj6ZOwmqT-4aUHIpAJH2HT8so-65SPSAL0X7_D4JR7R-bqEcYO7GjIZRzgAn1WECFqAoMAmUOvyzYBtYgiPIzrmlosZS7RvDfvbmBvt-5uWIAc3EX-FTfV4sMavgtYCkxQU/s320/TextIdeas.jpg" border="0" alt="" id="BLOGGER_PHOTO_ID_5394672706207394370" /></a><div><br /></div><div>White on blue tends to work well and keeps the text standing out. Curved texts are more appealing and something i think would match more with the curve of the cloud, however i don't want to go too cartoony so may go for a mix of the fonts on the left with those on the right to form a neater font that stands out, looks original and has curves that suit the general concept design.<br /><br /></div>Tom Burnshttp://www.blogger.com/profile/07550577961370035464noreply@blogger.com1tag:blogger.com,1999:blog-6059403747342614200.post-7570292464474980022009-10-19T10:01:00.000-07:002009-10-19T14:03:33.724-07:00Before i dive in with the posting.....I suppose it would be wise to write up a quick introduction.<br /><br />I've always found introductions a little hard to write, and not because i don't know what to put in them.. but more because i find them to be so generic and mirroring of the last one i wrote, fortunately this blog wont be all introductions, and i intend to creatively show various ideas that i have and show clearly how they have been influenced through other forms of media such as a website design or even a DVD case.<br /><br />Anyway the introduction. My name is Tom Burns, and i have lived on the South Coast of England most of my life. I studied Law, English Lit, Geography and ICT at A level, and additionally studied critical thinking in my first year of college as an AS. <br /><br />I've always held an interest within aspects of media. As i was younger my uncle would always show me pieces of his graphics work, and i would help out with various bits where possible, and whilst this didn't happen very much it gave me a good insight and built on an interest i already had with IT to send it in the direction of Web Design, which i find to be my current intended route as i study Interactive Media Production at Bournemouth University. <br /><br />Over the past two years i have found interests in broader areas than just graphical design and photoshop as well, with these interests branching out to areas like online video, which i've always found to be interesting, and something much like photoshop where you can constantly learn new and amazing editing techniques that add more life to your work. However the most advanced effect i've probably produced on a video is a light-saber overlay... in terms of photoshop i'd like to think that i;ve gone further and played about more making various banners for random sites and backgrounds.<br /><br />Over the next three years i hope to learn how to create and build websites aswell as grasping knowledge of other fields of media such a flash design, which i feel is something that you can tie in with many other areas, such as flash on sites, flash in videos, and flash as an individual. With this knowledge i hope to be able to become a web designer so when it comes down to focusing more on specific areas i can see myself following that route... but right now i have 3 years ahead of me and things change, so for all i know i might come out a budding flash designer who hates websites, though i hope not.Tom Burnshttp://www.blogger.com/profile/07550577961370035464noreply@blogger.com1