Archive for the ‘Art’ Category

(on Technorati , Del.icio.us)

Happy Halloween!

Did this FlipNote animation on the bus, yesterday.

The pumpkins, this year:

unlit jackolanterns

lit up jackolanterns

I did the one on the left (least effort!). ^.^ And it should resemble the pumpkin in the FlipNote animation, above. :)

Happy Halloween!

2008 In Review

Life

This year has been pretty big. Naturally following up with lots of events from last year, these are some quick memories. My nephew, Rayden, was born on Feb 12th, six weeks early! This caused the father (my brother) to be indisposed for my dad’s (2nd) marriage on Feb 14th. I got bumped up to best man (but didn’t have to do much) and had a rather empty hotel room to myself in Vegas. I attended the Open Web Vancouver conference. I went to Whistler mountain for the first time in years and plan on going again soon. I went on a fantastic road trip down the west coast of the United States, something I will never forget. I slacked off most of the summer but managed to do quite a bit of rollerblading and outdoor activity hanging out with Kurt (visiting from Brazil). My brother, now a father, married the mother of his child on August 3rd. I was best man at this wedding, as well – with more responsibilities, but they were well received and totally worth it. Our beloved cat, Sky, met an early and terribly unfortunate end. We had our first encounter with bed bugs who are now the sworn enemy of our household. Vancouver, a city that sometimes doesn’t get snow all year, had its whitest Christmas ever with 60cm (2 ft) of snow! Perhaps we should have seen snow in April as a sign….?

That reminds me: Happy Holidays for 2008! Guess I was a little late on that… Here are some pictures of our insane weather in Vancouver.

Geekery

With my free time, I think I was able to really exercise my geekiness in 2008. I released a couple updates to the Rhythmbox Jump-to-Playing plugin, which led me to submit my first patch to an upstream project! Said patch was accepted and will be in the next version of Rhythmbox! Yay. :) It was just for some XML UI description, but it feels nice to have helped improve (even a tiny bit) a project that will be installed on thousands of computers in the next cycle. I also released a usable proof-of-concept GNOME Panel File List Applet which has stayed on my panel and I find quite useful. And I’ve done a couple little scripts and how-to’s that fall under the “nerd” category quite nicely. Oh yeah, and significant website updates. Next website todo item is to customize the attachment page for my theme, I think…. Also, I joined Twitter. And Identi.ca. And LinkedIn….

Art

Not many artsy things done this year. But with the significant improvements of tablet handling in Linux, I did some random doodles and a birthday card. I may not do it very often, but I still enjoy drawing, thank goodness.

Blog Stats for 2008

My Blog is by no means high traffic, but stats are fun! (These stats were obtained using the wordpress.com Stats plugin, and exclude the Feed stats, because I use Feedburner for that… although, I’m thinking I should revert that, now that I mostly use wordpress.com Stats.)

Top 3 Referrers:

  1. http://live.gnome.org/RhythmboxPlugins/ThirdParty (402)
  2. live.gnome.org/Boston2008/GUIHackfest (209)
  3. siuyee.com (126)

Top 3 Posts and Pages:

  1. Pidgin 2.1 UI Ideas (1,053)
  2. 2D Game Art and the Virtual Console (580)
  3. Rhythmbox Plugin: Jump to Playing 0.2 (455)

Top 3 Search Engine Terms:

  1. rhythmbox (327)
  2. bug (174)
  3. pidgin (165)

Top 3 Clicks:

  1. Pidgin UI screenshot attached to a bug (57)
  2. Pidgin UI mockup (50) by Hylke Bons
  3. SF2 HD Ken (42)
  4. The fourth was launchpad.net/desktopdrawers with 38 clicks, so it’s kinda cool I helped advertise a small project a little. (A project I’ve submitted patches to, no less. :) )

Thanks

Thank you, everyone, for a wonderful 2008. It’s been interesting, and despite a failing economy, I’m looking positively toward 2009.

Happy New Year! (あけましておめでとうございます!) :)

A Gloomy Bear’s Life

Yesterday was Shirley’s birthday. We went out for dinner with a bunch of people and drank. It was fun. I also decided to play with my tablet, yesterday. So a birthday ecard was a natural gift!! I sent this to her a day late.

shirley_bday_ecard_small

Similar to my A Bug’s Life post, I’ll give a little overview of the process that went into this picture… I do this because I tend to enjoy reading these types of posts, myself… and… I can’t be the only one! :)

First, the idea: I know Shirley likes Gloomy Bear… but I know almost nothing about it! After a little searching to get the idea of Gloomy Bear’s looks. I gave it a first attempt:

gloomy1

I watched an informative and entertaining 3-minute video.Usually with Gloomy is the boy, Pity. Pity loves Gloomy, even though Gloomy’s a bear and attacks Pity, sometimes. I wanted the boy giving Gloomy a cake… then Gloomy reacting. Let’s try for more action….

gloomy2

Well, I was content with the idea… but that still didn’t look like Gloomy, at all! Did a couple sketches of Gloomy and Pity for a little practice:

pity_sketches_small

gloomy_sketches_small

Alright, these were looking a bit better. The perspective I wanted was a little awkward, but I’d give it a shot. The following resulted from drawing a lot and erasing a lot on the same sketch. That’s why it looks “smudgy.”

gloomy3

Awesome. It was starting to look acceptable. Now I had to make a nice outline. Using the Pen tool in Gimp, I added a new layer above the blue sketches. On this layer, I created paths and then applied strokes to the paths. (This kind of art should really be done with a vector program, like Inkscape, but I was tinkering in Gimp.) When I was done, I had a clean outline sitting on a layer above the blue sketch:

gloomy4

Next step was adding colour. This was really easy because the style for Gloomy Bear doesn’t have any shading – a single solid colour is applied to everything. Alright, then! Just had to hide the messy blue layer and add colours to a couple layers beneath the outline layer (we want the outline to be on top).

gloomy5

Add some text, a few touch-ups here and there, and that’s basically it! :) Yay!

Originally, I did have a more elaborate idea of doing a stylish multi-panel comic:

  1. Pity gives Gloomy a cupcake.
  2. Close-up of cupcake.
  3. Close-up of Gloomy’s face, colours inverted.
  4. Gloomy reacts violently.
  5. Back to original scene, with after-effects.

This was my sketch for the reacting violently panel: ;)
gloomy_unfinished_idea

Would have been fun. But I decided to keep things simple. :)

All images are under the Creative Commons Attribution-NonCommercial-ShareAlike 3.0 License. And I would appreciate being told if you use anything. :)

Ubuntu 8.10 (Intrepid Ibex) and Tablets

I just had to mention this: The latest version of Ubuntu finally supports input hotplugging. What this means is that you can plug in your tablet at any point and start taking advantage of its pressure sensitivity, etc. Previously, it would only work correctly if Ubuntu (the X server part of it) started with the tablet plugged in. Let me just say: OMG, I’ve been waiting for this for years! Seriously. I hadn’t been keeping up with every detail on the release (and I’m surprised I hadn’t seen mention of this yet), but I always plug in my USB tablet and run a quick test with new releases. This time, it actually worked! My test turned into a quick (and random) doodle:

How to Test

Plug in your tablet.

Run GIMP (included with Ubuntu by default).
Applications > Graphics > GIMP Image Editor

Enable Extended Input devices in GIMP.
Edit > Preferences > Input Devices > Configure Extended Input Devices

Find your tablet under the Device dropdown (mine is a Wacom Graphire) and select Screen or Window for the Mode. (It defaults to disabled.)

Create a new image, select the paintbrush tool and start drawing. To play with the features of your tablet, expand the Brush Dynamics section in the paintbrush options window (should be below the toolbox, where you selected the paintbrush). Here you can adjust things that pressure of your pen will control, like size and opacity. Fun stuff!

It’s not perfect (only works with the stylus – eraser doesn’t work without configuring), but it’s a HUGE step!! :D And the fact that this also includes the latest version of GIMP (2.6) makes this upgrade an absolute no-brainer for linux graphic-philes. :)

I found the new UI in GIMP a little strange at first, because I became so accustomed to the old one, but it is much better.

Upgrade Problems

Related to the upgrade, I lost wireless connectivity with my laptop upon doing it because the hostap_cs driver is used. I forgot about this issue that I had with previous releases and my super-cheap 1000yen wireless card. Blacklisting the hostap_cs driver and forcing the orinoco_cs driver fixed my problem again. The lesson: the upgrade wasn’t perfect and it should never be assumed that they will be – please backup your stuff! But do do the upgrade! ;)

GNOME 3.0 Ideas (Intelligent Desktop)

This is based off of a Summer of Code application I made in 2007, titled “Intelligent Desktop.” Recent discussions have reminded me to at least blog about it. And given my current employment status, I have the time. :)

Note: You may also be interested in File List Applet filelistapplet.

Messy Desk

The desktop – this gigantic area of screen real-estate – is a mess. Some people use their desktop to dump random files that they’re working on, or have recently downloaded. Others work tirelessly to keep the pretty background picture visible with minimal icon clutter. Still others find the Desktop useless because it fills up with icons too easily. In the Nautilus Desktop (GNOME’s default), icons can get placed on top of one another either by a bug in placement or simply because there is no space left, which really deters from the usability. Personally, I clump different themed files/folders into the corners of my desktop. When a file is added to the desktop procedurally, there is no obvious place to put it and thus no obvious place to look for it. This is compounded if there is a “hole” in one of my “icon clumps,” in which case the hole may be filled with the new icon making it extremely difficult to locate by both file name and screen location. I recently gave up on having mounted drives displayed on the desktop. Anything dynamic fails miserably as their location changes each time, and sometimes they even end up overlapping other icons. In any case, it seems the desktop requires maintenance to work, when it really shouldn’t.

An Intelligent Desktop would overcome icon clutter automatically and intelligently. It would also be a starting point to looking at potential benefits of a more dynamic desktop view. I’ll explain what I mean by this in a second. This is NOT that silly little notification that your desktop has old/unused icons on it.

Automatically Sorted, Categorized, Updated and Easily Searched

The desktop is a useful place to dump files, but retrieving them is a pain. In fact, browsing the desktop for that particular file (or folder) is a pain without a lot of maintenance. My idea requires an always-visible, on-the-desktop set of UI elements that I will call the Desktop Action Window (DAW). The easiest way to think of the DAW is as a sidebar for the desktop. (Don’t stand up quite yet, sidebar haters.) But rather than the DAW being a collection of meta-information or unrelated widgets, think of it as a controller to the desktop view (formerly just a desktop). Performing actions on the desktop via the DAW simply creates a new view of the desktop. The original/default view that is customized by the user will always be available. If you think in terms of Model-View-Controller, the current desktop is essentially everything. With the DAW, the DAW becomes the controller, the desktop viewing area becomes the view, and the model is partially hidden. The DAW should allow easy management of multiple views of the desktop, some automatic (Images, Movies, Recently Modified), some static (Default, Custom).

And you shouldn’t be concerned about a sizable widget infringing on your carefully chosen background, there are ways around that: the DAW could be hidden when no mouse movement on the desktop occurs (like the controls of a photo slide show), it could be semi transparent until the mouse is over it, it’s location could be customized, etc.

Some quick ideas for different actions in the DAW include:

  • An automatically generated list of types of files on the Desktop. Selecting one of them displays all icons of that type.
  • A text entry for string pattern matching.
  • Ability to easily hide all icons, except ‘always visible icons.’
  • Ability to have custom views displaying only icons that user specifies.
  • Ability to easily open file manager and display all files
  • Some form of icon pager or scrollable desktop view to allow for arbitrary numbers of icons to be displayed per view.
  • Ability to view and manipulate an arbitrary folder, such as Home, in the same way.

Mockups

This is where I stop the prose and leave you with a couple mockups. The “Overflow” view could probably be replaced with “New” or “Recent” for recently modified files. Anytime new files/folders/launchers have been added, the button could be flashing to grab the user’s attention. Better not to alter the default view at all, I think.

Update 2008/12/04: I’ve started implementing what I was thinking about with the automatic view filter as a GNOME panel applet. Check out File List Applet.

Doodles

(Had this sitting in my drafts for about a week… time to finish it up and push it out!)

After setting up my Wacom Graphire tablet on my laptop (copy-pasting some xorg.conf stuff) I decided to leave it on my bed. If I leave it on, with the Gimp (graphic application) open and the tablet plugged in, I will often do a little doodle before going to sleep. So these have been done while lying down, usually in (much) less than 5 minutes.

One thing I really like about comics is the expression (often exaggerated) portrayed through the characters’ faces.

This is something I don’t really have much practice with, so I started looking at some online comics that are good at it (and that I read): Penny Arcade, Octopus Pie, Butternutsquash, C&H… (Note: xkcd is excellent but obviously doesn’t even use facial expressions.)

PA Gabe, clearly very happy and excited

And this will be a good test of wordpress’ new gallery functionality combined with my hacky theme: I present, doodle gallery!!

An online comic is something I would love to do, but I would need to develop characters and story and be committed. :o Trying to illustrate different expressions is fun. Now accepting ideas. :)