Illustrator CS, released back in 2003, introduced the Save for Microsoft Office command. (File menu), which converts your Illustrator artwork to a 150ppi Portable Network Graphic (.png).

Funnily enough this command is very often overlooked by designers. Yet it provides a pretty clean image result for use in Microsoft Office.

Illustrator artwork (left), and with Transparency view enabled (right).

Although the generated PNG graphic certainly works nicely with Microsoft Office applications, it does have some limitations:

• especially for graphics containing smaller text or finer details, the detail can get lost a little.
• the PNG file that is created does not contain any transparency.

Which is why I often use Illustrator’s File > Export command. This command can also convert your Illustrator artwork to a PNG file.

It has an added bonus in that it provides you with the ability to retain background transparency and control image resolution. Increasing the resolution can result in better looking text once the graphic is inserted into your Microsoft Office application.

The graphic above shows you the comparison once the artwork is inserted into PowerPoint.

• Left: the Save for Microsoft Office Result, which generates the white background
• Right: the File > Export result, at a slightly higher resolution, displays a little crisper and retains transparency.

The advantage of using PNG over JPEG when generating graphics for use in Microsoft Office is that a) PNG supports transparency (JPEG does not), and b) PNG is more suited for graphics that contain a limited number of colours or text, such as logos.

Cari Jansen - Trainer, Print & E-Publishing Consultant, Technical Writer, Public Speaker

Happy to announce that I have today successfully completed my required CS5 Recertifications for Adobe Photoshop, Illustrator and InDesign. Spending the last 6 1/2-days  locked in the house (with the airconditioning on, as we’ve been having a heat-wave in Perth) and studying hard…

It’s amazing how many new little things you pick up when you really try and learn the tiny little details of all of the new features across the Adobe applications… It was fun to go through InDesign in-depth, as well as Illustrator and Photoshop, and I feel there is still more to learn… isn’t there always? Have you played with Merge to HDR Pro in Photoshop CS5 yet? Or Illustrator’s Perspective Grid?

With almost perfect scores (100%, 100% and 97%) … I must admit I’ll always be bugged by the fact that I’ll never know which question I got wrong in the InDesign recertification exam   What does it mean to pass these recertification exams? It means that my Adobe Certified Expert and Instructor status for these CS5 applications is now fully up-to-date and will not expire.

That’s it … I’m going out to celebrate

Cari Jansen - Trainer, Print & E-Publishing Consultant, Technical Writer, Public Speaker

Vertical Type in Illustrator

Illustrator provides us with three different tools for setting vertical text. The Vertical Type Tool, Area Type Tool and Type on a Path Tool. For this exercise I’m using the first of the three available tools: The Vertical Type Tool.

With this tool, just click anywhere in your artboard area and start typing… and tadaa…. vertical type appears… How easy is that? (Let’s put this tool on our wishlist for future version of InDesign…)

To decrease or increase the spacing between the characters, change the Tracking value. You can do this at Character level (using the Character panel and tracking settings), or you can amend this setting as part of a Paragraph style you might be using.

Save the text (image) as a native Illustrator file.

Into InDesign

Time now to bring the vertical type into Illustrator. Although you can copy and paste from Illustrator into InDesign. I wouldn’t recommend doing this with vertical type, especially if you intend to edit the text at some point.

Copying and pasting Illustrator artwork into InDesign can be useful, for instance when you are interested in bringing logo-type shapes as editable paths into InDesign. One thing to consider is that the artwork would from that moment forward be edited in InDesign itself. In some circumstance that might be desired. However, when copy and pasting vertical text from Illustrator into InDesign, you’ll find that although the colour of the text and the size (of the placed artwork) is still be editable, the text itself can no longer be altered.

Instead Place the .ai file as a graphic using the File > Place command. To have control over the size of the image that is brought in, enable the Show Import Options.

To reduce the image area that is imported, set the Crop to Art. Assuming that the vertical type is the only artwork on the artboard in Illustrator, this crop sets the crop-size to the bounding box size that you’d see in Illustrator when you select the artwork. To place the text at the exact size that you’ve created it in Illustrator, simply click with the Loaded Graphics Icon on the page, then use InDesign’s Selection tools to position the text on the page.

Editing the text

To change the text itself in the future, the Illustrator file would need to be edited. With the text-graphic placed in InDesign, Option/Alt double-click the graphic. This will edit the original in Illustrator (the default application for placed .ai files). Make the changes in Illustrator, save the Illustrator file and return to InDesign and witness an immediate update.

Cari Jansen - Trainer, Print & E-Publishing Consultant, Technical Writer, Public Speaker

Updated: 5-Jan-2010: Added Video Tutorial at end of transcript

During our InDesign Trivia night at the Perth InDesign User Group in December, we had some fun with colours in InDesign.

Here’s one of the scenario’s we used: So you’re working on a layout in InDesign, and although you know you can use the Eyedropper tool to pick up colour from a placed image for use in InDesign, you’ve got the sudden urge to build a series of colour swatches based on the colours found in one of the images used in the layout.

The ingredients

Ok, so let’s have a look at how this works. The ingredients and tools we need are:

• a placed image in Adobe InDesign
• Adobe Illustrator

Getting the colour out of your image

I’m assuming you’ve already placed the image in InDesign. So let’s start by selecting the image that is to be the source of your swatches with the Selection tool.

Next either right-click the image (and choose the contextual menus) or choose Edit > Edit With > Adobe Illustrator CS4.

Illustrator???? Hang-on this is a photo, shouldn’t we be opening this in Photoshop? Nope   Illustrator has a very cool feature called Live Trace, and that’s what we’ll be using in this case to extract our swatches from the image.

The cool thing is that you can now choose in which application you’d like to Edit a placed file. This is something you couldn’t do before CS4.

In Illustrator select the image with the Selection tool. As soon as you do that you should spot the Live Trace button in the Control panel at the top.

We could just click this button, however, doing so means that we have no idea of the settings that are being used, so we’re taking a different approach.

From the drop down menu next to the Live Trace button, choose Tracing Options… This will allow us to determine exactly how many colours we want to extract to swatches.

The Tracing Options dialog appears. Yay! We’re not going to do too much in this dialog. Just a few minor changes in the Adjustments section of the dialog.

Set the Mode to Color. Leave the Palette on Automatic. and choose how many colours you’d like to create by setting the Max Colors option. The most important thing comes next: Enable the Output to Swatches option.

We’re now ready to start extracting those colours.

Click Trace.

Back in Illustrator display the Swatches panel. Notice all those cool colours in it? These have all been created from the original Photoshop file that was opened in Illustrator through the Edit > Edit With option in InDesign.

Now all we need to do is get these colours to InDesign…

Click the first colour in the Swatches panel, then whilst holding down the Shift-key, click the last of the Swatches and from the panel menu choose Save Swatch Library as ASE… (Adobe Swatch Exchange).  This Swatch Exchange is a way in which you can share swatches between various Adobe applications.

You’ll be prompted for a save location. Save the .ase file in a spot where you can find it later on. An additional Swatch Exchange Alert, will explain that only solid swatches may be exchanged..

Once you’ve got the .ase file saved, there’s no need for the open Illustrator document anymore. Close it (don’t save) and let’s get back to InDesign.

Back in InDesign

Time to return to InDesign. In InDesign choose Load Swatches from the Swatches panel and navigate to the previously saved .ase, select this file and click Open.

All the Swatches from the .ase file are now added to the Swatches panel in InDesign. Their names however are a little meaningless. You could opt to edit each name manually, however as we’ll be using the swatches as a colour palette it’s probably enough to know the breakdown in C-M-Y-K.

Select the first of the swatches, then whilst holding down the Shift key (same as previously in Illustrator), click the last swatch to select all Tracing swatches, and from the Swatches panel menu choose Swatch Options…

The Swatch Options dialog appears. To give the swatches a slightly more meaningful name, enable the Name with Colour Value option.

Click OK, to accept this change and return to the InDesign document.

You’re now ready to go wild with colours in InDesign. Enjoy!

Video tutorial

Sorry for the crackling noise… my headphone makes noises when I move my head!!! and the fan of my computer is running non-stop, as it’s too hot in my office… (summer here and 32C inside)…

Cari Jansen - Trainer, Print & E-Publishing Consultant, Technical Writer, Public Speaker

How do we create strays?

What generates Stray Points? Well, you can simply click with the Pen Tool found in InDesign, Illustrator, Photoshop anywhere in your document, then choose another tool and… you’re left with a Stray point. A more common way for people to end up with Stray points in their documents – and that doesn’t necessarily need to be an Illustrator document – is through deletion of line segments, using the Direct Selection tool (Illustrator, InDesign, Photoshop).

Why does this happen? A line, straight or not, can not exist without two points, in fact the line segment is a connector between two anchor points.

Line segment – Closed path or closed path with 3 or more segments

Q: So what happens when we grab the Direct Selection tool and select a line segment on a closed path? Or when we select a line segment in the middle of an open path that contains at least 3 or more segments and press Delete?

A: The line segment is removed and the two points that were previously joined by this line segment stay behind and are joined to the remainder of the line segments with which they shared anchor points.
In other words all works as expected: A closed path turns into an open path, and single open path turns into two separate paths.

Line segment – End of path with 2 or more segments

Q: But what happens if the line segment we delete is the segment located at the either end of an open path?

A: In this case we’re left with one stray anchor point, simply because this happens to be a point that isn’t shared with a joining line-segment.

Q: So how can we prevent getting stray points?

A: There is an easier method to prevent the stray point from appearing when you want to remove a line segment positioned at the end of a path.

A: Instead of deleting the line segment itself, which leaves the orphaned point behind, select the end point of the path, then press delete. As the line segment can only exist as a connector between two points, the removal of its end point results in automatic removal of the line as well. And… NO strays!

Single line segment

Q: So what about deleting a single line segment I hear you say? Am I not going to be left with at least one stray point, even if I select an anchor point?

A: Well, that is true, but why use the Direct Selection tool at all? Unless you have a reason for wanting to retain at least one or two stray anchor points, just use the Selection tool to select and delete this line and its points.

Stray point deletion script for InDesign

Well, after all of this you’ll probably inherit artwork that still has stray points distributed throughout the document. In Illustrator, the Clean Up command will help out, but InDesign doesn’t have a Delete Stray Point or Clean Up command.   Dave Saunders has come to the rescue!

A very recent post — the reason I thought I’d write this one up – at the Adobe User 2 user forums, prompted Dave Saunders, InDesign script-writer extrordinair, to write two scripts for InDesign. One which locates stray points within a selection or entire document, the other simply removes stray points found.

Copy the text from this post into a new ExtendScript Toolkit file and save the file as “Delete Stray Points.jsx” into your InDesign Scripts Panel folder inside the Scripts folder located in the InDesign application folder on your system. You can even assign a Keyboard shortcut to the script if you think you’ll be using this script a lot.

Cari Jansen - Trainer, Print & E-Publishing Consultant, Technical Writer, Public Speaker

Did I see that right? A total of five menus and about a dozen tools?

Illustrator 88 was the very first Adobe application I used, the second one was Photoshop.

I remember constructing stars through placement of a single anchor point, rotating and copying the point around a centre point, than creating a second copy of the previously create points that was rotated and scaled — similar to how John demonstrates creating the petals of the flower he draws in this video — the individual anchor points were then joined, to created a closed path.

Without a gradient tool, gradients were created by blending two lines.  Logo’s were scanned in and manually redrawn using the pen tool and a combination of then available shape and transformation tools. Graphs, pie-charts etc. for annual reports were created using the graph tool.

Cari Jansen - Trainer, Print & E-Publishing Consultant, Technical Writer, Public Speaker

Web-reference: TechNote (2008, Adobe Systems)

Cari Jansen - Trainer, Print & E-Publishing Consultant, Technical Writer, Public Speaker

Illustrator has had a graph tool for as long as I can remember. The following trick shows how you can use Illustrator graphs to create a 3D pie graph for which the graph data can still be edited.

Let’s get started by entering some basic numbers

Create Graph

Start by selecting the Pie Graph Tool from Tool panel.

Click and drag the area you’d like the graph to cover, when you release the mouse button, the graph data window appears. Alternatively click in the artboard to set width/height for the Graph in the Graph dialog.

Enter the graph data or copy and paste data from an Excel worksheet into the graph data window. Click the Apply button in the top right corner of the graph data window to view the ‘flat’ pie graph. And close the graph data window when the data entered is OK.

Set Graph Colours

Graphs are groups. It is important to remember that when you’re working with Graphs in Illustrator and wish to edit colours or other parts of the graph, you do not ungroup the Graph at any stage, especially if you still want to edit the graph data at a later stage.

As far as I can tell the Isolate Group functionality from Illustrator CS2 and CS3 does not work on graphs. I guess that makes sense in a way, as it would allow you to add non-graph objects to the graph.

So how do we select parts of the graph if we want to change say colour? Well this is where the good old Group Selection Tool comes in handy It’s hidden behind the Direct Selection tool (or if you have the Direct Selection tool selected will be accessible when you press the Alt/Option key in combination with this tool).

Using the Group Selection Tool select the different pieces of the pie (don’t eat them!) and change their colours.

Putting some depth in the pie

Time to put some depth in the pie graph Select the graph with the Selection Tool.

Select Effect > 3D > Extrude and Bevel.

Tick the Preview option in the dialog to preview the 3D effect you are creating. As I’d like to get the yellow part to be positioned to the front of the graph I’m dragging the various edges of the X, Y and Z axis to specify the correct rotation angles.

To change the depth of the pie graph, reduce the Extrude Depth setting. The slider is a bit sensitive, so I generally enter the value manually.

Click the More Options… button in the dialog to edit shading effects. I’m adding an extra highlight and have changed the intensity a bit to generate a different lighting effect.

For commercial printing I’d advice increasing the Blend Steps, as this will create smoother blending of the shading effects. In the past RIPs might have had issues processing a high amount of blend shades but now-a-days I doubt that would be much of an issue.

Once you’re happy with the 3D view of your graph click OK.

Moving a piece of the pie

Once you’re viewing the 3D chart it appears to be difficult to select that piece of pie you’d like to ‘eat’ Changing the View mode to Outline mode will help, but you can’t preview at the same time. A little trick you can apply is to create a New Window for your document (Window > New Window). This allows you to set one window in Preview mode and the other in Outline.

If you’re working on a Mac you won’t have an option available that allows you to tile the two windows. So you’ll have to resize your windows and move them around to display them side by side.

It’s time to select the Group Selection Tool again and start moving that piece of pie. I’ve noticed on my mac that the preview doesn’t quite update but an incremental zoom-in/out on the preview window will refresh the preview without any problems.

When you’ve achieved the required result you can close the second window you opened and set to Outline mode.

Editing the graph data

As I mentioned earlier, you will be able to edit the graph data as long as you haven’t ungrouped your graph at any stage.

Select your graph with the Selection Tool and choose Object > Graph > Data. The data window will reappear. Make the desired changes and apply the new data settings to the graph, then close the data window.

Editing the 3D effect

If you’re not happy yet with the actual 3D effect, you can continue to make changes to the various 3D Extrude & Bevel settings you’ve applied.

Select the graph with the Selection tool and display the Appearance panel.

Locate the 3D Extrude & Bevel Effect that’s been applied and double click this to return to the 3D Extrude & Bevel Options dialog.

Although this tip is kind-a cool, I have to admit the whole editability (not sure if that’s actually a word…) doesn’t quite work as nicely when your graph contains labels.

If you happen to have found a work-around to this that works, let me know and I’ll happily add a note to this tip to include the extra information.

Cari Jansen - Trainer, Print & E-Publishing Consultant, Technical Writer, Public Speaker

Modified 20-Apr-2008 (added Scott C. tip)

The following tip shows how you can create a relatively simple continuous pattern using Illustrator. It’s been sitting on the back-burner for well over a month, but is finally here

So where do we start. Start by creating a bit of artwork that is going to form the basis for your artwork and draw a transparent rectangle or square around the artwork partially overlapping some of the edge objects.

I’m keeping things pretty simple here, just using some coloured blobs

To make it easier to see the rectangle and ‘blobs’, change the View to Outline mode (View > Outline).

Next select all of the artwork including the rectangle, and start dragging it from one of the corners and whilst pressing the Shift+Option (Alt) key on the keyboard to create a copy. Snap the copy to the opposite corner.

Continue to create more copies until you have a grid of nine.

Next remove any artwork that does not overlap the center rectangle in any way.

To continue work, it’s probably easiest to work two different Windows. One set to preview mode the other to outline mode. To do this select New Window from the Window menu.

At this stage you’ll probably spot overlapping objects, that might need repositioning. Select two related objects at time and reposition them simultaneously.

You might find that more objects need deleting. Ultimately you’ll end up with the base of what will become our continuous pattern.

Having cleaned up the pattern, now select all of the artwork again and deselect any artwork that doesn’t overlap the rectangular pattern tile. Display the Pathfinder panel and click the Divide button to break the artwork into small pieces.

It’s now time to remove any pieces that don’t belong to the pattern.

Once you’re left with just the pattern pieces select Edit > Define Pattern.

Name the pattern and click OK. The pattern is added to the Swatches panel.

You can now apply the pattern as a fill to an object in Illustrator. Things might not look too crash hot, and you’ll probably find that with a small pattern like this you’ll easily spot the pattern.

To scale just the pattern and not the object itself, select Transform > Scale and only check the Patterns box in the Options section of the dialog that appears. Enter the Scale percentage and click OK to apply the transformation to the pattern.

Use other transformations such as Rotate to further apply changes to the pattern fill you’ve created earlier.

Scott Citron kindly added the following note to this tip: “… pattern objects can also be scaled or otherwise transformed by dragging. For example, to proportionally scale a pattern choose the Scale tool and drag at 45º degrees while holding Shift + ~ (tilde). Same thing works with the Rotate tool.”

As my headset isn’t working with Leopard OS, I can’t yet add a video podcast to this tip, but hope to do so at a later stage.

Cari Jansen - Trainer, Print & E-Publishing Consultant, Technical Writer, Public Speaker

Ok, not really an extensive tip… more an observation and question – at the end – with some tip elements in it that I thought I’d share.

Pressing the Command (Mac) or Ctrl (Win) key whilst you are working with another tool in InDesign will give you temporary access to either the Selection or Direct Selection tool.

As far as I can tell all tools except the Pen tool, Pencil tool and Scissors tool default to temporary access of whichever selection tool was last used.  The Pen, Pencil and Scissors tools default to temporary Direct Selection tool access when pressing the Command/Ctrl key.

The Note tool, seems to have a mind of its own… Visually it appears to become the Type tool, yet it is a Type tool that behaves like either the Direct Selection tool or the Selection tool.  Ive been trying to figure out whether there would be a reason for this, but have come up with nothing… Maybe it’s a reminder that Notes can only be inserted inside Text frames and viewed in the Story Editor?

Getting to the right selection tool on Mac OS

So what happens if the temporary selection tool that becomes active when pressing Command or Ctrl is not the one you were after? Hmmm… well if you’re working on a Mac, press Command+Ctrl, then whilst holding down these keys click the Tab-key once.  This toggles between the two selection tools whilst your current tool remains the active tool in the Tools panel.

Getting to the right selection tool on Win

So how can we get this temporary access to either selection tool working on Win?  Ctrl+Tab should toggle between Selection and Direct Selection tool when the tool is selected according to Help Viewer. On my Dell laptop, running Vista Ultimate I can’t even get that working, even after resetting my InDesign preferences.. So I’m a bit at a loss on this one…

Naturally we can still press V or A to select our “pointy”-tools in the Tools panel, but that’s not temporary access. And to enable use of such shortcuts in all situations, we could add a Contextual Text shortcut, or set these two shortcuts to another Default shortcut that enables usage when our cursor is flashing inside a text frame

Also if the temporary selection tool that appears is the Direct Selection tool, then you could still select and move the entire path by pressing Command+Option or Ctrl+Alt. This will give temporary access to the Group Selection tool (white pointer with +). Click on the path to select, then start dragging to move the selected path. Release the Option/Alt key if you don’t want to make a copy though

The question

I’m really hoping that someone out there has figured this one out and I’ll gladly update this post with the solution. The question is ”How can I toggle between Selection and Direct Selection tool when I have temporary access to either, when holding down my Ctrl key on the keyboard whilst in another active tool on Windows XP or Vista?”

How about Illustrator?

Out of curiosity, I thought I’d see how Illustrator compared…

On the Mac things are different for temporary toggling: Press Command+Alt, then Tab. Release the Alt-key if you need temporary access to Direct Selection Tool not Group Selection Tool. Or if you are moving an object and don’t want to copy things.

On Win?  Once again, I have no idea

Pressing the Command or Ctrl keys when you have either selection tool selected is a temporary toggle to the other selection tool, this doesn’t work in InDesign b.t.w.

Dear Adobe,

It would be super cool, if the behaviour of the selection tools across Adobe applications could be similar.

Yours Truly,

Cari

Cari Jansen - Trainer, Print & E-Publishing Consultant, Technical Writer, Public Speaker

This tip is Part 3 of a three-part tip and generates the masked text. Part 1 describes how the Photoshop artwork is created and Part 2 outlines how to apply Live Trace and maintain colour editing ability.

I’m adding my standard “Bogus” text. Select Text and Background (shift-click each with Selection Tool, or click drag Selection Tool around both objects). Ensure the Transparency panel is visible. From the panel menu enable “New Opacity Masks are Clipping” and “New Opacity Masks are Inverted”, then select Make Opacity Mask.

I’m not entirely happy with the result here.

I would have liked to trace a darker image. Fortunately I retained the Link to the original Photoshop file that Live Trace was applied to… so let’s go and edit that…

Edit the original Photoshop file

In the Transparency panel, ensure the graphic (not the mask) is selected. Display the Links panel, then select Edit Original.

The image that is being traced in Illustrator opens in Photoshop.

Double click the Filter Gallery layer in the document, and make preferred adjustments. Click OK and Save and Close the Photoshop document.

When you return to Illustrator, Illustrator will notices you’ve modified the original Photoshop file that was placed and asks if you’d like to update the linked Photoshop file. Click Yes to enforce the update and view the new result.

The cool thing about this technique is that you can:

a)  edit the original Photoshop file that is being “Live Traced”, as long as you retain a Link to that file when placing it in Illustrator. This way you can take advantage of using Photoshop’s Filter Gallery, which I prefer to use over the more limited version that Illustrator has.

b) edit the Live Trace options…

c) edit the global colours generated by Live Trace

d) edit the text.

Edit Text

To edit the text ensure the Mask is selected in the Transparency panel. Next select your Type tool and make the text change.

Well, that completes a long overdue tip with lots of extras…

Cari Jansen - Trainer, Print & E-Publishing Consultant, Technical Writer, Public Speaker

This tip is Part 2 of a three-part tip. Part 1 describes how the Photoshop artwork that is placed into the Illustrator file was created and Part 3 will create the Text Effect that will give our finished result.

We’re ready to place the previously created Photoshop graphic in Illustrator now. But let’s create a New Illustrator document first that has the same width and height as the Photoshop file.

File > Place. Enable the Link option in the Place dialog. This will allow further editing of the Photoshop file at a later stage.

Tracing the Graphic

From the Live Trace menu in the Control panel select Tracing Options…

What I’d like to do is generate two colour swatches that I can easily edit, whilst retaining Live Trace ability. To generate these swatches on the fly as part of the Live Trace functionality, change the following Adjustments settings:

Set Mode to Colour, Set Max Colours to 2 and Enable Output to Swatches. With the Preview box ticked you’ll be able to see the Live Trace result. Feel free to make additional adjustments.

Click Trace to apply the settings and generate the swatches.

To make it a bit easier to identify the two swatches that are generated, shift-click the swatches in the Swatches panel, then select Create Colour Group from the Swatches panel menu. Name the Colour Group and select Create From: Selected Swatches.

Click OK.

Amending the colours

Editing the colours of the Colour Group is as easy as double clicking the colour and amending the settings.

We’re now ready to get the text part of this three-part tip happening, let’s continue at Part 3.

Cari Jansen - Trainer, Print & E-Publishing Consultant, Technical Writer, Public Speaker

A month or so ago I demoed a masking technique that works well with text in Illustrator during an Adobe eSeminar I delivered. At the time I promised to write this technique up as a digitip, however, an extremely busy workschedule meant I’d not yet gotten around to posting the tip. But a promise is a promise. To make up for the delay in posting this tip, I’ve spruced up the tip with Adobe Photoshop CS3 artwork creation, and that’s where I’ll start Part 1 of this three-part tip.

There are many different ways of achieving this end result, some much quicker than my tip, purely using Photoshop or Illustrator. The tips uses Photoshop’s Filter Gallery, Illustrator’s Live Trace, Colour Groups and Opacity Masks…  and will show you how you can still edit each of those components at the end…

Part 2 of the tip will take the Photoshop artwork we’re creating here into Illustrator and trace it, and Part 3 will create the Text Effect.

Creating the trace graphic

We’re starting in Photoshop CS3 and are creating a new graphic. As I’m imagining this might become a header of some sort, I’ll stick to A4-width and about 8cm height. (File > New).

Because I want to limit the colour effects for the final result I’m restricting myself to creating a greyscale image.

Fill the image with 100% Black (Edit > Fill). I want to be able to edit the Filter settings after initially applying them. In order to do this the Background must be converted to a Smart Filter Layer. Select Filter > Convert for Smart Filters.

With the use of a few filters the scattered look is generated. Select Filter > Filter Gallery and expand the Sketch filters and click Graphic Pen.

A diagonal pattern appears. Let’s stick to the default settings for now. We’re going to add apply another Filter. Click the New Effect Layer icon .

Question for Adobe: why is this caled a New “Effect” Layer and not a “Filter”Layer?

Two Graphic Pen Effect Layers appear in the Filter Gallery dialog.

The top one is the newly created one. With this Layer still selected, expand the Brush Strokes Filters and click Accented Edges.

Click OK.

Now let’s look at the Layers panel. It displays our Smart Filter layer, and in addition shows us the Filter Gallery that’s been applied to the image.

To further edit the two Filter Gallery effects or add additional Effect Layers, double click Filter Gallery.

The previous dialog appears again, and you can make changes to the settings for the two Effects Layers. I’m pretty happy with my default result at this stage, so will leave things as they are.

Time to save the image and bring it into Illustrator…

I’m saving as a Photoshop file with Layers in tact.

Part 2 of this tip will bring the graphic into Illustrator…

Cari Jansen - Trainer, Print & E-Publishing Consultant, Technical Writer, Public Speaker

Web Reference: ArtFiles (2007, Code Line Communications)

Cari Jansen - Trainer, Print & E-Publishing Consultant, Technical Writer, Public Speaker

The following tip looks at using screen patterns as a fill for selected objects in Illustrator. I must thank Sylvia for asking about benday (or Ben Day) dots on the CTP-Q, Page Layout: Adobe, Quark, MS, PDF forum, as it triggered the creation of this tip. Part 2 of this tip is outlined in tip 54.

Creating a simple pattern

To start this tip, create a small rectangle with the rectangle tool, click and drag whilst holding down the shift key to create a perfect rectangle. Ensure that the fill and stroke is set to ‘none’.

Next create a small circle and fill it with a colour. Then select both the circle and the rectangle and using the Align palette centre the objects vertically and horizontally.

To create a new pattern drag the two shapes into the swatches palette.

If you want to make the dot larger within its rectangular pattern tile, select just the dot, then double click the scale tool and enter a uniform percentage larger than 100%. By default the dot will be scaled upward from the centre point outward.

Make several patterns this way, and change the colour of the dots as per your requirements.

Filling with a pattern

Select the object you want to fill with the dot pattern, then click the pattern swatch in the swatches palette.

To make the pattern smaller make sure you have the object filled with the pattern selected, then double click the scale tool and set a value smaller than 100% to make the dots smaller. To only scale the pattern, you must untick the scale strokes and effects option and untick the objects option. Click the Preview box, so you can see in the background what effect the transformation has. Click OK when you’re happy with the result.

Next you can change the angle of the pattern, by double clicking the rotation tool, make sure you still have the object selected with the pattern fill.

This time set the preferred angle for your pattern.

Ok, I’m no Roy Lichtenstein, but hopefully this gives you an idea on how you can manipulate patterns by applying different transformation effects to them without affecting the object size itself.

Cari Jansen - Trainer, Print & E-Publishing Consultant, Technical Writer, Public Speaker