Posts tagged ‘Inkscape’

When in doubt, visit a library (or ask a librarian)

When in doubt, visit a library

When in doubt, visit a library

The message here is a simple one — if you need a clear answer, a library is a great place to start. Made in Inkscape, the premier open source design tool.

Thanks to Marie Radford’s suggestion, I’ve created another version that has a larger worldview. Thanks, Marie!

Ask a librarian

Ask a librarian

Posted by John LeMasney

May 25, 2010 at 7:02 pm 10 comments

Love your library? Shout about it.

Bullhorn

Bullhorn

I’m really upset by the recent proposed budget cuts in New  Jersey that will reduce or remove internet access, databases, programming, and many more useful services from New Jersey Libraries. I’m upset that the new Administration finds certain things far more important than these services which have helped me to raise my children, become part of a community, and support my recent MA in Organizational Leadership. I’m upset that many of my friends in LibLand will lose their jobs, go without professional development, and have to divide already thin resources. With this development, I have revolution and revolt on the mind, and in our country, we have the right to speak out on that which we disagree with. My symbol for this is a bullhorn, a tool for rallying cries, to gather and direct people towards change, and to broadcast ideas and reminders about why we should be outraged.

In Inkscape, I built the bullhorn mostly via the Bezier tool. I added flames with the Bezier tool. I added a handle with the Bezier tool. I created the central horn with the Bezier tool. I created the trigger with the pencil tool. The piece of text is from the Showtime series The Wire, in which one of the main characters says “Heard?” in such a way as for it to be almost a half syllable, and it means essentially “Do you understand and comply; if not, we are going to have trouble.” Anyway, a fun sketch about a very serious topic for me. If you love your library, tell someone — shout it out.

Post by John LeMasney

April 13, 2010 at 5:52 pm

In honor of Einstein’s birthday and Pi day, some life lessons

Albert Einstein

Albert Einstein

Posted by John LeMasney

Yesterday (March 14th) was Pi day in Princeton, a celebration corresponding with Einstein’s birthday, and I saw (a little bit too late, I’m afraid) a suggestion from Janie Hermann to repost a great article which I sent her on “10 amazing life lessons” that one could interpret from Einstein’s quotes.

The article is at http://www.dumblittleman.com/2010/03/10-amazing-lessons-albert-einstein.html and the ideas from that article are listed in this illustration here.

In keeping with my visual posting plans for LG, I used Inkscape to make this image. I started with the famous Lucien Aigner image of Einstein at a chalkboard, and bitmap traced it in grayscale mode with 4 layers, which results in a posterized, if very recognizable image made out of points and lines. I extended the blackboard and using the calligraphy and gradient tools made a smooth transition between what’s in the photo and a gray neutrality. Then, I took the content of the post and laid it out in the right side of the image.

Thanks Albert, for all you brought to our lives. Thanks Lucien for the great image. Thanks to Janie for the suggestion. Thanks to you for taking a moment to remember Einstein with me.

March 14, 2010 at 11:14 pm 6 comments

A quote by Alfred Mercier

Mercier on Learning

Mercier on Learning

Author:  John LeMasney. As a supporter and fan of libraries and librarians, I find it a privilege and honor to be able to post on Library Garden. I also sometimes find it just the slightest bit intimidating. I’m always just a little bit reluctant to post something that I think might be too far outside of the librarian’s perspective. At the same time, I’ve been  working closely with libraries in New Jersey and elsewhere for the last 3 or 4 years as a presenter, trainer  and consultant, and I love the topics that I’ve been able to put into my personal Venn diagram with Libland.

Topics such as technology, design, blogging, open source, outreach, and learning all have been focus points for my work with libraries, but my favorite by far has been design. As a result, for the posts I’ve created here at LG, I’ve made them about design. In order to increase and maintain my posting numbers here, I’ve decided that I’m going to not only write about design, but to actually do relevant designs for this blog. As inspiration, I’ve discovered many pages of quotes about libraries, learning, media, and librarians that I thought would be the perfect muse for illustration.

This is the first of what I hope will be well received posts in this vein. Mercier’s quote here about indelibly learning that which is pleasurable rings very true in my experience, and I thought you, dear reader, might agree, so I’m sharing the thought with you.

This was made in the open source illustration package called Inkscape. I typed out the quote in several single word blocks in order to have the most flexibility with their placement and manipulation. I kerned each word very tightly, as to add some speed to the reading. The font, one of my all time favorites, is Gill Sans. I added several rectangles overlapping in the background, in various woodland hues and tints, and then converted them to paths, so that I could add curves to them. Finally, I added translucent gradients to each of the blocks to create a misty effect.

You might wonder (or at least that’s my nagging suspicion) how this relates, exactly, to libraries. I’d say that if you do design in your work of attracting patrons to programs, and maintaining posters or fliers, that it very directly relates to you. I’d go further to say that if you’re using Word or Publisher to do that work, you’d have a rather difficult time of doing this particular design there, despite the fairly simple design. Even if you don’t recognize doing (or feel that you) design directly in your work, I’d argue that everyone who faces a blank page on a screen makes design decisions. That’s probably you.

Part of the message I’m trying to send is that some of the best tools in life are free (as in cost, and in freedom) and that with just a few key skills, you can greatly improve your designs. Another part is that what we learn with pleasure, we never forget.  Another part is that I firmly believe that design can change your life, bring you pleasure, and alter how you see the world forever.

February 27, 2010 at 9:00 am 2 comments

Using Inkscape to make a text based portrait

Hi, all. I got an email recently from an attendee of my GIMP and Inkscape workshop (which I’ve had the pleasure to give on behalf of a few of New Jersey’s finest Library Consortiums). This attendee  asked how I had performed a particular effect in Inkscape during the workshop in which I use a bit of text as a brush in order to render a portrait. An example follows:

text based portrait

Text based portrait

Instead of writing out the answer in text (I myself am a visio-audio/experiential learner, and tend towards those kinds of solutions), I decided to use the question as a starting point for an entry in a daily project I’ve been working on at http://365sketches.wordpress.com, in which I’m trying to make a quick sketch a day in 2010 using free software to demonstrate the power of those tools.

You may want to check it out from time to time (or subscribe to the feed, if you’re into that kind of thing) to get ideas for how you can use free software like Inkscape to create interesting designs for your library’s fliers, posters, and other advertising materials and platforms.

If you’ve seen me talk on the topic of Best Practices in Design, you also know that I feel strongly that design, and tools like Inkscape, can change your life, your attitude, and your view of the world.

At any rate, I made the following screencast to demonstrate how I make images like the one above. Enjoy, and if you have questions, I’m happy to answer them in the comments!

Reblog this post [with Zemanta]Author: John LeMasney

February 4, 2010 at 10:15 am 4 comments

How to solidify your visual brand and identity

Hello, friends.

My name is John LeMasney, and I love libraries. I’m the newest blogger on Library Garden, and I’m thrilled and honored to be here.

John LeMasney, Janie Hermann, Amy Kearns, Pete...
Image by nancydowd via Flickr

I’m a technologist,  father,  open source advocate, artist and designer, and I’ve been known to wax poetic about beer from time to time. I’ve been told by Ed Corrado, one of my favorite librarians, that I should start looking at an MLS. I told him I’d maybe think about it after I finish my Master of Arts in Organizational Leadership later this year.

I was invited to join Library Garden despite the fact that I have no MLS, I think, because I have a regular beat in the New Jersey library consortia, have many good friends who do have their MLS (many of them co-bloggers here) and I also tend to spend a lot of time in libraries.

As the newest blogger for Library Garden, I wanted to give a kind of gift to my fellow bloggers in the form of a new header for the blog. Peter Bromberg’s original header was simple, elegant, and straightforward, but he asked me if I wanted to take a shot at making a new one. I have given workshops on design for Peter, and others here, so I figured that it would be a good way to show some of what I know about design, as well as present a thank you gift to the group.

My process for design usually follows the procedure I’m about to record here, and it is how we came to our new header you see in our blog. You can click on any of the images in this post to see a full sized version of the image. I encourage it for the alternative headers, since it’s difficult to see the detail in the thumbnail.

Using the open source illustration application named Inkscape, I show the name of the organization in a list of fonts for the stakeholders that I think speak to the feel of their brand. I usually present a list of at least 5-10, but it’s not a set number. In this case, I shared the following image, which went a little further than simply listing fonts and had progressed to forming word-form relationships, which is typically a secondary process. Since I had access to the original header, I included it for comparison. No kerning or other fine tuning is done at this stage:

Possibilities

Possibilities

I got the feedback pretty quickly that people preferred the second and fourth design. They liked the boldness of Library in #2 and the finesse and softness of #4. People were positive, respectful, and kind and that always makes for a better design project. They said they liked the font used for garden in the 4th option, and might like to see it paired with other fonts.

I wanted to respect Peter’s previous work, celebrate the brand that is Library Garden, and above all respect the opinions and feelings of the stakeholders. I hope that I did that, and I am very happy with the work that we did to come up with this solution together.

In order to clarify what I was hearing, I sent out a revised picture of three options in which the less popular options were removed and a new option was generated making use of what was learned in the first round. That looked like this:

Possibilities refined

Possibilities refined

This set brought the garden font into focus as a definite, while showing that the great Gill Sans, one of my favorite fonts and shown in the first two options, as well as in the final result, had the versatility to provide the boldness that people were looking for in the third option.

Once we had our wordmark it was time to begin developing a background for the header on the blog. I decided to emphasize the garden aspect of Library Garden, relying on luscious foliage, summery greens, and deep layering.

I wanted to try to evoke the depth of information and directions and ideas available at your library. I wanted to show people the complexity and richness of their options when they walk in and sit down and talk with a reference librarian, for instance. I also wanted to try to celebrate the work, history, and richness of my fellow bloggers on this site.

So, if you feel that the work I’m about to show you is kind of busy, keep in mind that complexity, richness, layering, and depth were my goals. I didn’t want you to look at the header so much as dive into it.

With that said, let’s look at how the first header option came about. Note that at this point, I didn’t intend any longer to edit the text based information, and so I converted the text to paths in Inkscape. This makes it easier to nudge and relate letterforms and other elements. I tweaked the wordmark we collectively chose by fixing the kerning (space between letterforms) and exported it as a PNG in the exact size of Peter’s original header.

Wordmark Final

Wordmark Final

I opened up the GNU Image Manipulation Program (GIMP) and imported the wordmark, and then I added 3 transparent layers, named close, middle, and distant, so that I could add my visual elements in a layered way so as to build depth. I also duplicated the wordmark layer so that I could create a blur based glow effect to make the workmark pop up from the busy backgrounds. I saved it as a native GIMP XCF file to preserve the layer work and named it header template.xcf. Then I saved it as header option 1.xcf and began working on the first header possibility. I started with the template each time so I wouldn’t have to start from scratch each time. Templates are great, but I encourage you to roll your own, rather than relying on someone else’s.

Header Option 1

Header Option 1

In retrospect,  Option 1 is seen as the most tame, minimalist, straightforward, and quiet. None of these are bad things. It was early, easy play with greens and foliage brushes, and was intended really just to get my ideas out of my head and onto the screen. I worked back and forth between the layers, adding blocks of color in the deep layer, and thinner, more crisp elements in the foreground. Most of my objects and shapes are available to me as brushes I used from online brush sites such as those I bookmarked here. I thought of the process as though I was building a garden landscape scene, starting first with broad deep dark strokes, then building on top of that with thinner, more careful, contrasting details. My palette for this option was deep grass green, grayish midnight fields, moonlit patches, and a bright orange for contrast. People thought it was okay, but they liked the second option much more. So much more in fact, it almost got the nod.

Header Option 2

Header Option 2

This one brought in much more of a Chinese influence — It was very much like option 1 in that it was mostly greens and greys, but it allows the eye to focus on the bright beautiful sunny flower peeking out, and is balanced nicely with the red signature stamp, both of which are parts of free brush sets, as well as most of the tree and foliage shapes you see. I would say that this option was a favorite for many.  As I finished each option, I’d send out an email to the group asking for guidance and feedback, and they didn’t disappoint.

Header Option 3

Header Option 3

Options 3 and 4 were simultaneously my favorites and the group’s least favorites. They consistently ended up at the end of the list of one’s preferences. They are both quite busy, very technology imagery driven, go deeper into what I think is an modernist color theorist’s palette that’s I’d call sporty, and are energetic to the point of dizziness.

Header Option 4

Header Option 4

I love them both, but they were obviously (now)  not the best choice for representing this group. I think I like their painterly style, deep layering, and rich color, but they’re not especially garden-y.

Perhaps the most important thing in design is knowing how to listen to your stakeholders, and being receptive to the survey even when it forks with your own feelings. I’m glad I made these options in order to provide contrast, offer other options, expand expectations, and most of all, in order to go a little too far. It’s hard to know when something’s right unless you’ve seen it go wrong, or at least wrong in the eyes of your stakeholders.

After hearing feedback at each new option, I learned that these people wanted clarity, simplicity, legibility, some energy, some calm, garden-ness, lush vegetation, and that no matter what, these were all okay — they’d all do the job. That’s reassuring when your client says no matter what, they’ll be happy. With that, I tried to pull all of this together in a final option, which ended up being the one that took the prize.

Header Option 5 with Chinese character

Header Option 5 with Chinese character

The only concern was that no one, including me, knew what the block and character in the lower left translated to. As a result, I decided to remove and replace them instead of potentially upsetting someone with the interpretation of the character. I replaced it with a postmark from a set of very cool stamp related brushes, and soon after, the header was in place.

Header Option 5 with Postmark.

Header Option 5 with Postmark.

I want to take this opportunity to say thank you to my fellow bloggers for their patience in the process, for the opportunity to collaborate and create together, and for the opportunity to have another great place such as Library Garden to share ideas. I feel very welcome here, and I’m looking forward to my our next post.

Submitted by: John LeMasney.

Reblog this post [with Zemanta]

October 2, 2009 at 10:00 am 12 comments


Creative Commons

Creative Commons License
This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 United States License.
Disclaimer: The thoughts expressed on this blog are those of the authors and are not intended to reflect the views of our employers.

A Note on the history of posts

Please note that all Library Garden posts dated earlier than September 13,2009 originally appeared on our Blogger site. These posts have been imported to this site as a convenience when searching the entire site for content.

If you are interested in seeing the original post, with formatting and comments in tact, please bring up the original post at our old Blogger site.

Thanks for reading Library Garden!

wordpress
visitors

Follow

Get every new post delivered to your Inbox.

Join 36 other followers