Login with username, password and session length
Pages: [1]   Go Down
  Print  
Author Topic: Xaralx Fill Tool  (Read 2255 times)
conholster
Sr. Member
****

Cookies: 28
Offline Offline

Posts: 377


me me me


WWW
« on: May 18, 2009, 01:19:05 PM »

Hello there, been wanting to do a Xaralx tutorial for some time now. I was'nt sure what I wanted to write about, but since the last few days there have been some questions around the Fill Tool, I have decided to write about it.

This is going to be a really simple tutorial, aimed at beginners of Xaralx. If you have been using Xaralx or some other vector illustration application for some time, it is highly possible you wont be learning anything new. Most of this stuff I've learned by just using Xaralx, so in that sense this one might even seem a little – in lack of better words – duh. So, let's get started then shall we?

The Fill Tool

The Fill Tool (FT from now on) is located in the middle of the Toolbar on the left side of the  drawing area. It's icon is a Paintbucket with orange and green color pouring out of it. You use the FT to create gradients i.e two or more colors that fade into each other.

When you click the FT icon, you'll notice the “tool info bar” changes and shows you the FT:s options.



The first drop-down menu is for the kind of gradients you can create. The second one let's you select if you want a Simple or Repeating gradient. With the third one you can adjust how the FT blends your gradients. The fourth and final drop-down menu is for selecting bitmaps when using an texture or image fill. The Arrow button opens the Profile window where you fine tune some of the gradients, we'll get into that later. And last but not least the End/Star Colour thing just shows you if you're using a “named” or “local” color, not important for this tutorial (someone write a short tutorial on how to use that, it's supposed to be a great feature but I don't know how to use it!).

To use the FT, create a shape and click the FT icon and then click and drag over the shape. Make sure the shape is selected.



If you want to change the colors of the gradient either click - with the FT - the node you want to change the color of, or by pushing the TAB key you can select which node to change the color of. When you've selected the node you want to change color of, click on a color from the color bar at the bottom of the window or using the Color editor.

By moving the nodes up and/or down you can adjust the amount of the colors to show, like so:



Tip1: Holding the SHIFT key down while creating the gradient, creates a Circular gradient.
Tip2: Holding the CONTROL key down while dragging, will make a straight line. Really usefull when working with small gradients. Works with most of the tools.
Tip3: When moving nodes you can use the Arrow keys on your keyboard. Hold SHIFT down to make longer “jumps”. Works with most of the tools.




Adding more nodes to a gradient

To add several nodes to a gradient, just double click on the gradient line with the FT. Change the color of the new nodes the same way as for the first two. You can also change the positions of the nodes.

You can add as many nodes as you want.



Fill types

As I mentioned earlier, you can change the fill type in the first drop-down menu on the tool bar. Most of the fill types are pretty self-explanatory.

Circular and Eliptical fills work the same way as the Flat fill. You can click and drag the middle node to move it around the shape.



The bitmap fill let's you fill any object or shape with a texture or image. First import the image you want to use for the fill and then select it from the fourth drop-down menu. You can adjust the density and the angle of the fill by dragging the nodes.

Fractal cloud and plasma fills are usefull when you want to create some variety into a shape such as a background.

All the fill types basically work the same way. Click, drag, move nodes around and change their color.

Change Fill Effect

The Fill Effect – also know as the third drop-down menu Grin – adjusts how colors are blended in a gradinent. Simplest way to explain it is to tell you just try it. The choices are Fade (default), Rainbow (adds a color to the gradient) and Alt Rainbow (same as Rainbow only its a different color). I've never used this feature.

Profile



The profile editor is for fine tuning your gradient. Clicking the Arrow opens the Profile editor. You can either select one of the pre-defined profiles (five all-in-all) or drag the rulers at the bottom. The top ruler adjusts the Glow of a gradient and the bottom one adjusts the width of it.



To square this one of I'm adding some examples of different gradients, enjoy.





OK, that's it for this time. If you think something is missing please tell me and I'll add it. Thank you for reading Smiley I hope you've learned something. And always remember “Talent only covers 1%, the rest is just hard work.”
« Last Edit: May 22, 2009, 02:15:58 PM by conholster » Logged

Paul LeBlanc
LGU Founder
Hero Member
*****

Cookies: 31
Offline Offline

Posts: 2102


The world is going crazy, I could use the company


WWW
« Reply #1 on: May 18, 2009, 03:16:47 PM »

 Very well done con... as always Wink I think a nice way to do a "part two" to this.. would be to continue on with how to use the fill tool with the bitmap gallery Wink
« Last Edit: May 18, 2009, 03:19:04 PM by Gemini » Logged
sawer
Global Moderator
Hero Member
*****

Cookies: 44
Offline Offline

Posts: 520



WWW
« Reply #2 on: May 18, 2009, 05:02:01 PM »

I learned a few things, I've only been using Xara  on a regular bases a few months. Looking forward to more from you an the Xara tools.
Logged

conholster
Sr. Member
****

Cookies: 28
Offline Offline

Posts: 377


me me me


WWW
« Reply #3 on: May 19, 2009, 02:21:04 PM »

Thanks for commenting.

@gemini
I think the Bitmap gallery on its own doesnt really do enough to write specifically about it. The only thing I've ever used it for is setting a bitmap fill, which can be done on-the-fly with the fourth drop-down menu. Maybe a quickie on all galleries at once? Or perhaps the ones that are less usefull i.e dont really require to open them up just to change something.

A tutorial on the named colors would be a great addition to this site though, since they allow to change the color of a drawing at once if all colors are linked to each other. I dont know if this feature is implemented in Xaralx, but would definatly be worth while to figure out. (Videos of this feature in action is available on the xara xtreme site.) Also if presented in an easy to understand way so ppl could grasp the principle behind it. As it stands now I have a feeling very few ppl understand the feature and even less ppl use it. I could be wrong.

@sawer
My vacation starts in 2 weeks and we havent really made any plans, I'll see if I'm inspired and fed enough cookies to do a couple more then Wink Don't get me wrong, I really do enjoy writing tuts.

What I'm trying to figure out ATM is how to make these shorter and more nutshell-ish. The problem with writing alot of text is people loose interest if following the tut requires alot reading. I think a better way to present the tools is to show how to create something, but that again takes alot of time write and becomes hard to follow. For the next one I'll see if I can do a draw-something-that-looks-cool tutorial.
Logged

Paul LeBlanc
LGU Founder
Hero Member
*****

Cookies: 31
Offline Offline

Posts: 2102


The world is going crazy, I could use the company


WWW
« Reply #4 on: May 19, 2009, 02:36:19 PM »

haha.. I'm not very good at tutorials at all. But I should really try my hand at it again
Logged
freddyp
Blender Guru
Global Moderator
Hero Member
*****

Cookies: 37
Offline Offline

Posts: 479



« Reply #5 on: May 19, 2009, 06:26:29 PM »

Very good tutorial. Since I know nothing about xara, I found everything useful.
Logged
Dragonbite
Sr. Member
****

Cookies: 11
Offline Offline

Posts: 181



WWW
« Reply #6 on: May 20, 2009, 05:33:30 AM »

Very nice and clean.  Makes me want to leave work, go home and try it out! (then again, a lot of things make me want to leave work, go home....)
Logged

The great thing about Linux is freedom, problem is most users don't know what it is or how to use it.
sawer
Global Moderator
Hero Member
*****

Cookies: 44
Offline Offline

Posts: 520



WWW
« Reply #7 on: May 20, 2009, 11:42:40 AM »

Con: I can't get  the  4th drop down to work, no options show. I can get a bitmap image from the 1st drop down>bitmap.
Logged

conholster
Sr. Member
****

Cookies: 28
Offline Offline

Posts: 377


me me me


WWW
« Reply #8 on: May 20, 2009, 12:10:44 PM »

Try importing an image. It should show up in the fourth d-d
Logged

sawer
Global Moderator
Hero Member
*****

Cookies: 44
Offline Offline

Posts: 520



WWW
« Reply #9 on: May 20, 2009, 04:25:33 PM »

It's a no go. I have to  click on bitmap in the paint bucket drop(xaralx:8575): Gdk-CRITICAL **: gdk_window_get_origin: assertion `GDK_IS_WINDOW         (window)' failed
 down. This isn't a big deal there  are more than one way to skin a cat.
Logged

sawer
Global Moderator
Hero Member
*****

Cookies: 44
Offline Offline

Posts: 520



WWW
« Reply #10 on: May 21, 2009, 04:30:13 AM »

I found this out today. You can move the line in fill bucket with the arrow keys on the keyboard, it seems to give better control in  moving it. the only issue I have is  keeping the  line  the same size when  moving it with the cursor or pen, it will change  the length of the line, most of the time it will get smaller/shorter. I'm not sure what I'm doing wrong here.
Logged

Paul LeBlanc
LGU Founder
Hero Member
*****

Cookies: 31
Offline Offline

Posts: 2102


The world is going crazy, I could use the company


WWW
« Reply #11 on: May 21, 2009, 11:37:42 AM »

 Not sure if I am totally getting, your problem here but.... If you are looking to change the size of the fill image, then left-click and dragging the arrows  of the eliptical fill...will do that, and left-click drag the middle nodes to reposition them in the page area...
 If it is about changing the width of the middle nodes individually, I do not believe there is an ability to do that.
Logged
conholster
Sr. Member
****

Cookies: 28
Offline Offline

Posts: 377


me me me


WWW
« Reply #12 on: May 21, 2009, 12:11:59 PM »

If it is about changing the width of the middle nodes individually, I do not believe there is an ability to do that.

The profile tool could be worth a try. I'll try it later.
Logged

conholster
Sr. Member
****

Cookies: 28
Offline Offline

Posts: 377


me me me


WWW
« Reply #13 on: May 21, 2009, 12:28:38 PM »

"The selected fill has been profiled. Applying a multi-stage fill will remove the profile." Dang...
Logged

sawer
Global Moderator
Hero Member
*****

Cookies: 44
Offline Offline

Posts: 520



WWW
« Reply #14 on: May 21, 2009, 06:47:29 PM »

I guess what I was trying to say is  how to control the  sIze of the control lines. Normally they start out  at a 90 degrees, if I  make them long than default and open the angle up they sometimes will go very small if I  move the line around  or rotate it, At this point I have to start over.
Hope this helps
Logged

Pages: [1]   Go Up
  Print  
 
Jump to: