LIBRARY: Tutorials Reviews Interviews Editorials Features Business Authors RSS Feed

Liquid Lines

Liquid Lines




A CreativeCOW.net Geomancy Tutorial



Creating Liquid Lines: Background or foreground elements

Jim Tierney
Jim Tierney
jim@digitalanarchy.com
Digital Anarchy, San Francisco, California USA


Article Focus:
In this tutorial, Jim Tierney demonstrates using the GridLines filter in Geomancy to create some beautiful sweeping lines. This is something that would work really well as a background element or more as a foreground element if you're trying to communicate something like the flow of information.

Liquid Lines

For starters let's take a look at the finished movie:

Click on the above image to view the movie (1.6mb)

If you were trying to accomplish something similar with traditional methods, this would take quite awhile to set up and animate. We'll put it together in GridLines in about 10 or 15 minutes.


 

Building The Canals


If you're going to control where something flows, you need places for it to flow in. Our lines are no different. Before we let them loose, we need to make sure they have a place to go.

Open up the flowing_lines.aep project. This is simply a 640x480 project with a new solid layer. Nothing fancy, if you don't have the project, just create a 640x480 comp and add a solid layer to it. Then apply GridLines. Leave the layer at Draft Quality for now, but change it to Best Quality when you render, so the lines will be anti-aliased. Draft will render much faster and make setting up easier.

First thing to do is twirl the Grid arrow down and turn the 'Make Size Match Layer Size' checkbox on. This will make the grid the same size as our layer. Now click on the Show Grid checkbox. This will show the grid that will be underlying foundation to the lines that are created. We want to space the grid out a little bit, so change the rows and columns to 14.

The lines will follow the lines you see on the screen. So when designing, you need to think of what you want the lines to do, then set up a grid that will enable the lines to do that. That's why Show Grid is so useful, it enables you to see the structure that the lines will follow and gives you a way of visually seeing the changes you make to it.

In this case, the grid is set up the way we want it, so click the checkbox to turn the grid off.

Other Setup

The Producer Point and Line Setup are ok the way they are and we don't need to make any changes. However, twirl them down and take a look at them if you'd like. We want all the lines to be coming from the center, so a small, central producer point is fine. If we wanted the lines to start at a different location, we'd change the Producer position point, or if we wanted lines to start all over the screen we'd increase the height and width of the Producer. Neither of these adjustments are necessary, so we'll leave everything as is.

In the Line Setup section, we don't need to make any changes either. We want random lines going off in all directions and that's what these settings will give you. The most important parameter being the 'Random Lines' checkbox. With this checked, the Vertical and Horizontal Lines pop-ups are ignored and lines go in any random direction. If this is not checked, the pop-ups determine the directions the lines can go.

The other important parameter here is the Line Unit. Don't change this without changing the Line Attributes. See the manual for more details on this, but this can drastically increase your rendering times if you don't have the filter set up correctly.

 

Lining Things Up


Now that we've set the grid up, let's set up how the lines will look. Twirl down the arrow next to Line Attributes. Move the Time Marker to 04:00, so we can see what the lines look like as we change the parameters. At this point the lines will look like this:

As you might guess this looks nothing like our final movie, so let's start getting there.

First off we want our lines to be much longer, so change the Minimum Length to 100 and the Maximum Length to 200. We want the lines to stay on the screen for 4 seconds, so change the Lifespan to 120. Lifespan is set in frames, so 120 frames is equal to about 4 seconds at 29.97 frames a second, which is what our comp is set to.

At this point our lines should be arranged like a street map... or a waffle. See what you want to see. It's all about your artistic interpretation. :-)

Let's vary the thickness a little bit, so change Thickness Randomness to 50.

Now we'll start getting into the stuff that's going to make our lines start looking like the final movie.

Change the Corner Size to 100. The Corner Size determines the radius of the turn, when a line makes a turn. By cranking this up, we end up with sweeping curved lines. Play around with this a little bit, just to get an idea of what looks different sizes will give you.

Now twirl down the Color section. Change the Start color to a dark blue and the End Color to a lighter blue.

That should give us this:



.

So render this out and take a look at it or just click on the above image.. Make sure you switch to Best Quality. It's a neat effect, but with a little tweaking we can get a few different looks.

If you want to change things up a bit, try changing the Corner Size Randomness to 50. That will give you this:

Now let's set up the Grid Adherence section. This determines how closely the lines stick to the grid. Back at the beginning of all this I mentioned that the lines follow the rows and columns. Grid Adherence is what makes them do that. By default, it's set up to make the lines stick to the rows and columns like glue. However, you can change that, so the lines only more or less stick to the grid. Set the Grid Probability to 50%. This means that about half the lines will stick to the grid and the other half will be off by some amount. That amount is set by the Grid Adherence Amount. Set that to 20. Set the Grid Adherence Randomness to 50%. This varies the Grid Adherence Amount from line to line. Some lines will be 10 pixels off the grid, some will be 20, some will be 2.

After you do all that it'll look like this:

Now we'll do one last thing.

Go back to the Producer Point section and change the height to 200 and Width to 300. That will spread the origination point of the lines out and have lines starting from all over the place. It'll look like this:

So there you have it. Lines flowing all over the place willy nilly and it only took you a few minutes. Try creating something similar by hand, it'll take a lot longer.

The only hard part is getting your head wrapped around the grid that's controlling the lines. Play around with Grid Adherence to really understand what's going on there. Once you've got that down all the Geomancy filters are pretty easy to control.


 






Please visit our forums and view other articles at CreativeCOW.net if you found this page from a direct link.





Related Articles / Tutorials:
Adobe After Effects
Imagineer mocha Pro 5 Plug-In for Adobe: An In Depth Review

Imagineer mocha Pro 5 Plug-In for Adobe: An In Depth Review

Imagineer mocha Pro 5 Plug-in for Adobe brings all the amazing features of the professional version of the mocha Planar Tracker directly into After Effects and Premiere Pro in the form of a plugin. In this in-depth review, After Effects tutorial guru Tobias Gleissenberger of Surfaced Studio will show you what you can do with this new plug-in, and discuss what he likes and doesn't like about the new update.

Tutorial
Tobias Gleissenberger
Adobe After Effects
After Effects 2015.3 - My Favorite Features

After Effects 2015.3 - My Favorite Features

Learn why you should upgrade to After Effects CC 2015.3 - 13.8.1 - a close and detailed look at the latest release of After Effects (August 2016). Roei Tzoref will be focusing on his favorite features that set this release apart from previous versions: Performance, Queue in AME, Lumetri Color new features, and more.

Tutorial
Roei Tzoref
Adobe After Effects
Advanced Masking in Adobe After Effects

Advanced Masking in Adobe After Effects

Some of the coolest stuff you can do inside of Adobe After Effects is only possible once you unlock the power of masks. Join After Effects whiz Tobias Gleissenberger of Surfaced Studio to learn about mask animation and interpolation, using the variable width feathering tool, managing mask modes and ordering, and more.

Tutorial
Tobias Gleissenberger
Adobe After Effects
Fixing Common After Effects Problems and Mistakes

Fixing Common After Effects Problems and Mistakes

Got problems using Adobe After Effects? Exported files too large, Expressions not working, mixing shapes and makes, modes/switches, selecting previews for layers vs. comps - Surfaced Studio's Tobias Gleissenberger shows you fast fixes for these and more!

Tutorial
Tobias Gleissenberger
Adobe After Effects
mocha AE Planar Tracker for Absolute Beginners

mocha AE Planar Tracker for Absolute Beginners

Want to learn how to create advanced visual effects? Learn how to use mocha AE to track your shot and add advanced visual effects to live action footage inside Adobe After Effects. mocha can help you track shots that would be hard to track using traditional 2D point or feature trackers because it is a PLANAR TRACKER. A planar tracker uses planes and textures to track as opposed to points or groups of pixels. This allows the tracker to stay on track even if your shot contains motion blur or a very shallow depth of field. mocha AE comes included with Adobe After Effects and is available since CS3 and there is no reason for you not to use this awesome tool to make it easier for you to track your shot, replace screens or rotoscope!

Tutorial
Tobias Gleissenberger
Adobe After Effects
How to Make After Effects Faster with Proxies

How to Make After Effects Faster with Proxies

Learn how to make Adobe After Effects faster by using PROXIES! A proxy is a placeholder that stands in place for a very large video file or image sequence in your project. You can easily create proxies for the large source files that you are using and After Effects will automatically link them to the item in your project panel.

Tutorial
Tobias Gleissenberger
Adobe After Effects
Stabilize & Smooth: mocha 5 Plug-in for Adobe & Avid

Stabilize & Smooth: mocha 5 Plug-in for Adobe & Avid

Imagineer Systems and Boris FX product specialist Mary Poplin shows you how to stabilize with the new mocha Pro 5 plug-in inside of Avid Media Composer, Adobe Premiere Pro and After Effects. This tutorial covers artistic stabilization, such as smoothing out camera movements or stabilizing around moving objects, completely locking down shots, and automatically replacing edge fill on planar backgrounds.

Tutorial
Mary Poplin
Adobe After Effects
Adobe After Effects Puppet Tool

Adobe After Effects Puppet Tool

Become a puppet master by learning how to use the Puppet Tool in Adobe After Effects! This intermediate-level tutorial from After Effects guru Tobias will show you how the Puppet Tool allows you to add joints and animations to bring life to any static image!

Tutorial
Tobias Gleissenberger
Adobe After Effects
How to Spawn A Clone in Adobe After Effects

How to Spawn A Clone in Adobe After Effects

Want to learn how to create a cool clone spawn effect in Adobe After Effects? Follow along with After Effects whiz Tobias from Surfaced Studio in this exciting new visual effects tutorial that combines green screen using Keylight, CC Vector Blur, the Liquefy Effect, CC Particle World, and much more, delivered in Tobias' inimitable style!

Tutorial
Tobias Gleissenberger
Adobe After Effects
Creating A Flame on Your Finger with After Effects

Creating A Flame on Your Finger with After Effects

It is easy to do some motion tracking and attach a basic stock footage element of fire onto your hands, but there is a little bit of work involved if you actually want to make it look good. In this intermediate tutorial by After Effects expert Tobias, you'll see how to use a fire stock footage element to set your thumb on fire! There are lots of useful tricks for null objects, expressions, and more in this tutorial that will help you create all sorts of other cool visual effects -- or set even more things on fire!

Tutorial
Tobias Gleissenberger
MORE
© 2016 CreativeCOW.net All Rights Reserved
[TOP]