<body><script type="text/javascript"> function setAttributeOnload(object, attribute, val) { if(window.addEventListener) { window.addEventListener('load', function(){ object[attribute] = val; }, false); } else { window.attachEvent('onload', function(){ object[attribute] = val; }); } } </script> <div id="navbar-iframe-container"></div> <script type="text/javascript" src="https://apis.google.com/js/platform.js"></script> <script type="text/javascript"> gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() { if (gapi.iframes && gapi.iframes.getContext) { gapi.iframes.getContext().openChild({ url: 'https://www.blogger.com/navbar.g?targetBlogID\x3d7259021182761193488\x26blogName\x3dNM2208\x26publishMode\x3dPUBLISH_MODE_BLOGSPOT\x26navbarType\x3dBLACK\x26layoutType\x3dCLASSIC\x26searchRoot\x3dhttps://yuhan-nm2208.blogspot.com/search\x26blogLocale\x3den\x26v\x3d2\x26homepageUrl\x3dhttp://yuhan-nm2208.blogspot.com/\x26vt\x3d363822712404188968', where: document.getElementById("navbar-iframe-container"), id: "navbar-iframe", messageHandlersFilter: gapi.iframes.CROSS_ORIGIN_IFRAMES_FILTER, messageHandlers: { 'blogger-ping': function() {} } }); } }); </script>

FP - Grid and Layout
Sunday, April 10, 2011
For the layout, we used variable panel sizes, as typical in a comic. Smaller panels generally depict trivial scenes with extra information to drive the story forward, while larger (half or full page) panels are used for more important scenes. We also planned the panels across the pages for optimal story flow.

With regard to the outer borders around the panels, several issues arose. One was regarding the colour of the borders. We considered both black and white:

We eventually settled on while as it complements the soft monochrome shading of our panels better than black. Black creates a very sharp contrast, which can be jarring and may not be suitable.

Another reason we chose the white borders for the panels is because of the sketchy effect of our illustrations and colouring style. Initially, we intended to clean up any spill over colouring from the borders, like in the sample below, for a neater look:

However, during our consultation we were advised to try leaving the extra strokes in the borders to enhance the sketchy effect and make everything more congruent. After trying this out (see sample below), we decided to keep the strokes there as the sketchy feel is really what fits in with the rest of our comic:
posted at
17:56

profile
Neo Yu Han
NUS NM2208
A0069752U


directory
Home

Class Exercises
Class Exercise A
Class Exercise B
Class Exercise C
Class Exercise D
Class Exercise E

Assignments
Assignment 1A
Assignment 1B
Assignment 2
Assignment 3
Assignment 4
Assignment 5

Final Project
Idea Development
Concept and Design
Storyboard
Font and Typography
Grid and Layout
Colour Exploration
Interactivity
Group Reflections
Final Prototype!


Groupmates!
Ben
Zhi Kai


blogskin credits
|slayerette|
|adobe photoshop|
|nocturnal-devil|
|imageshack|
|blogger|