• Recent Posts

  • Categories

  • Archives

  • Meta

Fly Away Home, if you haven’t seen it, is gorgeous film about a father’s love, adventure, and emerging from loss. I’ve always related strongly to the heroine, and I wanted to see if I could communicate my love for this film in a poster.

I wanted make this poster strongly about positive and negative shape, but also capture the likenesses of Anna Paquin and Jeff Daniels in an impressionistic way. I chose a rich fall color palette and had a blast with hand-drawn type.

Watercolor is still a relatively unfamiliar medium for me, especially this wet-on-wet approach. I had to paint it a couple times. The first time, I worked too quickly and didn’t give the layers time to dry. The second time, things went better.

I used to do word searches all the time as a kid. I had strategies. I had techniques. If it has been too long since you’ve done a word search, today is your day! It’s even nicer doing it online, because you don’t have to draw awkward hot dog shapes all over the grid — the computer and I have done it for you.

Queen Elizabeth II is, in my opinion, one of the most unique women alive today. She is unconditionally revered and loved by millions, but her fame has nothing to do with her physical appearance, special talent, hard work, or anything else except who her father was. She didn’t choose this position, but she accepted it and has continually and selflessly risen to the occasion for 60 years. What would that be like? For your face to be familiar to the whole world, yet to have so few who truly know who you are? To live your whole filling an extremely important role, that being more or less all you know?

I took the occasion to read this book, which I highly recommend. A Year with the Queen by Robert Hardman. The content is great, but it also happens to be very well-designed! The publisher choose Baskerville for the body text, presumably because it has the nicest looking capital Q. And it uses Bell Gothic as a complement for headers and captions (exactly what I would have done).

I wanted the final portrait to feel a bit like a coin or a stamp come to life — to juxtapose her symbolic importance with the real person. I used colored pencil over a watercolor wash. I would have liked for the colored pencil to appear more smooth and accurate in the details… so I probably needed draw larger.

In this game, you get to make choices as a party planner and then see them come together in a party scene. The most involved part of my job was creating the graphics for each venue/color scheme combo! I used the following raw images, adjusted the colors, and painted the decorations and party-goers in Photoshop.

Turn up the sound and explore!

Programming 101: Variables

This game makes heavy use of variables. Variables are items that can hold a value, much like x in algebra. Variables in programming languages can also hold words, not just numbers.

Each of the three choices in this game (venue, colors, and music) is a separate variable. As the user clicks on a graphic, the variable sets itself to their choice and keeps that value in its memory until the end of the game. For example, here is a script that belongs to the postcard graphic of the warehouse location. In Scratch, orange-colored blocks indicate commands with variables. This script tells Scratch to give the “location” variable a value of “warehouse” when the image is clicked on.

As you can see, “step” is another variable in this game. I used the step variable to control the pacing of the game, basically telling graphics to only appear at certain steps. The step value increases when a choice has been made. This way, things happen in sequence and the user cannot go backwards.

At the end of the game (step 6 or so), a sprite called “Party” finally appears. It shows the party scene and contains 9 different costumes, one for each color/venue choice. Here is an excerpt of the script that tells Scratch which costume should be shown.

… and so on and so forth.

My business cards are here! They’re even more adorable in real life, so come find me and get one.

You may recognize the look and feel from my Nonpareil branding project. I decided to maintain the aesthetic, but simply use my name instead.

By the way, I’m considering purchasing a domain name that will be easier for people to remember. Graduation is fast approaching! This time next year, Exercises in Flourishing will have evolved into my full-fledged online portfolio.

Our second project in Illustration was to create a conceptual image to accompany the first chapter of The Road Less Traveled by M. Scott Peck. It has a lot of nuggets about delayed gratification and growth through suffering. But like many of my classmates, I found truer inspiration from my own life.

I was going through a really rough episode at the time, but one day I noticed that the fear of what people thought of me was no longer taking up much space in my heart. I had been trying with mediocre success to get rid of that for years. If pain and conflict was what it took to free me from that fear, then – I decided –  it was completely worth it. “The greatest gifts come disguised as problems,” I thought (rather poetically). And behold, a concept for my illustration! A stack of presents ironically gift-wrapped in various types of pain.

Coming up with a good composition of packages was trickier than I expected. Sketching them from my head was problematic because the perspective became skewy. Photographing the real boxes that I had was too limiting (I tried, valiantly). So, Google SketchUp to the rescue! This free 3D rendering program let me make boxes, tweak boxes and rotate around them to my heart’s content. When I had a stack that I was happy with, I took a screen shot. Then I went into Photoshop and started on my wrapping paper ideas.

As you can see, the first pain I figured out how to represent visually was anger. Next, I did a study of some broken hearts….

I worked out physical pain next, then depression, and finally interpersonal conflict. Whenever I felt unsure what to do, I took a picture of my painting in progress and tried out several ideas digitally. For example:

Even after turning in my painting, I went back into Photoshop. Here you can compare my “final version” with the scene as I actually painted it. I wasn’t happy with all the colors and values, so I figured it was my prerogative to adjust. You can play Spot the Difference if you want!

Interactive game #2.

This one demonstrates a basic ability to make a quiz show game. It’s not going to pose a challenge to any of you, but feel free to grab a small child and let me know how it works for them!

Inspiration: I grew up with lots of good fine art books for children. It’s easy and precious to cultivate familiarity with culture if you start young!

Illustration class sounded to me like it was going to involve a lot of drawing, maybe even painting. Traditionally, these are things that scare me. Does that sound ironic coming from an artist?

I’ve never put much faith in my hands to accomplish what I see in my head. This might stem from having used the computer as a primary creative outlet for 16 years (and I’m only 22). So I sat in the first weeks of this class feeling like I had failed before I had begun.

Assignment #1 was to improve upon an existing album cover of our choice. I decided upon the soundtrack to 1995’s A Little Princess. It’s one of those albums that whisks me off to my happy place more reliably than almost anything else. And I felt that I could indeed improve upon this:

…which for me amounts to little more than an awkward Photoshop job. It doesn’t quite evoke the themes of identity, purity, and mystery in the face of trial — the ideas I wanted to be able to bring out in my design.

I began to think of more symbolic imagery, using the locket to represent Sarah’s strength of spirit. The jungle stands for her world of unknowns in which she sees great beauty.

But back to my little phobia. After talking to God about this general defeat I was feeling in the realm of traditional illustration, I realized three truths:

1. There is no right or wrong when it comes to illustrative style. On the contrary, it’s an arena of incredible freedom. Whatever style I end up with will be unique, so there’s no need to compare myself to others.

2. I can become better at drawing and painting if I practice. It’s not a question of having the gift or not. If I choose to develop them, these skills are totally within my reach.

3. If I don’t feel like an artist, maybe it’s because I’m not living like one. Why have I been relegating my creativity only to assignments? It would be so much fun to cultivate artistic exploration in my life, for me.

These might seem obvious, but they were complete epiphanies to me (especially #2). Because of them, I’m happy to say I tackled all my illustration assignments this quarter with fresh energy. I could probably add one more to the list that has been coming on slowly for the last year:

4. I’m in school! The goal is not to achieve perfection and wow everybody all the time. The point is to try new things, fall on my face if necessary, and learn stuff. (Again, duh… but it took me so long to figure this out.)

It’s vital to have good reference photos when doing an illustration. This was great news — nobody expects me to be able to draw all these things from my head. Taking my own photos is preferable to the seduction of Google Images, and puts me in charge of the creative process from beginning to end. Thankfully, I had items readily on hand to photograph for this idea.

And though it was not officially endorsed, I made full use of Photoshop in order to perfect the composition of my tight sketch, and then to try out color ideas. This is the digital rough:

At this point, I painted what you see at the top of this post. Or almost. I used Photoshop to fix a few color issues and, of course, to add the type. If I were to go back and redo the project, I would also shoot for a little more drama in value — the lights and darks. Since I didn’t take very many risks while I was painting, things became a bit middle of the road.

Thanks for reading! Now I would recommend listening to the soundtrack for yourself!

Please join me in welcoming a new creature to Exercises in Flourishing:

The Interactive Game!

I have been waiting a long time to get into programming classes, and it all begins here with a course entitled Program Logic.

We won’t learn any true programming languages yet. The brilliant minds at MIT have devised a way to teach programming concepts though a colorful, training wheels environment called Scratch.

Anyone can download and use Scratch. There is an huge community of students and hobbyists uploading projects to the Scratch website every second.

But in other ways, Scratch is a lonely entity. Whatever I create in Scratch can only be played within the application, so I’m going to frequently link you to the Scratch website. There can you actually play my games and download them.

For my first game, I made a simple variation on classic Pong. I was proud of myself in that I bypassed Google Images and made my graphics myself! That’s right — I’m finally learning to approach my work with good old creative gumption, discovering that I CAN illustrate. (More on this in subsequent posts!)

So… what are you waiting for?

Click here to play now!

… or hang out here and read more about Scratch.

This is the basic layout of the program. To the left, I have a tray of all the different code pieces available to me, organized by category and color-coded. In the center is where I  drag these pieces and fit them together in scripts. I have a monitor in the upper right where I can test my program in real time, and below that is where all my graphic assets (called sprites) are stored. You can see in this screenshot that the “ball” sprite is highlighted. That means that I am seeing only the scripts that belong to that sprite in the center pane. Other items have their own scripts that I can edit if I click their thumbnail.

Here is part the script that controls the functionality of my buoyant, blooming ball.

In the King’s English:

If the ball hits the log,
it must bounce in a direction opposite from whence it came.
Since this is a bit too predictable, we’ll let the computer randomly vary this angle within a range.
We want to keep track of the number of times the ball hits the log, because
after every five hits,
the ball should look like it has bloomed a bit more,
and it should move faster.
Every five hits, these two dynamics should progress.

It’s all so beautifully logical.

This flowchart exercise in Program Logic class was designed to get us thinking logically and sequentially. Have I mentioned that I love to design infographics?