Categories
consulting curriculum vitae Illustration portfolio professional activities professional experience research interests

1 of 365 (2014): The 80/20 Principle

1 of 365 - the 80 - 20 Principle by John LeMasney via lemasney.com
1 of 365 – the 80 – 20 Principle by John LeMasney via lemasney.com

Welcome, all, to the 2014 edition of 365 sketches. This is a simple offering for the first sketch, but gives some idea of what I intend to talk about. In this series, I intend to learn more about design principles, because in the past I focused mostly on method and technique. I hope that this series teaches me as much about design ideology as past series have taught me about design method. It is perhaps evidence of “a cart before the horse” which I am trying to remedy.

The 80/20 Principle is one in which a well-working system of any kind (book, technology, structure, organization) has distributed value and power, where the 20 percent represents the most important, the most valuable, and the most protected, and the rest supports it. We are experiencing political difficulty in this country at the moment, according to this theory, because the 20 percent has been reduced too far. The same is true in design, books, movies, or other organizations of content: If there is too little to gain from participation in the whole, e.g., if only a small percentage holds the entire value, then the entire structure falls apart, and holds no value at all. The best design, according to the theory, balances value and support at a ratio near to, but not necessarily equal to, 80/20.

 

Categories
brand consulting insights portfolio teaching workshops

I’ve decided to resume 365sketches in 2014

A nighttime rocket launch
A nighttime rocket launch (Photo credit: lemasney)

Relaunching 365sketches

I think that perhaps the greatest design work I’ve ever done was for the 365 Sketches project formerly at http://365sketches.org. I did it for 3 years between 2009 and 2012, with a one year break. You can see the best work from that project at the portfolio page. The concept is simple:

One design a day, using open source software.

It helped me to learn how to use Inkscape thoroughly, build an audience, develop my design, layout and typography skills, develop a portfolio, and get feedback and advice from stakeholders like you.

I will do a few things differently this time. I’ll screencast (record my screen to show the method) more often. I’ll be more explicit in my exposition. I’ll use and show classic design principles. I’ll use Drupal to develop the collection as a very clean portfolio version, while using WordPress, here, for the details. Both will be located here on lemasney.com, and I will likely migrate the existing content from 365 to this site as a category.

On January 1st, 2014, it begins.

 

 

Categories
brand consulting curriculum vitae professional activities professional experience teaching teaching experience technology

Advanced rotation in Inkscape.

Advanced rotation in Inkscape by John LeMasney via lemasney.com
Advanced rotation in Inkscape by John LeMasney via lemasney.com

Let’s say you want to create a visual effect in which you have objects floating with regularity around another object, such as creating tick marks around the center of a clock. In this post, I’ll explain how you can do this easily in Inkscape. The key is in moving your center-point for the outer objects.

See the video below for a clearer explanation of these instructions. Open Inkscape. Using the text tool, create an ‘o’. Create a line with the bezier tool as your first tick mark. Put it in the perfect topmost position, aligned with the ‘o’ vertically. Click the tick mark with the selector tool until it is in rotation mode. Take the plus mark for the selected tick mark, and move it to the center of the o. This centers rotation at the center of the o. then, select the tick mark in rotation mode, and while dragging the rotation handle, hit your space bar at each place you want a tick mark. In 12 clicks of the space bar, you will be done.

 

Categories
brand consulting curriculum vitae insights professional activities professional experience

I used to believe by John LeMasney via lemasney.com

I used to believe by John LeMasney via lemasney.com
I used to believe by John LeMasney via lemasney.com

I decided to illustrate a meditative thought I’ve had recently. There is a change emerging in my point of view, and I thought that I would express it in Inkscape. I added the text in two pieces, one for each line. I used Bebas Neue, one of my favorite title fonts. I tightened the kerning on an already very tightly kerned font, by breaking the text into individual letters and moving them horizontally towards each other until they had a certain flow. I spaced them on the non-repro grid on Inkscape that is set to 100 pixel squares. I added a texture in the background from an acid stained, coffee drenched sheet of ledger paper. I then re-aligned the lines of text to the blue ledger lines, and reduced the opacity of the letters to let the texture show through, as though they were printed as a ghost print in red ink. I think the text speaks to the treatment and the treatment speaks to the text.

 

Categories
consulting curriculum vitae Illustration open source photography portfolio professional activities professional experience research interests teaching teaching experience technology

Ray Park as Darth Maul cc-by lemasney

Ray Park as Darth Maul cc-by lemasney
Ray Park as Darth Maul cc-by lemasney

Ray Park as Darth Maul

I was inspired by a recent clip I saw of Ray Park practicing martial arts to do a split screen of him with perhaps his most famous role as Darth Maul in Star Wars Episode 1. The clip shows exactly how integral Park’s physical appearance and performance were in the creation of the character. I tend to do a lot of this kind of facial alignment work in the GNU Image Manipulation Program (GIMP) because it offers all the right tools for photo manipulation in the perfect price of free.

How I made the image in GIMP

I started by gathering the two images, one of Ray in makeup/character and out. They were of a similar size, and of a reasonable size for my piece. The glossy of Ray was angled, where the image of Darth Maul was horizontally aligned, and so my first task was to drop horizontal and vertical gridlines at Darth Maul’s eyes, nose, and mouth. Then I dropped the opacity of Ray’s face and used the rotation, scaling, and move tools to align his face with the gridlines. I returned opacity to 100%. I added a layer mask to Maul in full opacity, then added a selection that took up exactly half of the face and filled it with the opposite color. In the GIMP, Black and White are the degrees of opacity in layer masks. Finally, I needed to repair the angled edges of Ray’s picture that were created in rotation, so I painted with the color of his shirt and the color of the background to fix those, and used the Stamp tool to repair his hair, which had highlights and texture that would have been difficult to recreate from scratch. It’s not perfect, as the angle of the head in the two shots is slightly out of alignment, but I think the illusion works. Apologies to Ray Park and Lucasfilm (Disney, now) for the unauthorized use of their images for the purpose of education and commentary here.

Categories
brand consulting professional activities research interests

Illustration of a leaf by John LeMasney via lemasney.com

Leaf illustration by John LeMasney via lemasney.com
Leaf illustration by John LeMasney via lemasney.com

I saw a beautiful illustration on Pinterest that made use of clipping, and decided to play with the idea for myself. In Inkscape, if you import an image, like the palette in the illustration above, and make or import a shape, such as the leaf here, you can place the leaf shape on top of the palette image and apply object/clipping/set clip which results in the clipped image above. I added a rectangle in white, set transparency to 50%, and added the word leaf in one of my favorite fonts, Bebas Neue, and applied a skew.

It’s an interesting way to visually share two ideas in a single image. Both the palette and the leaf have their own visual message, and together they send an interesting combination of the two. I could have used a photograph instead to possibly make a statement about love or business or nature, or all three. Open up Inkscape and try this technique for yourself.

If you liked this post, please consider subscribing to this site by using the subscription form at the bottom of this page. Maybe Facebook is more your thing? Like our Facebook page at the bottom of this page. We’re also on Twitter, Google Plus, Pinterest, and other social networks listed at the top of this page. Please like, comment, and share if you found this post useful, interesting, or kind.