Update 5: What happened to me and the Blog?

6 09 2010

You may have noticed that it has been a long while since I updated the blog. This is for the simple reason that it was taking up too much of my time. You will remember that, in my last post, I discussed the development of my characters and visual styles and also grouped the different methods of documentation into the groups, “for me”, “for others” and “for both”. All these things have a relation to why the blog has not been regularly updated as I said that it would at the beginning of this project.

In the week following the previous blog I spent my time developing the characters and began to experiment with the use of styles and creation processes. This took a lot more time than I had anticipated. Due to the amount of time the creation and development of the visual assets was taking I needed to prioritise my time to create efficiently. As a result I looked at my timetable and the documentation table that I produced in the previous blog and decided that as part of an effort to give myself as much time as possible I would stick with the “for me” areas and drop the others. The reasoning behind this was that the “for others” section did not benefit the project and therefore seemed a logical thing to drop for the time being until I was able to get back on track with the development of the project. Once at that stage I would then be able to reproduce the notes I had taken in the process as a website or readable re-writing for the outside view to see my processes.

As it turned out I had grossly underestimated the time it would take me to produce the visuals of the piece and it soon became apparent that it would be nearly impossible to get the visuals completed within the allotted time period for the project. As the visual quality had always been the key criticism of my previous work I was determined to make the visuals as strong as possible. This included the learning of a new software (Adobe Illustrator) and new skills in terms of visual production (see my website for more details). When the production of the visuals began to eat into the time that I had initially timetabled for the production of the flash coding and player I set myself a new deadline to end the production of the visuals in favor of producing the Flash based elements. This lead to approximately a third of the visuals being produced to a near finished standard.

Realising that my initial timetabling had not accounted for the incredibly lengthy process of creating the visuals it became apparent that rather than having a polished, finished comic it would be far more appropriate to strive for a finished prototype of what the comic would do in terms of the combination of interactivity and comics. After all, this was the main study of this project; to investigate the use of interactive media in the creation and readership of a digital comic. The importance is the comic form and interactivity working together.

I then began the creation of the player itself. This consisted of producing a number of flash tests of different possible methods of interactivity within the panels themselves and experimenting with methods of navigation. After a week or so of producing and analysing these tests and looking at current existent comic book readers/players I decided on exactly how the comic player would work and what it would do. It would consist of three “levels” within the comic itself. The first would be a zoomed out viewpoint on the temporal map of the comic which would be navigatable by scrolling up and down it. It would also have the option for the user to turn on/off a visual display of each character path and on clicking on a panel it would move to level two of the comic. The second level of the comic would be a zoomed in verion of the temporal map  which allowed the user to navigate the comic as well as read it in its temporal form. The character paths would still be viewable and would allow for the user to turn on and off the inner monologue of individual characters. If the user then clicked on a panel it would be brought up in the third level of the comic. This level would be the Frame-by-Frame view where the reader would see each panel independently of the one next to/above/below it and be given options as to which path to follow via the use of buttons and hot-spots. These three levels each serve a different purpose both in terms of their interactive nature and the nature of the comic form. An example screen from each level can be seen below.

Level 1: Showing temporal map (zoomed out 18%)and all character paths.

Level 2: Showing temporal map (zoomed in 100%) with Blackbird and Crown character paths

Level 3: Showing the frame by frame view with arrow key links and hot spots (focus points)

Whilst each of these levels of the comic served their purpose in terms of the comic form and their basic interactive nature and methodologies there were many issue involve in creating them and producing them as a final single comic file. The biggest problem was the transitions between each level. Going from the zoomed out “level 1” to the zoomed in “level 2” for example requires the comic not only to zoom but to center as well. On top of this the map also needs to be navigatable at both levels. A lot of the coding used to create this transition and the functions of the comic directly contradicts causing one or the other (or both) not to work correctly. Trying to solve this problem has taken up a large period of time in the creation of the player. As yet the problem still remains unsolved.

At this time I am reluctant to spend more time producing the comic or comic player itself as I have only a couple of days before my final hand in. As a result I am making the decision to stop working on the piece itself and instead concentrate on the readable re-writing of my notes so that the decisions and processes I have taken throughout the project can be fully understood at the time of assessment. As such I will spend the remainder of the time on creating a website chronicling my work, processes and reasonings from the past months before continuing with the comic itself after the deadline.


Update 4: Review of documentation and other work so far…

9 07 2010


Firstly, apologies for the late update of the blog, my schedule has been a little out this week. In fact this is the first topic I’d like to address in this review of the work so far. Currently we are a 3rd of the way through the final project and things are fairly on track. However my schedule is proving to be slightly restrictive in terms of work structure. I have found, particularly at this stage where I am branching into several different area of the work (artistic and interactive) that my day by day timetable is not allowing for me to work on several different things at once. For example, this week was set aside for finishing my storyboard but on Friday/Saturday I was “in the mood” for drawing and therefore spent a day and a half of my alloted time on character design (an area that was timetabled in at a later stage). Whilst this means that I haven’t done less work it does put my work out of time with the initial plan. In an attempt to allow for a more free way of working I have decided to set myself key deadlines which several tasks must be completed by. This will ensure that I get each task done in time and with the correct number of hours but also that I can work on several different elements of the project at once. My daily tasks of reflection, vis meth and reading will remain as they were (although these prove to also be running a little out of schedule as well).


At this stage I have completed the story board of the comic and worked out it’s linkages and flows of each character driven line. This can be seen through the diagram below. This took a little more time than I had initially planned for but due to the extra time spent on other things it worked out being the appropriate number of hours. On reflection however I feel that it may have been wise to write the dialog and script for the comic whilst creating the final storyboard as it may have saved me time in the overall production and lead to a more complete plan to be rendered digitally at a later date. To address this I will be attempting to complete the full script in a single day of the coming week.

The creation of the storyboard lead me to think about the ways in which each panel will link together in the final form and what methods in interactivity will be included to facilitate these linkages. It has lead me to consider some methods that I plan to test over the coming week as I create digital comic frames and forms of navigating them. (Next week’s update will be based around the theories and practices of the digital frame and interactivity within it.)

Visual Methodology/Character Design:

The Visual Methodology that I began in the middle of this week has been happening in fits and starts. On the day that I started it (Friday) I did an hour drawing based on a theme from the daily sketch section of the computer graphics forum cgtalk.com which whilst good practice did not seem to help me as much a I would have liked. As such I will be doing an hour or two of self lead drawing/visual creating each day instead of relying on their topics each day. This is not to say that I will not use this one hour drawing method in future, only that I will also be using other methods as well to maximise my new learning and experimentation.

On one of the days my drawing  became my entire days work as opposed to the one hour in the morning which was scheduled (as I mentioned earlier). This resulted in a number of drawing practices and experimentations that lead to a (near) final design of one of the characters. This final idea can be seen below:

The colour scheme itself will be that of the Union Jack (Red, White and Blue) and the symbol on his chest was developed around the symbols of the RAF and the SAS. (A Red, White and Blue roundel (RAF) with Yellow wings(SAS)). These design choices were all made to co-inside with the patriotic nature that I wanted to achieve with the character. You will notice that the gloves/gantlets also include the union flag as part of their design to further the patriotic theme of the character. Each element of the character’s design was chosen with specific reason and purpose in mind. The colour scheme is designed to invoke a feeling of a patriotic character, the Jet pack and gantlets were included as part of the characters power set as written into the character idea and story of the comic. These items were things I wanted to keep fairly small and sleek to give a modern feel and so as not to detract from the super-heroic nature of the costume. The belt was included to break the constant blank space between the chest and the boots and give a slightly more military look to the costume. I also experimented with the idea of having an SAS style helmet for the character but found that this did not suit the sleek and super-heroic look of the character(However the final head design may change in later renderings and further redesigns of the character.) The pose and proportions of the character was based around the following pictures of other patriotic super hero characters. (Images from Comicvine.com)

These three images (plus some others from the same source) were used as the initial basis of the character and whilst these super-heroic proportions and design will be used for the final rendering of the character the style may not.

Another important part of the design process of the costume and character was the symbol on his chest. This logo is based around several aspects that include patriotic symbolism and semiotics that not only add to the patriotic, heroic feel of the character but relate to the characters background. This background and the initial designs for the symbol are shown below in a scan of my note book (these are very rough sketches and notes have not been proof read, they are merely to illustrate the process and reasons for the chosen design)

As you can see the character “history” includes the likes of British government organisations such as the RAF and the SAS and this is why I used them as reference for the final symbol and colour scheme.

Union Jack

The RAF Roundel

SAS Badge

RAF type C1 Roundel

As you can see, these emblems and symbols all went into the final design of the symbol which is as follows.

Crown Logo Final Design


This weeks symposium was all based around the idea of Documentation of work and whilst I feel that my documentation process is fairly thorough and ticks most of the boxes (particularly after our discussion) I did learn a few interesting things and pick up some interesting ideas. One of these ideas is that documentation comes in two key forms. One that is for use by ones self and one that is for use by outside parties. In this case, I keep all my notes in my notebook which is for myself and at the end of  each week I go through those notes to produces this blog which can be read by other for them to understand my idea.

I grouped a number of methods into each of these categories and some into a middle category that can be used by both.


Both Others
Wall Graphs
Feedback (From blogs, forums, etc)
Website (Readable Re-Writing)
File Naming

It was also mentioned that the use of theory within the documentations of work and that is something that whilst I have used in previous posts I must make sure to include in future ones as well. One other thing that I was not doing that I discovered in the discussion is annotations. Something that I feel my work would benefit from. Especially as I enter stages of art based creations.

Update 3: A bit of theory…

29 06 2010

Last week I mentioned that I had been thinking a lot on my theory work. This week I have nailed a large portion of that down and the subsequent thoughts that go along with it are the primary focus of this update.

Comics are a form of temporal communication, that is, they display a series of images or events through time. This is the primary underlying element behind comics as a form. It is the way we view this temporal element  that makes comics a distinct form of sequential art, one that has a specific set of reading codes and conventions associated with it. The codes and conventions of reading a comic are a part of the comic form but what if the way we read comics changes?
The digital platforms of screen culture have made for a change in the readership methods of comics and the way its temporal elements are displayed. These changes offered by the digital medium lead to new types of comic being available. Baring in mind that for these digital versions to be considered comics the temporal nature and the reading codes and conventions must remain relatively unchanged I have defined four different forms of comic:

Traditional Comics (t-comics):
These consist of sequential images which have a temporal relation to the images (frames) previous and after them and are displayed on paper in the form of a codex book. The readership can be broken down into the key elements of:

  • The page (and the reading associations that go with it)
  • The visual conventions to decode
  • The story

Electronic Comics (e-comics):
Consist of the same sequential image nature as the traditional comic but contained within a digital ‘page’ as opposed to a paper one. The reading conventions and temporal elements remain the same only with a simple interactive element comparable to the turning of a page in a traditional codex book. The readership of e-comics can be broken down into:

  • The page
  • The visual conventions to decode
  • The interactive conventions to decode (‘page’ turn)
  • The story

Interactive Comics (i-comics):
These comics consist of sequential art visual codes, conventions and temporal aspects but are navigated through interactive methods. The ‘page’ itself  is usually incomplete (not visible as a whole) in nature which changes the method of reading. The conventions of reading i-comics are:

  • The page conventions to decode
  • The interactive conventions to decode
  • The visual conventions to decode
  • The story

Multimedia Comic (m-comics):
These comics include elements of motion and/or sound that changes the way the temporal nature of the comic is read. They still consist of sequential images which have a temporal relation to the images (frames) previous and after them but also include motion, sound and interaction and keep some of the codes and conventions for the readership of comics. The readership of m-comics can be broken down into:

  • The page conventions to decode
  • The interactive conventions to decode (including playful/gameic interaction)
  • The visual conventions to decode
  • The audio and video conventions to decode
  • The story

T-comics, I-comics, M-comics and E-comics (T.I.M.E) all consist of the same basic temporal relationship between frames and the same visual conventions to be decoded. It is the addition of interactive and multimedia elements that changes the way we read these comics. Depending on the level of the interaction we can fit the comics into the different categories.

Levels of Interaction:

Depending on a screen comic’s level of interaction it can be defined as either an Electronic comic (E-comic), an Interactive comic (I-comic) or a Multimedia comic (M-comic). These levels of interaction are as follows:

  • Complete page navigation interaction
  • Incomplete page navigation interaction
  • Visual interaction
  • Hypertextual interaction
  • Playful interaction

Complete page navigation is interaction which is used to move the reader from one complete page to the next. A digital equivalent of of turning the page of a codex book. This would usually consist of a clearly defines button or action which moves you from the current page to the next or previous page. The action may be used to mimic the ‘feel’ or gesture of turning a page in a codex book. Complete page navigation is used in E-comic where it is the only form of interactivity used.

Incomplete page navigation is interaction that moves the reader around a page on screen as if viewing a larger page through a window. This method is used if the page of the comic extends beyond the confines of the screen and is used to navigate the story’s path. This interaction is often a vertical or horizontal ‘scroll’ or movement along the page of the comic following the narrative path of the sequential images of the story. This incomplete page navigation may also include multiple paths through the story providing the overall plot does not change from the readers choose to take one path over another. In some instances a single path through the comic may move vertically AND horizontally. This form of interaction is most commonly seen in I-comics.

Visual interactivity is interactivity that affects the visuals of the comic. This may be a colour change/enhancement when rolling over a frame to ‘focus’ the reader’s attention, the appearance of a speech or thought bubble when clicking on a visual cue within the frame or a number of other visual interactions. The visual cues may be overt or covert within the individual frames or ‘options’  that affect every frame. The visual interactivity should not affect the overall plot of the story but merely affect the visuals. The type of interactivity may be used in both I-comics and M-comics.

Hypertextual interactivity consist of elements of interactivity that exists within the comic and link the reader to sources outside the comic. These links can be convert or overt and link to information, previous comics, character backgrounds or other elements that relate to the comic. It is important that these elements do not affect the outcome of the story and exist to support and enhance the comic. These hypertextual inactive elements are most commonly used for events referring to previous issues (in serials) or to information related to the comic.

Playful interactivity refers to puzzle or game elements of interaction used within the comic. These are elements of interactive game where the reader must complete a task to continue the progression of the story/reading. Some may be optional whilst others may not. Playful interaction also includes choices made by the user that affect the outcome of the story such as branching narrative options. Puzzle elements may also be used here to force the reader to find or investigate an aspect before being able to move on with the story or access a certain part of it. These playful interactive elements are exclusive  to M-comics although an M-comic does not require this level of interactivity to be classed as such.

The following chart shows which type of interactivity can be used in each type of screen comic:

The five types of interactivity in screen comics are…

… and they are used in…




Complete page navigation




Incomplete page navigation



Visual interactivity



Hypertextual interactivity



Playful interactivity


The above theories are all my although they are based on my reading of other theorists works. The ideas of Traditional and Electronics are based on the ideas of Will Eisner which Interactive and Multimedia comics are based around the theoretical ideas of Scott McCloud.

As well as this theoretical write up I have begun the storyboarding process and begun to flesh out the “k-many” methods of interactive frame. I have also spent time re-writing my schedule to include two hours of visual methodology each day which I have also planned out as two one hour drawing/creating sessions in the morning and afternoon. The updated schedule can be found here:

Plan C (reworked)

Update 2: Interactive Readership

23 06 2010

This week took a little bit of a side track in terms of creation as I spent a good couple of days on theory work. As such, I haven’t started the storyboarding as I had planned this week. What I have done is nail down a scene by scene plot for each character and how those plots intertwine. The diagram below shows this.

As  you can see there have been some changes made from the previous Plot Graph, most importantly the inclusion of ‘linkage’ frames which link the starts of the plots together. The key points for these ‘linkage’ frames are the establishing shot at the beginning, the ‘panel set’ seen at the Night Guard’s third panel and the first frame of the Reporter’s path which has been added since the original graph to add coherency to the flow of the story at this point. You will also notice that there are now ‘shared’ panels, which are the frames that include multiple characters in the same location. These frames will be passed through by different plot paths. The key examples here are the end frame which links three of the characters and the central sequence (which covers the fight scene) of The Crown and Blackbird (the two superhero characters in the piece).  This represents the temporal map of the entire comic although there may also be points where you can jump from one character plot to another. An example of where this could happen is from the Night Guard’s second panel to the Blackbird’s second. These elements will depend on the readership and interactive methods which I use. I have been considering these as I write but they need further development before deciding on which to use. I am currently considering the interactive methods I can use as part of the comic to move between character paths. Focus points are one of my considerations at current but further development of these ideas is required.

As I mentioned earlier in this entry, I have also been doing a large amount of theory work this week. This was spurred on by my tutorial with Alan in which he suggested a selection of tasks and theories to consider and explore. This lead me more clearly define the basis of my ideas and their theoretical backing. After some consideration and thought it became clear that the story of my comic is the vehicle for the form and NOT the point of it. The importance is the comic form and interactivity working together to enhance the comic form, NOT to change the form. This leaves me in a stronger position for continuing the creation of the comic.

The tasks and concerns for the coming week are getting back on track with the creation process of the storyboard and creating visual plans of what the content, shape and layout of the panels will be. I am also concerned that my rendering of the characters, panels and locations will not be of a high enough standard to affectively portray the action and emotion of the scenes. To address this concern I will be continuing with an aspect of my Semester B module so that I can improve and learn my artistic skills and knowledge of creative programs. This will be scheduled in as 1 or 2 hours a day of ‘Visual Methodology’ and hopefully address this concern.

I must also begin to think about the interactive readership of the comic and on the suggestion of Alan I will be creating “K many” (A – K (11)) ways of digitally viewing/navigating the digital panels.

Finally, the task set to me as part of this project which the interactive readership methods should begin to address is the following statement from:

“Interactivity makes readership both more complex and more demanding. Only too easily it becomes a distraction. Rarely does it increase our pleasure…… Prove me wrong.” – Alan Peacock.

With that in mind I shall be addressing this project as a means to create a comic that is enhanced by interactive readership methods. Methods that add extra levels of enjoyment to the reading.

Update 1: Plotting a path…

16 06 2010

The first week of my Project has primarily been about coming up with a solid idea for my story. This has been something of a difficulty for me for some reason. I have a lot of ideas for stories but none of which fit the form or function of what I am trying to do. As such I have developed a story which isn’t particularly original but fits the need of the form that I am trying to create. I have decided on the classic comic book genre of the super hero which in some respects is a a beneficial idea as it shows that the form can be aimed at the already existing comic book market. The most popular genre for comics is, of course, the super hero and so my idea fitting into that genre will help substantially in assessing whether then form of my final piece is a success or not.

In terms of process my working method was to first decide on a (very) rough story. The story I decided on was that of a standard superhero tale including multiple characters, where there is a generic evil that needs to be vanquished but when heroes meet for the first time they fight each other before moving on to fight the villain of the piece. This is a very clichéd story structure but it works for what I hope to achieve and the simple nature helps me focus on making sure that the visuals and structure are solid without getting bogged down in the story.

I decided to follow 4 main characters through the action with each having their own story path. These 4 characters were decided on at an early stage as the general character archetypes of a reporter, a civilian (who became a night guard as the idea developed), a patriotic hero and a vigilante hero. From this stage I began to flesh out a basic plot where the heroes fought, the civilian watched and was injured and the reporter reported on the action as it happened (in a sort of narration fashion). At this point I had further trouble trying to continue with the story.

What I found helped me tremendously was changing the way I looked at the creative process of writing the story. Rather than trying to write the plot in detail first I found that creating the characters first (which is what I would usually do) made it a lot easy to anticipate the action that I could include. Also invaluable to my creative process was brainstorming character ideas and backgrounds with a friend. This process lead from the generic character architypes that I mentioned earlier to 4 fleshed out characters that fit into each roll.

Also discussed in our brainstorm was the idea of a Mayan theme for the villain and by extension the entire story. This lead to the background of the villain being a shamed archeologist after an artifact that he had failed to steal from a dig and that had cause his career to fall apart and the artifact itself becoming a box containing the powers of the Mayan version of hell. This thematic element helps to add a sense of coherency to the story.

After writing character backgrounds and even doing some early design work for some of the characters I moved on to develop a more detailed plot synopsis which uses stereotypical super hero plot point to help create a clear and coherent story. One of the main influences for these plot points is DC’s The Mighty Crusaders Special. (below) which is a self contained story featuring several super powered characters and civilians that “ticks all the boxes” and covers all the main narrative focuses needed.

Once I had the characters and main plot ideas pinned down I began to expand the story by developing each character’s path through the story and linking certain scenes together. This became a map of the key points throughout each of the character’s story which I have plotted on the wall. (I will upload a picture tomorrow as my camera appears to be dead at current.) At this stage the plot and story idea is at a near complete stage and I am ready to move on to creating a more detailed script. This is my next step in this project and as I  move into this section of the design process I expect to make changes that leave the story tighter and more coherent. The aim is to have a near complete script ready for the next blog update in a weeks time.

Edit: And here as promised is the Plot Graph of my story at it’s current stage.

Each colour of post-it note represents a different character with the black arrows showing the linear progression of the story for each character, the red arrows showing points where the reader can move from characters to character and the blue outlines indicating scenes that are the same for multiple characters. Evedently this is at a simple first stage which needs to be more thoroughly detailed and adapted as the full script is written.

Blogging 3.1

8 06 2010

I finally have a Blog that can be updated regularly. This is Blogging 3.1 (which I made a while back as a test (hence the .1)). Here you will see weekly updates that show exactly what I’ve been getting on with on a week by week basis. You’ll be able to follow the entire design and production process of my Semester C project as it builds from an idea into a fully fledged digital comic.

This is the first of my weekly Blogs that will happen every Tuesday from now until September (and possibly after) when my semester ends and as such it serves as an introduction to my plan for the next 15 weeks. By the end of these 15 weeks I will have created an interactive multilinear digital comic equivalent to 30 pages of traditional comic for display on portable image devices. The comic will be supported by this Blog which will consist of 15 major updates detailing the theoretical processes and reasoning behind my decisions and production collected from material daily reflections that will be noted in my project workbook. To further support the work there will also be a website that explains my processes including the ways that the comic was created and how each part affected the outcome as a whole. Finally, you can see my Timetable here which shows the breakdown of my time throughout the next 15 weeks.

This timetable shows that I will start with conceptualizing the story and script before moving on to storyboarding and design. Then I will go through the creation of the panels followed by the creation of the player. These main tasks will be accompanied by 1 hour of reflection each day and Blog entries on Tuesdays. Some time will also be set aside for reading and research into the digital comics industry.