tag:blogger.com,1999:blog-86754003539632140682024-02-02T11:05:34.931-08:00Zachary Porter - Graphic DesignKnightfirehttp://www.blogger.com/profile/08928313269540756917noreply@blogger.comBlogger9125tag:blogger.com,1999:blog-8675400353963214068.post-43806181890068378742010-12-08T21:48:00.000-08:002010-12-08T21:48:34.921-08:00Completed.Flash site is done for now! I may revisit this in portfolio to fine tune things and add to the experience, but this is my submission for the end of the semester. The hardest part by far for me was coding the scrolls to add themselves to the main timeline, then remove themselves each time they are created, but only if the user wants them to. Hope you enjoy it.<br />
<br />
<a href="http://www.fall10.graphicinterfacedesign.com/students/zporter/flash/Millstead_Final.html">Millstead Project</a>Knightfirehttp://www.blogger.com/profile/08928313269540756917noreply@blogger.com0tag:blogger.com,1999:blog-8675400353963214068.post-88364697766552014402010-12-04T22:58:00.000-08:002010-12-04T22:58:41.686-08:00I Can See the End From Here!Progress has been made on the flash site today. I am down to placing a bunch of little easter eggs, miscellaneous text and images, and then fixing the little glitches I keep finding in the process of testing things. You can give it a shot <a href="http://www.fall10.graphicinterfacedesign.com/students/zporter/flash/Millstead_Final.html">HERE</a>.<br />
<br />
*Please Note that there are no preloaders yet for the external files being referenced when you click on a building. It may take a second or two for something to happen, so only click once until it loads.Knightfirehttp://www.blogger.com/profile/08928313269540756917noreply@blogger.com0tag:blogger.com,1999:blog-8675400353963214068.post-48335178890134322662010-11-21T20:36:00.000-08:002010-11-21T20:36:24.790-08:00progressOnTheFlashSitejustSoYouAllKnow.iAmWriting(this.WAY);becauseI<br />
{<br />
have.BeenWorking(onFlashFiles.allWeekend = soHere.isMyProgress);<br />
<a href="http://www.fall10.graphicinterfacedesign.com/students/zporter/flash/Millstead_Final.html">theSite.linkIsHere</a>;<br />
}Knightfirehttp://www.blogger.com/profile/08928313269540756917noreply@blogger.com1tag:blogger.com,1999:blog-8675400353963214068.post-11377969945655224622010-11-04T08:11:00.000-07:002010-11-04T08:11:19.367-07:00Move AlongAnd here it is– the completed flash animation. Unfortunately, It appears that this site really doesn't like my .swf files and so I've attached a link to the <a href="http://www.fall10.graphicinterfacedesign.com/students/zporter/anim/Hook%20Dinner%20Fight.swf">animation</a>.Knightfirehttp://www.blogger.com/profile/08928313269540756917noreply@blogger.com0tag:blogger.com,1999:blog-8675400353963214068.post-21517408743559484922010-10-25T21:48:00.000-07:002010-10-25T21:48:51.247-07:00Next project begins...Here is an idea I had for the next project in class, which is to create a kenetic typography animation. I chose to use a sound clip from <i>Hook</i> where two of the characters are exchanging rather disgusting insults. I plan to incorporate a variety of animations to the type and effects to help it create a sense of insult and offense.<div><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieZDzwhWCReITZXajy8aqAvtd8cCUFppoiJMwX0DeDLHZ9qjPV6X4SWn97MkJ0jWE0BYIxcoZOBHDa9QlRVN1Hc8bxXcMaxItPCWg3R2THt1FisvQ8dGkydQHuthBn3BbcyexHwfzEHGjJ/s1600/Hook_Poster_Web.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieZDzwhWCReITZXajy8aqAvtd8cCUFppoiJMwX0DeDLHZ9qjPV6X4SWn97MkJ0jWE0BYIxcoZOBHDa9QlRVN1Hc8bxXcMaxItPCWg3R2THt1FisvQ8dGkydQHuthBn3BbcyexHwfzEHGjJ/s320/Hook_Poster_Web.jpg" width="207" /></a></div><div><br />
</div>Knightfirehttp://www.blogger.com/profile/08928313269540756917noreply@blogger.com0tag:blogger.com,1999:blog-8675400353963214068.post-41086820137221052542010-10-11T12:02:00.000-07:002010-10-11T12:02:21.423-07:00The Grillin Villain 2.0So after many (50+) uploads to the schools server to test links, css styling, browsers, colors, and a variety of other things, I feel the site is completed enough to turn in. You may see it at the link below.<br />
<br />
<a href="http://www.fall10.graphicinterfacedesign.com/students/zporter/html/the_grillin_villain/">The Grillin Villain</a>Knightfirehttp://www.blogger.com/profile/08928313269540756917noreply@blogger.com0tag:blogger.com,1999:blog-8675400353963214068.post-29806909570798070012010-09-22T21:40:00.000-07:002010-09-22T21:40:00.445-07:00A little bit a template in my life...In preparation for creating a good amount of pages with similar layouts and consistent content, I learned the rather simple process of creating an HTML page templates. I'm attaching a link to the PDF download for the tutorial I put together on it...<br />
<br />
<a href="http://fall10.graphicinterfacedesign.com/students/zporter/tutorial/GID_MakeATemplate.pdf">Don't click me... I may actually be a can of tunafish in disguise.</a>Knightfirehttp://www.blogger.com/profile/08928313269540756917noreply@blogger.com0tag:blogger.com,1999:blog-8675400353963214068.post-62647096406140973552010-09-16T12:33:00.000-07:002010-09-16T12:33:35.502-07:00Recipes, anyone?<div class="separator" style="clear: both; text-align: left;">So yeah, I thought I would update a little bit and display the two composite layouts I'm working with for the recipe sections on the site. I am leaning towards using the second image, that being the two-column fixed layout for these pages, mostly because it makes the most sense. I want my users to be able to see enough information instantly to know where to look for what they want, and I want them to feel confident using it for the first time to stay. I like the idea of adding new recipes at the top of the left column and allowing the older ones to shift below. The column on the right would be used for cooking tutorials and interesting articles relating to that specific type of meat, in this case, beef. As always, critiques and comments are welcomed and encouraged. </div><div class="separator" style="clear: both; text-align: left;"><br />
</div><div class="separator" style="clear: both; text-align: left;"></div><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-bottom: 0.5em; margin-left: auto; margin-right: auto; padding-bottom: 6px; padding-left: 6px; padding-right: 6px; padding-top: 6px; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihBLIU6wsY_VN3btCb_EA2CD9kH0PVv_vOGDMO9yGDHr0X0jn_xPWLt6jdC2kzpmrGE4SeQ2fAtgFUErPcXHljx4I0KJz0FIaDtEv-oCSPh8R7Q0jH0LCwtefXAt6cXB6KZ6KDvYMkh48y/s1600/ColorComp.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="592" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihBLIU6wsY_VN3btCb_EA2CD9kH0PVv_vOGDMO9yGDHr0X0jn_xPWLt6jdC2kzpmrGE4SeQ2fAtgFUErPcXHljx4I0KJz0FIaDtEv-oCSPh8R7Q0jH0LCwtefXAt6cXB6KZ6KDvYMkh48y/s640/ColorComp.jpg" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="font-size: 13px; padding-top: 4px; text-align: center;">Sample Layout 1</td></tr>
</tbody></table><br />
<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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEit7aiIvCFrbs81rMIdC5VaaQUukNkhaROgLH_rMeDKz2sdb_2vsuP-Ap-_4nwH2u3Ra45UJ_xHpHq_fZKevvqiPT4v5cLXrEIqkHbCW6gya569Xaf9Ap1GiahjytDi4GMql2JdsCFJsOml/s1600/ColorComp2.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="592" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEit7aiIvCFrbs81rMIdC5VaaQUukNkhaROgLH_rMeDKz2sdb_2vsuP-Ap-_4nwH2u3Ra45UJ_xHpHq_fZKevvqiPT4v5cLXrEIqkHbCW6gya569Xaf9Ap1GiahjytDi4GMql2JdsCFJsOml/s640/ColorComp2.jpg" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Sample Layout 2</td></tr>
</tbody></table><br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><br />
</div><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td class="tr-caption" style="text-align: center;"><br />
<br />
</td></tr>
</tbody></table>Knightfirehttp://www.blogger.com/profile/08928313269540756917noreply@blogger.com0tag:blogger.com,1999:blog-8675400353963214068.post-78691768101829086882010-09-01T20:11:00.000-07:002010-09-01T20:11:32.509-07:00Site Critique / Project Idea<!--StartFragment--> <br />
<div class="MsoNormal"><span style="font-family: Arial; font-size: 8.0pt;"><a href="http://www.conceptart.org/">www.conceptart.org</a> (HTML site)<o:p></o:p></span></div><div class="MsoNormal"><span style="font-family: Arial; font-size: 8.0pt;"><a href="http://www.2advanced.com/">www.2advanced.com</a> (Flash Site)<o:p></o:p></span></div><div class="MsoNormal"><br />
</div><div class="MsoNormal"><span style="font-family: Arial; font-size: 8.0pt;">For this site critique, I’ve chosen to review the flash based site, 2advanced.com. 2advanced.com is a promotion site for 2advanced Design, which focuses on cutting edge design for nearly every method of communication. They have completed a wide variety of high-profile projects for the entertainment industry, especially in game development. Ultimately, the purpose of the site is to communicate the portfolio and services of the firm, and provide the user with adequate contact information, which the site does effectively. <o:p></o:p></span></div><div class="MsoNormal"><br />
</div><div class="MsoNormal"><span style="font-family: Arial; font-size: 8.0pt;">I’ve spent a considerable amount of time reviewing the content and all the gizmos and gadgets built into this stunning design, and feel it qualifies in nearly every category for the title “magnificient”. I feel confident saying that primarily because of the site’s ability to make me forget I’m searching a website. While the layout does require the user to pay attention, the atmosphere created by the elements utilized creates a memorable experience around their futuristic theme that encourages me to return often to slate my newfound thirst. The interactivity is enjoyable and allows the user to quickly navigate amongst the large amount of content available. The navigation (found consistently at the head of each portion of the site) is also designed to fit the theme and is easy to understand organizationally. The menus effectively slide out into pre-designated space on each link to create a consistent experience and feel. <o:p></o:p></span></div><div class="MsoNormal"><br />
</div><div class="MsoNormal"><span style="font-family: Arial; font-size: 8.0pt;">The aesthetics and design of the site is perhaps it’s strongest point. The colors of the site shift depending on which portion of content you are viewing. The homepage is currently a chilly blue scheme, which strengthens the current projects that the design firm is working on. The site features a wide variety of visual interest, from well thought-out illustrations, font choices that further the atmosphere being created, and a steady stream of tool lines and frames that unify the individual elements. The audience of this site is somewhat limited to potential clients for larger scale design projects and is directed towards the more youthful and upcoming generation of developers. <o:p></o:p></span></div><div class="MsoNormal"><br />
</div><div class="MsoNormal"><span style="font-family: Arial; font-size: 8.0pt;">I do have a small amount of previous experience in regards to flash and web design. I managed to squeeze out a very rough site a little over a year ago to start displaying information amount my freelance work, but realizing it’s ineffectiveness, I temporarily abandoned the project until a stronger portfolio and business structure could be implemented. I plan to return to the site this coming spring.<o:p></o:p></span></div><div class="MsoNormal"><br />
</div><div class="MsoNormal"><span style="font-family: Arial; font-size: 8.0pt;"><a href="http://www.knightfiredesign.com/">www.knightfiredesign.com</a></span></div><div class="MsoNormal"><span class="Apple-style-span" style="font-family: Arial; font-size: 11px;"><br />
</span></div><div class="MsoNormal"><br />
</div><div class="MsoNormal"><span style="font-family: Arial; font-size: 8.0pt;">For the HTML site project, I am having a bit of a struggle finding something other than design and arts that I can be excited about long enough to use for this task. I have toyed with the idea of creating a site to explain a little about being an off-road enthusiast where I can share my experiences in the local off-road areas and the knowledge I have of driving techniques, safety, equipment care and maintenance and good practices. I’m confident this is the direction I will be heading in, but I’ve also considered a site to share the ins-and-outs of becoming a pirate. Could be AARGuably better, methinks. The pirate site could be a lot more fun as a flash site, though. Any thoughts?<o:p></o:p></span></div><!--EndFragment-->Knightfirehttp://www.blogger.com/profile/08928313269540756917noreply@blogger.com1