Gimptalk - Premier Gimp Community: "Woven" Tribal Artwork - Gimptalk - Premier Gimp Community

Jump to content

  • 3 Pages +
  • 1
  • 2
  • 3
  • You cannot start a new topic
  • You cannot reply to this topic

"Woven" Tribal Artwork

#1 User is offline   XyllyX 

  • Newbie
  • Pip
  • Group: Retired Staff
  • Posts: 3
  • Joined: 14-June 05

Posted 28 August 2005 - 11:58 PM

This tutorial will show you how to create a graphic like the one below.

Posted Image

The tribal style stuff I posted in the gallery was done with Inkscape and Sean-Michael asked me to do a tutorial. I wasn't sure how well an Inkscape tutorial would go over on a Gimp forum. However, I got to thinking about it and wondered how doing "tribal" style artwork would work with the paths in Gimp.

The answer? Not bad! Especially if you want to make your design appear to "weave" the different elements together. In this respect, Gimp appears to be superior to Inkscape, despite what I feel is it's slightly cumbersome user interface with regard to paths. The only way I can see to do boolean functions on paths is to first convert them to selections and then back to paths.

Anyway, enough rambling... on to the tutorial.

This uses a 600 x 600 image size. Begin with a blank white image and add a transparent layer. Select your paths tool and draw a shape like the following image:

Posted Image

Once you have that, do path to selection and bucket fill with the color of your choice, tribal is usually black or sometimes red, but hey, we ain't doing a tattoo here, so you can do whatever you want!

Next step. Duplicate the layer three times. Then, use Layer>Transparency>Alpha to Selection. Then Select>Float. Move each duplicate around on its own individual layer until you get something that looks like this:

Posted Image

Now we are going to cut each individual element so that they appear to weave over and under the other two. To do this, select the layer that has the element labeled "1" and do Layer>Transparency>Alpha to Selection. Then do Select>Grow and grow it by 2 or three pixels. If you are planning to bump map the design with a blurred mask, I would suggest growing by maybe 5 pixels, since bump mapping with a blurred mask will tend to make things "run together".

The element numbered "1" is going to pass over element #2 below it, and under element #3. So now, with our grown selection, select the layer that has element #2 and do edit>cut. You will get something like this:

Posted Image

Now select the layer with element #3 and repeat the steps to select the object and grow the selection. Only this time, when we do our cut, it will be on the layer with element #1, to get this:

Posted Image

Now for the final step. Repeat the steps to select and grow the selection for element #2. Then select the layer with element #3 and cut. You should get this:

Posted Image

And that's all there is to it! Well, there is a cautionary note. Be careful as the antialiasing can sometimes mess up your selections when you are copying the original element. When doing this tute, I had one layer that had a sort of "shadow" outline from when I moved one of the elements into position. So you may want to check and make sure you don't have anything like that before you start doing your cuts.

This technique could be used to do more complex designs, it would just be a matter of breaking it up into more manageable chunks. I am not conversant enough with Gimp paths to tell you how to do this, but if it is possible to duplicate a path...and I think it is, then you could maybe design your object as "unwoven" then duplicate your paths and then edit a different version of each path for each layer. I shall have to experiment further to see how feasable this idea is.

Edit on 8-20-06:

When I wrote this tutorial, I wasn't all that familiar with the path tool. It would actually probably be better to make your path, then just duplicate it and move each path into position, then convert them to selections and follow the rest of the tutoral. You'd avoid the whole "black line around the selection" issue mentioned.
0

#2 User is offline   Ali Imran 

  • Owner
  • Group: Administrators
  • Posts: 2,308
  • Joined: 06-December 04
  • LocationDubai, UAE

Posted 29 August 2005 - 12:41 AM

Too much ffort involved.
Very nice detailed tutorial. I have just added it to official tutorials becuase of its quality and level of ease.

Thanks ClayOgre for your contribution.

regards
0

#3 User is offline   Sean-Michael 

  • Retired Staff
  • PipPipPip
  • Group: Retired Staff
  • Posts: 1,587
  • Joined: 02-May 05

Posted 29 August 2005 - 02:49 AM

Thankyou for sharing, this is a really good tutorial! My mind is allready spinin' :l:
0

#4 User is offline   NateDog77 

  • Member
  • PipPip
  • Group: Members
  • Posts: 326
  • Joined: 04-August 05

Posted 02 September 2005 - 11:06 PM

Why, that's ingenious! Thanx for sharing!
0

#5 User is offline   Gunther 

  • Retired Staff
  • PipPip
  • Group: Retired Staff
  • Posts: 807
  • Joined: 25-February 05

Posted 03 September 2005 - 06:19 AM

The issue with getting a shadow when you move a filled selection happens when you fill a selection and move it immediately. You can get around this issue by getting rid of your selection after doing the fill and then moving the whole layer or part of the layer that you want to move.

Nice tutorial by the way. I'll have to try this techniqe out as I've never done similar things on more than two paths at the same time. I guess as you say you just have to keep your wits about yourself more as you add more components. :)

edit :: had a go with a curled little path shape. Will have to try the circular joining with a joined set like you have to make it even more complex looking....

Posted Image
0

#6 User is offline   BR7 

  • Member
  • PipPip
  • Group: Members
  • Posts: 569
  • Joined: 13-June 05

Posted 03 September 2005 - 08:58 AM

Very cool now I can make my own design for my next Tatoo :l:
Posted Image
(Paypal Alternative 100% Legit)
0

#7 User is offline   Kytayle 

  • Member
  • PipPip
  • Group: Members
  • Posts: 234
  • Joined: 29-June 05

Posted 03 September 2005 - 02:39 PM

my outcomes for my first try

Posted Image
Posted Image

dont know why the things got choppy though ;-;
0

#8 User is offline   XyllyX 

  • Newbie
  • Pip
  • Group: Retired Staff
  • Posts: 3
  • Joined: 14-June 05

Posted 03 September 2005 - 03:57 PM

try applying just a touch of gaussian blur to your base object...1-2 pixels mebbe...
0

#9 User is offline   Gunther 

  • Retired Staff
  • PipPip
  • Group: Retired Staff
  • Posts: 807
  • Joined: 25-February 05

Posted 04 September 2005 - 05:09 AM

Eep....gaussian blur.

@Kytayle: It looks like the shapes you made with the path tool were right some times (the middle couple). Just make sure you use exactly the same procedure to make the rest and you won't get jaggies. You shouldn't get jaggies if all your selections come directly from paths and are filled straight away.
0

#10 User is offline   Kytayle 

  • Member
  • PipPip
  • Group: Members
  • Posts: 234
  • Joined: 29-June 05

Posted 04 September 2005 - 11:59 AM

I figured out why it was choppy. when i did it, i kinda did it on a white BG, so i had to Color Pick it out, which made it choppy x.x
0

#11 User is offline   Blinkz 

  • Member
  • PipPip
  • Group: Members
  • Posts: 344
  • Joined: 07-September 05

Posted 10 September 2005 - 10:34 AM

Posted Image

my try ^^ nice tut

edit..
another one..
Posted Image
0

#12 User is offline   daoo 

  • Member
  • PipPip
  • Group: Members
  • Posts: 64
  • Joined: 20-July 05

Posted 18 September 2005 - 05:25 PM

Here is mine :)

http://img.photobuck...GIMP/Woven2.jpg

http://img.photobuck...GIMP/Woven1.jpg

Great tutorial!
0

#13 User is offline   Jim 

  • Newbie
  • Pip
  • Group: Members
  • Posts: 5
  • Joined: 08-August 05

Posted 27 September 2005 - 10:54 PM

heh . . .

Posted Image
0

#14 User is offline   Chosen1 

  • Member
  • PipPip
  • Group: Members
  • Posts: 63
  • Joined: 19-June 05

Posted 15 October 2005 - 11:37 PM

I have been doing this on paper for a while; now I can do them on the gimp!

Thanks clayogre for the nice tut!
0

#15 User is offline   Chosen1 

  • Member
  • PipPip
  • Group: Members
  • Posts: 63
  • Joined: 19-June 05

Posted 16 October 2005 - 09:52 PM

wow cool!
Posted Image

thanks!!
0

#16 User is offline   JellyBean 

  • Newbie
  • Pip
  • Group: Members
  • Posts: 2
  • Joined: 27-October 05

Posted 28 October 2005 - 08:22 PM

Thanks for the tutorial! What a super-cool and easy idea!!!

Here's what I came up with
Posted Image
0

#17 User is offline   evacorges 

  • Newbie
  • Pip
  • Group: Members
  • Posts: 5
  • Joined: 28-January 06

Posted 29 January 2006 - 06:44 PM

Wow!!
Cutting with selections!
Growing them first!
These are things new to me and so much fun, so easy!
Thanks a million for the tut!
Evacorges
0

#18 User is offline   ShadowGaara 

  • Member
  • PipPip
  • Group: Members
  • Posts: 130
  • Joined: 29-January 06

Posted 29 January 2006 - 07:09 PM

Its really nice i'll try it!
0

#19 User is offline   PatoSil 

  • Newbie
  • Pip
  • Group: Members
  • Posts: 6
  • Joined: 24-December 05

Posted 16 February 2006 - 04:06 AM

looks good, but couldn't you also get a similar effect by using "stroke path" with a two or three pixel white stripe?
It might take many layers, but I think that could also work well for smaller art pieces.
0

#20 User is offline   Drago 

  • Member
  • PipPip
  • Group: Members
  • Posts: 90
  • Joined: 26-December 05

Posted 17 February 2006 - 03:31 PM

This certainly helps with a GIMP vs Photoshop battle I'm particpating in. Thanks.
Posted Image
0

Share this topic:


  • 3 Pages +
  • 1
  • 2
  • 3
  • You cannot start a new topic
  • You cannot reply to this topic