TV Guide Remix: tutorial (GIMP)

This is a GIMP tutorial on how I created this graphic for the DS106 TV Guide Remix writing assignment: DS106 WritingAssign772 TV Guide Remix

This post will focus on the creation of the visual. You can read more about the writing process here. Although I have been creating eLearning visual designs and some graphics over the last 18 months or so, I am NOT by any means, a graphic or visual designer, and would never describe myself as such. However, I have developed some basic skills and it’s always handy to develop more. Everything I know about using GIMP has pretty much been from online tutorials, so I know the value of them, no matter how basic. This is my attempt to give back.

Image source

As the assignments previously submitted both used old school paper tv guides, I decided to do it differently – to depict as an on screen tv guide – the way I generally get my program info from. I did a quick search for images I could use as a basis for the design, but couldn’t really find anything suitable. So I just decided to take a photo of my own tv screen. This way, I could also select Bananas in the program guide > less editing, bonus.

Although I wasn’t sure if the image would be high res enough to be usable, it wasn’t too bad:(I’ve scaled it down for this post) OriginalImg_scaled. It was a little crooked, so the first thing I did was to rotate it a bit so it was horizontally level (using rotate tool in Toolbox).

1. Getting rid of existing text

To change the synopsis text, I first had to cover up the existing text. I used the Selection tool (Toolbox) to copy part of the synopsis window background… Use selection tool to copy part of BG

then paste as a new layer and move over the existing text:

Paste as new layer and move to position

As the portion I copied wasn’t large enough to cover all of the text, I duplicated the first copied layer (so I had two portions of the background) and laid it over to cover all.

Duplicate background copy and position over text

2. Adding new text

Next: I used the Text tool to add my own synopsis text. I had to play around with the font style and font colour to get it to match as closely to the existing image as possible.

Type new text

The text was still a little to ‘clean’ looking, so I used played with the filters to add some noise to make it a bit ‘dirtier’, to match the screenshot (via Filters > Noise > RGB Noise & HSV Noise; and also Blur)


Title text – I initially attempted to add the same noise to the title text, but found it didn’t do much to the white text. So looked around for some other filters and found Newsprint (Filters > Distorts > Newsprint) and added some RGB noise, which worked pretty well.

Add filter to title text

3. Finding a suitable image

Finally just needed to replace image with one from the episode. Unfortunately, when I went to find the episode on the ABC2 website, it seems they no longer had “The Cushion” for online viewing any longer. Which was a little annoying as I wanted to use the image of the stained cushion (which I was hoping could possibly be construed as splattered with dirty blood, in the context of the reworked synopsis…). There was also a scene where the bananas escaped through Bernard’s window to which would also have worked nicely with the synopsis. But alas…after a 20 minute search of the internet, I concluded it was not to be. So I had to settle for a frame from the opening credits, showing the bananas coming down from a room at the top of the stairs. I screenshot it just as they opened the door to make them look a bit secretive and sneaky.

4. Editing the image

I cropped and scaled it down to the correct size, then added some pixelation (Blur > Pixelise at 5.0) and a slight fisheye distort to match the original screenshot (Yes – we have an old CRT tv! No flatscreen…) (Distorts > Lens distortion > increased Edge to 7.834). I used this tutorial as a guide. (Thanks ‘Like Reading’ and internet!)

Fisheye distort

Finished image

This is what I ended up with at the end of this process (I also just rounded off the corners by doing select rectangle with rounded edge 30, invert select, clear) to depict the tv frame. However, once I scaled it down to a reasonable size, it was a bit unreadable and busy.

Finished image

So ended up undoing the scale-down, cropping to focus on the synopsis, then scaling it down 30% so it fit nicely at full size in a blog post. The final result is the image you see at the top of this post.

The end.

Hope this helps!

TV Guide Remix: Bananas gone bad

When I first browsed the DS106 bank of writing assignments, the TV Guide Remix appealed immediately:

Take an existing movie or television show and change the writing of the synopsis in a way where it’s still factually correct, yet the storyline feels drastically different.

I think the appeal had a lot to do with the  brilliantly executed example displayed by the submitter, Tim Owens:

TVGuideRemix_Ozexample< go on, click it. you won’t regret it.

I immediately decided I’d remix one of my 2 yr old’s fave shows: Octonauts / Bananas in Pyjamas / Fireman Sam. I was tossing up between Octonauts and Bananas when, last week I sat down with him to watch an epi of Bananas – “The Cushion”. As the episode unfolded, I thought it would be a good candidate for the Remix. Here is the original synopsis from the ABC website:

Episode 13 – The Cushion

The Bananas spill some juice on one of Bernard’s cushions and everything they do to try and clean it only makes things worse.

Sounds innocent enough, right? What this synopsis doesn’t tell you is that the Bananas, on realising they’d stained the cushion, actually escape out Bernard’s lounge room window (while he’s busy making their lunch), and enlist the help of the teddies in an attempt to clean and return it without Bernard noticing. Pretty sneaky: pretty much collusion to cover up property damage, if you ask me!

So this is the angle I played on. And here is my remixed synopsis (executed as an on-screen tv program guide):

DS106 WritingAssign772 TV Guide Remix

The writing process: decisions, decisions

Once I’d decided on the angle, I needed to determine style and tone. I started thinking of genres as far removed from children’s tv as possible. Horror? Crime? Drama? Thriller? I decided serious adult drama with a dark and sinister subplot. Think Dexter, or thereabouts.

Now, for the writing. The biggest challenge was how to refer to the protagonists – two giant bananas – in the context of this genre. Giant fruit references were out. As was using their ‘real’ names ‘B1’ and ‘B2’.

Finally, I remembered reading character descriptions on the ABC2 website with aforementioned 2 yr old, which referred to the Bananas as twins. “The twins”: perfect. Everyone knows that twins are freaky and slightly occultish. (For all the outraged twins out there reading this: don’t fret, I’m one of You. Yes, I’m a twin. So, naturally I’m allowed to say these things without fear of retribution).

After that, it was pretty easy – just a matter of dressing up the plot in the language of collusion & cover up.  Had to include the phrase “web of lies and deception” (natch), and “spilling juice on one of Bernard’s cushions” became “a reckless act of destruction”. Then: voila – done!

If you’re interested in how I created the graphic, see this post for a tutorial.

So…this was my first DS106 asssignment. And a helluva lot of fun it was too.

Becoming a DS106 #4lifer

I first discovered DS106  open online digital storytelling course when researching ‘cMoocs’. I’d recently completed the Gamification (x)Mooc from Coursera and had a heightened interest in Moocs in general. I think I may have come across the term cMooc in a blog (can’t recall which one) and became curious about them. I’ve always been fascinated by constructivist and connectivist theories of learning. So the opportunity to experience it just opened up a whole new world of possibility.

I didn’t have to spend long exploring the DS106 site (it ain’t no Mooc!) before deciding it was something I’d definitely be participating in. The things that really appealed to me about DS106 were:

  • it’s not just a course you complete then forget about (or attempt to apply in your ‘real’ life) – it’s something you integrate INTO your real life (DS106 is 4life!)
  • it’s a real, creative community dedicated to creating awesome art
  • it’s entirely open – everyone and anyone can participate, at any level they want, for as little or as long as they want. No apologies for not being able to participate, no concept of ‘dropping out’
  • projects span all media and type (visual, web, audio, video, writing, design, fanfic, mashup…)
  • participation involves utilising social media platforms (twitter, soundcloud, flickr…) and tools (image manipulation, audio and video editing…) I wanted to learn more about.

Ultimately, I guess I just really want an outlet to do creative work that’s different to, and unburdened by the constraints of my real (paid) work.  A side project: a place to experiment, learn and have fun – unconstrained by deadlines or obligations. And the opportunity to interact and collaborate with a community of people who aren’t necessarily just involved in L&D, education or training. So DS106 = perfect.

I’m just going to start by tackling some of the assignments in the Assignment Bank and comment on others’ assignments. I’ll start with writing assignments, but also plan to attempt an audio, visual and possibly video assign to extend my skills in these areas. The Daily Creates also seem like an awesome idea – I’d really like to get into the habit of thinking creatively. Creating regularly -and narrating your creations-  definitely seems to be a great (the best? the only?) way to do this.

So there’s the rationale. Now…let’s start making some art, dammit!

[Check out my first DS106 assignment here]

[Want to know more about DS106? Take a look at this Educause article]

Preface: the seeds that planted the blog

Hello & welcome.

I’d been thinking about starting a blog for a few months, primarily to reflect on my ideas, conversations, work, and experiences; to narrate and record my learning and work. I’d been reading Julian Stodd’s blog  for a while, and found his notion of using a blog to develop and track the evolution of his thinking really appealing. These posts (here and here), where he talks about writing – and finding the time to write – as being core to reflecting, developing ideas, and learning, particularly made me think: “Gee, I Really need to start doing this!” Reflecting, sharing – doing something – with your knowledge is also key to Harold Jarche’s ideas on personal knowledge management, something which had also resonated with me as a Very Important Thing to be doing.

There is of course, however, an inescapable chasm between Knowing and Thinking that you should do something, and actually getting off your butt and Doing It. And the inspiration for me to actually, Finally Do It, came from my ex-Savv-e colleague and all round good guy Matt Guyan, who recently started a blog himself. Seeing Matt do it gave me the inspiration to google WordPress, and just set up a blog, dammit. Which, I discovered, was actually a very easy thing to do. Getting round to actually writing some content was another matter entirely….

It wasn’t so much a case of writer’s block as being overwhelmed by ideas (having spent the last few weeks with a bunch of half-scripted posts floating around my head…) and not quite knowing how or where to start. So, I finally sat down and just forced myself to start writing The First Post.

And, now…I reckon I’m just about done.

(Now that wasn’t so hard, was it?!).

Postscript: Oh yeah – one other thing that nudged me towards the brave new blogosphere was DS106, which I’m keen to start becoming part of as an open participant. Blogging is one way to do it, so was yet another Exceptionally Good Reason to start. More on DS106 to come…