Welcome to TalkGraphics.com
Results 1 to 9 of 9
  1. #1
    Join Date
    Dec 2007
    Location
    Sunshine Coast BC, Canada. In a beautiful part of BC's temperate rainforest
    Posts
    9,864

    Default How to create a line with a gradient fill

    Rik posted a feature request in the Dear Xara Forum for the ability to create to give a line a gradient fill. While Xara can not do this the way other programs do there are ways to do this in Xara software.

    Feel free to share your methods here!
    Last edited by angelize; 26 September 2016 at 06:34 PM.
    [SIGPIC][/SIGPIC]
    My current Xara software: Designer Pro 365 12.6

    Good Morning Sunshine.ca | Good Morning Sunshine Online(a weekly humorous publication created with XDP and exported as a web document) | Angelize Online resource shop | My Video Tutorials | My DropBox |
    Autocorrect: It can be your worst enema.

  2. #2
    Join Date
    Apr 2012
    Location
    SW England
    Posts
    17,823

    Default how to create a line with a gradient fill

    The long way round is to use a gradient fill on a number of thin lined-up rectangles and turn these into an Art Brush.

    Acorn
    Acorn - installed Xara software: Cloud+/Pro+ and most others back through time (to CC's Artworks). Contact for technical remediation/consultancy for your web designs.
    When we provide assistance, your responses are valuable as they benefit the community. TG Nuggets you might like. Report faults: Xara Cloud+/Pro+/Magix Legacy; Xara KB & Chat

  3. #3
    Join Date
    Dec 2007
    Location
    Sunshine Coast BC, Canada. In a beautiful part of BC's temperate rainforest
    Posts
    9,864

    Default Re: Gradient Fill on a line?

    I think acorn has the best idea except I would make the rectangle fairly large because the brush will render as raster not vector. I'll put a mini tut together tonight.
    [SIGPIC][/SIGPIC]
    My current Xara software: Designer Pro 365 12.6

    Good Morning Sunshine.ca | Good Morning Sunshine Online(a weekly humorous publication created with XDP and exported as a web document) | Angelize Online resource shop | My Video Tutorials | My DropBox |
    Autocorrect: It can be your worst enema.

  4. #4
    Join Date
    Apr 2012
    Location
    SW England
    Posts
    17,823

    Default Re: Gradient Fill on a line?

    Similar with Art Brushes in Xara:

    Click image for larger version. 

Name:	Gradient Line.png 
Views:	113 
Size:	39.2 KB 
ID:	114392

    Acorn
    Acorn - installed Xara software: Cloud+/Pro+ and most others back through time (to CC's Artworks). Contact for technical remediation/consultancy for your web designs.
    When we provide assistance, your responses are valuable as they benefit the community. TG Nuggets you might like. Report faults: Xara Cloud+/Pro+/Magix Legacy; Xara KB & Chat

  5. #5
    Join Date
    Aug 2000
    Location
    Placitas, New Mexico, USA
    Posts
    41,503

    Default Re: Gradient Fill on a line?

    Depending on the line and the length you could apply a blend.
    Attached Thumbnails Attached Thumbnails Click image for larger version. 

Name:	blend.png 
Views:	81 
Size:	10.0 KB 
ID:	114393  

  6. #6
    Join Date
    Jul 2007
    Location
    Brockville, Ontario, Canada.
    Posts
    4,619

    Default Re: Gradient Fill on a line?

    Like this? Although probably still classed as a work around, it may simplify what you need to achieve, Rik.

    All the original properties of the line ... adjust with shape editor, and even edit its width with set line width ...
    Attached Thumbnails Attached Thumbnails Click image for larger version. 

Name:	2016.09.26_13h45m30s_001.png 
Views:	109 
Size:	30.4 KB 
ID:	114402  
    Attached Files Attached Files
    Last edited by angelize; 26 September 2016 at 06:35 PM. Reason: removed reference to a comment from the other thread.
    Keith
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    There are 10 types of people in this world .... Those who understand binary, and those who don't.

  7. #7
    Join Date
    Aug 2000
    Location
    Harwich, Essex, England
    Posts
    21,917

    Default Re: Gradient Fill on a line?

    Great solution Keith. You can get some sweet editable effects using this.
    Attached Thumbnails Attached Thumbnails Click image for larger version. 

Name:	line-with-gradient.png 
Views:	94 
Size:	130.8 KB 
ID:	114409  
    Egg

    Intel i7 - 4790K Quad Core + 16 GB Ram + NVIDIA Geforce GTX 1660 Graphics Card + MSI Optix Mag321 Curv monitor
    + Samsung 970 EVO Plus 500GB SSD + 232 GB SSD + 250 GB SSD portable drive + ISP = BT + Web Hosting = TSO Host

  8. #8
    Join Date
    Dec 2007
    Location
    Sunshine Coast BC, Canada. In a beautiful part of BC's temperate rainforest
    Posts
    9,864

    Default Re: Gradient Fill on a line?

    a very interesting approach Keith. A bit more work to set up than an artbrush when you want to apply it to a filled shape though.

    Here is a mini tut showing how I did with an artbrush. you could set up a collection of these gradient brushes and very quickly apply through the line gallery!
    Attached Thumbnails Attached Thumbnails Click image for larger version. 

Name:	gradientlinesbrushes.png 
Views:	132 
Size:	107.6 KB 
ID:	114410  
    [SIGPIC][/SIGPIC]
    My current Xara software: Designer Pro 365 12.6

    Good Morning Sunshine.ca | Good Morning Sunshine Online(a weekly humorous publication created with XDP and exported as a web document) | Angelize Online resource shop | My Video Tutorials | My DropBox |
    Autocorrect: It can be your worst enema.

  9. #9
    Join Date
    Oct 2002
    Location
    Liverpool, N.Y.
    Posts
    6,085

    Default Re: Gradient Fill on a line?

    I think there are a lot of ways to code the feature, at least "approaches" seeing as I know zip about code (zip code, that was a play on words), but if you do not want to eschew workarounds at the moment:

    1. Create the outline of your dreams and then convert the line to a shape, and do your gradient thing.

    2. A different approach is to create a one-step Contour, simplify it so it detaches from your main shape, and then fill it. The advantage to this is you can determine the size of the "line", and adjust it to your liking until you decide to detach it.

    -g

 

 

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •