clipping and masking in Inkscape tutorial
This is a video that came out of the recent workshop series on Inkscape I’m giving. I was asked to demonstrate clipping and masking in Inkscape, and was not fully prepared to discuss the proper use of masking. I did my research and decided to put together a short overview to talk about it the way I could have in class if I had been a bit more prepared. Hope this helps!
So this is an answer to Erika Bredahl’s picture submission of her dog Yoda. After bitmap tracing the image a few times to get some various levels of shadow and detail, I overlapped the paths and colored them using the eyedropper tool and a vidcap of Yoda from ESB. I then used another vidcap of Yoda in the Swamp scene, took it into the GIMP and used the stamp tool to remove Yoda, then brought the resulting image into Inkscape and bitmap traced it, then gave it some blur.
‘Yoda (/ˈjoʊdə/) is a fictional character in the Star Wars universe, first appearing in the 1980 film The Empire Strikes Back. He is a small, green humanoid alien who is powerful with the Force. In his first appearance in the original trilogy, Yoda is described as the Jedi master of Obi-Wan Kenobi and subsequently trains Luke Skywalker to use the Force. The character reappears in Return of the Jedi where he reveals his age to be 900. Yoda has become iconic in popular culture due to his distinct pattern of speech and role as an old, wise mentor. In the prequel trilogy, set a generation before the original trilogy, Yoda is among the most powerful members of the Jedi Order and a general of clone troopers during the Clone Wars. He also trains all Jedi children, before they are assigned a Jedi master. Yoda appears again in the sequel trilogy, advising an older Luke and empowering Rey to face a revived Emperor Palpatine, along with other past Jedi.’
from “Yoda – Wikipedia” at https://en.wikipedia.org/wiki/Yoda curated by lemasney creative. Feel free to share.
So @annavan (Scoyoc), a friend in the NJ Library Land circle, simultaneously made me aware of a logo contest for Libraries and Transliteracy and called me out (in the best possible way). She tweeted
“It’s Contest Time! Libraries and Transliteracy Needs a Logo! https://librariesandtransliteracy.wordpress.com/2010/07/15/its-contest-time-libraries-and-transliteracy-needs-a-logo/ [hmmm… wonder what @lemasney would come up with]”
I love design challenges, Libraries, and Anna, so this one was a no brainer. So the first thing I did was make sure I had a clear understanding of transliteracy and how it related to libraries, and so I did some research, starting but not ending with the ubiquitous Wikipedia entry, which gave me a good start, defining Transliteracy as:
“Transliteracy is The ability to read, write and interact across a range of platforms, tools and media from signing and orality through handwriting, print, TV, radio and film, to digital social networks. (PART 2007) The modern meaning of the term combines literacy with the prefix trans-, which means “across; through”, so a transliterate person is one who is literate across multiple media.” from Transliteracy – Wikipedia, the free encyclopedia at Sun Jul 18 2010 14:12:31 GMT-0400 (EST) on https://en.wikipedia.org/wiki/Transliteracy
A few other sources extended, reinforced and clarified the definition. Thanks for the nudge, Anna, and I hope my answer gets to the finals!
If you like this image, please share it. If you use it, please attribute me, and thanks! (cc-by lemasney)
lemasney, design, open source, creative commons, cc-by, typography, poster, Inkscape, GIMP
If you like this design, please consider looking at my Graphic Design Portfolio, Presentations Portfolio, or upcoming Public Workshops or Classes. Let’s do something great together!
So here is another collaboration with my great and longtime friend, Sam Pinola. Sam sent me a bitmap traced SVG of his band, and we discussed over email the idea of his band fighting Godzilla, and possibly a 3D movie effect. In the end, turning Sam into a city wrecking, bass playing iconic monster won out for me, and I modified his SVG to make this image. I hope Sam likes it, and I hope you like it too!
If you like this image, please share it. If you use it, please attribute me, and thanks! (cc-by lemasney)
lemasney, design, open source, creative commons, cc-by, typography, poster, Inkscape, GIMP, monster, rock and roll, guitar, guitarist, bass
Look at my favorite images from this project on the Portfolio page
I’ll start by saying that the text in this image, and its 3D treatment were not done in Inkscape, but in a free (but not open source) version of the application called SketchUp, owned by Google, and used to build really wonderful things in three dimensions. After making the text there, I imported the exported picture from SketchUp into Inkscape, did a bitmap trace, and then used the fill tool to color the image. A fun workflow, though next time, I think I’ll use Blender, an open source 3d modeling tool.
what’s up, greeting, hi there, sup, open source, lemasney, inkscape, GIMP, SketchUp, blender, sketch, illustration, drawing
In this sketch, I decided to bring together Boba Fett, stormtroopers, Darth Vader, some Empire iconography, and mash them all up with some urban, hip hop, vinyl, and other styles because essentially, I can.
tags: Star Wars, Darth Vader, Stormtrooper, urban, hip hop, vinyl, scratching, creative commons, design, poster, open source, Inkscape, graphic design