I needed to create this fill for the attached stereogram. It took me several days to figure it out.
Anyone want to have a shot at it? The fill is on the depth image that I used for the stereogram.
Printable View
I needed to create this fill for the attached stereogram. It took me several days to figure it out.
Anyone want to have a shot at it? The fill is on the depth image that I used for the stereogram.
I would perhaps start out with a long rectangle with gradient
the fun bit, working out the angles at which to slice and splice where it changes direction...
great result with the stereogram :)
Gary, I drew a line from the start of the shape with a series of straight corners.
I then set the Line Width to 96px.
After setting it to Butt Cap & Mitre Join, it was a case of moving the nodes into position.
I then Cloned it and converted Line to Shape.
I previously noted the Line Length (Perimeter) was 3462.5px.
I created a Box of that Width and Height 96 px (Hereafter the "Ribbon").
I added a Linear Fill of the Start and End Colours of your shape.
It was then a case of laying the Ribbon along the shape and Intersecting All Shapes.
I then butted the cut Ribbon parts together along their touching edges.
I put a copy of the Line underneath with a mid-grey colour.
Along such edges, I would then add a Rounded Corner Rectangle with an Elliptical Transparency to finish off the Fill.
Attachment 128883.
It took me an hour and probably another if I chose to get it exact.
Acorn
Good solution Acorn, but that is not how I did it. You cannot see the difference at the corners which is what was the challenge for me.
@acorn - that's good, but you can see the joins in your example, where the gradient suddenly changes [gary's point] - one solution would be a patch, same in the way I thought of above which is sort of what you might do with a traditional animation rig, eg patching elbows so gaps do not appear when moving the forearm only... in this case to give continuity of texture
Visualise the shape as a combination (in this case) of two asymmetric quadrangles with diagonal linear fills; clone and subtract the shapes are required (more precisely than I have done here). The bottom of the image requires some additional steps to ensure a seamless colour transition across the join, but it is close.
The end shape has two smooth linear fills across the the diagonals of the top and bottom parts of the shape; the vertical bar has a flat fill (as in the original).
It is an imperfect replica of the original (where the fill looks like it was mathematically generated - place the colour dropper over the original to see this).
Attachment 128890 Attachment 128891Attachment 128898
XAR attached. You can play around with the start and end handle colours and create some interesting effects, as well as adding matching linear fills to the vertical bar in the shape. Would have been a lot easier with two symmetric rectangles!
Gary
I drew 3 shapes then duplicate shape 2 and 3, flip it and bring it in position. Fill with gradients until it fit.
Ernie - That's great. I tried three color and four color fills and every other kind of fill. They did not work for me.
experience will out :D
I have always had to do things simply. Theories and formulas go right over my head.
I tried every kind of fill possible but when I used these for my depth image they did not work. Some fills looked like they would work but when I made the stereogram most were not right and went off of different directions.
Finally I tried blends using 2pt lines that were slightly larger then used Add Clipview to precisely trim the blends.
It's not a perfect solution and you can see it the stereogram the ends sometimes kind of twist.
Later today, I will try some of your solutions as depth images and post the results.
Other Gary - That is brilliant.
Gary, got there!
Same as before - just draw a Line, width 96px.
Create the graduated fill Ribon, which I reduced to 10%.
The Trick - create an Art Brush with only the given definition colours.
I yhink if you did it this way, you also included a Profile to the Ribbon.
Apply to the Line.
Attachment 128902Attachment 128904
Do forgive the fact I drew the Line the wrong way round to yours in the first. I then flipped the Ribbon around to get the second. Perfect blending and no cutting!
Acorn
OK, taking your solutions and making a sterrogram, I have two from Acorn, the first one does not work the second does, Gary (Initiostar) kind of works, Ernie works, and my image gwpriester.
Too late, but got there in the end. Used the line (80px, Mitre join, Butt cap) and art brush technique as per Acorn. The colour is a bit off, but could be adjusted by making a new art brush.
Attachment 128912
glad to see there are some very good solutions here.. mine was fiddly at best
I'm totally baffled by the Art Brush approach. Can you give me a few steps?
Gary, keep the end shape as a Line.
Design a Box with a graduated Fill and create an Art Brush from that.
Keep the Width something like 32px: 256 x32px works for me.
The rest is down to imagination: Attachment 128916
Acorn
Wow! I just leaned something new. Thank you, thank you, thank you. Did I say, thank you?
Stereogram redone with the Art Brush method. Much much better.
The transitions between shapes is much smoother and more continuous.
:-bd
@ Gary: unfortunately I can't see your stereogram. I had an accident when I was young and as a result my right eye is approx. 50% weaker.
@ all: I also learned something new that I knew from my Illustrator days but never used in Xara. Thank you.
A really interesting thread, thanks everyone
That's a great stereogram. I actually found it quite difficult to get started and then even further looking before the real depth appeared.
Just for fun (on my part mainly) I've made a quick crib sheet to using art brushes to create graduations along a line/path.
Attachment 128933
Thanks for this Jonopen - I had not used this before.
Thanks for all the info and ideas on using the Art Brush. Tried out some concepts, one of which is to use individual lines to form a shape (without actually creating the shape).
Created a brush and used it to form a right angled line (bevel joint, butt end), scale proportionately, clone 3 times and rotate objects to form an 8-sided polygon; add a matching background and a centre piece.
Attachment 128936 Attachment 128937
There is a lot more for me to discover, but what a powerful tool! The SVG could of course of be animated with the four quadrants and centre piece :D
FWIW/ BTW - it took some time to solve the original Bluetooth puzzle because the vertical bar is a flat fill (exactly the same colour top and bottom). Still not sure how single stroke achieves that unless the brush is exactly the same length and has the middle part a constant colour.
Attachment 128939
Thanks to all for a great thread.
Gary
Gary - I originally did the depth image with a flat shape for the center bar then a series of blended lines. But I think there should be a way to replicate this using the two additional shapes and then making the center shape match the color at the top and the bottom.