Huruf dengan beground Gambar di Illustrator CS

The example below shows live, editable type using an image as an opacity mask.

And there are many other applications for this technique, which you can (presumably) think up for yourself. We’ll first take a look at basic methods for creating and working with opacity masks, then examine the process of using an image in an opacity mask.

Object masks
For lack of a better phrase, we’ll use “object mask” to describe any type of opacity mask based on a vector object rather than an image. The reason I separate the two types is that there’s a necessary and slightly different process for creating masks based on raster images. Object masks are much more straightforward.

To begin, create a text object. (For my example, I’ll be using a surf theme, so I’ll simply use the word “Surf.”)

Now open up the Transparency palette. Choose the flyaway menu on the right, and select the “Make Opacity Mask” option.

Instantly your text will disappear. To make it reappear, deselect the “Clip” checkbox in the Transparency palette.

Now click on the opacity mask that you’ve created in order to select it.

Notice what happens in your Layers palette?

You’ve entered into a sort of nested layer system in Illustrator in which any object you create becomes a sub-layer of your text object. You can’t select any object that’s currently in your document. You can only select and create objects within this special opacity mask layer.

So now pick a drawing tool. I’ll use the rectangle tool and draw a box around my text object, which happens to have the same fill color as my text.

And then I’ll apply a gradient swatch to that box. The gradient I chose, seen below in the Layers palette and the Transparency palette, has a white center, fading out to black. Because Illustrator uses the luminance values of objects in the opacity mask, this means that my text fades from full opaque to fully transparent from the center.

Now I can continue to add objects to my mask, if desired, or modify my current object. In my case, I’ll convert the radial gradient to a linear gradient. ANd I’ll adjust the brightness value of the black to make it a dark gray so that the text doesn’t disappear completely.

Then, in the Transparency palette I’ll once again select the main object so that I can manipulate the object rather than the mask. I’ll drag it on top of an image in my composition, and voila! I now have live, editable text with a gradient mask.

Image masks
But what if, instead of compositing my transparent text over an object, I want to composite the image within my text and use the image’s luminance values to define my text’s transparency? Not a problem.

Just to make things easier for yourself, begin by positioning your text over the image you wish to use for the image mask.

Then select your image, and copy it. (You can also cut it, if you don’t plan to use the image elsewhere in your composition.)
Select your text object once again, and, if you haven’t already, create a new opacity mask for it, just as before.

Then select the opacity mask, and choose Edit > Paste in Front (Command-F on the Mac/Control-F on Windows) to paste it in place so that it doesn’t get lost on your canvas. Move the image around to make it fit better into your text, and, once again, voila!

Miscellaneous tips
Here are some final tips to help you work with opacity masks.

1. If you’re effect looks inverted–if, say, you have the masked object on top of a light background, you can select the “Invert Mask” option in the transparency palette, which will flip around the luminance values of your opacity mask.

2. If it still doesn’t look quite right, you can continue to make adjustments to the image in the mask. One way would be to select the mask, and adjust its transparency in the Transparency palette. Reducing the mask object’s opacity value will make the text less transparent, which can help in certain circumstances. (Note: If you have multiple objects within your opacity mask, you can select individual objects to adjust their transparency values.)

Similarly, you could also apply an Adjust Colors filter to the mask image to adjust individual color channels, accentuating and deemphasizing portions of the image as you see fit.

3. If you wish, you can use the “Clip” option in the Transparency palette, which will cut off (or “clip”) your object outside the bounds of your opacity mask object(s).

4. Finally, you can also disable and delete opacity masks. To disable them, simply choose “Disable Opacity Mask” from the flyaway menu in the Transparency palette. To delete the mask and its contents, select the opacity mask in the Transparency palette, then select and delete the objects within the mask. After this, choose the flyaway menu in the Transparency palette, and select “Release Opacity Mask.”

Alternately, if you wish to keep the contents of the opacity mask but not use them in an opacity mask, simply release the mask without deleting the objects.


~ oleh yogimen pada 22 Juni, 2008.

5 Tanggapan to “Huruf dengan beground Gambar di Illustrator CS”

  1. wow keren!

  2. keren,tapi gk tau carnya munculin layer…

  3. huy ,,,

  4. $6.00 Welcome Survey After Free Registration!

  5. ah…l.perasaan bagusan buatan ku

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:


You are commenting using your account. Logout /  Ubah )

Foto Google+

You are commenting using your Google+ account. Logout /  Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout /  Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout /  Ubah )


Connecting to %s

%d blogger menyukai ini: