Pasting Paths in the Adobe Environment

Every time I spend half an hour figuring out a two-second fix, I swear at the gods of the internet for not requiring people to post their useful knowledge in public forums for me to find. Then I realize that I haven't posted since October, and I get all red and shame-faced. 

So here's my latest and greatest quick tip for you:

If you are trying to copy and paste a path from Adobe Illustrator into Adobe After Effects, and you would like to use that path as a motion path, the original path cannot have any fill or stroke applied before you copy it. If it does, even if you paste it into a position or path attribute, it will turn into a mask (or possibly many masks, if you have a dashed stroke). 

If you didn't understand the above paragraph, here's the basic situation:

1. You would like something to move along a path in After Effects, but you have the path stored elsewhere (likely in Illustrator). 
2. This is normally simple - you go into Illustrator, use the Selection tool to select the path, press Ctrl+C to copy. Go into After Effects and click on the Position  attribute of the thing you want to move, and press Ctrl+V to paste. A keyframe should appear where your cursor was. To expand this, hold down Alt and drag the keyframe out to the right. 
3. Unfortunately, if your original path in Illustrator had a fill or a stroke applied, AE will interpret this as a mask - possibly many of them - rather than a stroke. You will be able to see the path, but it will be in bright green, meaning it's a mask. Position paths appear in light purple. 
4. Solution: just make sure you have the bare path selected before you copy/paste across programs.

Did this help you? Have any other ideas for how to accomplish the same thing? Let me know!

What I learned today:June 27, 2012

Meine Damen und Herren, Illustrator...has spellcheck.


I know. I was shocked too. So where is spellcheck in Illustrator? Right here:

More specifically, under the Edit menu in CS5.5. As long as your text is still formatted like text (not rasterized, etc.), spellcheck will...well, check your spelling.

Stitched Letters in Photoshop

I've been getting complacent lately with my Photoshopping. I know how to use a couple of tools fairly well, but I don't have any exposure to the really advanced stuff, so I'm left with this feeling that I'm doing really well at it. To counteract that, here's my attempt at this tutorial. I'm not going to explain what I did, because whoever wrote the tutorial did it better, but here's how it came together:

New document to create the stitch pattern.

Side note: choosing the dimensions of a rectangle in Photoshop is not straightforward. You need to try and transform it (Ctrl + T) then right click in the width and height boxes at the top right to change the dimensions manually.

One stitch.

Layer styles added.

Tessellating pattern selected.

 This step is important. Make sure that the pattern meshes with itself on all sides, otherwise when you go to fill a document with it, you'll have these little artifacts all over where the edges don't line up.

New document to make fabric background.

Filled with tesselating stitch pattern

Color overlay.

Add noise...

Then blur it...

Then overlay it.

Some clouds for good measure.

Honestly, I don't really think the clouds did a lot. Although maybe it's one of those imperceptible effects that make the overall thing seem better to your subconscious. I don't know.

This will be the final document. I'm making a desktop background.

Filled with "fabric" and put in perspective.

I'll interject here to say: I made all the stitches in Illustrator using the Blend tool. If you're going to do this tutorial, I'd recommend picking a sans-serif font with minimal curves and fixed letter widths and heights. It'll save you a lot of grief. Also, I want to mention that Illustrator's ability to edit paths surpasses Photoshop's by ORDERS of magnitude. Seriously....same company, same software suite, couldn't it just carry over? Hmph.

Also, Illustrator's Blend tool is really incredibly powerful. I made the letters by placing two black rectangles at the ends of a straight line, adjusting the number of steps the tool makes, and creating a blend. Very simple to do, but what's even niftier is the curved pieces. to make those, you draw a path that marks the middle of the curve, create an appropriately-sized blend off to the side, and replace the "spine" of the blend. Very quick and very powerful. 

Rotating stitch letters to fit.

Rounded the edges of the stitches.

Put in perspective again.

Liquefy filter so that the letters look more embroidered and 3D.

Adjusted with levels filter to make stitches white.

Noise plus blur.

Embossed layer style.

Duplicated and darkened layer to make a shadow layer.

Created a bit of an indent around each letter with the shadow.

Giving the stitches a bit more texture.

Textured and blurred.

Second shadow layer added to ground stitches.

Reflected gradient that'll serve as a base for the lens blur.

And there it is! I painted some black around the edges with a 300 px soft brush and turned the opacity of that layer down to about 20%. I also added a rendered lighting effect (2 o'clock spotlight) coming from the top right.

Stuff I learned:

Liquefy filter
How to "focus" (like a camera)
How to create a pattern block