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?

… 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?

Design Production Team Layout, as the name suggests, is a class about almost everything… but it’s most distinctive feature is the Team element. The work you’re about to see would not have been possible without my teammates, Jeremy Steiner, Cayce Cunningham, and Tasha Bannon.

Our class was fortunate to get to work on a real-life project. Our school wants to design an area on campus that will promote the schoool-sponsored housing program. As prospective students are given tours of the school, the admissions staff would be able to use this space to talk about the benefits of housing.

The area the school envisions for this exhibit of sorts is currently two blank walls at one end of an oft-frequented corridor. We took the measurements of these walls, and divided into to teams. There were four teams competing to create a design that the school administrators will want to make a reality.

From the beginning, our team was interested in pursuing a ‘bird’s eye view’ concept, featuring a huge map of the area surrounding campus. We figured it could be extremely useful both to prospective and current students (and parents!) to see what all was within walking distance of campus.

We continued the bird’s eye view theme with a blueprint style graphic of the apartment layout, again a useful tool for planning ahead. The avian theme also grew to encompass a string-and-nails installation reminiscent of a nest, and symbolic of the valuable relational and professional network that students can weave in the student housing program.

One week, we took a field trip to a local graphics and signage company to see how much our ideas might cost to build, and to get professional insight about different materials and processes. We later supplied them with technical drawings in order to get rough quotes.

The final deliverables to our client were a scale model of our space and a book that explains our plan and concept. We also made an oral presentation. Their decision has yet to be made.

I have learned how much I really like designing as part of a team. I always feel that the outcome is stronger, even though there are differences to be overcome. This project is evidence of a lot of overcoming!

We humbly endorse the free file-sharing site, ge.tt. It served us well, as did Facebook’s ability to create private groups. Between these two platforms, we had no trouble communicating and swapping our files back and forth.

Here are the major iterations of our design, in backwards chronological order. You can follow how certain ideas were born and evolved, and how others met a quiet demise over the course of eleven weeks.

Wonder what he saw that made him flip out?

A basic walk cycle for the pink panther. The first frame was given to me to start it off. The reason his arms and tail flash in and out is because I didn’t finish drawing every frame. And if I hadn’t run out of time, I definitely would have attempted a more dramatic, snooty glide.

A walk cycle is created in a certain order. A single step typically takes place over 12 frames. The position where the foot hits the ground for the next step is called the contact position. These are drawn first.

Then, we draw the passing positions. These are where it is possible to put the most character and personality into the walk.

Walking is basically a process of falling and catching yourself, so we also have down and up positions.

After these drawings are established, all that is left is to draw the inbetweens — the rest of the frames that ensure the animation looks smooth. These is where I ran out time and didn’t get to the arms and the tail, and why professional animators at Disney have underlings to do all the inbetween drawings!

I made this ball, and made it bounce across the screen. Hardest part? Balancing the rotation value with the horizontal position at the end of the bounces, so the ball looks like it’s rolling, not sliding. It involved a lot of back and forth, trial and error. The handy thing about animation is that your eye will immediately tell you if something is wrong!

Animation lesson of the day

This screen shot shows all the frames of this animation at once. You will notice:

In animation, the illusion of speed is created with greater spacing.

Things that bounce always slow down when they are approaching the peak, about to descend.

Gravity squashes things upon impact, and an equal and opposite reaction makes them stretch vertically immediately following. The volume of the object never changes, however. Exaggerating the squash and stretch makes things look more ‘cartooney.’