gator gator gator gator

How to quickly make a repeating pattern brush from a long image, without wasting your time swearing at the Pathfinder palette.

  1. Draw a funny little alligator. Or a pickle. Or a snake. Or an abstract pattern. Whatever.
  2. Make two duplicates of the whole gator, and the rectangles you want to crop it with.
  3. On the first gator, delete the left and right rectangles. Then select the whole gator and the center rectangle, and do object>clipping mask>make.
  4. Select the now-invisible clipping mask. Copy it. Deselect all. Edit>Paste in back.
  5. Select the clipping mask, its contents, and the invisible rectangle behind it. Make a pattern from it.
  6. On the second gator, do steps 2-3, except keep and duplicate the leftmost rectangle. Make another pattern.
  7. Third gator, third rectangle. Steps 2-3 again.
  8. Make an art brush using all gator part patterns.
  9. Enjoy your gator brush.

(Or make an art brush directly from the art in step 4 instead of making the pattern, set the Brush palette to List View, then alt-drag the front and back parts of the gator into the appropriate slots in the brush instead of making patterns.)

The secret sauce here is the invisible rectangle behind everything. If you have one of these, then Illustrator will use this as the boundary of an art/pattern brush. If you don’t then it’ll use the bounding box of everything, including the hidden clipped parts – make another three copies of the gator and skip step 3 to see this in action. Without the clipping mask it’ll still work but you’ll get the whole gator image drawn along the path, overlapping.

In general I recommend staying the fuck away from the Pathfinder palette, it rarely behaves like you expect it to and will make you swear for hours on end. Use clipping masks/Draw Inside, pattern fills, or opacity masks instead.

Here’s an Illustrator file demonstrating this: gatorgatorgatorgator.ai

Total Peganthyrus Vortex

that moment when the drugs kick in and you realize that there is absolutely nothing in the universe except you and your infinite reflections


So one of the things I do to put off getting work done is to go to the Illustrator subreddit and answer people’s “how do I do this” questions. Yesterday there was someone asking how to do this:

 to which I replied

  1. draw a thing, select the thing
  2. object>distortion mesh>make with mesh, just make it 1×1
  3. mesh tool, click on the edge of the mesh around where you want to make stuff wavy, zoom in close and click slightly above this place so that there are now two mesh lines very close to each other
  4. select the top two points of the mesh and the upper of the two mesh lines you just created, drag upwards
  5. make a couple more mesh lines in this space you’ve opened up, move ’em around
  6. also play with the settings in object>envelope distort>envelope options, a low setting on the “fidelity” slider can make some really interesting glitches.

(You could also go old-school on this and find a photocopier; moving stuff around on the glass as the scan head is moving creates similar effects. Do a dozen or so tries until you find one you like, then scan it, and autotrace/work over it in AI.)

And today someone asked how to do this:
…where I suggested

Draw one vertical line of arches. Make it into a pattern brush. Draw a circle using this brush. Duplicate the circle and rotate it a little and change its color; play with opacity masks.

Making the varying blur/sharp parts is something I’d have to think about for a while in front of Illustrator, offhand I’d probably do it by drawing three arches with a green stroke at 0%, 100%, and 0% opacity, blending them, then duplicating the blends to make the line of arches to use in the pattern brush. Might have to expand the blends before making them into a brush.


I’d verified that the warp effect worked by doing it to a copy of the picture I drew yesterday, which is where the “play with the distortion effect settings” part came from – I liked how a low fidelity made a total mess of things.

So after spending about fifteen minutes fooling around with those circular patterns this morning to see if my idea worked…

…I realized that I could very quickly use this as a tool to make something akin to Escher’s “Circle Limit” images with a lot less work than he had to put into those. So I fooled around a while and this was the result.

Here’s the outline view, with the distortion mesh on and off – stuff you put inside a distortion mesh goes to a weird netherland, and vanishes from the main canvas unless you say “swap the dmesh for the stuff inside it so I can edit that”.

The two dragons at the corners are repeated by use of the Transform effect; getting the right settings was made a ton easier by using Astute’s “Stylism” tool, which provides nice interactive on-canvas controls for this effect and several others instead of Adobe’s modal dialogue boxes full of numeric fields.


If you wanna see the source, it’s up on Patreon. If you want a print of this, it’s on Redbubble.

shortcuts: many

Today, one of the people on the Astute Graphics slack posted a spreadsheet they’d made to analyze the text generated when you hit ‘export text’ in Illustrator’s keyboard shortcut prefs.

I, uh, kind of have a lot of shortcuts here, don’t I. It is nice to be able to quickly confirm how full the alphabetic keys are – I have all of ten keys left in the “command-something-letter” department, and seven left in the “letter-maybe-plus-shift” area. (These are two distinct shortcut zones, [key] and [shift-key] are generally for stuff in the toolbar, while [command-something-key] is for stuff in the menus. And a smattering of other stuff not in the menus.)

This doesn’t capture actions bound to the f-keys, nor does it capture scripts that I trigger via Quicksilver. I have a lot of shortcuts.

Illustrator: sluggish previews, and solutions for that.

When you start doing complicated documents in Illustrator, full of live effects and crazy magic, things start to slow down. Not surprising, really: you’re asking it to do a lot of work every time you need the screen redrawn. It makes some attempts to cache as much as it can, but it can only do so much. Here are some things you can do to help it out.

Change the preview mode. In the past few years, Adobe added the capability for Illustrator to use your computer’s graphics card to draw the preview. And if your work is beneath a certain complexity threshold, it’s great – it runs faster than the old CPU renderer ever could, fast enough that they’ve added a switch for “realtime editing” where everything you drag around updates at full color instead of as an outline. But if you cross that threshold? The performance drops off a cliff. Hard. And suddenly you are staring at the spinning rainbow cursor for multiple minutes when you’ve changed something, or just tried to move the view around. The old CPU renderer can still start to slow down in extreme examples of these cases, but it won’t be anywhere near as bad – I’ve never gone beyond “a few seconds”, even in my heaviest drawings.

What mostly seems to invoke this is (1) a lot of layered transparency and (2) a lot of bitmap effects. But I’ve managed to make it happen in other circumstances, like a recent piece that had tons of complex, opaque pattern fills. You can do a quick check to see if this is why things are slowing down by doing view>view using CPU; if Illustrator suddenly starts performing better, then you’ve found it. Note that “view using CPU” only affects the current window on the current document; if you routinely work in ways that make the GPU renderer choke, then consider going to the Performance panel of the main prefs and turning it off permanently.

Maybe the GPU renderer works better if you have a cutting-edge graphics card in your desktop system that can get 600fps in the latest games. I’ll never know, I haven’t owned a computer I can’t stick in my bag since I lost my G4 to Hurricane Katrina.

(This is also often the solution to “I have weird render glitches in Illustrator”, by the way. The GPU renderer is a lot newer than the CPU one, and GPU compatibility is a constantly moving target. Each major release of Illustrator since this was added has had distinctive GPU rendering bugs that pop up on some computers; usually when they get fixed, new ones get introduced. Maybe eventually the Illustrator team will figure out how to find them all and make sure no new ones pop up despite graphics card manufacturers constantly changing things out from under them, but maybe someday Sisyphus will get that rock to the top of that mountain, too.)

Layer thoughtfully. Divide the paths that make up your drawing into layers with meaningful names. And then turn off parts of the drawing that are finished, or are not something you need to see for what you’re working on now. This is super easy to do with comics: I make each panel as a set of layers inside a layer with a clipping mask shaped like the panel border, and while paying attention to the overall composition of the page is important, there’s also a lot of parts of the process when I’m zoomed in on one panel, and can turn off the rest to gain a lot of speed. With single images, I might create a “foreground” and “background” layer and throw the appropriate layers in there. This helps in a lot of other ways, too – thoughtful layering makes it easy to lock parts of the drawing you’re not working on, for instance!

Rasterize finished layers. Target a heavy, finished layer by clicking on the circle to the right of its name.

Then apply effect>rasterize. Probably at at least 300dpi. Illustrator will turn this layer into a bitmap and use that for the preview renders instead of drawing it all from scratch. You probably want to lock the layer, too. When you are done with the whole drawing and want to do your final render, or need to edit something on this layer that turned out to not be finished after all, unlock it, target it, and use the Appearance palette to turn off the Rasterize effect. Warning: Do not do object>rasterize. If you do this then you will lose the original vector art and will have to copy it from an old backup of your file. You do have some kind of regular versioned backup system in place, right?

I call doing this “freezing” the layer, after a feature in an old vector program that did a lot of natural media emulation back around 2000 when even the fastest computer you could buy was probably less powerful than your phone is now. In Creature House’s “Expression”, you could lock a layer, and then if you clicked on the lock again it would change to a little snowflake to indicate that it was “frozen” – which meant that it was both locked, and that it was being rendered from a cached bitmap instead of the vector art. I think Expression did some additional work to make sure that any transparency in the frozen layer was handled properly with regards to stuff on layers below; Illustrator won’t do this, so a few things may look a bit odd.

This can be applied to layers that contain other layers, too, so you could rasterize entire finished panels, or otherwise stick chunks of finished art into one layer – say, if you’d decided the foreground was all done for now, just make a new layer called ‘fg’ and drag a bunch of layers in there. And if you are one of those masochists who works on a single layer and groups everything you can apply this to groups too.

A further refinement of this technique is to create a Graphic Style that’s just the rasterize effect, and apply this to layers you want to do this to. When you want to turn it off for everything, just select the Graphic Style, then visit the Appearance palette and turn off the rasterize effect, and do “redefine graphic style” in the Appearance palette’s menu. Then wait a few seconds as everything gets redrawn from the bitmaps.

Save without PDF compatibility. When you first save a file, you get some options. This is one of them and it’s always on. And I always turn it off. This is mostly just gonna effect your save times and your disc usage, but it can help a lot. Because when Illustrator saves a file with that on, it actually saves a PDF with all your effects expanded, and a copy of the AI file crammed inside it. Got blends, fill patterns, art brushes? Expanded into many more points and paths. Got bitmap effects? Turned into a bitmap. Which is saved in a manner that is in the running for inclusion in a list of Top Ten Inefficient Image Formats. If you are doing simple work then you’ll get files that are twice the size of an un-pdf-compatible AI file; complex work can easily end up 10x the size or more. And that will be reflected in how long it takes for Illustrator to save the file. It won’t affect the preview update speed like the rest of the suggestions in this post will, but it’ll still slow you down if you’re saving regularly. (Which you are, right? You’re not sitting there with a file saved for three days straight, hoping that the crash recovery will save your bacon if it crashes, right? Because it won’t always do that, even if you’ve gone to the prefs and turned off “turn off data recovery for complex documents”. Build that habit of hitting command-S when you take a break, when you finish a significant chunk of the document, or when Autosaviour pops up and reminds you that it’s been a while since your last save.)

As a bonus, sometimes files saved with PDF compatibility on will become corrupted in such a way that the AI file embedded inside is illegible. Illustrator will then load in the PDF. With everything expanded and unedited. And you will swear, and scream, and be very sad. Or at the very best you will sigh and go digging in your backups, and profusely thank Past You for making sure those were happening regularly without any effort on your part. Keep PDF compatibility off and this will never happen. You’ll need to generate a PDF when it’s time to interoperate with other programs; take care to keep those separate from the original AI files. Like in their own folder or something. And close the file immediately after saving the PDF version so you don’t accidentally decide to make a few changes that go into that instead of the AI version.

frizzly hair

“What tools are good for drawing kinky hair in Illustrator?”

Here’s an Appearance stack that I whipped up in like ten minutes that’s a good start.

kinky hair demo.ai – open up the Appearance and Graphic Styles palettes to explore just what I did here, click on some effect names and play with the settings, find something better than I did in ten minutes.

It could use a lot of refinement and maybe I’ll do that sometime soon. But this is a decent start IMHO. One major refinement could be to make an art or scatter brush with some squiggles, and add that as a stroke on the “kinky hair” style.

coruscation

I just put together a little Automatic Kirby Krackle style that I’m pretty happy with. It could be better and maybe it will be by the time I’m done with the drawing I’m doing it for, but it’s more than good enough right now.

The top is the lines I drew, the bottom is what Illustrator turns it into when I use the following Appearance stack:

The magic here is in setting the “coruscation” scatter brush stroke to 0% opacity, and turning on Knockout Group for the whole path. This makes the brush’s clearness punch through everything applied to the path, instead of overlaying it on top of whatever other strokes and fills are applied below it.

And to give you a start on this, here’s the current brush settings. If I really wanted a serious Kirby Krackle I’d probably have two or three copies of the brush, one for big balls closer to the edge of the shape, one for smaller balls that go further in, and maybe one somewhere in between.

 

(Why has this been sitting in my drafts for a month and a half, this looks perfectly postable…)

The Empress’ Walkies

This past week there was a bunch of drama in the furry scene over the new site “Furrylife.Online” and their public vote as to whether or not allow “feral” characters – which is to say, animals that go around on all four legs but can talk. It got really complicated and it’s kind of hilarious to see the admin post where they try to find a logical justification for the final vote results of “ferals getting busy isn’t okay, but feral dragons/gryphons/other mythical critters are okay, also so are Pokemon and Digimon and My Little Ponies because the furry fandom sure did end up with a lot of MLP fan-insertion characters holy shit”.

I happened to be working up a multi-character YCH commission during this. For laughs, I decided to put in a slot where the winner would be turned into a feral pet who is getting fed tasty treats.

And this slot took off almost immediately in a bidding war. So I found myself thinking about that subject, and wondering if maybe I wanted to delve into it a bit more. And then when I sat down with Illustrator to explore this, I thought of how Erté did like six hundred variations on the them of “tall fashionable lady taking a big cat for a walk” and decided to riff on it.

And when I was done with that rough, I said, hey, fuck it, I’m just gonna finish this for myself and my SO. So here is Peganthyrus taking Rezeya for a walk on a hot summer day.

 

Also there is a mostly-nude version. NSFW.

Twenty years of no lines.

This is the oldest image in the gallery section of my website. It is not the first thing I drew with Illustrator. But it is the first thing I drew with Illustrator where I went from a scan of a pencil rough to flat shapes, instead of putting color under a scan of an inked drawing.

The date on the gallery is August 29th, 2000. Twenty years ago. The date on the copy of the Illustrator file on my hard drive is 2005, but that’s a lie; somewhere along the journey from a bulky second-hand PowerPC Mac clone running MacOS to a Powerbook running OSX 10.14, all the creation dates on my files got lost.

I’ve been doing this no-lines thing for twenty years. I pretty much stopped doing outlines entirely once I did this piece. It was hard at first, but as I learnt various tricks, I got to a point where using lines feels too easy. Feels like cheating.

And twenty years later I’m finally doing something with this character, too. She was originally the sidekick of “Ensign K”, now Baron K is her sidekick in Parallax. They’ve both got pretty much the same shapes, though the costumes and worlds are different.

That’s from late July of 2001. There’s only a couple finished images between these two, I was mostly busy riding the bus to Spumco, working on Flash animation for a horrible man. And my process was a lot slower back then: I was still learning to draw, to a certain extent. I was figuring out Illustrator from scratch. Illustrator was a smaller toolbox, too – it had just gotten transparency in 2000. I hadn’t found out that the Pencil tool has settings, with terrible defaults; I just thought it was kind of shitty, and painstakingly made all my shapes with the Pen.

The first image is also a skin for Audion, an MP3 player for the Mac that had a very flexible skinning setup. You could arrange your buttons any way you liked, and have whatever weird shape you wanted for your play-control window. Nowadays all my music is in iTunes, which spends its time hidden and being controlled by the media keys on the keyboard; back then those media keys didn’t exist, so we ended up with little desk toys like this.

Or like this. Which was a self-portrait from November 2001, according to the dates in my site’s gallery. It’s a self-portrait of me at the time: a skinny, not-very-masculine guy, who was trying to figure out just what “gender transition” would really entail, and if it was something he wanted to do. I’d been signing most of my art that I posted online as “Peganthyrus” since about 1997 so this was clearly a thing I was playing with; I wouldn’t actually start on hormones until about 2002 or 2003. It’s been a while, I’m not exactly sure beyond “somewhere after Weekend Pussy Hunt collapsed and before Katrina”, which means somewhere between 2000-5.

But I digress.

Here’s one of my earlier experiments in Illustrator. Still clinging to lines but very close to letting go. This is also just about the only piece of mine that involves a gradient mesh, a tool I find to be far more fiddly than its results justify. I think a lot of this might have been experimenting with the pencil tool? Zig-zag effects on simple curves for the ferns – one of my first halting explorations into territory I would end up returning to much later when I started trying to pull on everything I’d learnt over two decades to do full-color comics by myself.

This is pretty typical of my Illustrator-with-lines work. Scanned ink work – this looks like it’s probably some kind of brush pen – with Illustrator shapes below.

Or this. With a badly-drawn version of my then-roomie Gabe Swarr. Who has been spending the last couple of years working on the remake of Tiny Toons. Complete with occasional meetings with Steven Friggin’ Spielberg. I couldn’t hack it in the animation industry but he sure could, geez.

There was experimentation with other tools now and then, too. I’m pretty sure this is Painter. Does that default to saving as a .RIFF file? Because I have this on my drive as both a PSD and a RIFF.

And this. This was done with Creature House’s Expression, a vector package built from the ground up for faking natural media. Sadly by the time I had enough money to buy a legit copy of it they’d been eaten by Microsoft, who made it Windows-only and much less natural-media focused. If they’d stuck around I might be putting out very different work nowadays. But I went with Illustrator because that was the least awkward tool for doing the color workflow I was used to from my formative years in Deluxe Paint I-V on my Amiga, where I could twiddle a palette swatch and see everything drawn in it change. I still rely on that to this day.

Also man I sure did draw stretched-out torsos and necks back then. The arm’s deliberately stretched out to stylize motion; the body and neck, I think, are stretched out because I just… did that a lot.

And finally in this tour of Early Art From Me:

I learnt so damn much about working in sharply limited palettes drawing this. I remember feeling like the whole thing was a complex puzzle: this part has to be this color, but this part that also has to be the same color has to pass behind it – can I make it work solely as silhouettes? or do I find an excuse to use one of the other two colors as a highlight or shadow to create a contrast? Mostly I pushed myself to make it work entirely as silhouettes in this one. I also learnt something important about zooming in; I think it was after finding myself zoomed in and drawing reflections on an iris in this drawing, which were not even a pixel at final size, that I made myself learn the habit of hitting command-1 (view>actual size) on a regular basis to keep myself from getting lost in minutae nobody would ever see.

And for contrast, here’s a piece I did last week:

(click this one for the full size image)

I’ve felt like I’ve been getting too painterly in my recent work so I took this one back towards a limited palette, though I had to expand that out a bit to include the colors of the bisexual and trans flags. Other than that the palette’s only slightly less limited than the “four tints of two colors” that I used in Absinthe. This only took three hours; I don’t have any time tracking on these old files but I am pretty damn sure most of them took a lot more than that, despite their general lack of any kind of background!

(this one links to the full size too)

(yet another link to a full size image)

And some recent painterly stuff: a page of Parallax I’m happy with, and a stream commission that’s actually clean (I’ve been streaming now and then lately, and it has mostly been very horny stuff.). I like the airbrush feeling I have in these; 1990s me really loved the look of airbrush art but found actually dealing with the noisy compressor and trying to organize endless layers of physical masks to be a lot more hassle than it was worth. 2020s me just does a bunch of gradients and blurred shapes and slaps a noise texture on top and figures it’s close enough to airbrushed Dr. Martin’s on cold press illustration board for something that took a fraction of the time. But I’ve been chasing that look pretty hard for the past year and I think it’s time for some fucking around with flat stuff when I’m not working on the comic.

 

Anyway. If you wanna look at more old art by me, the last page of my site’s gallery is here. Perhaps someday I should make it work better on mobile phones and whatnot, it’s full of neat visual effects that happen when you hover your mouse cursor over stuff.

I like layers.

This is the entire layer structure for pages 18/19 of the Mixolyne side of Parallax. It is pretty average for the number of layers per panel.

I threw together this quick composite screenshot due to a post on the Illustrator subreddit where someone questioned a statement that “most designers don’t use layers”. I am neither “most designers” nor am I “a designer” but layers are super useful.