Planet Quark

Subscribe Now!
Subscribe to RSS
Email RSS
Comments RSS
  • archives
  • Industry News
  • Xtensions
  • Library
  • Jobs
  • about
  • Contact pq
bad credit history eliminate debt buy dvd movies online dvds movies online credit report repair bad credit refinancing poor credit auto loan new car loan
← Change a Project to Single Layout Quark Extends Support for Students →

Create a Simple Cutout Using an Alpha Channel — And a Cool Stacking Order trick

August 24th, 2007 · by Robert Underwood · 7 Comments

Simple Cutout using Alpha ChannelsI’ll be the first to admit that before I knew how to make a clipping path in Photoshop to cut out people or products from a photo, I would use the Polygonal Lasso tool in Photoshop, select what I didn’t want, and press the Backspace (Mac: Delete) Key. I would then bring a photo with a white background into Quark and in the Modify dialog box under Clipping Type, I would choose Non-white Areas. This worked out sometimes, as long as I didn’t have a color or another image in back of the photo that was clipped out. Whenever there was any color behind the image, I always saw a white halo around the image.

For those of you who still fear the pen tool, here is a quick way to get rid of that pesky white halo for images that already have white around them. (This tip works in all versions of QuarkXPress, but is much easier in QuarkXPress 7 due to a new feature that allows you to access Alpha Channel selections directly in the Measurements palette.)

Create the Alpha Channel in Photoshop

Open the image file in Photoshop. Use the Magic Wand to select the white around the image. With the Magic Wand, click on the white area, then hold Shift and continue to click till all the white area is selected.

Now if you were to press the Backspace or Delete key (Macintosh) all that would do is fill the white area with white again. The reason for this is because when you first open an image in Photoshop it automatically makes a background layer that will not allow you to delete to transparency. Double click the Background Layer in the Layers palette. When the New Layer dialog box appears, give it a name and click OK. Now press the Backspace or Delete key (Macintosh) and you will delete to transparency! The great news is that transparency is supported in QuarkXPress if you save this file in TIFF format or as a native Photoshop document (.psd). So right now you could just save it as a .psd and import it into Quark and you would have no white background to deal with. But we are going to clean it up a step further, and then save this as an Alpha Channel selection.

In order to see the white halo a bit clearer, I would recommend making a new Layer and filling it with black for the color. Choose Layer> New> Layer, to make a new Layer. Then Click OK. Next you will need to drop your current selection — don’t worry, it will be easy enough to get it back. Choose Select> Deselect. Then Choose Edit> Fill, Change “Use” to Black, and then Click OK. Now drag this Layer below your first layer. And also make sure you have the first layer selected before the next step.

You should see the white halo much more clearly now. To select the image you cut out, hold Control (Mac: Command) and click on the layer. Your selection will reappear. Now to get rid of that white you will first choose Select> Inverse. Then Choose Select> Modify> Expand and start with 1 pixel. Then Click OK. Then click the Backspace or Delete key (Macintosh) to get rid of the white. This may take some tinkering, depending on the resolution of the photo. You may have to continue expanding and deleting to completely get rid of the white.

Now we can save the Alpha Channel selection. Choose Select> Inverse to select the cut out image again. Then choose Select> Save Selection, give it a name, and Click OK. Really, that is just how simple it is. After you make a selection with any of Photoshop’s selection tools, you can save a selection into the Channels palette. You can now access these selections in Quark 7.

You can throw away the black fill layer if you’d like, but it isn’t entirely necessary, because of the selection you made and saved.

Import It Into QuarkXPress

In QuarkXPress 7, you can simply select the new alpha channel from the Alpha Channels popup menu in the Measurements Palette.

In QuarkXPress 6 and earlier, choose Item> Clipping, for the Type choose Alpha Channel, then for the Alpha, choose the name of the selection you just saved. Then Click OK. You did it! You got rid of the white halo effect!

A Cool Stacking Order Trick
I get “oohs” and “aah’s” every time I show this next little stunt, even though it is quite logical once you think about it. The trick is to make an image appear like part of it is behind an object while the other part is in front of it. In the example I’m showing, I want the snowboarder’s arm to appear behind the text while his head appears above it. Almost giving the effect that the snowboarder in hanging on the text.

First I put in the type, then I imported the snowboarder, I then copied the snowboarder. Next I selected the type and brought it to the front. Item> Bring to Front. Then I pasted the snowboarder exactly over himself. Edit> Paste in Place. I then moved the left middle anchor point of the picture box so that you can’t see the arm of the image on top. It’s a great way to give a 3D feel to a 2D layout!

Popularity: 69%

Last 5 posts by Robert Underwood

  • My Top 3 Favorite XPert Tools are Now in QuarkXPress 8! (part 2) - June 16th, 2008
  • My 3 Favorite XPert Tools are Now in QuarkXPress 8! - June 3rd, 2008
  • Things You Absolutely Need to Know About QuarkXPress - May 21st, 2008
  • How To Put An Image Inside Text In QuarkXPress - May 16th, 2008
  • Clipping Paths Without Photoshop - April 14th, 2008

AddThis Social Bookmark Button

Tags: Tip

7 responses so far ↓

  • 1 Gravatar Terri Stone // Aug 24, 2007 at 12:04 pm

    Fun technique, Robert!

  • 2 Gravatar Robert Rapplean // Aug 27, 2007 at 11:07 am

    The 3d thing is definitely cool. You can also do it by making sure the text is left aligned and behind the snowboarder, copying the text to a new layer in front, and then deleting “ountain” from the top layer. Not to be tried for complex text, but still pretty reliable for the kind of layout shown here.

  • 3 Gravatar geoff // Sep 7, 2007 at 8:57 am

    sorry, how do yo drop an image on top of text?
    the top box constrains the type…..

  • 4 Gravatar Rob // Sep 7, 2007 at 10:31 am

    Geoff,
    If your picture box is set to always have a runaround, the type would move. Go to Item> Runaround, and change the Type from “Item” to “None”. Now the text will not be affected by the runaround.

  • 5 Gravatar Cecile // Dec 5, 2007 at 7:25 pm

    I know nothing about my new 7.0 system, whre can i start, books, CD’s, FREE stuff…Many Thanks!

    Cecile

  • 6 Gravatar Robert Rapplean // Dec 6, 2007 at 11:54 am

    Hi, Cecile. Try the Quark Ed training site. They have a lot of good, interactive tutorials that you could use to figure out all Xpress can do.

    http://www.quark.com/service/desktop/training/quarked.cfm

  • 7 Gravatar Rob Underwood // Dec 6, 2007 at 1:03 pm

    Hi Cecile,
    I would also check out Lynda.com. There are some great videos about Quark. Some of them are free.

Leave a Comment

  • Search It!

  • Translate

  • Categories

    • Book
    • Bug
    • Commentary
    • Featured
    • Font
    • Hardware
    • How-to
    • News
    • Software (other)
    • Tip
    • Uncategorized
    • Upgrade
    • Video
    • Video Tutorial
    • Website
    • XTensions
  • Recent Entries

    • PitStop Professional 8: the Über PDF Editor7.4
    • Xperience Design: Quark’s Global Tour!7.3
    • Gene Gable and Jay Nelson Discuss Quark and QuarkXPress on Inside Digital Design7.3
    • QuarkXPress 8: More Than 3x Faster Than Before7.3
    • Drag Text and Pictures from Anywhere into QuarkXPress 67.3
    • Stop the (Ruler) Madness!7.3
    • XRAY: Amazing, Instant Info on Web Elements7.2
    • The New Pen Tools in QuarkXPress 87.1
    • Much Smarter Style Sheets with Stylin’, from Vision’s Edge7.1
    • Easily Create Complex Shapes Using “Merge Union”6.30
    • Visit the archives for more!
  • Most Popular Posts

    • Will QuarkXPress Run on Leopard?
    • Convert Text to Outlines
    • How To Use An Image As A Background Behind A Story
    • Create a Simple Cutout Using an Alpha Channel — And a Cool Stacking Order trick
    • Is the copyright symbol copyrighted?
    • QuarkXPress 7.31 Updater: Certified for Windows Vista & Mac OS X 10.5 Leopard
    • Special Character Shortcuts v.1.2
    • QuarkXPress 7.3 Update
    • Mastering Master Pages
    • Quark Announces QuarkXPress 8
  • Recent Comments

      • Jay Nelson: Aha! I see the problem. The final phrase in my sto...
      • Jay Nelson: Wow, that's weird. It works on our Leopard machine...
      • AnyFool: I do have iTunes (7.6.2), and I'm using Tiger. ...
      • Jay Nelson: The last 2/3 of the story indicates what's special...
      • Jay Nelson: Do you have iTunes? If so, the link takes you dire...
      • AnyFool: Sounds like the Output Style feature takes care of...
  • Tag Cloud

      7.3 backup bug color content management system daily tip Exporting fixes font fonts images integration job jackets Layout libraries long docs page templates paragraph styles pdf PDFs printing QID quarkxpress QuarkXPress 8 QuarkXPress upgrade qvlp tables text Tip tips workflow XTension
  • Blog Tools

      AddThis Social Bookmark Button
      View blog authority
  • Sponsors

      advertise on PQ
      Apple Store

© 2007 Planet Quark | Sitemap | Powered by Bluewebshop | Advertise on PQ