tag:blogger.com,1999:blog-37348009436114052782024-03-14T01:22:37.017-07:00CG Arts and Animation Test BlogJordan Bucknerhttp://www.blogger.com/profile/08081338627490517416noreply@blogger.comBlogger14125tag:blogger.com,1999:blog-3734800943611405278.post-11852471602981927472015-01-20T02:50:00.000-08:002015-01-20T08:00:30.733-08:00Test Post ##<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://i.imgur.com/jGVLHee.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="http://i.imgur.com/jGVLHee.jpg" height="258" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Centre</td></tr>
</tbody></table>
<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-right: 1em; text-align: left;"><tbody>
<tr><td style="text-align: center;"><div style="text-align: justify;">
Lorem ipsum dolor sit amet, vel id prompta scribentur. Tollit singulis dissentiet est te, verterem consulatu cum te, te omnes putant pertinax nam. Sea quis habeo vidisse at. Labore officiis antiopam vis cu.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Wisi deleniti honestatis pro ex. An usu odio expetenda, eius altera splendide at sed. Eam cu habeo sadipscing, epicuri molestie in duo, at pri urbanitas persecuti. Ei qualisque assentior quo. Pri hinc invenire sadipscing in, possit scaevola ne vix.</div>
<br />
<a href="http://i.imgur.com/jGVLHee.jpg" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><img border="0" src="http://i.imgur.com/jGVLHee.jpg" height="258" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Left</td></tr>
</tbody></table>
<br />
<br />
<div style="text-align: justify;">
Lorem ipsum dolor sit amet, vel id prompta scribentur. Tollit singulis dissentiet est te, verterem consulatu cum te, te omnes putant pertinax nam. Sea quis habeo vidisse at. Labore officiis antiopam vis cu.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Wisi deleniti honestatis pro ex. An usu odio expetenda, eius altera splendide at sed. Eam cu habeo sadipscing, epicuri molestie in duo, at pri urbanitas persecuti. Ei qualisque assentior quo. Pri hinc invenire sadipscing in, possit scaevola ne vix.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Te vix odio contentiones. In alii definitionem nec, vis sale soleat ex, et dico mandamus pri. At quidam probatus atomorum his, ad legere verterem instructior sea. Id alii persequeris duo. Has sint aliquam ut. Ad per quis definitionem, pro accumsan antiopam et, ut cum elitr consectetuer.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Vel ea accusamus definitiones. Eum ea eius prima idque, qualisque voluptatum scribentur sed ut, ne graece labore similique est. Vix an mucius aliquam, sea alia aeque te. Cu vix quod graeco tritani, labores dissentiunt ne pri. At deleniti delectus duo, ad cum sapientem interesset, eum at eripuit consectetuer.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Eos ea labores salutatus aliquando, cu mea option reformidans. No nec utinam dissentias consequuntur, nec admodum feugait detracto te. Numquam equidem ei sit, mel in quando similique. Sit te lorem similique, omnis postulant mediocritatem eam ad.</div>
Jordan Bucknerhttp://www.blogger.com/profile/08081338627490517416noreply@blogger.com0tag:blogger.com,1999:blog-3734800943611405278.post-2783846185240206862013-05-23T16:28:00.001-07:002015-04-16T08:21:28.485-07:00Welcome to the New CG A&A Blog<div style="text-align: justify;">
The CG Arts & Animation Group Blog is a central hub for the course, a hive of ideas, shared thoughts and inspirational work. It has been developing over the past few years into something quite extraordinary, but also, something that needed a little bit of control. It is for this reason that a redesign has been on the cards. The tricky part was creating a design that sat quite calmly in the background allowing the work and content to be the focus. For this reason, we have produced this simplified, sparse design. Allowing for easy navigation, visible content and fast page loading. Before I mention some of the changes, here is a test post to demonstrate how the new blog will be an improvement for content display.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
So, today's one-a-day animation is titled <i>Ark. </i>Not only is this short animation an incredible demonstration of the 3 act narrative but shows just how important style and art direction are to binding a short together. The narrative examines a world that has been almost devastated by a virus, the survivors of which board the final arks and travel out to find new land. It is a great example of the 3 act structure, the world and narrative is set up and explained to the audience. A problem then arises which alters events, and finally the third act conveys the solution or twist to this problem.
</div>
<div style="text-align: justify;">
<br />
<div>
<iframe allowfullscreen="" frameborder="0" height="360" mozallowfullscreen="" src="https://player.vimeo.com/video/3116167?color=ffffff&title=0&byline=0&portrait=0" webkitallowfullscreen="" width="640"></iframe> <br />
<div style="text-align: center;">
<a href="https://vimeo.com/3116167">ARK</a> from <a href="https://vimeo.com/jonkajtys">grzegorz jonkajtys</a> on <a href="https://vimeo.com/">Vimeo</a>.</div>
<blockquote class="tr_bq">
<i><span style="color: white;">One of the first goals was create a film with vision that will last in the viewers mind. To create a story that matters and keeps the audience thinking after they leave the theater. - Brothers Quay films had a huge influence on the decision to use miniatures for ARK. And when it comes to the lighting the first ALIEN movie made by Ridley Scott was probably the biggest influence. You’re right about the influence of eastern European animation; they have a very distinguished and twisted style. I cannot point to one particular artist or production right now but it had an impact mostly character design.</span></i></blockquote>
</div>
<div style="text-align: justify;">
For those interest in the making of the film check out the official website and CG Society article on the piece...<br />
<a href="http://www.thearkfilm.com/index.html" style="text-align: left;">http://www.thearkfilm.com/index.html</a><br />
<div style="text-align: center;">
<div style="text-align: left;">
<a href="http://features.cgsociety.org/story_custom.php?story_id=3634&page=">http://features.cgsociety.org/story_custom.php?story_id=3634&page=</a></div>
</div>
<div style="text-align: center;">
</div>
<div style="text-align: center;">
<div style="text-align: left;">
<a href="http://www.itsartmag.com/features/ark/">http://www.itsartmag.com/features/ark/</a><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-wydI1kM-hAc/UZ6cU2oO7yI/AAAAAAAACYk/fplYm0RM8BI/s1600/Ark_01.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-wydI1kM-hAc/UZ6cU2oO7yI/AAAAAAAACYk/fplYm0RM8BI/s640/Ark_01.jpg" height="360" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-E_ITW4LMaBQ/UZ6cQ4qSAMI/AAAAAAAACYU/Jf-ijOEt2QM/s1600/Ark_03.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-E_ITW4LMaBQ/UZ6cQ4qSAMI/AAAAAAAACYU/Jf-ijOEt2QM/s320/Ark_03.jpg" height="359" width="640" /></a><a href="http://1.bp.blogspot.com/-kQsxzb81_lo/UZ6cQmOw7_I/AAAAAAAACYY/Cd0Yoj8utk0/s1600/Ark_02.jpg" imageanchor="1" style="clear: left; display: inline !important; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-kQsxzb81_lo/UZ6cQmOw7_I/AAAAAAAACYY/Cd0Yoj8utk0/s320/Ark_02.jpg" height="359" width="640" /></a></div>
</div>
</div>
</div>
<br />
<div style="text-align: justify;">
As you can see, content is much larger, with emphasis on the visuals being shared. The images and videos can be embedded at 900 px. This will make the blog a much easier viewer platform. It takes the approach of an art gallery, with little in the background, allowing the work to take centre stage. The colour scheme matches this approach, a subtle and unobtrussive grey with a accent of green. Again, content is the focus.</div>
<div>
<div style="text-align: justify;">
<br /></div>
</div>
<div>
<div style="text-align: justify;">
To help with navigation a set of banners and icons have been created. These represent the key labels that identify posts. Whether this be the <i>One a Day </i>animation post, or the PWTM, they will allow users to get to the content they want to see a lot quicker. These banners can be identified easily by colour and icon, and will be placed at the top of the post to instantly communicate the simple message. The right hand panel allows you to access this feature whenever it is needed. Along with this, a list of useful links, recent popular posts and a monthly poll will be posted. The top bar of tabs will show links that are more course focussed. They represent important information that students may need to access at any time.</div>
</div>
<div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="text-align: justify;">
The number of posts per page will also be lowered, this will make the blog a lot faster to load. The key is really to make the site a very quick, friendly and visible place to share information. The final aspects of the design will be completed and implemented this weekend. Over the coming weeks further aspects will be added as they are required, but hopefully this simple design allows for a very solid and functional base for the blog. Keep an eye out for the big change over and enjoy the new blog!</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<a href="http://3.bp.blogspot.com/-EO_xTRUTihk/UZ6hA_BiHKI/AAAAAAAACZc/gPXg-KB7wBY/s1600/CG_Post_Banner_Reading_b.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"></a></div>
Jordan Bucknerhttp://www.blogger.com/profile/08081338627490517416noreply@blogger.com0tag:blogger.com,1999:blog-3734800943611405278.post-53494888250743507272013-05-22T03:28:00.005-07:002013-05-22T03:29:31.504-07:00CGAA Design - Marc Newson<div class="separator" style="clear: both; text-align: left;">
<a href="http://1.bp.blogspot.com/-B1mx3B87Azs/UZvuS0hOBeI/AAAAAAAACUQ/858UyrlxQ6c/s1600/CG_Post_Banner_Design_b.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-B1mx3B87Azs/UZvuS0hOBeI/AAAAAAAACUQ/858UyrlxQ6c/s1600/CG_Post_Banner_Design_b.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div style="text-align: center;">
<b><span style="color: white;">Marc Newson</span></b></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.designophy.com/uploadedimages/tmn/2009/03/23/designophy_com_f1_1000000021_101.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="213" src="http://www.designophy.com/uploadedimages/tmn/2009/03/23/designophy_com_f1_1000000021_101.jpg" width="320" /></a></div>
<br />
<div style="text-align: center;">
<b><i><span style="color: white;">"I'm proud to say I'm a geek. You have to be a geek...Good designers are geeks."</span></i></b></div>
<div style="text-align: center;">
<span style="color: red;"><b><i><br /></i></b></span></div>
<div style="text-align: justify;">
Born in Sydney, Australia and growing up in the age of the moon landings, Marc Newson combines retro and futuristic design to create products that are hugely unique. He seems a man who is incredibly influenced by the want for things to improve. The annoyance of bad design, bad products and bad interaction have motivated him forward to simplicity. The simple principles of design are clear with every piece he creates, merging simple function and sculptural form. From chairs to cars, cutlery to spaceships, Newson has worked on projects of all scale but retains this simple and modernist form that instantly stand out as his own.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
</div>
<div style="text-align: center;">
<i><b><span style="color: white;">"For me it's design...it's the same skill that you apply to all of these thing. The materials change. The scale changes. But beyond that, really, I solve the problem as it arises, or as it is presented to me."</span></b></i></div>
<div style="text-align: center;">
<span style="color: red;"><i><b><br /></b></i></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://archdezart.com/wp-content/uploads/2011/09/marc-newson-12.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="360" src="http://archdezart.com/wp-content/uploads/2011/09/marc-newson-12.jpg" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.marc-newson.com/MasterImageLibrary/images/Pentax%201K-01%20front_BK.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="494" src="http://www.marc-newson.com/MasterImageLibrary/images/Pentax%201K-01%20front_BK.jpg" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-YSgCWBg6waE/TpT6b-37nHI/AAAAAAAACuY/SvrYG7NuNRE/s1600/kelvin40_jet_001.jpeg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="426" src="http://3.bp.blogspot.com/-YSgCWBg6waE/TpT6b-37nHI/AAAAAAAACuY/SvrYG7NuNRE/s640/kelvin40_jet_001.jpeg" width="640" /></a></div>
<div style="text-align: justify;">
</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: justify;">
He commits these ideas of design across all of his products, refining and implementing until the final outcome is a simple, working product. The want to make things simple is understandable, in a world where badly designed products overcome us and make every step that little harder, this simplicity is not only a refreshing step forward but also a glimpse back to the retro past when everything seemed a little easier.</div>
<div style="text-align: justify;">
<span style="color: white;"><br /></span></div>
<div style="text-align: justify;">
</div>
<div style="text-align: center;">
<b><i><span style="color: white;">"Marc Newson matters because he is different in a world of sameness."</span></i></b></div>
<div style="text-align: center;">
<b><span style="color: white;"> - J Mays</span></b></div>
<div>
<span style="color: red;"><b><i><br /></i></b></span></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.marc-newson.com/MasterImageLibrary/images/zvezdochka_shoes_001.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="480" src="http://www.marc-newson.com/MasterImageLibrary/images/zvezdochka_shoes_001.jpg" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.marc-newson.com/MasterImageLibrary/images/hairappliances_sassoon_001.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="640" src="http://www.marc-newson.com/MasterImageLibrary/images/hairappliances_sassoon_001.jpg" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.marc-newson.com/MasterImageLibrary/images/strelka_cutlery_001.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="437" src="http://www.marc-newson.com/MasterImageLibrary/images/strelka_cutlery_001.jpg" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div style="text-align: center;">
<b><i><span style="color: white;">"I'm proud to say I'm a geek. You have to be a geek...Good designers are geeks, bad designers are not geeks. I think there is a correlation. Geeks are interested in detail. They are obsessed. They are interested in the minutiae of how things work. And if you are not, then how can you really know what you are doing."</span></i></b></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: justify;">
Every piece that Newson designs seems to capture the same cleanliness and simplicity, this eye for detail and the want to refine is part of Newson's success. It is an obsession of making a product as perfect as possible. The curves and materials on his work are finished to the nth degree, with master craftsmen working on every aspect. From the finished metal of his chairs to the fully furnished boutique he is a man of complete ownership. His interiors reflect his style in a more encompassing manner, with the retro / futuristic mix creating an almost filmic aesthetic, as though set designs for a 70's sci-fi.</div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.marc-newson.com/MasterImageLibrary/images/Andoni_shop_001.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="620" src="http://www.marc-newson.com/MasterImageLibrary/images/Andoni_shop_001.jpg" width="500" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.marc-newson.com/MasterImageLibrary/images/hotelPuerta_003.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="660" src="http://www.marc-newson.com/MasterImageLibrary/images/hotelPuerta_003.jpg" width="500" /></a></div>
<div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.marc-newson.com/MasterImageLibrary/images/sydney%20007.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="675" src="http://www.marc-newson.com/MasterImageLibrary/images/sydney%20007.jpg" width="500" /></a></div>
<br />
<div style="text-align: center;">
<b><i><span style="color: white;">“I think Marc is fairly peerless now. Marc’s forms are often imitated, but what other designers seldom imitate is his preoccupation with materials and processes. You have to start with an understanding of the material. Often your innovation is just coming up with a new way to use material.”</span></i></b></div>
<div style="text-align: right;">
<b><i><span style="color: white;">Jonathan Ive</span></i></b></div>
<br /></div>
<div style="text-align: justify;">
Marc Newson appeared in a superb episode of <i>Imagine </i>some years ago, a must watch for anyone interested in the process of product design. It also shows some interesting uses for the emergence of 3d printing.</div>
<div>
<div style="text-align: justify;">
<span style="color: red;"><br /></span></div>
<div style="text-align: justify;">
<div style="text-align: center;">
<iframe allowfullscreen="allowfullscreen" frameborder="0" height="360" src="http://www.youtube.com/embed/uoS71sBKESI" width="640"></iframe>
<span style="color: red;"><br /></span></div>
</div>
<div style="text-align: justify;">
<span style="color: white;"><br /></span></div>
<div style="text-align: justify;">
<b><span style="color: white;">Further Reading and References</span></b></div>
<div style="text-align: justify;">
Marc Newson Website - <a href="http://www.marc-newson.com/intro.htm">http://www.marc-newson.com/intro.htm</a></div>
<div style="text-align: justify;">
Marc Newson: Urban Spaceman - <a href="http://www.bbc.co.uk/imagine/episode/marc_newson.shtml">http://www.bbc.co.uk/imagine/episode/marc_newson.shtml</a></div>
<div style="text-align: justify;">
Is There Anything Marc Newson Hasn't Designed? - <a href="http://www.nytimes.com/2012/01/29/magazine/marc-newson.html?pagewanted=1&_r=0">http://www.nytimes.com/2012/01/29/magazine/marc-newson.html?pagewanted=1&_r=0</a></div>
</div>
Jordan Bucknerhttp://www.blogger.com/profile/08081338627490517416noreply@blogger.com1tag:blogger.com,1999:blog-3734800943611405278.post-81870937215397020722013-05-21T16:58:00.001-07:002013-05-21T16:58:13.631-07:00Header RethinkSo, less colour and a touch of marketing. If this is way off, let me know, but I think this green might work better along with a very simple desaturated colour scheme. The blue reminds me too much of my own work, this seems a bit more subtle but readable?<div>
<br /><div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-tWAwyv179yg/UZwJwELmfcI/AAAAAAAACVI/VfVRHaZDQjo/s1600/CG_Head_Banner_05.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="130" src="http://2.bp.blogspot.com/-tWAwyv179yg/UZwJwELmfcI/AAAAAAAACVI/VfVRHaZDQjo/s640/CG_Head_Banner_05.jpg" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-J9k4zGmstdA/UZwJuwADa6I/AAAAAAAACUw/LKezJRBm2d0/s1600/CG_Head_Banner_01.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="130" src="http://2.bp.blogspot.com/-J9k4zGmstdA/UZwJuwADa6I/AAAAAAAACUw/LKezJRBm2d0/s640/CG_Head_Banner_01.jpg" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-GrlgZ0_UIU4/UZwJuybjB9I/AAAAAAAACU0/6oEbx06IDUs/s1600/CG_Head_Banner_02.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="130" src="http://1.bp.blogspot.com/-GrlgZ0_UIU4/UZwJuybjB9I/AAAAAAAACU0/6oEbx06IDUs/s640/CG_Head_Banner_02.jpg" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-r7ohnYKidiA/UZwJuy54F_I/AAAAAAAACU4/M3aJ4YuVny0/s1600/CG_Head_Banner_03.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="130" src="http://2.bp.blogspot.com/-r7ohnYKidiA/UZwJuy54F_I/AAAAAAAACU4/M3aJ4YuVny0/s640/CG_Head_Banner_03.jpg" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-ZIXigAwlTJs/UZwJvyeHvOI/AAAAAAAACVM/UHFZ9z4tikI/s1600/CG_Head_Banner_04.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="130" src="http://1.bp.blogspot.com/-ZIXigAwlTJs/UZwJvyeHvOI/AAAAAAAACVM/UHFZ9z4tikI/s640/CG_Head_Banner_04.jpg" width="640" /></a></div>
<div>
<br /></div>
</div>
Jordan Bucknerhttp://www.blogger.com/profile/08081338627490517416noreply@blogger.com2tag:blogger.com,1999:blog-3734800943611405278.post-19179418177430908902013-05-21T14:01:00.001-07:002013-05-21T14:06:08.630-07:00Test - One a Day - A Good Wife<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-uBEWgqtaWxU/UZvQGjHbvWI/AAAAAAAACPg/v2r3p5uGp7E/s1600/CG_Post_Banner_one_a_day_a.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-uBEWgqtaWxU/UZvQGjHbvWI/AAAAAAAACPg/v2r3p5uGp7E/s1600/CG_Post_Banner_one_a_day_a.jpg" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Illustrator <a href="http://wscottforbes.com/">W. Scott Forbes</a>' A Good Wife - a poignant, filmic short, in which environments are used to great effect and actual 'animation' is minimal. The long slow zoom that concludes the film is like a drawn out ache of loneliness and ennui - a clear example of how a choice of shot actually creates emotional content.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: center;">
<iframe allowfullscreen="" frameborder="0" height="371" mozallowfullscreen="" src="http://player.vimeo.com/video/35108500?portrait=0&color=79baaf" webkitallowfullscreen="" width="900"></iframe> <br />
<a href="http://vimeo.com/35108500">A Good Wife</a> from <a href="http://vimeo.com/wscottforbes">W. Scott Forbes</a> on <a href="http://vimeo.com/">Vimeo</a><a href="http://www.directorsnotes.com/wp-content/uploads/2012/07/a-good-wife.jpg" imageanchor="1" style="clear: left; display: inline !important; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://www.directorsnotes.com/wp-content/uploads/2012/07/a-good-wife.jpg" width="900" /></a><br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-ALgFRkIDTmg/T5AW51Ls2II/AAAAAAAAIao/sa0dgREG6wk/s1600/A+Good+Wife.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-ALgFRkIDTmg/T5AW51Ls2II/AAAAAAAAIao/sa0dgREG6wk/s400/A+Good+Wife.jpg" width="900" /><img border="0" src="http://www.itsartmag.com/features/agoodwife/1.jpg" width="900" /></a></div>
<br /></div>
Jordan Bucknerhttp://www.blogger.com/profile/08081338627490517416noreply@blogger.com2tag:blogger.com,1999:blog-3734800943611405278.post-73569882121487207462013-05-21T13:01:00.002-07:002013-05-21T15:00:20.861-07:00Banner UpdatesSo, here are the changes made to the banners for each specific post. These will transfer across to tabs on the sidebar as well, which I'll be uploading a little later.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-oUgtIqeKEiE/UZvQGHOHC6I/AAAAAAAACPk/pA0x9pXVNTM/s1600/CG_Post_Banner_Supplement_a.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-oUgtIqeKEiE/UZvQGHOHC6I/AAAAAAAACPk/pA0x9pXVNTM/s1600/CG_Post_Banner_Supplement_a.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-uBEWgqtaWxU/UZvQGjHbvWI/AAAAAAAACPg/v2r3p5uGp7E/s1600/CG_Post_Banner_one_a_day_a.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-uBEWgqtaWxU/UZvQGjHbvWI/AAAAAAAACPg/v2r3p5uGp7E/s1600/CG_Post_Banner_one_a_day_a.jpg" /></a><a href="http://3.bp.blogspot.com/-kmOkrWPAtU8/UZvuTE1F9hI/AAAAAAAACUU/0IKsKuqoUQY/s1600/CG_Post_Banner_Misc_b.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-kmOkrWPAtU8/UZvuTE1F9hI/AAAAAAAACUU/0IKsKuqoUQY/s1600/CG_Post_Banner_Misc_b.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-MHUBGtJOWU8/UZvSUhtEz4I/AAAAAAAACQQ/UpkgN18fQ_c/s1600/CG_Post_Banner_Cinema_a.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-MHUBGtJOWU8/UZvSUhtEz4I/AAAAAAAACQQ/UpkgN18fQ_c/s1600/CG_Post_Banner_Cinema_a.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-B1mx3B87Azs/UZvuS0hOBeI/AAAAAAAACUQ/858UyrlxQ6c/s1600/CG_Post_Banner_Design_b.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-B1mx3B87Azs/UZvuS0hOBeI/AAAAAAAACUQ/858UyrlxQ6c/s1600/CG_Post_Banner_Design_b.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-4wNSKvUcB9A/UZvuTETX3FI/AAAAAAAACUY/DFzXVtPwb6E/s1600/CG_Post_Banner_Reading_b.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-4wNSKvUcB9A/UZvuTETX3FI/AAAAAAAACUY/DFzXVtPwb6E/s1600/CG_Post_Banner_Reading_b.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-3Dy2gR-eZBk/UZvQFpR49-I/AAAAAAAACPE/xGxvNOlUAvQ/s1600/CG_Post_Banner_PWTM_a.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-3Dy2gR-eZBk/UZvQFpR49-I/AAAAAAAACPE/xGxvNOlUAvQ/s1600/CG_Post_Banner_PWTM_a.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-Gq-IjkpGD80/UZvQEbaEVhI/AAAAAAAACO0/Z19pBSWgZt8/s1600/CG_Post_Banner_Alumni_a.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-Gq-IjkpGD80/UZvQEbaEVhI/AAAAAAAACO0/Z19pBSWgZt8/s1600/CG_Post_Banner_Alumni_a.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-e_H7yWEFnMM/UZvQ8KEXjYI/AAAAAAAACP4/nq3mfhcTp2Q/s1600/CG_Post_Banner_Tune_a.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-e_H7yWEFnMM/UZvQ8KEXjYI/AAAAAAAACP4/nq3mfhcTp2Q/s1600/CG_Post_Banner_Tune_a.jpg" /></a></div>
<br />
I'm also still not too sure about the colour banner at the top of the page so I'll be messing around with that for a little while. Any opinions on what the header banner should be like? It's just something that's been nagging me. More soon.Jordan Bucknerhttp://www.blogger.com/profile/08081338627490517416noreply@blogger.com2tag:blogger.com,1999:blog-3734800943611405278.post-26484708233219706312013-05-16T12:09:00.001-07:002013-05-16T12:09:40.279-07:00Graphics Update<div style="text-align: justify;">
In preparation for the launch of the website, I've created distinct headers for each post type. These are all formed ready to simply add to each post when needed. Each is colour coded so hopefully they can be identified from the blogger front page.</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-Ft79GG3v8fA/UZUn624jAaI/AAAAAAAACHo/wTCbsDycfgE/s1600/CG_Post_Banner_PWTM.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-Ft79GG3v8fA/UZUn624jAaI/AAAAAAAACHo/wTCbsDycfgE/s1600/CG_Post_Banner_PWTM.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-qgtNVA15BfE/UZUn5nGie6I/AAAAAAAACHI/y3tMnur1-TY/s1600/CG_Post_Banner_Alumni.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-qgtNVA15BfE/UZUn5nGie6I/AAAAAAAACHI/y3tMnur1-TY/s1600/CG_Post_Banner_Alumni.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-S7gYQJttJmw/UZUn5xRWxuI/AAAAAAAACHM/vvGKOq8IC7A/s1600/CG_Post_Banner_Cinema.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-S7gYQJttJmw/UZUn5xRWxuI/AAAAAAAACHM/vvGKOq8IC7A/s1600/CG_Post_Banner_Cinema.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-GU-SqIL3KJE/UZUn6XAyRvI/AAAAAAAACHg/M2l2NCHORRk/s1600/CG_Post_Banner_Misc.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-GU-SqIL3KJE/UZUn6XAyRvI/AAAAAAAACHg/M2l2NCHORRk/s1600/CG_Post_Banner_Misc.jpg" /></a><a href="http://4.bp.blogspot.com/-zX8FmlHhi3g/UZUsxg5ULDI/AAAAAAAACIY/dZca0dIQWgg/s1600/CG_Post_Banner_Design.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-zX8FmlHhi3g/UZUsxg5ULDI/AAAAAAAACIY/dZca0dIQWgg/s1600/CG_Post_Banner_Design.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-GjKYFJSUdBM/UZUn68_GjTI/AAAAAAAACHs/Z5lC4zsfXM4/s1600/CG_Post_Banner_Reading.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-GjKYFJSUdBM/UZUn68_GjTI/AAAAAAAACHs/Z5lC4zsfXM4/s1600/CG_Post_Banner_Reading.jpg" /></a></div>
<a href="http://4.bp.blogspot.com/-pgWYx1eOyQI/UZUn7NotGkI/AAAAAAAACIA/bEjqj5rpxbM/s1600/CG_Post_Banner_Supplement.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"><img border="0" src="http://4.bp.blogspot.com/-pgWYx1eOyQI/UZUn7NotGkI/AAAAAAAACIA/bEjqj5rpxbM/s1600/CG_Post_Banner_Supplement.jpg" /></a><br />
<a href="http://3.bp.blogspot.com/-8CsCpPZk0vw/UZUn7efOOhI/AAAAAAAACH4/Kv7vV_uEvq0/s1600/CG_Post_Banner_Tune.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"><img border="0" src="http://3.bp.blogspot.com/-8CsCpPZk0vw/UZUn7efOOhI/AAAAAAAACH4/Kv7vV_uEvq0/s1600/CG_Post_Banner_Tune.jpg" /></a><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-Nf14xLKjkQ8/UZUn7v0rXTI/AAAAAAAACH8/220mgkCTgww/s1600/CG_Post_Banner_one_a_day.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-Nf14xLKjkQ8/UZUn7v0rXTI/AAAAAAAACH8/220mgkCTgww/s1600/CG_Post_Banner_one_a_day.jpg" /></a></div>
<div style="text-align: justify;">
I've also made some temporary changes to a possible heading. Some crits and comments have suggested brighter colours and initially we did talk about a Neapolitan ice cream type feel. So I've tried this variation of the title out. It's pretty simple and introduces some of the recurring colours of the headers. Let me know what you think, it may all be too much but we have some time to try it out before next week.</div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-fvXKidY6hcg/UZUt563bz3I/AAAAAAAACIo/FPFHDDWSVug/s1600/CG_Head_Banner_03a.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="130" src="http://1.bp.blogspot.com/-fvXKidY6hcg/UZUt563bz3I/AAAAAAAACIo/FPFHDDWSVug/s640/CG_Head_Banner_03a.jpg" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-EDCE2S2pxkA/UZUte34frCI/AAAAAAAACIg/OmE6-NLEF1k/s1600/CG_Head_Banner_03.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="130" src="http://4.bp.blogspot.com/-EDCE2S2pxkA/UZUte34frCI/AAAAAAAACIg/OmE6-NLEF1k/s640/CG_Head_Banner_03.jpg" width="640" /></a></div>
<div style="text-align: justify;">
<br /></div>
The next stage is to get the thumbnail headings done, then sort out any final tabs etc. Thoughts and ideas about this final stage would be great. I'm adding a video to this post to try and fill out the page, giving an idea of load times etc will help when implementing.<br />
<br />
<div style="text-align: center;">
<iframe allowfullscreen="" frameborder="0" height="506" src="http://www.youtube.com/embed/GeldvNxpW44" width="900"></iframe>
</div>
<br />
More updates soon.Jordan Bucknerhttp://www.blogger.com/profile/08081338627490517416noreply@blogger.com7tag:blogger.com,1999:blog-3734800943611405278.post-17769233174927683992013-04-29T13:03:00.000-07:002013-04-29T13:03:37.374-07:00Banner UpdatesFirstly, thanks everyone for the super awesome comments. Glad people seem to be liking the new simple design. Here is some of my own feedback<br />
<br />
@Molly - Yep, there will be all the most used buttons down the side with little thumbnail graphics and colour patterns to help guide. This will include all the CGAA Misc and Supplement stuff. Hopefully it'll be easy to get to all the context.<br />
<br />
@Joey - A QA type tab seems like a great idea. I think the top bar of tabs will all link to more information type pages. So, pages with timetables and admin and paperwork stuff. The right hand bar will link to more graphical info.<br />
<br />
@Andriana - There are some header updates below, more possibly to come but these are quick changes. The facebook page sounds like a good idea, but I'm not too sure how others feel. Those types of things often need maintaining and management. What do other people think about extending the blog onto other platforms (facebook, twitter etc etc.)<br />
<br />
So, here are some banner type things. Let me know what you think. Also, anymore feedback around things people would like to see. What information is important to you when you use the blog?<br />
<br />
1)<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-5wiLunaV_Lk/UX7P8wNJ-SI/AAAAAAAAB3I/drAk5ZHlpYY/s1600/CG_Head_Banner_01v02.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="130" src="http://1.bp.blogspot.com/-5wiLunaV_Lk/UX7P8wNJ-SI/AAAAAAAAB3I/drAk5ZHlpYY/s640/CG_Head_Banner_01v02.jpg" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
2)</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-oQiPslG--rI/UX7P8EiPPwI/AAAAAAAAB28/9Iw-rt5r-WA/s1600/CG_Head_Banner_01v03.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="130" src="http://3.bp.blogspot.com/-oQiPslG--rI/UX7P8EiPPwI/AAAAAAAAB28/9Iw-rt5r-WA/s640/CG_Head_Banner_01v03.jpg" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
3)</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-1wZnTUp_ltU/UX7P9IEHJ0I/AAAAAAAAB3M/q76E_NGjR-E/s1600/CG_Head_Banner_01v04.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="130" src="http://2.bp.blogspot.com/-1wZnTUp_ltU/UX7P9IEHJ0I/AAAAAAAAB3M/q76E_NGjR-E/s640/CG_Head_Banner_01v04.jpg" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
4)</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-LcZ6plwueSM/UX7P8icw5JI/AAAAAAAAB3E/_cAr4JBfl-c/s1600/CG_Head_Banner_01v01.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="130" src="http://4.bp.blogspot.com/-LcZ6plwueSM/UX7P8icw5JI/AAAAAAAAB3E/_cAr4JBfl-c/s640/CG_Head_Banner_01v01.jpg" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Here's a video to make this look more like a blog post.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen="" frameborder="0" height="506" src="http://www.youtube.com/embed/-iEId2vmb0M" width="900"></iframe>
</div>
Jordan Bucknerhttp://www.blogger.com/profile/08081338627490517416noreply@blogger.com0tag:blogger.com,1999:blog-3734800943611405278.post-23383994826386409982013-04-28T17:04:00.001-07:002013-04-29T12:32:30.293-07:00Test Post<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="http://2.bp.blogspot.com/-c2earohYsow/UX24Cnj8fvI/AAAAAAAAB2s/qhhhfpxKPxI/s1600/Thumbnail_Test_08a.jpg" /></div>
<div style="text-align: left;">
<br /></div>
<iframe allowfullscreen="" frameborder="0" height="506" src="http://www.youtube.com/embed/Q3VjaCy5gck" width="900"></iframe><br />Jordan Bucknerhttp://www.blogger.com/profile/08081338627490517416noreply@blogger.com5tag:blogger.com,1999:blog-3734800943611405278.post-52387920345599320732013-04-11T10:29:00.000-07:002013-04-11T10:29:31.424-07:00One a Day - ARK<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-JnBLuPo0qoo/UWbyyFTLepI/AAAAAAAABrU/0ioo5trmo7Y/s1600/Thumbnail_Test_08.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-JnBLuPo0qoo/UWbyyFTLepI/AAAAAAAABrU/0ioo5trmo7Y/s1600/Thumbnail_Test_08.jpg" /></a></div>
<div style="text-align: justify;">
So, today's one-a-day animation is titled <i>Ark. </i>Not only is this short animation an incredible demonstration of the 3 act narrative but shows just how important style and art direction are to binding a short together. The narrative examines a world that has been almost devastated by a virus, the survivors of which board the final arks and travel out to find new land. It is a great example of the 3 act structure, the world and narrative is set up and explained to the audience. A problem then arises which alters events, and finally the third act conveys the solution or twist to this problem. </div>
<div style="text-align: justify;">
<br />
<div style="text-align: center;">
<iframe allowfullscreen="" frameborder="0" height="507" mozallowfullscreen="" src="http://player.vimeo.com/video/3116167?portrait=0&color=79baaf" webkitallowfullscreen="" width="900"></iframe> <br />
<a href="http://vimeo.com/3116167">ARK</a> from <a href="http://vimeo.com/jonkajtys">grzegorz jonkajtys</a> on <a href="http://vimeo.com/">Vimeo</a>.<br />
<br /></div>
</div>
<div style="text-align: justify;">
For those interest in the making of the film check out the official website and CG Society article on the piece...<br />
<br />
<div style="text-align: center;">
<a href="http://www.thearkfilm.com/index.html">http://www.thearkfilm.com/index.html</a></div>
<div style="text-align: center;">
<a href="http://features.cgsociety.org/story_custom.php?story_id=3634&page=">http://features.cgsociety.org/story_custom.php?story_id=3634&page=</a></div>
<div style="text-align: center;">
</div>
<div style="text-align: center;">
<a href="http://www.itsartmag.com/features/ark/">http://www.itsartmag.com/features/ark/</a><br />
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://90.146.8.18/bilderclient/FE_2007_Ark_001_p.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://90.146.8.18/bilderclient/FE_2007_Ark_001_p.jpg" width="900" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://farm4.static.flickr.com/3085/2874790681_4b6f40e7c1_o.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://farm4.static.flickr.com/3085/2874790681_4b6f40e7c1_o.jpg" width="900" /></a></div>
</div>
<br />Jordan Bucknerhttp://www.blogger.com/profile/08081338627490517416noreply@blogger.com7tag:blogger.com,1999:blog-3734800943611405278.post-84918290681660699272013-02-11T16:06:00.000-08:002013-02-11T16:06:09.419-08:00Style and Design IdeasI would like to introduce a very acoustic and natural style to the blog, simple but still interesting. This style derives from prints and hand made wood carvings. Staying away from sci-fi or CG aesthetics which are too often used for such websites. Below are a couple of design sheets exploring this print style.<br />
<br />
<div class="separator" style="clear: both; text-align: left;">
<a href="http://2.bp.blogspot.com/-JQ5_kD6Lf0s/URmFzC7Ao7I/AAAAAAAABJs/TaLvO2KXpg4/s1600/CG_Logo_Test_02.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="506" src="http://2.bp.blogspot.com/-JQ5_kD6Lf0s/URmFzC7Ao7I/AAAAAAAABJs/TaLvO2KXpg4/s640/CG_Logo_Test_02.jpg" width="900" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="http://1.bp.blogspot.com/-rNAXz3NvMCw/URmFyzf4JDI/AAAAAAAABJo/xHZ1C4RdBO0/s1600/CG_Logo_Test_03.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="506" src="http://1.bp.blogspot.com/-rNAXz3NvMCw/URmFyzf4JDI/AAAAAAAABJo/xHZ1C4RdBO0/s640/CG_Logo_Test_03.jpg" width="900" /></a></div>
The font is a free font available for all purposes, it hopefully conveys a lively and exciting message similar to the magic of animation. The colour used will be muted in tone and textured with a realistic print effect to give the appearance of screen printing or wood block printing.<br />
<br />
The head banner will be simple, showing the course title and detail. A wire frame graphic will sit behind this. Banners and icons will share a similar style, bold and easy to recognise, these will be colour coded and fit well with the design of the rest of the website.Jordan Bucknerhttp://www.blogger.com/profile/08081338627490517416noreply@blogger.com2tag:blogger.com,1999:blog-3734800943611405278.post-2537830514379850782013-02-04T09:47:00.003-08:002013-02-04T09:47:53.898-08:00Blog UpdatesSo, the basic framework for the blog is starting to come together. It's simple, easy to read / view and large enough to post video and images at a good size. The next task will be to start producing graphical elements, this means a main banner, logos, sub banners etc. This will be where the blog really starts to move forward and take on an identity.<br />
<br />
Extra Features:<br />
<br />
In terms of features, there are a few blogger ideas which may help the community thrive. Firstly, the poll system on the right hand bar can be used to ask questions and vote for topics. These simple ideas may be a great way of making students interact with the blog.<br />
<br />
The bottom of the page will include posts for useful resources, archives, followers etc. In short, the top of the page will be as simple as possible, showing information that the reader will want to interact with first.<br />
<br />
Colour / Design:<br />
<br />
I personally prefer the blog to look dark but not completely black, this helps link colours and creates something a little warmer. It would make sense for titles / headers etc to be a muted green, this not only fits with the UCA colours but also suits the tone of the blog. Each banner / topic with a logo design will use different colours but follow this muted style.Jordan Bucknerhttp://www.blogger.com/profile/08081338627490517416noreply@blogger.com0tag:blogger.com,1999:blog-3734800943611405278.post-76325657604652119202013-02-04T06:36:00.000-08:002013-02-04T06:36:09.067-08:00Test Post #01<div style="text-align: justify;">
With this extended blog format videos and image editorial can be shown on a grand scale. This is especially important for a course focused on the visual arts. The first example, shown using embedded youtube content, demonstrates how video can be watched easily within the main body of the blog.</div>
<br />
<div style="text-align: center;">
<iframe allowfullscreen="" frameborder="0" height="506" src="http://www.youtube.com/embed/lvtT8i8rOJY" width="900"></iframe><br />
<br />
<div style="text-align: justify;">
This content is embedded using 900 x 506 dimensions. Fitting the main body perfectly. Vimeo content equally works great on such a large format.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: center;">
<iframe allowfullscreen="" frameborder="0" height="506" mozallowfullscreen="" src="http://player.vimeo.com/video/7809605?portrait=0&color=ffffff" webkitallowfullscreen="" width="900"></iframe> <br />
<a href="http://vimeo.com/7809605">The Third & The Seventh</a> from <a href="http://vimeo.com/user1337612">Alex Roman</a> on <a href="http://vimeo.com/">Vimeo</a>.<br />
<div style="text-align: center;">
<div style="text-align: justify;">
<br /></div>
</div>
<div style="text-align: center;">
<div style="text-align: justify;">
Allowing such space for the content really means that the content itself runs the blog and the visual design of the site itself can be rather more subtle and simple. Still images will also be able to be shown to full effect. This is especially important for posts which have little text.</div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://fengzhudesign.com/blog/fzd_monkey_01b.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="http://fengzhudesign.com/blog/fzd_monkey_01b.JPG" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div style="text-align: justify;">
This works especially well for concept art images, the one pictured above is set at defual "X-Large" embed options, but images can be tweaked to fit the frame, as shown below. This tweaking can be done very quickly and easily using the HTML editor.<br />
<br />
<div style="text-align: left;">
<a href="http://animeobsessed64.files.wordpress.com/2012/08/coalgirls_laputa_castle_in_the_sky_1920x1038_blu-ray_flac_973de550-mkv_snapshot_01-26-58_125120.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"><img border="0" height="487" src="http://animeobsessed64.files.wordpress.com/2012/08/coalgirls_laputa_castle_in_the_sky_1920x1038_blu-ray_flac_973de550-mkv_snapshot_01-26-58_125120.png" width="900" /></a></div>
</div>
<div style="text-align: justify;">
<div style="text-align: center;">
<br /></div>
</div>
</div>
</div>
</div>
Jordan Bucknerhttp://www.blogger.com/profile/08081338627490517416noreply@blogger.com1tag:blogger.com,1999:blog-3734800943611405278.post-60947061047198162032012-11-12T07:48:00.002-08:002012-11-12T07:53:16.498-08:00Design and Branding<div style="text-align: justify;">
The UCA CG Arts blog needs to represent the course and subject in a true but simple manner. Website design works best when it is simple and functional and as such this is my goal for the final design. A branding design is also necessary to keep a consistency for the website, making it accessible, easy to navigate and easy to read. Before delving into specific issues and areas that need most work I wanted to simply separate the project into some important components.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<b><span style="color: #6aa84f;">The Plan</span></b></div>
<div style="text-align: justify;">
- Branding</div>
<div style="text-align: justify;">
- Colour</div>
<div style="text-align: justify;">
- Layout</div>
<div style="text-align: justify;">
- Blog Management and Future Upkeep</div>
<div style="text-align: justify;">
- Links and External Content</div>
<div style="text-align: justify;">
- Graphical Design - Titles, Icons etc</div>
<div style="text-align: justify;">
- Population and User Control</div>
<div style="text-align: justify;">
- Loading Speeds<br />
<br />
The website is a hive of activity, with students across all years adding and sharing content. This is the aspect that we must keep alive and enhance. The blog is an online community which helps extend learning and interaction beyond the classroom. Thus the design of the site must still allow for users to have control, but also provide a simple and effective framework for which they can flourish.<br />
<br />
<b><span style="color: #6aa84f;">Layout</span></b><br />
Dark / Light - The initial plans for the layout are to keep the website dark. A bright white background or similar results in a poor reading experience and instantly causing issues with images and text. Darker sites provide a more relaxed tone, whilst also allowing for images and work to stand out as though presented in a gallery.<br />
Size / Format - Extending the width of the blog would allow for images and videos to be presented in a more natural format whilst also allowing for text to be spaced out somewhat. However, if this width is too wide, font is often hard to read and keep track. The format of the site will be divided into numerous sections, obviously with the main body but in addition; tabs, icons, headers and useful links will allow for easy access to areas of interest.<br />
Theme - The blog will need to follow and exhibit notions of animation and film, however, these should not extend beyond their means. Extreme images and generic CG ideas often result in something that lacks character and loses focus. Simplicity seems like the best way forward.<br />
<br />
<b><span style="color: #6aa84f;">Feature Articles</span></b> - One key features of the blog is the authored articles which contribute detailed and serious discussion on a variety of topics. These provide a backbone to the site, allowing for students to comment and discuss, but also giving others the confidence to share and display work. They also provide a level of detail, similar to a magazine, by which they can discuss and debate a single issue to a new audience. Somehow, these articles must be linked together in design so that they feel linked but at the same time can be easily recognizable as important content. Currently, these articles are:<br />
<br />
- The Post with the Most<br />
- CGAA Cinema<br />
- CGAA Miscellaneous<br />
- CGAA One a Day Animation<br />
- CGAA Recommended Reading<br />
- CGAA Design<br />
- CGAA The Tune<br />
- The Supplement<br />
<br />
<b><span style="color: #6aa84f;">Tabs and Resources</span></b> - User navigation and access is extremely important to the students. A series of tabs and links will be needed to help students find important information. Whether this be course material or simple a Youtube channel resource, they are all aspects which enable students to learn for themselves. After all, learning to learn is the most important part of education.<br />
<br />
<b><span style="color: #6aa84f;">Community</span></b> - The community within the CG Arts course is what really makes us special. This is an aspect that is already important to the blog, however, further use of this will not only help people learn and communicate with others, but also allow for open debate and discussion. It may be possible to implement a series of extra articles and events on the blog which help bring people together and discuss as a group. A few of these ideas have been outlined below but in future will need development and planning.<br />
<br />
- CG AA Critique - An open blog critique of work from a single project. Allowing people on other years to comment and give advice on work.<br />
- CG AA Competitions - With project deadlines facing all students, it is difficult to get people to work on competitions that last for any substantial period of time. Therefore, a series of regular short competitions could be held to help people interact and work on new things in a short space of time. For example, CGAA Self Portrait Competition - A weekend competition challenging students to create a self portrait. It will provide more content from students directly on the blog and enable discussion and critique.<br />
- CG AA Sketch - A sketching assignment set on a specific topic to get all years sketching together. For example - Environment Sketching<br />
- CG AA Meetup - Organised events for the CG community to meet up. Films / Lectures / Drinks etc<br />
- CG AA Professional - Possible articles from industry professionals and artists outside of CG.<br />
<br />
I will be using this blog as a way of organizing ideas and influences. At some point in the future I would like to get feedback from the CG community about ideas they might want to see and how they would like the website to function.<br />
<br />
Keep an eye out as the website starts to evolve.</div>
Jordan Bucknerhttp://www.blogger.com/profile/08081338627490517416noreply@blogger.com2