Vector Field in Illustrator
- Started
- Last post
- 15 Responses
- DrFukenhot
Do any of the QBNers out there have a script for Illustrator CS6 to create a vector field?
I have a series of symbol instances organized in a grid and I want them all to rotate towards the top right corner. Not rotate them all to 45°, but have each one rotate at the appropriate angle towards the TR.
Please look to this old school example
http://www.flashkit.com/movies/S…
- mekk0
haven't found exactly one for this need but maybe you can get help here: http://scriptographer.org/script…
- detritus0
This sounds like one of those things that could be done quicker just doing it by hand than by digging around for a script to do it in 'less time'.
;)
- I came to that conclusion yesterday. But curiosity still had me post the question. Keep this in the backs of your minds. Keep me posted if anything surfaces. Thanks.DrFukenhot
- I'd say the exact oppositeanimatedgif
- CyBrainX0
You can also use a symbol brush and manipulate them with the path distortion tools.
- that worked nice and easy. The brush aspect of it is a bit too "human" for this execution. The technique by mekk looks more precise. I with I understood what he was talking about :(DrFukenhot
- mekk1
- voiceof1
- Sort of
https://graphicdesig…Gnash - That's the script I've been using but the results are nearly as nice.voiceof
- This looks like the editor view of Field Forces in Cinema 4DCyBrainX
- Sort of
- Gnash1
These guys maybe?
- Not an illy plug-in but looks okGnash
- Unfortunately it's Mac onlyvoiceof
- I've used this app to generate imagery used on wallpaper in a retail environment. Recommended if you need quick but powerful shape-based vectorization.evilpeacock
- PhanLo0
You could do it in Flash and print it to PDF, then open it up in Ai?Will see if there's a way in Illustrator though.
- i_monk0
This isn't hard to do manually, just tedious:
If you want straight lines pointing to the same point, draw the lines radiating from there and then use a complex shape mask built on a grid to show/hide just the segments you want, or delete the parts of the lines you don't want to see.
If you want curving lines like the hub billboard above, it's a bit trickier but can be done with the Blend tool. First draw the curve you want everything to reference, moving from one corner or edge to the vortex, filling as much of the space as you can (e.g. start at the bottom left corner, curve it so it nearly touches the top, then curve down and around nearly touching the right side, then into the vortex somewhere near the middle). Lock the curve and build the grid you want to follow. Draw a straight line segment everywhere in the grid that overlaps the curve you drew, then draw line segments in ever grid space around the edges of the grid and rotate them in reference to the part of the curve in their column. A but of Blending between the edge segments and the curve segments should get you something close to the image above. Blend would also handle the colour transition.
- monNom1
This can be done with some creative control using the symbol spinner tool.
Here's a video that doesn't really show the power of this tool when applied to multiple instances of a symbol, but it's gives you the general idea on a single symbol:
To achieve the effect you want, create your symbol for your vector cell, then array it along x and y to create a grid. Select all and then grab your symbol spinner tool. Dragging the brush over your selection will show you a bunch of direction vectors that attempt to rotate the symbol to match the brush vector, with some fall-off toward the edges. You may want to ctrl+h to hide outlines while doing this as the rotation vectors can get lost among the edges.
You can double click the symbol spinner tool to lower the intensity if you want to have a smoother result. Just paint multiple strokes over your grid to build up the smooth vector flow you want.
- PonyBoy7
I made this a few months back to generate some simple backgrounds for a website I was working on... This isn't exactly what you're looking for but it will generate a bunch of clean lines that you can then save as an SVG file then download and open in AI... manipulate / copy paste all you want.
I just added the 'save svg' button and the ability to change some parameters if you feel like tweaking it some.
Please note that depending on the numbers you input that there may be overflow in the actual SVG (download and open the file in Illustrator to see what I mean).
- PhanLo0
- and the circles?sted
- https://varun.ca/vec…
hm?sted - The curving effect? It's possible to get that using it. Or just chuck in some weird shapes
https://i.imgur.com/…PhanLo - hahah i like that one :Dsted
- i_monk0
- You can do it all with only Blends, you can add objects in between blends by going in the blend group, no need to do transforms and move nothinggrafician
- Also much easier done in Processing and export vector PDFgrafician
- Not sure how you're getting blends across a grid without lots of manual adjustments on each line.i_monk
- Do a blend of 3-4 items on a line, duplicate the blend 10-20 times to form a grid, go in and simply rotate some of the items to form those nice patterns...grafician
- takes 5 mins top, also no expanding and ungrouping! keep the blends, you just go in and move/add the items and the blend will update to reflect the changesgrafician
- Like I said, adjustments on each line.i_monk
- I get you, you get me, but we still a video showing this, anyways, same resultsgrafician
- grafician1
These can be done very creatively in Processing:
- shapesalad3
Can be done in this new app, get the beta:
https://pbs.twimg.com/media/ER3z…
https://www.instagram.com/p/B2lv…
https://www.instagram.com/p/Bm3F…demo files to get your head around it all:
https://docs.cavalry.scenegroup.…
someone is making prints using the app:
https://pbs.twimg.com/media/ER3z…- sorry links, can't embed stuff...shapesalad
- exports to various web/vector stuff, video too.shapesalad
- ooh, interesting - signed up.
ta!Nairn - you can even use a image/photo as a data source to determine the vector field. like a filter.shapesalad
- looks good - ill probably still do most of that stuff in c4d thoughwoowahesque