Creating seamless patterns with Inkscape

Fancy Flower Design - seamless pattern
Fancy Flower Design - seamless pattern

Today I messed a bit around in Inkscape. I have created a lot of seamless patterns in the past, mostly for 3D renders. I usually start with a picture and do some typical things like offset 50% vertical and 50% horizontal, blur and mask to make seams invisible. Of course image editors like Photoshop / PSP/ CorelPaint are very suitable for this kind of jobs. Add to that the procedural rendering that MapZone can do and voila… seamless texture.

So what was new today? I messed (once again) with cloned tiles in Inkscape. I drafted a pattern that is used for some custom stationary, and then I thought that I might as well put it up as free for personal use on VerySimpleDesigns.com.

Inkscape is VERY suitable for seamless pattern creation, but the workflow is not so obvious. I followed the procedure as described in Tavmjong’s guide, but I found it not so easy to follow, and in my humble opinion, some steps are not needed if the only thing you need out of Inkscape is an exported bitmap with your seamless texture. So I think I found material for a new tutorial too – now just to find time to actually write it… that may take a few days. So for now have a look at these pretty textures and grab them at high resolution from VSD.

New Inkscape Tutorial Released

Inkscape tutorial for beginners: Japanese style Kokeshi dolls
Inkscape tutorial for beginners: Japanese style Kokeshi dolls

I made a cute design, with Japanese style Kokeshi as theme. Kokeshi are Japanese dolls. They are handmade from wood, have a simple trunk and an enlarged head with a few thin, painted lines to define the face. Traditionally the body was painted with a floral design in red, black or yellow and a layer of wax was applied. One characteristic of kokeshi dolls is their lack of arms or legs, but “creative” kokeshi allow the artist complete freedom in terms of shape, design and color. Nowadays we can find kokeshi now in many variations, and digital media allows even more creative freedom.

When I finished the design, I figured it is great material for another Inkscape tutorial. As the last one I made was a bit more advanced, I decided to write it to the beginning Inkscape artist. So the tutorial gives explanations of the tools used, and exact steps how to recreate the design. I am currently considering a “cut to the chase” version of the tutorial too, for the more experienced Inkscape user, but that will take another day to complete (I do have a life without my PC.. even tho I seem to make more hours than anyone else I know.. is that good or bad?).

Anyways.. check it out at verysimpledesigns.com

Joomla and search engine friendliness

Xmas day, and it is kinda hot out here. It is close to 30 degC today, and for a girl that comes from the northern hemisphere, it feels quite unrealistic to have Xmas dinner in these temperatures. So we turned the airconditioner on, and we spent some time doing geeky things. The family thinks we’re weird anyways.

So what did we do? We tried to make VerySimpleDesigns.com more search engine friendly. I did install some analytic tools earlier already, and I see that some people do find the site even without me actively promoting it. It is a project which we prefer to do without placing screaming ads on the site, and we try not to upload crap, altho we do need some feedback from those that actually download the stuff to know what they think of it. Existing content needs to be tweaked further obviously, but we also realised that we better worked on SEO/SEF before we have too much content to validate.

We host the site on a linux platform, so used .htaccess to do some URL rewriting, and we configured Joomla to make use of this setting. Also the default SEF settings were enabled, we installed the SEF Patch from JoomlaAtWork as well as the sh404SEF component. The latter is a bit of a funny story – it is a free component, issued under GNU/GPL licence – but to download the latest version you are expected to subscribe to the official distributing website. I mentioned funny, because the licence allows re-use, modification and re-distribution. No need to say that there are several locations which are not terribly difficult to find that host the same file for free download. I understand that the developer no longer had sufficient time to do component maintenance, and therefore partnered with a commercial party, but to me this makes no sense at all. Download for free and pay a subscription fee for professional support would and certainly would prevent a wild growing amount of unofficial download locations and clearly focus on where to get paid support.

Screenshot of VerySimpleDesigns.com
Screenshot of VerySimpleDesigns.com

We also re-structured the site layout. Not so much the sections and categories, as we did that right from the start. But Joomla hosts the images a bit deep in the file structure: images/stories/… This bothered me, as I do want the images indexed, and I carefully named all of them prior to upload. But I am also a sorting freak – I love to have clear structures, so I happily created a few more sub-directories, which in retrospect are not search engine friendly at all. So back to the drawing board…

So we changed the image location and made sure it is not more than 2 levels deep. We made the directory accessible by the crawlers, so that the images will be indexed.

We carefully inspected the used meta-tags, and sofar we only used single word keywords, and no search phrases. Some work to do there. We created a target keyword list and used Google’s Adwords to generate possible keywords based on the site URL. Funny how the word illustration in an Inkscape tutorial leads to a full list of “Illustrator tutorials” and variations thereof tho. We do not want to draw people to the site with intentionally selected “skewed keywords”. You know.. you use a phrase that gets people to the site, but you are not offering whatever they searched for. We do not use Illustrator (or hardly ever) and tho the tutorials can easily be translated to this vector editor, we provide them now for Inkscape, so the Inkscape user is our main target. So we use Inkscape tutorials :D. Anyways, there is a lot more content to upload and more articles to write, and having a keyword list allows us to focus on a limited set that will eventually result in more traffic to the site.

Google’s webmaster tools let us know about crawl errors and provides HTML suggestions. In this case “duplicate metatag descriptions”, referring to pages where we left the meta-tag empty. More work to do! But the tools are awesome and give us clear indications what’s amiss.

Writing tutorials is not always easy

Geez! It was not so much the tutorial actually, as the problem of getting it published decently. I guess that is my own fault, as I used a “quick fix” by using some else’s template design. Numbers: not visible, pagination: horrible, separation into sections: ugly… So i did some further template tweaking and I made a HUGE mental note to make a proper Joomla template from sketch. I bet it will be material for a tutorial too *grins*. My list of wishes for components is slowly growing too… so a good time to start working on that.

Inkscape tutorial - fashionable woman
Inkscape tutorial - fashionable woman

Anyways… back to the tutorial. It is again for Inkscape. I decided to do something a bit more advanced (tho due to lack of details I still think it qualifies as a very simple design). My mate Dakka proof read it, and said “I hope you do not consider this a beginner tutorial, because you lost me after the first sentence”. And he is right there, it is not a beginner tutorial, but he is quite an advanced graphics designer, and altho he has zero experience in Inkscape, it should not look scary to him. So there.. I went back to the drawing table and included some more clues, hints and tips. I think that anyone just above beginner level should be able to follow it now, and I also wrote an article which gives some clues how to start for an absolute beginner in Inkscape.

The tutorial is a walkthrough on how to create a fashion design, a fashionable woman blowing away some flowers, in vintage colours so it has a bit of a retro style to it. It is based on a stock photo and done in Inkscape. Check it out at verysimpledesigns.com.

Urban Design Tutorial in Inkscape

vsd_tut_urban_thumb
Inkscape tutorial for a simple urban design using circles, swirls and clouds.

I am still sorting through my designs and repacking stuff to make things available at our new website. But I did find some time to explain how I created an Urban design, so a new tutorial for Inkscape is published too. Cool circles, fancy clouds and flourishing swirls in trendy colours. It is available, as usual, on verysimpledesigns.com. I also made the resulting illustration available in eps format, free for personal use.

My mate Dakka made a cool set of photoshop brushes, the set is called Affects. He uses them to add cool neon coloured flying objects to his art work, but I use them quite differently. I use them to create cool feathers, fluffy fur, flower petals. They are awesome, and I figured you may want to know about them too.

The rest of the week will be a bit quiet, as someone figured we should have a fancy dress party with the Wild Wild West as theme. Now we figured to go as cowboy and indian, but when we looked around for costumes I was a bit shocked. As it is a party amongst friends you dont want to spend heaps on it, and at the same time you don’t want to look like horrible. But the costumes around here are made from bad materials, and do not even come close to something a native american would ever have worn. Now, I am not an expert in subject matter, but I thought I should at least get some things right. So I did a bit of research and I came across this beautiful online exhibition Identity by Design which gave me all basic information I needed. How the dresses evolved over time, how they were constructed, what symbols were used, beautiful beadworks and so on. With great respect to the ladies that made these dresses a long time ago, I decided to create my costume based on a beautiful Cheyenne three-hide dress. And whilst I used a cheap suedine fabric for the work, and replaced the beautiful beading by just a simple bias band, at least it looks like something traditional. The dress reaches over the calves, the ladies were very modest, and they would wear high mocassins so no bare skin is visible. Of course my dress is no where near so beautiful as the real thing, but it looks like traditional wear.