I can read tv (2.0)

One of the assignments for design week for #prisoner106 was to do the “I can read movies” assignment.

I have tried this one before, when I first started doing DS106 back in 2013; this was one of the first things I did in GIMP (not the very first, but I wasn’t that used to GIMP before I tried it). It nearly killed me. I spent all week on that one assignment, and came out with something that only looked sort of like I wanted. The basic design was pretty right on, but it didn’t turn out how I wanted it to.

Here’s my first attempt at this assignment:

What I made in 2013
What I made in 2013

And here is the blog post detailing all my woes with it. So many woes there were.

I was really reluctant to do this assignment again, but realized I should get back on that horse and conquer it.

This time I decided to try using a texture layer to make the cover look more like paper. I got the idea from this tutorial about photoshop. I use GIMP, but the basic idea is the same. Then Kathy Onarheim suggested this video tutorial by a former DS106 participant. That one was really helpful because it brought me to see that I needed to put the texture layer on top of the other layers. I had it below the text and other image layers and the effect wasn’t as good.

So here is “I can read tv” 2.0.

This image is licensed CC BY-SA 4.0
This image is licensed CC BY-SA 4.0

I liked the point in this episode that it all hinged on the watch of the guy who was supposed to be in Poland (was it Poland?). Maybe it wasn’t a single hour off, but the saying at the bottom seems catchier with just “an hour.”

Overall I’m pretty happy with this one, much happier than with 1.0.

The process

This one only took me about half the time of the first one (so like 3 days instead of 7!). I learned from the first version that when you try to import images into GIMP and re-colour them, things don’t work out so well. That’s why the hand and glasses on 1.0 are so pixelated. So I didn’t even try that. Instead, I managed to get the black background at the bottom by using a particular layer mode for the texture layer, as explained below.

1. I started with a white background, and downloaded this set of paper textures. The author says you can do whatever the [bleep] you want with them. S/he just asks for a link to what you used them in. Which I’ll try to remember to do when this post is finished.

2. Images used:

3. Fonts used:

  • Like with 1.0, I used “Dream Orphanage” from dafont.com for the “I can read tv” logo. I also used it for the “Number” and “1/6” in the box, as well as the tagline at the bottom. I think I also used it for the “copyright” notice on the left.
  • For the title of the episode and the “The Prisoner Series” at the top, I used Mermaid from dafont.com.

4. The line and rectangle: I still am not terribly happy with these. They were too heavy in 1.0, and still too heavy in 2.0. I used the “rectangle” selection tool to create a selection and then fill it with the “bucket fill” tool. There’s probably a better way.

5. At first I just created the book cover with the paper background as is, so it looked like that background with the text and images. It felt a little like just a piece of paper rather than a book cover. So I took the advice in the video tutorial linked above and

  • desaturated the texture
  • played with different “modes” for that layer

The “difference” mode made the black background with the white image of the penny farthing. I liked that, but then had to change the colours of the text because they turned from red to a kind of teal colour. So I recoloured the text teal and then with the “difference” mode they turned red.

5. How I did the clock face:

  • opened as a layer
  • added alpha channel (right-click the layer, then “add alpha channel”) so it had a transparent background
  • selected around the clock face with the circle select tool (the clock face on that image isn’t a perfect circle, but it was pretty close), then used “selection -> invert” to select everything outside the clock face.
  • then I used “edit -> clear” to get rid of everything outside the clock face
  • scale layer and move to get it the right size and in the right place; I had to use the “eraser” tool to erase around some of the edges so that you could see the outside of the penny farthing wheel around the whole clock face (since it wasn’t a perfect circle to begin with)
  • “colorize” the layer teal so it turns red under the “difference” mode for the texture layer
  • change the opacity so you can sort of almost see the spokes of the penny farthing behind it

6. Now I had a purely black background, which looked something like this (this is an earlier version, which had the “public domain” icon in the place of the “copyright” icon, before I remembered I had to make this CC BY-SA b/c of the clock image).

ICanReadThePrisoner-black

But I decided I wanted it to have that off-white top like some of the original “I can read movies” images.

So I had to add some more complications. I just couldn’t leave well enough alone.

7. I added another layer of the paper texture and added an alpha channel (see step 5, above). Then I used the rectangle select tool to select just the part I wanted to have the off-white paper texture behind, and went to layer -> crop to selection. That meant I had a layer that looked like this:

Screen Shot 2015-07-25 at 10.48.34 PM

So just the top had the off-white paper texture. Then I had to move the text and line/rectangle layers above it so the paper texture wasn’t covering them.

8. I wanted to make the top, off-white section look more worn and dirty, so I used several grunge brushes I had downloaded for GIMP and played around with size, opacity, colour, etc. I also did some brushwork over the penny farthing b/c it was too white.

9. Lastly, some of the black section was too light, and I wanted it darker. Since it was on “difference” mode, I had to use my brushes with a white colour to get darker patches here and there.

 

 

 

8 comments

  1. The Village Psychiatrist says:

    Settling to DS106 on a very rainy day here in the UK.

    So plenty of time to read detail and learn from your post! Great job! I realise I did mine wrong 😉

    You did everything from scratch, I thought about it as a creative edit and used the basic shape of the cover from the series and added to it. You now gave me the idea to try again from scratch. cool.

    I love how detailed your attribution is and how you found vintage paper textures cannot wait to use! You design is really clever: the circle used to show key themes: big ben and the penny farthing…all that is missing is our true friend Rover in there!

    Your design makes me think about something I read often about good design. The detail is what makes it. The CC logo, the TV icon, The prisoner series….brilliant and inspiring.

    Be seeing you!

    • Melanie says:

      Is there really such a thing as “doing it wrong?” 🙂 Mariana, I’m about to embark on the creative edit approach–many days late since I got tied up with the post card.

      Christina, your book cover looks amazing! I’m impressed that you’ve downloaded all of these extra GIMP brushes and textures. GIMP Power User! I’m definitely putting those ideas in my back pocket. Thanks for providing the great tutorial too.

      • Christina Hendricks says:

        Thanks, Melanie. I’m glad the tutorial and the brush idea was helpful. I downloaded those brushes when I did the first version. Time to get some more; I don’t have very many, and didn’t really like any of the ones I had for this but at that point just wanted the damn thing DONE! The brushes were free; love that.

    • Christina Hendricks says:

      Thanks so much, Mariana. I agree with Melanie: I don’t think there’s such a thing as doing it “wrong”! I did the first one from scratch because, well, I thought it wouldn’t be too hard (absolutely wrong about that), and then I did the second one from scratch b/c I was determined to get something I liked this time. You know that bug, I’m sure…the I’ve-got-to-figure-this-out-even-if-it-robs-me-of-sleep-for-a-week bug!

      I loved that I found that pennyfarthing image on Wikimedia Commons, and from there it was easy to think: oh yeah, Big Ben on the wheel!

  2. Outstanding! on so many levels. The design is excellent. I agree – the details are what makes it and you also tell us of that by explaining the “not being able to leave well enough alone”. I am glad the texture layer resource helped. I wish I had found it before doing mine – so like you sometime in the future there will be a second building attempt.

    Your attention to details in your work as well as your documentation of the work is so wonderful. You show how important it is in the sharing. I usually am so worn out by the time I am done that I forget the details of how I got there and only remember the good instead of the frustrations and attempts.

    A good week – sometimes it is quality and learning – not quantity. 🙂

    • Christina Hendricks says:

      Thanks so much, Kathy! I honestly can’t leave well enough alone when it comes to details. I get very little sleep while doing ds106, that’s for sure!

      I do very detailed “process” steps in large part so that when I go back later and wonder how the heck I did something I have the record! I also hope, of course, that they are useful for others.

Leave a Reply

Your email address will not be published. Required fields are marked *