Request/Challenge For Shapes.

[Cc4FuzzyHuggles]

Hello. 

I have a Shape Making Request/Challenge. I would like swirly vector lines that I can add to my shapes. Would anyone like to try and make me some? Here are some examples :

 

http://cliparts.co/cliparts/BTg/ERB/BTgERBpEc.png    http://www.clker.com/cliparts/0/f/d/b/7/W/blue-swirl.svg

 

http://thumbs.dreamstime.com/z/swirl-elements-design-vector-35720162.jpg      http://st.depositphotos.com/1065578/3487/v/450/depositphotos_34877369-Light-colorful-swirl-lines-background.jpg

 

http://www.webdesignhot.com/wp-content/uploads/2010/02/FlowersandSwirlsVectorGraphicPreview.jpg      https://s-media-cache-ak0.pinimg.com/236x/92/0a/ae/920aae13c15765b8d07664073f117887.jpg

 

 

More examples can be seen here https://www.google.com/search?q=vector+swirl+lines&sa=X&biw=1536&bih=742&tbm=isch&tbo=u&source=univ&ved=0CB0QsARqFQoTCMbz77nRvMgCFQM0PgodlEkPug

 

Thanks!

[xod]

You can try some ornamental Fonts but I'm not sure.

[TechnoRobbo]

You want a filigree shape pack?

 

examples of filigree:

https://www.google.com/search?q=filigree&espv=2&biw=1366&bih=643&source=lnms&tbm=isch&sa=X&ved=0CAYQ_AUoAWoVChMIheOl3PK8yAIViaCACh0s4QKF

[Cc4FuzzyHuggles]

@xod, that isn't a bad idea. Thanks. I will consider it for some projects.

However, I was hoping to have usable items be as close to 100% pdn as possible. I use a lot of outside resources, which is fun and takes a different kind of effort from hunting the resources down to then compiling all the pieces together, but pdn stuff sounds good too, so if it is possible I would like more pdn things to play with and use.

 

 

@TR Thank You for your interest!

 

A filigree shape pack would be neat too, but I am looking for things that are more thin and whispy. A lot of the filigree from your sample search didn't seem as simple as what I'm looking for.

 

If this is filigee, then it's cool and it would be fun to have too, but it's not quite what I had in mind.

https://s3.amazonaws.com/rapgenius/filepicker%2FmQS33qLBQ9ytwbs0Thrx_filigree.jpg

 

 

I like this:

http://www.polyvore.com/cgi/img-thing?.out=jpg&size=l&tid=3398055

 

 

Edited October 12, 2015 by Cc4FuzzyHuggles

[Rick Brewster]

Cool They'll be black and white since the Shapes tool doesn't allow shapes to specify color information.

 

Also, the performance of running Paint.NET with a shape like that will likely be very poor. I've got a fix for the next update. Just be aware of that if it takes a long time for the Shapes tool to be usable after you've clicked on it.

[midora]

You may check out Curly Lines.

 

Sometimes I prefer to use Inkscapes spiro lines feature. I.e. http://inkscapetutorials.org/2010/02/02/spiro-swirls/

[Cc4FuzzyHuggles]

I love the curly lines plugin. But I don't know how I would add shapes made with the curly lines plugin to paint.net's shapes tool.
Inkscape's spiro function is one of my favorite abilities that inkscape can do. I would love it if Shapes Maker plugin could  do spiro lines/paths. Inkscape Spiro ability is demonstrated here.

 

Cool They'll be black and white since the Shapes tool doesn't allow shapes to specify color information.

That's fine. Manually recoloring things isn't too hard.

Edited October 12, 2015 by Cc4FuzzyHuggles

[Ego Eram Reputo]

As far as I'm aware, Shapes don't have the ability to taper a line. The lines and curves are fixed widths. This might curtail some of the more decorative elements.

I'm sure someone could come up with a workaround based on multiple lines which diverge slightly.

[TechnoRobbo]

It took about  a half hour - all shapes must be closed and I worked at 8X magnification. I'm not really good at designing filigree so I used the one you posted. If you want to design some I can convert them into shapes.Looks best at 1 pixel

 

 

 

The Xaml:

Hidden Content:

<ps:SimpleGeometryShape xmlns="clr-namespace:PaintDotNet.UI.Media;assembly=PaintDotNet.Framework"
                        xmlns:ps="clr-namespace:PaintDotNet.Shapes;assembly=PaintDotNet.Framework"                 
                        DisplayName="filigree"
                        Geometry="M 325.38,371.63 C 325.25,369.38,327.25,366.38,330,370.5,330,374,325.63,377.25,320.75,371.5,311.13,357.63,329.5,336.75,334.5,329.5,331.5,329.5,312.75,317,318.5,298.25,300.5,292.5,312.25,275.5,315.75,273.75,311,269,313.75,257,320.25,248.5,321.63,244.75,318.75,242.25,317,244.25,322,245.25,317.38,249.75,315.75,248,313.51,245.32,315.5,240.75,320.5,242.75,318.5,233,331,233.75,338.75,229.75,336.25,235,334,250.25,326.5,247.75,329.75,252.38,326.38,253.5,324.88,253.38,322.38,252.75,323.75,248.75,326.25,250,318.75,242.5,311.88,268.5,316.13,272.38,324.88,263.38,335.88,260.75,347.38,269.5 C 351,270,351.5,268.5,351.5,266.88,347.88,272.75,344.13,261.63,352.13,264.88,354,265.88,353.5,269.13,352.25,269.88,364.5,271.63,360.75,280.63,362,287,353.75,280.75,347.38,285.63,347,275.5,344.13,277.88,340.25,276.13,342.25,272.75,343.38,270.75,346.88,272.5,345.25,274.25,352.63,266.25,323.75,262,316.88,274.75,319.38,279.88,321.5,283.13,324.25,287.38,329.88,279,343.75,285,330.38,295.5,339.75,305.63,339.13,317.63,338.13,324.88,340.75,327.88,338,329.63,336.88,329.13,335.38,334.88,326.13,343.38,323.88,352.38 C 332.13,341.25,367.5,342.25,356.75,321.88,355.87,320.21,353.88,320.13,353.25,320.75,356.13,321.25,355,324.75,352.38,324.5,349.38,324.25,350.88,319.75,353.13,319.63,341.5,318.25,350.5,306.75,344.75,301.25,363,307.13,361.63,311.63,359.88,316,363.25,314.38,365.25,318.75,363.25,320,360.63,321.5,358.38,318.25,361.25,317,353.75,317.88,366.25,324.38,357.88,335.75 C 350.25,341.88,335.25,346.88,329.88,350.63,334,350.75,335.88,351.5,337.13,353.75,338.63,353.25,342.38,352.88,343.75,357 C 346.75,355.25,353.38,358.63,353.63,353.25 C 349.5,353.38,349.75,346.88,354.88,351,361.25,351.13,352.13,339.13,363.5,339.25 C 353.5,341.63,364.5,348.63,355.13,352.63 C 354.88,359.75,348.5,357,344.63,358 C 345.13,366.38,336.38,362.13,342.25,357.5 C 341.63,354.63,339.13,354.88,337.88,355.25 C 337.5,364.88,328,361.13,335.5,354.63 C 325,347.38,317,366.38,324.75,371.5 Z M 315.75,276.5 C 313.5,278.25,305.75,291.25,319.25,296,320,294,321.5,289.75,323.5,288.5 Z M 325.5,288.75 C 327.75,286.5,335.25,286.25,329,293.75 Z M 324.25,290.25 C 322,292,321,294.25,321,296.25,323.75,296.5,324.25,296,328.25,295 Z M 328.75,296.75 C 326.74,298.33,322.37,298.95,320,298,319.25,306.75,319.25,319.5,335,328.25,333.5,325.75,335.5,323,337.5,324.75,336.25,312,333.75,304.5,329.75,298.25 Z M 336.38,356 C 336.75,362.5,331.38,359,336.5,355.75 Z M 343.38,359.25 C 345,362.5,338.13,361.63,343.13,358.5 Z M 354,352.25 C 350.38,351.88,352.63,349,354,352 Z M 322.13,245.13 L 324.13,246.63,322.5,247.13 Z M 322.13,242.38 C 323.38,232.63,335.25,241.5,326.13,245.13,330.75,241.5,324.75,236.88,322.13,242.38 Z M 352.88,271.75 C 361.88,275.25,349.5,284.25,349.13,275.05,351,279.75,356.25,275.13,353,272.13 Z M 349.88,271.13 L 348.38,272.63,348.25,271.13 Z M 353.5,317.13 C 345.38,312.75,358.75,305.13,357.88,315.5,356.95,310.53,350.62,312.88,353.63,317.38 Z M 357,318 L 355,318.88,356.88,319.38 Z M 299.38,273.13 C 348,170.75,231.75,111,227.63,151.63,230.75,145.5,238.5,144.5,239.5,152.5,239.75,157.5,234.44,161.81,227.25,155,242.75,197,198.75,192,184.75,189.5,175.5,187.13,167.38,194.75,173.13,196,171.38,191.88,177.38,191.63,177.38,195.63,176.75,201.5,163.13,194.88,175,188.88,218.25,180.88,229.75,164.25,217,143.88,207.38,130.38,178.94,139.51,167.63,182.38,184.88,171,203.63,180.38,213.63,160.75,196.5,170.13,191.5,149.63,201.88,143.88,219.29,134.23,230.75,167.63,197.63,178.13,174.25,184.25,170.5,180.5,150.13,202.13,142.75,207.75,132.13,202.88,135.63,198.25,137.19,196.18,140.25,197.56,141.75,201,143.75,203.63,154.13,197.13,157.5,191.25,174.25,168.13,160.13,142.38,183,130,194.24,123.92,209.5,128.75,214.75,137.38,212.75,128.63,222.75,121.63,227,128.25,230.18,133.21,225.25,140.38,217.5,134.63,222.38,142.88,231.63,136.38,239.5,135.5 C 282.5,127.25,353.25,212.25,286.63,299.25,300,295,314.25,305,305.75,314.5,298.25,325.75,280,316,288.25,308,291.92,304.44,299.25,312.5,290.5,316,310,319.25,298.5,292.75,282.5,304.25,264.5,320,226.75,320.25,231.5,287,235.5,267,273,271.75,271.75,294 C 271.25,311,242.75,312.5,242.75,294.75,242.75,287.25,255.25,285.25,255,294.25,254.89,298.27,247,297.25,250,292,239,292,248.75,306.25,254.75,302.75,268.53,294.71,265.5,280,247.5,276.75,232.75,275.5,230.25,311,250.5,312,298.55,314.37,306.5,254.5,280.25,233.5,274.25,228,261.25,239.25,271.75,245.25,266.5,236.75,278.5,233.75,281,240.5,283.75,247.5,271.25,254,266,244.5,261.5,236,267.75,226.5,277.25,229.25,237.75,197.25,223.75,228,236.75,238,233.25,229.75,243.25,224.5,247.25,232.75,249,237,241,247.25,231,237,221,226.75,236.75,206,252,210.5,244.5,191.5,263.75,186.5,270,199.75,272,206.25,267,213.75,259.5,206.5,256.5,202.75,260,195.5,264.25,197.25,260.25,193.25,245,202,261.25,214.25,286.75,227.75,298.75,254,299.75,270.75 Z M 212.75,146.25 C 192.25,149.75,213.75,164.75,212.88,146.75 Z M 216.63,140.25 C 219.25,142.63,224.13,143.5,226.75,142.63,225.13,145.38,224.75,147.13,225.38,150.13 Z
"/>

[Red ochre]

I assume each 'tendril' would need to be a closed shape to get the tapering line.

Ah TR has just posted - great result!

Isn't the big problem that logarithmic spirals have to be depicted using bezier curves/splines or part ellipses when they would look better as real logarithmic spirals?
{I think the violin type f hole shapes are done by varying the spiral angle along the length (did something similar in furblur).}
And spirals aren't a part of xaml 'geometry'language (as far as I know, which is very little!)... but if Inkscape can do it, could the svg be imported into shapemaker?
Would a spiral macro be incompatible with xaml?

[TechnoRobbo]

You can import inkscape but it has a tendency to add way to many points (you would have to remove some extra data) and it takes a while to load. You can edit the file and give it a PDN "wrapper" and it should load without having to load it into Shapemaker. 

 

 

 

And spirals aren't a part of xaml 'geometry'language (as far as I know, which is very little!)... but if Inkscape can do it, could the svg be imported into shapemaker?
Would a spiral macro be incompatible with xaml?

Inkscape files that I've seen use the same basic beziers and polygon as Shapmaker.

[Cc4FuzzyHuggles]

Thank You TR! And wow, amazing! You did that in only about a half hour? I'm still learning the plugin and I'm not good at making things look smooth yet. 

 

As for more designs, I'm not very good at designing either, but if I get some time I might try and make some designs using the curly lines plugin or inkscape.

 

If using pictures from internet searches is ok, then the ones on my first post are designs I like. 

 

 

PS: If anyone would like to do a tutorial on how to convert inkscape lines/shapes into compatible pdn shapes, that would be great.

Edited October 13, 2015 by Cc4FuzzyHuggles

[Zagna]

Inkscape's Save As .xaml comes out like this (Provided that all the lines have been joined together to a single line):

<?xml version="1.0" encoding="UTF-8"?>
<!--This file is NOT compatible with Silverlight-->
<Viewbox xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" Stretch="Uniform">
  <Canvas Name="svg2" Width="744.09448819" Height="1052.3622047">
    <Canvas.RenderTransform>
      <TranslateTransform X="0" Y="0"/>
    </Canvas.RenderTransform>
    <Canvas.Resources/>
    <!--Unknown tag: sodipodi:namedview-->
    <!--Unknown tag: metadata-->
    <Canvas Name="layer1">
      <Path xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Name="path3336" StrokeThickness="1" Stroke="#FF000000" StrokeLineJoin="Miter" StrokeStartLineCap="Flat" StrokeEndLineCap="Flat">
        <Path.Data>
          <PathGeometry Figures="M 356.56508 340.47013 85.62822 148.31242 187.98595 0 -143.12563 143.12563 -219.62981 0 -151.9094 -151.90939 175.43279 0 Z" FillRule="evenodd"/>
        </Path.Data>
      </Path>
    </Canvas>
  </Canvas>
</Viewbox> 

Take that PathGeometry data. Copy it and put in a file like this:

<ps:SimpleGeometryShape xmlns="clr-namespace:PaintDotNet.UI.Media;assembly=PaintDotNet.Framework"
                        xmlns:ps="clr-namespace:PaintDotNet.Shapes;assembly=PaintDotNet.Framework"                 
                        DisplayName="Weird"
                        Geometry="M 356.56508 340.47013 85.62822 148.31242 187.98595 0 -143.12563 143.12563 -219.62981 0 -151.9094 -151.90939 175.43279 0 Z" /> 

This can then work in paint.net. Remember to put a DisplayName that you'd like.

 

With just copy+paste like that I was able to make this: http://personal.inet.fi/palvelu/paintnet/paint/tribal.png

Edited October 13, 2015 by Zagna

[TechnoRobbo]

 

 

 I'm still learning the plugin and I'm not good at making things look smooth yet.

Use cubic bezier. It was invented to design car shapes.

[Red ochre]

Hello CC4h!

I wondered if you'd sussed out how to make flourish shapes using Zagna's xaml code example?

I gave it a go and came up with this as a first try.

Inkscape had me stumped for a while!...would this sort of basic shape be useful?

(or would it be better to use Inkscape and export/import the .png into Pdn)

flourish1.zip

http://i.imgur.com/Iq0LlAT.png http://i.imgur.com/Ny0oMmw.png

[Rick Brewster]

Inkscape's Save As .xaml comes out like this (Provided that all the lines have been joined together to a single line):

<?xml version="1.0" encoding="UTF-8"?>
<!--This file is NOT compatible with Silverlight-->
<Viewbox xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" Stretch="Uniform">
  <Canvas Name="svg2" Width="744.09448819" Height="1052.3622047">
    <Canvas.RenderTransform>
      <TranslateTransform X="0" Y="0"/>
    </Canvas.RenderTransform>
    <Canvas.Resources/>
    <!--Unknown tag: sodipodi:namedview-->
    <!--Unknown tag: metadata-->
    <Canvas Name="layer1">
      <Path xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Name="path3336" StrokeThickness="1" Stroke="#FF000000" StrokeLineJoin="Miter" StrokeStartLineCap="Flat" StrokeEndLineCap="Flat">
        <Path.Data>
          <PathGeometry Figures="M 356.56508 340.47013 85.62822 148.31242 187.98595 0 -143.12563 143.12563 -219.62981 0 -151.9094 -151.90939 175.43279 0 Z" FillRule="evenodd"/>
        </Path.Data>
      </Path>
    </Canvas>
  </Canvas>
</Viewbox> 

Take that PathGeometry data. Copy it and put in a file like this:

<ps:SimpleGeometryShape xmlns="clr-namespace:PaintDotNet.UI.Media;assembly=PaintDotNet.Framework"
                        xmlns:ps="clr-namespace:PaintDotNet.Shapes;assembly=PaintDotNet.Framework"                 
                        DisplayName="Weird"
                        Geometry="M 356.56508 340.47013 85.62822 148.31242 187.98595 0 -143.12563 143.12563 -219.62981 0 -151.9094 -151.90939 175.43279 0 Z" /> 

This can then work in paint.net. Remember to put a DisplayName that you'd like.

 

With just copy+paste like that I was able to make this: http://personal.inet.fi/palvelu/paintnet/paint/tribal.png

 

If you only copy over the text within the Figures element, you'll miss the FillRule. Here's a more complete way to do it,

<ps:SimpleGeometryShape xmlns="clr-namespace:PaintDotNet.UI.Media;assembly=PaintDotNet.Framework"
                        xmlns:ps="clr-namespace:PaintDotNet.Shapes;assembly=PaintDotNet.Framework"
                        DisplayName="Weird">
    <PathGeometry Figures="M 356.56508 340.47013 85.62822 148.31242 187.98595 0 -143.12563 143.12563 -219.62981 0 -151.9094 -151.90939 175.43279 0 Z" FillRule="evenodd" />
</ps:SimpleGeometryShape>

[Red ochre]

Thanks for the example.

[Cc4FuzzyHuggles]

Thanks guys! And thanks Red, I like your shape!

 

I'm not able to Download things at the moment, but I will when I get the chance.

Edited October 23, 2015 by Cc4FuzzyHuggles