Deke's Techniques 620: Making Multicolored Vignettes in Photoshop
Deke uses a custom gradient and a shape layer to create a multi-colored vignette.

Deke's Techniques 600: Masking Inline Text Strokes in Illustrator

Deke's Techniques 600: How to Mask Inline Text Strokes in Illustrator

In this week's free Deke's Techniques episode, Deke resumes last week's project by making those inline strokes inside the letters stop before they hit the edge of the letters...like this:

 

Masked inline text strokes in Illustrator Read more » 

. Tagged with:

Deke's Techniques 598: Center-Stroking Letters in Illustrator

Deke's Techniques 598: Center-Stroking Letters in Illustrator

Greetings, dekeRevelers. In this week's free Deke's Techniques episode, you'll see how Deke finally answered a question from our dekeFriend Peter about how to create inline strokes down letters to recreate the effect found in an a poster for the musical White Christmas.

Of course, given the backlog of Deke's Techniques requests, we're going to have to change the message, since Deke's just getting to it now, in the Spring of the year following the two years that followed Peter's actual request.

Inline text in Adobe Illustrator

Last week, this message might have seemed appropriate, but alas today in Boulder, it's looking more like White Christmas. Well, at least it was this morning. But since this is Boulder,  tomorrow the nine inches of snow that fell today will be melted and we'll be back to newly budding crocuses and sprouting leaves on the aspens.

In the meantime, see how Deke made the inline stroke on the "easier" letters in this video. Along the way, you'll get a basket full of very useful Illustrator tips, including:

  • How to use the Appearance panel to make text fills, strokes, and shadows.
  • How to cut-and-paste whilst keeping Illustrator's cryptic features out of your way.
  • How, to use the old-school Blend command to make Illustrator do the math between edges of the letters for you, to precisely set your stroke down the middle.

Alas, some of these letters (E, F, P, and R to be exact) are going to need some hand work to finish the effect. Fortunately, even when Deke uses the dreaded phrase "by hand," he still has ways to get Illustrator (and any calculator you might have nearby) to do some of the work for you. If you're a member of Lynda.com, you can check it out here.

Deke's Techniques, filling your Christmas wish just in time for Easter two-and-a-half years later! Read more » 

. Tagged with:

Deke's Techniques 596: Fixing Jagged Illustrator Artwork in Photoshop

Greetings dekeOpolitans. We're coming to you from the city that never sleeps, except when you are exhausted from two days on the train to get here, afternoons spent trying to contemplate amazing works of art while still keeping teenagers engaged (and fed), walking briskly through a drizzly Central Park, and hoping once again you are not going the wrong way on the subway. (Boulder is easy; the mountains are on the west, the straight-shot horizon to Kansas is on the east.) Yes, Team Wheeler/McClelland is in New York for Spring Break.

Which means I'm a day late with this week's Deke's Techniques and I got no real excuse except ...Trains! New York! Teenagers!

Deke's right on time though, with this week's free episode in which he explains diagonal anti-aliasing, which is Illustrator's method for getting rid of jagged lines caused by square pixels trying to do a triangle's job. In other words (and pictures), this:Antilaliasing off in Illustrator causing jagged lines

Can become this:
Antialiasing smoothing out the edges
 

And it can even stay that way when you place your Illustrator drawing into a Photoshop composition:

Antialiased artwork in Photoshop

And if your'e a member of Lynda.com, Deke's got an exclusive follow up movie this week in which he shows you how to overcome those pesky problems you can get when placing an Illustrator smart objectto Photoshop. If you've done it, you know what I mean.

Deke's Techniques, smoothing out harsh transitions everywhere. Read more » 

. Tagged with:

Deke's Techniques 595: Mastering Adobe Illustrator 88

Deke's Techniques 595: Mastering Adobe Illustrator 88

In this week's free episode of Deke's Techniques, Deke takes a look at the history of Adobe Illustrator (which turns 30 this month) by playing around with Adobe Illustrator 88.

Illustrator 88 splash screen

This was a team effort, with the Deke's beleaguered Lynda.com support staff (finding and) installing all the necessary software, then Deke digging out his Mac Paint files, then finally my going over to the storage space to dig out a copy of Mastering Illustrator 88 that Deke wrote 29 years ago so he could remind himself how to use it.

Deke with his Mastering Adobe Illustrator 88 book

Funny thing was, it didn't turn out to be the laugh riot the way Deke's Photoshop retrospective was in Episode 303. There was a lot that early Illustrator could do, even text if you were willing to put up with a dialog box like this.

The Type dialog box in Illustrator 88

Check it out, take a look back at the time where you made new anchor points with the scissor tool (?), and join us in wishing Illustrator a happy birthday. Read more » 

. Tagged with:

Deke's Techniques 594: Creating an LCD Screen Effect in Photoshop

In this week's free Deke's Techniques episode, Deke takes last week's emulation of a back-of-the-camera "screenshot" and adds a pattern that really makes it look like the pixely image you see on the back of the camera.

Yes, this means Deke took his smooth reproduction of a thing that looked too ratty for him in its original format, and figured out how to add some high-res rattiness that adds authenticity his reproduction.

OK, not many of us are going to want to do this but there is some actually useful stuff here, mostly concerning how to create and add a pattern overlay.

We'll start with last week's mockup of a screenshot, which frankly I thought looked pretty darn great.

The back-of-camera screenshot recreation

 

Then add a pattern that Deke will show you how to draw (it's sort of a grey-on-grey plaid).

A pattern drawn in Photoshop to emulate the LCD screen

And then lay it over the original to make this authentic looking lcd screenshot:

An LCD recreation complete with pattern

Frankly, this project is crazy, but mesmerizing, and my guess is that there are a variety of situations where this knowhow could be quite useful. Check this out to see how the pattern gets implement it, then put it to use in your artifical world.

Deke's Techniques
, recreating reality with meticulous realism. Read more » 

. Tagged with: