Categories
brand consulting insights teaching workshops

The case for improving your visual creation skills #design #technology #transliteracy

It is becoming more important to know how to create original images, videos, and other visual content. You need transliteracy skills.

20060410 (2)
20060410 (2) (Photo credit: nikontino)

In the same way that it has traditionally been important to know how to read, write and perform arithmetic as a basic skill set of  communication, it has become increasingly important for people to create their own images, video, and other graphics to communicate their particular message effectively. It’s almost as though people only recently realized their visual preferences, maybe as a reaction to the emergence of visually motivated social networks like Pinterest, a place for people to curate, share, and collect images with verbal content becoming secondary.

A more visual web of content requires new skills.

A screenshot of the GIMP 2.2.8 raster graphic ...
A screenshot of the GIMP 2.2.8 raster graphic software. (Photo credit: Wikipedia)

As we move towards more digital interactions, and enjoy more visual web content from producers as a first introduction to their messages, we can see that they are creating a digital trail for themselves. Other people then find and interpret what they are about through quick visual assessments. If you look at my Pinterest boards, you will quickly get a sense of what I am about, because the cursory glance at a series of images does not carry the threshold of understanding that reading text does. We must slow down and engage our verbal brain to interpret the letterforms, then the words, then the combination of words to make meaning. With images, we need only recognize the items in the image to begin interpretation. We want to be able to leave our own visual trail, one with interesting, insightful, and communicative images, videos, and graphics that tell our story. If you do not know how to edit a photograph, make cuts, titles, and transitions in video and audio, or create a reasonable graphic, you will become more reliant on others to produce, edit, or change content for you. In the same way that you would not have to rely on someone else to create your word processed documents for you, you do not want to rely on someone else for mediating your visual content.

You can learn how to make great images and videos.

There are fantastic free tools and resources to begin to learn how to use these toolkits in the same way that you learned how to use browsers, word processors, spreadsheets, and operating systems. If you learned by spending time in the applications, the same will likely be true for visual applications. If you learned by reading a book, you may want to try the same for these applications. In order to learn Inkscape, an open source illustration application like Corel Draw and Adobe Illustrator, by book, I strongly suggest The Book of Inkscape, by Dimitry Kosonov. You likely learned word processing and other  applications because a need arose for you to become familiar with them to do schoolwork, business, or to communicate with others. A new need has emerged in digital transliteracy: for people to communicate in person, on paper, on-screen, in images, in video, in voice, and in graphics.

You can be your own graphic designer, video producer, or photographer with the skills to support you.

English: An infographic illustrating and compa...
English: An infographic illustrating and comparing the popularity of different geosocial networking services (Photo credit: Wikipedia)

With newly acquired video editing, image manipulation, and other visual media skills, you can begin to tell new stories that move people differently than a page or a voice can, take part in the remixed web, leave your creations waiting to be found and enjoyed, and have a kind of digital presence that engages, sticks with visual learners, and promotes you differently than text can because of the very nature of the media.

 

I’d like to help you to gain these skills!

Contact me at lemasney@gmail.com or 609-553-9498 to talk about how we can begin to acquire these skills for your organization, service, or product. Let’s do something great together!

 

 

 

Categories
Illustration portfolio

20121204: Swirl, a typographic flourish by John LeMasney via 365sketches.org #cc #design #typography

20121204: Swirl, a typographic flourish by John LeMasney via 365sketches.org #cc #design #typography
20121204: Swirl, a typographic flourish by John LeMasney via 365sketches.org #cc #design #typography

I really love typography play. Inkscape is my favorite tool, bar none, for this. I do it all the time. Enter a piece of text with the text tool and choose and apply a font that begins to speak to the end design in your mind. I chose ballpark as a starting point. Then select the text, and do a path/union operation (ctrl-shift-plus), which turns the text into a single editable path. Then use the node tool to tweak, move, resize, and shape the edges of your text until you have the shape that you want. I added a dot to the “i” inside of one of my flourishes, and joined it with the existing path using a second union operation.  In this particular case, I added a rectangle with a gradient to create a vignette in the background, and applied a beveling filter to the text to give it some depth.

swirl, text, flourish, typography, design, open source, lemasney, fun, sexy, playful, funny

 

Categories
Illustration portfolio requests

20121203: Cupcake made of text by John LeMasney via 365sketches.org #cc #design #food

20121203: Cupcake made of text by John LeMasney via 365sketches.org #cc #design #food
20121203: Cupcake made of text by John LeMasney via 365sketches.org #cc #design #food

I’ve looked at my stats, and people keep coming back here for a few things. In particular, people come for sketches about food, color, object as text, drawings, cupcakes, and animals. I couldn’t get them all in here, but I certainly got a few. Enjoy!

tags: cupcake, text, sketch, food, sweets, creative commons, lemasney, inkscape, open source, design, poster

Categories
Illustration portfolio

20121202: A cycle of motion with circles within circles by John LeMasney via 365sketches.org #design #abstract #life

20121202: A cycle of motion with circles within circles by John LeMasney via 365sketches.org #design #abstract #life
20121202: A cycle of motion with circles within circles by John LeMasney via 365sketches.org #design #abstract #life

Sometimes in this project, inspiration just comes from the tool itself. I love Inkscape’s ability to easily duplicate and clone objects, and to have those objects come together in interesting ways. Starting with a single circle, I built up modules, then duplicated the modules until I had the design you see here.

tags: cycle, circle, design, abstract, image, poster, subtle, lemasney, open source, Inkscape

 

Categories
Illustration portfolio

20121122: Sliced by John LeMasney via 365sketches.org #cc #design #typography

20121122: Sliced by John LeMasney via 365sketches.org #cc #design #typography
20121122: Sliced by John LeMasney via 365sketches.org #cc #design #typography

So this one is pretty straightforward: In Inkscape, place some text with the text tool, convert to a path, ungroup, then union, so that the text is now a single path. Place a line across it with the Bezier tool. Select both paths and intersect, using the line to cut the text. Move the bottom part to the right, select and rotate the text.

tags: slice, cut, typography, cutting, knife, text, type

Categories
Illustration portfolio

20121120: A study in hexagonal geometry by John LeMasney via 365sketches.org #design #cc

20121120: A study in hexagonal geometry by John LeMasney via 365sketches.org #design #cc
20121120: A study in hexagonal geometry by John LeMasney via 365sketches.org #design #cc

This image was fairly simple to do in Inkscape. I created a single line, duplicated it, curved the line, and repeated, increasing the curve each time. Once I had the first ‘module’, I duplicated and rotated it until I had a hexagonal shape. I played a bit with palette by making each module a different color, created a vignetted background, and moved the hexagonal shape off-center to add interest.