Photoshop Tutorials, illustrator Tutorials, inDesign Tutorials

Convert Image To Mosaic In Illustrator

2009-05-01T12:35:00.000+07:00

In this tutorial we will learn how to convert image to mosaic in Illustrator.

Expanding Objects To Maintain Consistency

2009-04-30T12:34:00.000+07:00

A short tutorial on how to use the expand command in Illustrator to ensure that all of your effects look the same, even if the graphic is resized.

Using Advanced Groups To Avoid Combining Paths On Complex Objects

2009-04-29T12:32:00.000+07:00

By using grouping in Illustrator, you can use nested objects the same way you do in flash to contain data within data without actually combining the paths.

Text Reflection Effect In Illustrator

2009-04-28T12:31:00.000+07:00

In this tutorial we will learn how to How to create Text reflection in Illustrator.

Transform Effect In Illustrator

2009-04-27T12:29:00.000+07:00

In this tutorial we will learn how to duplicate designs using transform effect in Illustrator.

Create A Web 2.0 Style Badge In Illustrator

2009-04-26T12:28:00.000+07:00

In this tutorial we will learn how to How to create a Web 2.0 style badge in Illustrator.

Create Shapes Using Modifier Keys In Illustrator

2009-04-25T12:26:00.000+07:00

In this tutorial we will learn how to create shapes using modifier keys in Illustrator.

Create A Glossy Sphere In Illustrator

2009-04-24T12:24:00.000+07:00

In this tutorial we will learn how to create glossy sphere in Illustrator.

Create A Lens Flare In Illustrator

2009-04-23T12:23:00.000+07:00

In this tutorial we will learn how to create a lens flare in Illustrator.

Neon Style Effect In Illustrator

2009-04-22T12:21:00.000+07:00

In this tutorial we will learn how to create neon style effect in Illustrator.

Create A Clipping Mask In Illustrator

2009-04-21T12:20:00.000+07:00

In this tutorial we will learn how to How to create a clipping mask in Illustrator.

Convert Bitmap To Vector In Illustrator

2009-04-20T12:19:00.000+07:00

In this tutorial we will learn How to convert bitmap to vector in Illustrator.

Creating Graphs In Illustrator

2009-04-19T12:17:00.000+07:00

In this tutorial we will learn how to create graphs in Illustrator.

Rigging Camera To A Car & Post Prod

2009-04-18T12:16:00.000+07:00

This tutorial is by Simon Plant a guest author of Tutvid.com. You can check out his site for more Photoshop related training. Prophotoinsights Car Photography With A Small Camera Rig. In this digital photography tutorial video we show the use of a small camera rig to capture a car in motion.

Photshop Tutorial Text Effect

2009-04-17T12:12:00.000+07:00

Tutorial Created In Adobe Photoshop CS3, Enjoy & Comment!

InkScape Free Alternative To Illustrator And CorelDraw

2009-04-16T12:11:00.000+07:00

I this tutorial I'm going to show you guys a free alternative to Adobe Illustrator and CorelDraw.

Create Sparkles In Illustrator

2009-04-15T12:09:00.000+07:00

In this tutorial we will learn how to create sparkles in illustrator.

Create Stylish Blend Curves In Illustrator

2009-04-14T12:07:00.000+07:00

In this tutorial we will learn how to create stylish blend curves in illustrator.

Create A Road In Illustrator

2009-04-13T12:05:00.000+07:00

In this tutorial we will learn how to create a road in illustrator.

Create A Glass Bar In Illustrator

2009-04-12T11:44:00.000+07:00

In this tutorial we will learn how to create a glass bar in illustrator.

Create New Art Brush In Illustrator

2009-04-11T11:40:00.000+07:00

In this tutorial we will learn how to create new art brush in illustrator.

Create A 3d Lego Brick In Illustrator

2009-04-10T11:38:00.000+07:00

In this tutorial we will learn how to create a 3d Lego brick in illustrator.

Create A Paper Scroll In Illustrator

2009-04-09T11:27:00.000+07:00

In this tutorial we will learn how to create a paper scroll in illustrator.

3D Photoshop/Illustrator Text Effect

2009-04-08T11:25:00.000+07:00

A tutorial on how to make some cool 3d text.

How To Recreate The Animal Planet Logo In Adobe Illustrator

2009-04-07T11:22:00.000+07:00

Five Famous Logos Deconstructed, designer/artist Lauren Matsumoto demonstrates cool features and techniques in Adobe Illustrator CS3 by recreating five well-known contemporary logos. Here, she explores Illustrator's pathfinder palette, and how you can use it to create the Animal Planet logo.

Tweening With Actionscript 3.0 in Flash

2009-04-06T11:18:00.000+07:00

40+ minutes of video on tweening with Actionscript 3.0. We are going to start out simple with a simple fade in animation and things will get more complex from there. I do label this tutorial advanced, but I try to explain everything out in a decent way which should allow you to learn even if you do not consider yourself an "advanced" flash user.

Create A Youtube Subscribe Button In Illustrator

2009-04-05T11:15:00.000+07:00

In this tutorial we will learn how to create a YouTube subscribe button in illustrator.

Create A YouTube Upload Button In Illustrator

2009-04-04T11:12:00.000+07:00

In this tutorial we will learn how to create a YouTube upload button in illustrator.

Create A Simple Swatch In Illustrator

2009-04-03T11:10:00.000+07:00

In this tutorial we will learn how to create a simple swatch in illustrator.

Wrap Text Around Paths In Illustrator

2009-04-02T11:08:00.000+07:00

In this tutorial we will learn how to wrap text around paths in illustrator.

Creating 3D Text Using Gradients In Photoshop

2009-04-01T11:00:00.000+07:00

In this tutorial I'll show you how to create amazing and flexible 3D text in Photoshop using gradients. Although this effect works best inside Adobe Illustrator, this is a good start to understanding how gradients work together to create visual lighting effects.

Creating A Web 2.0 - Style Profile Picture Or Customer Help Icon

2009-03-31T10:57:00.000+07:00

In this tutorial we will learn how to use more advanced masking and selection techniques to quickly create containers, layer styles, and effects. You will create a profile picture that stands off the page and has a very visually appealing effect.

Creating Layout For Twitter Page

2009-03-30T10:55:00.000+07:00

In this tutorial I will show you how to create a basic layout for your twitter background image. I will explain how to optimize the space so that your design and information are seen by the majority of your followers without obstruction. I will demonstrate gradient techniques and basic masking techniques.

Create A Art Brush In Adobe Illustrator CS3

2009-03-29T10:45:00.001+07:00

How to create an Art Brush in Adobe Illustrator CS3.

How To Create A Reflection

2009-03-28T10:29:00.000+07:00

Hello everyone, this is my first video tutorial for Adobe Photoshop. Currently a newbie with vids so I will try and improve them. Please subscibe and comment on the vid if you like it.

Creating Forum Membergroup Rank Images

2009-03-27T10:25:00.001+07:00

I show you how to simply create membergroup ranks for forums. Enjoy!

HD Changing Eye Color In Photoshop

2009-03-26T00:45:00.001+07:00

This demonstration shows how photoshop can be used to change the eye color of an image. Simply by using the Polygonal Lasso tool and Hue/Saturation tool. A simple tutorial in High Definition to show you step by step how photoshop can be used to create stunning images.

Photoshop CS4 Dragging And Dropping Betweens Tabs

2009-03-24T17:14:00.001+07:00

Now that CS4 is using tabs and unless your using the more traditional interface? Your going to want to know how to drag and drop layers and pixel elements etc between different images whilst still in the tabbed view.

HDR- How To Tutorial

2009-03-24T14:28:00.001+07:00

This tutorial I will shot you step-by-step on how to turn 1 image into 3 different exposures, then merge them into an HDR image using the following software: Adobe Lightroom 2. Adobe Photoshop CS3. Photomatrix PRO 3.

Working InDesign with Photoshop Graphics

2008-04-26T03:45:00.001+07:00

While the InDesign interface has more in common with Illustrator than Photoshop, InDesign and Photoshop are also tightly integrated. You can import native Photoshop (.psd) files into InDesign layouts, as well as other Photoshop-generated bitmap graphics, such as TIFF, JPEG, and DCS. InDesign's support of native Photoshop files also includes several features that let you control how images are displayed and printed.

Show/Hide Layers and Layer Comps

When you import a Photoshop file that includes layers or layer comps, you can control the visibility of both within InDesign.

Choose File > Place.
Check Show Import Options in the Place dialog box, then click Open.
Display the Layers panel and make sure Show Preview is checked.
To achieve the result you want, do one of the following:

Choose a layer comp from the Layer Comp menu.

When you import a Photoshop file that includes layers or layer comps, you can use the controls in the Layers panel of the Image Import Options dialog to adjust the visibility of the layers and layer comps in the InDesign layout.

Click the eye to the left of a layer name to alternately show or hide the layer.

The original graphic, shown at the far right, has an opaque white background. Choosing an alpha channel and adjusting the settings in the Clipping Path dialog box produced the variation on the left. Notice how the circular shape is now visible through the background of the graphic.

Mask Portions of a Graphic

If you import a Photoshop file that contains clipping paths or alpha channels into an InDesign layout, you can use them to mask parts of a graphic or wrap text around them. To apply a clipping path or an alpha channel to a graphic:

Select the graphic or its frame, and then choose Object > Clipping Path.
In the Clipping Path dialog box, choose Alpha Channel or Clipping Path from the Type menu. If you choose Detect Edges in the Type menu, InDesign will generate a clipping path based on the light and dark areas of the image.

Display and Print Transparency

If you import a Photoshop file that includes transparency effects, such as a transparent background (instead of a clipping path) or a feathered edge, InDesign accurately displays and prints the effects.

Creating magazine with inDesign workflow features

2008-04-04T20:55:00.001+07:00

Adobe inDesign is a powerful page layout program with many features. It's possible to use inDesign to do everything from creating a business card or a magazine to professional graphic designers.

Whether if you're new to page layout software or you're switching from QuarkXPress or PageMaker to inDesign you can use this tutorial to learn how to creating magazine or page layout with inDesign workflow features and many palettes. with this video tutorial.

With inDesign you can to be a professional graphic designers because graphic designers around the world are using inDesign to produce all types of print and electronic publications.

How to Preview Color Separations and Export Documents as PDF with Indesign

2008-03-26T18:25:00.001+07:00

Adobe InDesign is a powerful page layout program renowned for its ease of use, precision, and integration with other applications in the Adobe Creative Suite. Hallmark features of InDesign include professional type and graphics handling, drawing tools, transparency, and reliable print and PDF output. With powerful creative tools and flexible workflow features at their fingertips, graphic designers around the globe are using InDesign to produce all types of print and electronic publications. From magazines, books, and newsletters to posters, CD covers, and bumper stickers, many of the publications you see are produced with InDesignoften in concert with Adobe Photoshop and Adobe Illustrator.

As you work on a publication, you'll probably print several proofs to one or more desktop printers before the publication is completed. After you've added the final touches and the publication is ready for final output, you or your print service provider will print the finished document, probably using a high-resolution printer. If you're producing a color publication that will be printed on a printing press, final output means printing color separations that will be used to print the document on-press.

In this tutorial, you'll learn how to preview color separations onscreen, how to export documents as PDF.

How to preview color separations onscreen

InDesign includes several features that let you preview and prepare documents before you print final versions or send them to a print service provider for high-resolution output. The Separations Preview palette (Window > Output > Separations Preview) is one of the most useful production tools for color publications. It lets you show or hide individual colors, display color values for objects and graphics, and show areas that exceed a specified maximum ink coverage.

To preview color separations onscreen, open the Separations preview palette and then choose Separations from the View menu. The color list in the palette includes process colorscyan, magenta, yellow, and black, as well as any other spot colors in the Swatches palette regardless of whether you've used them.

Separations Preview Palette

Clicking the small square to the left of a color name alternately shows and hides the color. Clicking CMYK shows and hides all process colors. You can show or hide whatever colors you want, although at least one color must always be displayed. The Show Single Plates in Black command in the Separations Preview palette menu lets you control how a color is displayed when all other colors are hidden. When it's checked, single colors are displayed as black.

As you drag the pointer over a page, the values associated with the colors in the Separations Preview palette change to reflect the color of the pixel that the pointer is over.

Because too much ink on a page can cause drying problems, you may also need to know if the colors in a layout exceed the maximum ink coverage value suggested by your print service provider. To highlight areas that exceed maximum ink coverage, choose Ink Limits in the palette menu, and then specify a maximum ink coverage value in the accompanying field. (Check with your print service provider for the suggested percentage.) Areas that exceed the specified maximum ink coverage value are displayed in shades of red. The more an area exceeds the maximum allowable ink coverage, the darker the shade of red.

When you're done previewing separations and areas that exceed maximum ink coverage, choose Off from the Separations Preview palette menu to return to normal view.

How to exporting documents as PDF

At many publishing sites, publications in progress are exported as PDF documents for electronic markup and review, and finished publications are exported as PDF for final, high-resolution output. When it's time to export an InDesign layout as a PDF file, you have many options for controlling the size and many other characteristics of the file. The choices you make when you export a PDF file depend on how the PDF will be used. For example, if you want to distribute a PDF via email to colleagues or clients for electronic review and markup using Acrobat or Reader, you should save a compact, low-resolution PDF that's ideal for electronic distribution and review but not appropriate for high-resolution output. If you intend to send a PDF file to a print service provider for high-resolution output, you should save a high-resolution file.

To export a layout as PDF:

Choose File > Export.
In the Export dialog box, enter a name for the PDF file and choose the folder in which the file will be saved.
Choose Adobe PDF from the Format menu (Mac OS) or Save as Type menu (Windows), and then click Save.
At this point, you can simply choose a PDF preset in the Adobe PDF Preset menu, and then click Export, or you can choose a preset, customize the settings in the various panels of the Export Adobe PDF dialog box and then click Export. If you change a setting, "(modified)" is displayed to the right of the preset selected in the Adobe PDF Preset menu.

Export Adobe PDF Dialog Box

When you make changes in the Export Adobe PDF dialog box. they're saved with the application and used the next time you export a layout as PDF.

One of the main advantages of page layout software is that it lets you view publications onscreen before you print them. However, displaying a publication onscreen and printing it are very different processes. InDesign includes several features for troubleshooting potential printing problems before they occur, as well as an abundance of print-related controls that help ensure you get the results you want when you print a document.

How to fill Pattern into your picture

2007-12-10T02:07:00.001+07:00

Pattern is a Fill Layer group on Layer Palette can made difference to your picture. You can create a new Pattern witch yourself below.

Can I create a new Pattern.

1. Create a new document with 100*100 pixels and change Background Contents to Transparent.

2. Click on Rectangular Marquee Tool and made selection on your document. fill color you want.

3. Choose menu Edit > Define Pattern for save your Pattern. Finnish!

How to fill Pattern into my picture.

It’s easy to use your Pattern.

1. Open picture file your want.

2. Choose Pattern Fill on Layer Palette.

On new dialog box choose your new Pattern from your cerated and adjust scale to 5%. Click on OK button.

3. On Layer Palette work on Pattern Fill layer change Opacity to 35%.

The Result.

If you have any question or doubt please let’s me know by comment this tutorial I’ll respond you quickly.

Creating Blood Text

2007-12-08T02:14:00.001+07:00

Here we will writing some text...in blood! To start off we need a good place for our blood to spill, how about a wooden table? I used the texture below.

Next we need to make our text. Above your wooden table layer, create a new layer and fill in with white. Next use your text tool to write your words. Try to pick a rounded-font, and choose a weight of "bold." After you have written everything you want, rasterize your text by right clicking on your text with the text tool and choosing "rasterize type."

Merge your text layer with the white layer below it by pressing Ctrl+E. Next take out your brush tool. Choose a style that has very little blur, and use it to make some random black blotches around your text.

Blur your layer by choosing Filter > Blur > Gaussian Blur.

Now we are going to play with the levels a bit to remove the blur, afterwards we will have a much more rounded text. Choose Image > Adjust > Levels. Adjust the bars until you have something similar to mine.

Your text should now have lost its blur, however, the blotches and text will have "merged" together somewhat. Now we need to select our text and blood drops, to do this we are going to select by color. Choose Select > Color Range. Use the eye dropper and click on a black portion of your canvas. Click ok, and your text should be selected.

Delete your layer, revealing the wooden texture below. Create a new layer and fill your selection with a dark red to medium red gradient.

Choose Layer > Layer Style > Bevel and Emboss. Use the settings below. Don't forget to click on the contour dropdown menu, and choose the image shown below.

Choose Layer > Layer Style > Drop Shadow. Use the values below.

Your text should be looking pretty blood-like by now. For a final finishing touch I blended the wooden texture into my text to make it look slightly translucent. To do this, copy your wood text, Ctrl Click your text layer to make a selection, and choose Edit > Past Into. Change the layer mode to overlay and bring down the opacity into you have you have a nice tint of red. Your done! Here is how mine turned out.

Thanks source from: voidix.com

Photoshop Hair Salon ^^

2007-12-07T04:19:00.001+07:00

This is the final output. As you can see, there are two different colors on the hair-Green and Red.



Changing Hair Color-Final Output

1) Choose a good image



Good Hair Image

2) Choose the Pen Tool to select a particular area of hair. After that press Ctrl + Enter to make selection.


Pen Tool

3) Add a new layer (Ctl + Shift + N) and paste (Ctl + V) the copied area on the same place.


Paste copied Hair on same place but New Layer Fig 1.A


Paste copied Hair on same place but New Layer Fig 1.B

3) Go to the Image menu, choose > Adjustments > Variations > and choose any good color you want. Here I have choose green color. Now you will see that the edges will be very sharp, we need to merge it with the real hair. To do this, choose the eraser tool, reduce the opacity value to around 20 % and erase sharp edges.

Erase sharp edges using eraser tool

4) Now our Green colored hair is perfect. Check out the image below:



Green Shade on hair

You can use the same method mentioned above to make a different shade. Check out the image below:


Brown Shade on top portion of hair

Thanks source from: CGSHELF.COM

Create a Christmas Tree with Photoshop

2007-12-03T20:23:00.000+07:00

With Christmas coming, I thought it would be cool to create a tree that has blinking lights on it. This will be a simple Christmas tree without a lot of texturing.

Begin by creating a new document 240 X 400 pixels. Next we will create a few new layers. Select Layer/New/Layer and name it "Trunk". Repeat this process creating a "Tree" Layer and one that is called "Blue Lights". Later we will also create layers for yellow and red lights, but we will duplicate the blue layer to save time. The layer order is important. At this point your layer stack should look like this.

Making sure that the Tree layer is highlighted, select the Custom Shape Tool (Hot key U). Then choose the triangle shape from the Custom Shape Picker. If you don't see a triangle, use the drop down menu and select "All".

Also make sure that your paths button is selected.

Now drag your mouse until you get a triangle with a Christmas tree looking shape to it. It is best to drag from the bottom left or right so that it is easier to center your tree on the document. Make sure to leave a little room on the bottom for the trunk.

On the layers window, click on the paths tab, then right click on the work path and choose Make Selection. Feather radius 0 pixels. Your triangle should now be a selection and have the dancing ants border.

Hit the Edit in Quick Mask Mode button (Hot key Q). You now should have a pink background indicating that you are in this mode. Select Filter/Brush Strokes/Sprayed Strokes. Set the stroke length and spray radius to 10. Set stroke direction to right diagonal. Hit the Q key to exit the quick mask mode. Select a shade of Christmas tree green for your foreground color tile. I used #009933. Select Edit/Fill/Foreground Color and click OK. Hit Ctrl+D to deselect. You should now have something like this.

Highlight the Trunk layer, and grab the Rectangular Marquee Tool (Hot key M).

Drag the mouse to create the trunk. Choose a color of brown for your foreground color tile, and fill the selection as we did with the tree. I used #663300. Hit Ctrl+D to deselect. You may need to move it a bit to center it.

Now we need to create some light balls. Making sure that the Blue Lights layer is now selected, grab the Elliptical Marquee Tool and make a small circle. Hold the shift key down while dragging the mouse to constrain the shape to a perfect circle. Select a shade of blue for the foreground color and fill the circle. Hit Ctrl+D to deselect. Remember we are trying to make lights here, so keep that in mind when you are making this ball as this will be the size of all the rest. I am going to add a little bevel and emboss to the ball to give it some depth. Select Layer/Layer Style/Blending Options to bring up the Blending Options window. Here are the settings I used for bevel and emboss.

Now select Layer/Duplicate Layer and name it Yellow Lights. Duplicate that layer and name it Red Lights. Now highlight the Yellow Lights layer, and move the ball somewhere else on the tree. Open the Blending Options window again. This time we are going to the Color Overlay area. Double click on the color tile, and choose a shade of yellow. Do the same thing for the Red Lights layer using a shade of red.

Now, going back to the blue layer, duplicate this 3 times. That will give us 4 blue lights total . Click on each layer and move the lights around the tree. Once you have them where you want them, you need to merge all these layers into one to keep things as simple as possible. Turn off all of the layers except the 4 blue light layers. Click on the little eyeball on each layer that you want to turn off. On the layers window, click on the flout menu arrow and select Merge Visible. Now all of your blue lights should be on one layer.

Repeat this process for the yellow lights, and again for the red lights. Rename each layer back to their original names, Blue Lights etc. You may want to create all of your light layers first so you have control over the placement of the lights. Once you merge a layer, all the lights on that layer will move together. With any luck at all you will have something like this.

Now we have to make the glowing frames of each color before we can create the blinking animation. Duplicate the blue lights layer, and name it Blue Bright. Making sure you have this new layer highlighted, open the blending options window. We are going to be using the outer glow section this time. On the color tile, select a shade of blue, and use the settings shown below. Repeat this process for the yellow and red lights using yellow and red on the outer glow section.

Now that we have all or our frames we will need for the animation, we need to jump over to Image Ready. Hit the jump to Image Ready button.

Once in Image Ready, if you don't see the animation window select Window/Animation. Now go to the layers palette, and turn off the layer Blue Bright, and Yellow Bright by clicking on the little eyeball on those layers. Leave all other layers on for now. You should see your first frame, and it should have the red lights looking bright.

From the flout menu in the animation window select New Frame.

Turn off the Red Bright layer, and turn on the Yellow Bright Layer. Now you should have a second frame showing the yellow lights looking bright. Add a new frame, turn off the Yellow Bright Layer, and turn on the Blue Bright layer. You should have 3 frames now, one with the red lights bright, one with the yellow lights bright, and one with the blue lights bright.

At this point you can hit the play button to view your animation. It will probably be a very quick crazy blinking action, which maybe you like. If you wish to slow it down, increase the time each frame stays on. At the bottom of each frame it shows a time. Mine says 0 sec as you can see in the picture above. Use the drop down menu and change the time. If you control click each frame, it will select all of them, and when you change the time on one, it will change the time for every frame. I liked mine better at .5 sec, and here is how it looks.

Now you will need to save your animation. It will need to be saved as a GIF file. Make sure your your Optimize window is open. To do this, select Window/Optimize. I set mine to GIF 128 Dithered as shown below.

Now select File/Save Optimized As. Choose your folder and a name for your file. Your new file is now ready for the internet. Remember, you can't view an animated GIF in Photoshop.

Thanks source from: ShowAndTell-Graphics.com

Using Brush Tool to Sketch with Illustrator CS3

2007-12-03T10:59:00.001+07:00

Illustrator CS3 brushes let you apply artwork to paths to decorate them with patterns, figures, textures, or angled strokes. You can modify the brushes provided with Illustrator, and you can create your own brushes. Brushes appear in the Brushes panel.

You apply brushes to paths using the Paintbrush tool or the drawing tools. To apply brushes using the Paintbrush tool, you choose a brush from the Brushes panel and draw in the artwork. The brush is applied directly to the paths as you draw. To apply brushes using a drawing tool, you draw in the artwork, select a path in the artwork, and then choose a brush in the Brushes panel. The brush is applied to the selected path.

You can change the color, size, and other features of a brush. You can also edit paths after brushes are applied.

In this tutorial, you'll learn to use Brush Tool to Sketch from this video.

Eye Candy, Adobe Photoshop Plug-in

2007-07-12T01:34:00.001+07:00

Eye Candy is the top of photoshop plug-in, you can install after main program. Today i'll show you how to install Eye Candy plug-in.

How to install plug-in

After double click install file you’ll see welcome screen.

Click Next button.
Read the license agreement and click Accept button.
Enter the Name and Product Registration Code in fill from.

Click Next button.
Browse the file list and open your directory plug-in folder (C:\Program File\Adobe\Adobe Photoshop\Plug-ins). Click OK button.

Waiting for installing.
When installation has been completed. Click the Finish button to exit.

How to use plug-in

When you want to use Eye Candy Plug-in, you can choose Filter and select Alien Skin Eye Candy from drop-drown menu.

You can download demo Alien Skin Eye Candy from: www.alienskin.com

Painting with gradients and patterns

2007-07-01T10:10:00.001+07:00

In addition to process and spot colors, the Swatches panel can also contain pattern and gradient swatches. Adobe Illustrator CS3 provides sample swatches of each type in the default panel and lets you create your own patterns and gradients. Click on the buttons at the bottom of the panel to see all swatches or specific types of swatches.

Choose Window > Workspace > [Panel].
Choose Select > Deselect.
Choose Window > Gradient if your Gradient panel is not visible. Choose Show Options from the panel menu. Click once below the gradient slider at the bottom of the panel to make the color stops visible.

The Gradient Ramp with a color stop at either end.

You can create your own gradient by activating the color stops on the gradient slider, or by dragging existing swatches directly on top of the existing gradient color stops.
In the Swatches panel, click and hold down on the color Dark Orange, don't release. Then drag the swatch on top of the black color stop on the right side of the gradient slider. If you miss the color stop, another stop may appear below the gradient slider. Choose Edit > Undo Gradient and try again.
Select the CMYK Yellow swatch and drag it onto the white color stop on the left side of the gradient slider.
Choose Radial from the Type menu in the Gradient panel.

Drag the swatch onto the color stop.

Change to radial.
Click on the New Swatch button at the bottom of the Swatches panel, and name this background gradient in the New Swatch dialog box. You could also drag the swatch from the Gradient panel (in the upper left corner of the panel) directly into the Swatches panel.
Click the Layers panel tab to reveal the layers panel. Click in the Visibility column to the left of the Background layer to display the contents.
With the Selection tool, click the stroke of the large rectangle in the background (it is larger than the artboard). Click the Fill color in the Control panel and choose your new background gradient. The gradient has been applied.
Select one of the stars in the center of the artboard. Since these are part of a group, all become selected.
Click on the Fill box in the Control panel, and apply the background gradient to the stars. Change the Stroke color in the Control panel to None. Now you will reverse the colors of the gradient, swapping the orange and the yellow.
In the Gradient panel, Alt (Windows) or Option (Mac) drag the left color stop (the yellow color) to the right until you are over the orange color stop on the right and release.

The gradient ramp should reverse. If it doesn't reverse, choose Edit > Undo and try again. From the Swatches panel, try dragging a darker orange onto the orange swatch onto the orange color stop on the left of the gradient ramp.
Select the Gradient tool and position the pointer in the center of the stars. Click and drag from the center of the artboard to the outer edge of the group of stars.

Notice that the Gradient is now smoothly transitioned through all stars, as though they are one object.
Choose Select > Deselect.
Choose File > Save.

Editing Live Paint regions

2007-07-01T09:58:00.001+07:00

Once you've made a Live Paint group, each path remains fully editable. When you move or adjust a path's shape, the colors that had been previously applied don't just stay where they were, like they do in natural media paintings or image editing programs. Instead, Illustrator automatically reapplies them to the new regions that are formed by the edited paths.

To experience this feature further, create a blank new file on which you will create a simple illustration.

Using File > New, create a new letter-sized document. Leave at the default settings, and choose OK.
On the blank document, use the Ellipse tool to create a circle anywhere on the artboard. The size of the circle shape is not important.
Using the Selection tool, hold down the Alt (Windows) or Option (Mac OS) key to clone the circle shape, drag it so the duplicated circle is overlapping the initial circle shape.
Choose Select > All. Choose None from Fill in the Control panel, and then choose None from Stroke color in the Control panel.

Create two overlapping circle shapes. Paint both the Fill and Stroke None.
Select the Live Paint Bucket tool, and cross over the center overlapping area; when it becomes highlighted, click once to activate the center shape as a Live Paint group.
Select a color from the Swatches panel and click on the center Live Paint object to color it.
Select a color. Then using the Live Paint Bucket tool, click the left Live Paint object and click inside of it. Repeat this with a different color for the right Live Paint object.

Assign different colors to the Live Paint objects.
Choose Select > Deselect. Choose the Direct Selection tool. Select and reposition one of the circles, keeping some of the overlap. Notice that the intersecting area is dynamic. It changes the fill based upon the relationship of the two circles.

You can use the different selection tools depending on what you want to select and affect in a Live Paint group. For instance, use the Live Paint Selection tool to apply different gradients across different faces in a Live Paint group, and use the Selection tool to apply the same gradient across the entire Live Paint group.
Choose File > Close. Choose to not save the file.

Applying the pattern in Illustrator CS3

2007-07-01T09:35:00.001+07:00

With the Selection tool, select the red rectangle beneath the "Aquo Life" text in the poster.

You can assign the pattern using a number of different methods. In this instance you will use the Swatches panel to apply the pattern. You could also apply the pattern using the Fill color in the Control panel.
Click on the Fill box in the Tools panel, then in the Swatches panel, click on the dots pattern swatch you created.

The pattern is applied to the fill of the red rectangle.
Select the rounded rectangle used to create the pattern (off the right edge of the artboard), and press Delete, as you will no longer need the original.
Using the Selection tool, select the red rectangle and choose 2 pt from the Stroke Weight menu in the Control panel.
Click the Stroke color in the Control panel and choose CMYK Red from the Swatches panel.
Click the word Stroke in the Control panel and change the stroke to apply to the inside of the path.
Choose File > Save.

The result.

Editing the pattern

Perhaps you have used a pattern several times in an illustration and want to update its contents. Not a problem, just follow these steps:

Using the Selection tool, click and drag the dots pattern swatch you created from the Swatches panel to an empty location on the artboard. The rounded rectangle returns to your artboard.
Choose Select > Deselect, and choose the Direct Selection tool ( ). Select the rounded rectangle.
Click the Stroke color in the Control panel, and select CMYK Red for the rounded rectangle. You will create a tint of the CMYK Red using the Color panel.
Choose Window > Color if the Color panel is not visible, and make sure the Stroke color is selected in the Color panel. With the rounded rectangle still selected, hold down the Shift key, and drag either the Yellow or Magenta slider to create a "tint" of this color. Notice that when you hold down the Shift key, the sliders move relative to each other. Use this method to create a lighter red color; an exact tint is not necessary.
Using the Selection tool, select the rounded rectangle and hold down the Alt (Windows) or Option (Mac OS) key while dragging it back on top of the existing pattern Swatch called dots. The pattern is updated.
Select the rounded rectangle that you edited to create the updated pattern and delete it.
Choose File > Save.

Creating your own pattern in Illustrator CS3

2007-07-01T09:27:00.001+07:00

In this tutorial you will create your own custom pattern and add it to the Swatches panel. You will then discover how to edit an existing pattern and update it in the Swatches panel. If your Swatches panel is not visible, choose Window > Swatches.

For this section, you will assign colors using the Tools panel.

Click the Fill box at the bottom of the Tools panel to make sure it is forward. It does not matter if it shows the last used color.

Make sure Fill box is selected before applying color.
With the Fill box selected, choose the CMYK Red swatch from the Swatches panel.
Press the "X" key to swap the Fill and Stroke in the Tools panel. When the Stroke box is selected, choose None by clicking the None button at the bottom of the Tools panel.
In the Tools panel, click on the Rectangle tool, hold down the mouse button to view the hidden tools, and then select the Rounded Rectangle tool. Click once off of the right edge of the Artboard (do not click and drag!). In the Rounded Rectangle dialog box, enter .7 in in the Width text field, .7 in in the Height text field, and .3 in in the Corner Radius text field and click OK.

Enter values in the Rounded Rectangle dialog box.

The result.

A red rounded corner square appears. Using the Selection tool, position it off the artwork if it is touching any of your existing illustration.
Click on the Swatches panel tab to reveal the Swatches panel. With the Selection tool, click and drag the selected rounded rectangle into the Swatches panel. You have created a new pattern.

Drag shape into the Swatches panel.

Double-click on the new pattern swatch to name it.

Saving a Selection as a Mask

2007-07-01T08:12:00.001+07:00

Quick masks are temporary. They disappear as soon as you deselect. However, you can save a selection as an alpha-channel mask so that your time-consuming work won't be lost, and you can reuse the selection in this work session or a later one. You can even use alpha channels in other Photoshop image files.

To avoid confusing channels and layers, think of channels as containing an image's color and selection information; think of layers as containing painting and effects.

With the (Standard mode) statue selection still active in the image window, click the Save Selection As Channel button at the bottom of the Channels palette.

A new channel, Alpha 1, appears at the bottom of the Channels palette.
Double-click the Alpha 1 channel, type Statue to rename it, and press Enter or Return.

When you select the channel, Photoshop displays a black-and-white representation of the selection in the image window, and it hides all the color channels.
Choose Select > Deselect to deselect the statue.
Choose File > Save to save your work.

Changing font size

2007-06-29T12:48:00.001+07:00

Changing font size

If the text is not active, use the Type toolto insert the cursor in the text area and choose Select > All.
In the Control panel, choose a preset size from the Font Size pop-up menu, or click and drag over the present size and enter a value in points. If the font size is not 12, choose 12 now.

Changing the font size in the Control panel.

Changing font color

In this next section, you'll change the font color; you can change both the fill and/or the stroke of selected text. In this example you will change the fill.

Click and drag to select the first paragraph in the text area, or click three times.
Click the Fill color in the Control panel. When the Swatches panel appears choose White. The text fill changes to white.
While you still have the first line of text selected, change the font size by selecting 14 from the Font size pop-up menu in the Control panel.
Change the font style for the selected text by selecting the Font Style pop-up menu in the Control panel and choosing Bold.

Changing additional text attributes

By clicking the Character panel link in the Control panel you can change many other attributes that are worth investigating but not covered in this particular exercise.

A. Set the font family.
B. Set the font style.
C. Font size.
D. Kerning.
E. Horizontal Scale.
F. Baseline Shift.
G. Underline and Strikethrough.
H. Language.
I. Leading.
J. Tracking.
K. Vertical Scale.
L. Rotation.

Changing paragraph attributes

Just like with character attributes, you can set paragraph attributes (such as alignment or indenting) before you enter new type, or reset them to change the appearance of existing, selected type. If you select several type paths and type containers, you can set attributes for them all at the same time.

Now you'll add more space before all the paragraphs in the column text.

With the Type tool, insert the cursor anywhere in the text area and choose Select > All.
Click the word Paragraph in the Control panel. This links you to the Paragraph panel.
Type 6 in the Space Before Paragraph text field (in the bottom left corner) and press Enter. Spacing before paragraphs, rather than pressing the Return key, is recommended when creating large text areas.

Enter a space before the paragraphs.

Changing text attributes

2007-06-29T12:41:00.001+07:00

In this section, you'll discover how to change text attributes, such as size, font, and style. Fortunately, with this version most attributes can be changed quickly and easily in the Control panel.

With new project, select the Type tool and insert the cursor anywhere in the text area created earlier.
Choose Select > All, or Ctrl+A (Windows) or Command+A (Mac OS). All text becomes selected.

In this next section, you will discover two different methods for font selection, both using the Control panel.
Change the font of selected text from the Font menu in the Control panel. Click the arrow to the right of the menu and scroll until you find the font Times, or Times New Roman.

Choose fonts using the Control panel.
With the text still selected, choose from the menu items Type > Font to see the font display to the right of the font name. This may take a little more time because of the display, but scroll to change the selected font to Arial Regular or Helvetica.
This next method is the most dynamic method for selecting a font. Make sure the text is still selected and then follow these instructions:

* Click and drag over the Font Name in the Font text field in the Control panel.

Select the font name in the Control panel.

* Now, begin typing the name, "Myriad Pro," an OpenType font. Illustrator will filter through the list.
Font styles are specific to each font family. Though you may have the Myriad Pro font family on your system, you may not have condensed and italic styles of that family. Find the available styles by choosing them from the Font Style pop-up menu.

Working with overflow text and text reflow

2007-06-29T12:30:00.001+07:00

Each area type object contains an in port and an out port, which enable you to link to other objects and create a linked copy of the type object. An empty port indicates that all the text is visible and that the object isn't linked or overflowing. A red plus sign in an out port indicates that the object contains additional text. This remaining unseen text is called overflow text.

Note that since the text area created is too small, there is a plus sign in the out port.

There are two main methods for remedying overflow text.

Thread the text to another text area.
Re-size the text area.

Threading text

Thread, or connect, one text area to another to create a dynamic connection between the areas by following these steps:

Use the Selection tool to select the type area.
With the Selection tool, click the out port of the selected type area. The cursor changes to the loaded text icon.
Click and drag on an empty part of the artboard.

Click on the out port of the overflowed text area. Click and drag to create a threaded text area.

Resizing the text area

For this next, you will see how to re-size the text area to make room for additional text.

If you have created additional text areas using the threading method, switch to the Selection tool and click to select and delete all but the original text area. Make sure the overflow text icon is still visible.
Use the Selection tool to drag a handle on the bounding box. Drag the handle on the middle of the right side so that the text area changes in size only horizontally. Click and drag to make the text area larger.

Resizing the text using a middle handle.
Grab the lower right corner handle to see how dragging a corner handle will increase the size of the area both horizontally and vertically.

Resizing the text area using a corner handle.

Adjusting the type path using the Direct Selection tool is easiest when you're in Outline view.
You have completed the text flow. Choose File > Close. In the Adobe Illustrator alert window, choose not to save this file. This returns you to your original project.

Understanding text flow

2007-06-29T12:19:00.001+07:00

For this next section, create a new blank document in addition. The purpose is to find out more details about flowing text in Adobe Illustrator CS3.

Choose File > New. In the Document Setup, choose Inches for Units, and keep other defaults the same. Click OK.
Create a fixed type area by selecting the Rectangle tool and clicking once on the page...do not click and drag! The Rectangle dialog window appears.
Type 2 inches into both the Width and Height text fields. Click OK.

A square appears. It may have a fill or stroke color. Both fill and stroke will change to None when the shape is converted into a type area.

Setting the dimensions

Result
Select the Type tool and cross it over the edge of the square. The text insertion point swells, or becomes curved, indicating that when you click, the text cursor will appear inside this shape.

The text insertion point when crossed over an edge of a shape

Result The text cursor is inside the shape, strokes and fills are changed to none
With the cursor still active in the square, choose File > Place and navigate to the folder hard drive. Select the file and then click Place. You are placing a native Microsoft Word document, so you will have additional options to choose from.
In the Microsoft Word Options dialog window, leave the default settings and click OK.

The text appears in the square. Text remembers the last used settings, so the type may appear slightly different from that in our example; this is not a problem.

Creating text outlines

2007-06-29T07:55:00.001+07:00

When creating artwork for multiple purposes, it is wise to create outlines of text so the recipient doesn't need your fonts to create, open, and use the file correctly. Note that you will want to keep an original of your artwork, as you cannot change outline text back to editable text.

Select the Type tool. Click off to the left in the scratch area (away from the poster art).
Type WALK! RUN! DANCE!
Double-click the Rotate tool. The Rotate Options window appears, type 90. Click OK. The text is rotated 90 degrees counterclockwise.

Rotate text 90 degrees.
With the Selection tool, position the text so it is in the lower left corner of the poster art.
Select the Selection tool. While holding down the Shift key, click and drag the upper right handle of the text's bounding box. This enlarges the text proportionally to the height of the poster.
With the Selection tool, Shift-click to select the world and the Sammy's World text. Choose Object > Arrange > Bring to Front.

Enlarge a text area using the bounding box.
With the Selection tool select the "Walk! Run! Dance!" text again, click the Fill color in the Control panel and select White in the Swatches panel.
Click once on the word Opacity in the Control panel to link to the Transparency panel. From the Blend Mode pop-up menu choose Soft Light. Change the Opacity to 75% in the Opacity text field.
With the text area still selected, choose Type > Create Outlines. The text is no longer linked to a particular font, but has become artwork, much like any other vector art in your illustration.
Choose File > Save.

Congratulations! You have completed the tutorial.

Creating text on paths and shapes

2007-06-29T07:47:00.001+07:00

With the Type tools in Illustrator CS3, you can type on paths and on shapes.

With the Selection tool, select the wavy path crossing the silhouette artwork.
With the Type tool, cross the cursor over the left side of the path to see an insertion point with an intersecting wavy path. Click when this cursor appears. The stroke attributes of the stroke change to None and a cursor appears. Don't type yet.
In the Font Size text field in the Control panel, type 36 and press the Enter key.
Type Don't just stand there... Note that the newly typed text follows the path.

Type on a path.
With the Type tool, click and drag over the text you just entered (or click three times on the text). Click the Fill color in the Control panel to link to the Swatches panel. Then choose the White swatch.

Now you will put text on a closed path.
With the Selection tool, select the small black circle in the lower left corner of the poster.
Switch to the Type tool. Holding down the Alt (Windows) or Opt (Mac OS) key, cross over the left side of the circle. The type on a path icon appears. Click, but don't type.

Cross over the closed shape with the Type tool and the Alt/Opt key.

After clicking, the text cursor appears.

The fill and stroke attributes of the circle are changed to None, and you have a cursor on the path.
From the Font Size pop-up menu in the Control panel, change the text size to 24. From the Font menu choose Myriad Pro (or Myriad), and from the Font Style menu choose Bold.
Click the Align Center button to the right of Paragraph in the Control panel.
Type SAMMY'S SHOEWORLD in capital letters. The text flows on the circular path.
To adjust the placement on the path, select the Selection tool. The type object is selected. A bracket appears at the beginning of the type, at the end of the path, and at the midpoint between the start and end brackets. These brackets look like lines.
Position the cursor over the type's center bracket until a small icon appears next to the cursor, and drag the center bracket along the path. Hold down Ctrl (Windows) or Command (Mac OS) to prevent the type from flipping to the other side of the path. Position the text so it is centered across the top of the circle.

Reshaping text with a warping text

2007-06-27T00:40:00.001+07:00

Warping text is fun because it allows you to use an effect on your text to give it a more interesting shape, while also giving you the ability to edit the text and warped shape at any time.

Choose Select > Deselect and select the Type tool. Before typing, change the Font in the Control panel to Myriad Pro (if it is not already selected), the Font Style to Bold and the Font Size to 85.
Use the Selection tool to select the silhouette of the people and choose Object > Lock > Selection. Reselect the Type tool and then click once on the poster art slightly above the silhouette of the people. Exact placement is not important. A text cursor appears.
Type the words KICK IT UP! Then select the Selection tool again and reposition the text so it is centered over the silhouette art.
With the text still selected, choose Effect > Warp > Arc Upper. The Warp Options window appears. Check the Preview checkbox. The Text stays flat on the bottom and arcs only in the upper part.

Using the Settings and Style pop-up menu, you can experiment with many different combinations. Click OK when you have finished with this window. Use the Selection tool to reposition your text if necessary.

The Arc Upper Effect options window.

The Result.
With the Type tool, click and drag to select the words "KICK IT UP!".
In the Control panel, click Fill color and choose White from the Swatches panel.
Click Stroke Color and choose Pumpkin.
Choose 2 pt from the Stroke Weight pop-up menu in the Control panel. Notice that additional attributes are applied easily to the warped text.

Easily apply new text attributes to text warped with an Effect.

Next you will add a Drop Shadow Effect to the warped text.
Click the Selection tool and select "KICK IT UP!".
Choose Effects > Stylize > Drop Shadow. In the Drop Shadow Options window, leave the defaults and choose OK.
Choose Select > Deselect and File > Save. Leave the file open.

The Result.

Illustrator CS3 Wrapping Text Around

2007-06-23T07:45:00.001+07:00

Wrapping text around a graphic

Create interesting and creative results by wrapping text around a graphic.

With the file, choose File > Open. In the Open dialog window, choose the file you want.
With the Selection tool, select the on the page and choose Edit > Copy, then File > Close.
Return to the file, and choose Edit > Paste. The graphic is placed on the page.
Position the graphic so it is in the middle of the two columns.
With the graphic still selected, click the Fill color in the Control panel. When the Swatches panel appears choose the White swatch.
Using the Opacity text field in the Control panel, change the opacity to 30%. The Graphic positioned between the columns.

The Graphic positioned between the columns.
With the graphic still selected, choose Object > Text Wrap > Make. The text wraps around the graphic.
If you still have text flowing in areas that you would rather close off, choose Object > Text Wrap > Text Wrap Options. In the Text Wrap Options window, change the Offset to 16. Click OK.

You can increase or decrease the Offset in the Text Wrap Options window.
With the Selection tool, reposition the graphic to create a better text flow. For this example, it is OK if some of your text overflows out of the text area.
Choose File > Save. Keep the file open.

How to Print Crop Mark - Illustrator CS3

2007-06-22T04:44:00.001+07:00

Selecting a printer description file

The set-up for separations and other options occurs in the Print dialog box.

Important: To be able to continue with this section, your computer must be connected to a PostScript printer. If you are connected to an ink-jet printer or not connected to a printer, the separation options will be dimmed in the Print dialog window.

Choose File > Print. The first pop-up window labeled Print Preset is left alone at this point.
First, make sure that you have a printer selected in the Printer pop-up box. If not, select a Postscript printer at this point.
Select a PPD.

PostScript Printer Description (PPD) files contain information about the output device, including available page sizes, resolution, available line screen (frequency) values, and the angles of the halftone screens.
In the PPD pop-up window, choose Other.
Navigate to the General.ppd file, located in the Lesson15 folder, inside the Lessons folder within the AICIB folder on your hard drive. Click Open.

The Print dialog box is updated with general printer parameters, and a preview of your artwork is displayed on the lower left side of the dialog box. (The preview of your artwork depends on the page size selected in the Page Size menu. Each output device has a variety of page sizes available; select the desired page size from the Page Size menu in the Print dialog box.)
Choose US Letter for the paper size in the Media section.
Click on Marks and Bleed in the options window on the left.

In this window you can choose which printer's marks are visible. Printer's marks help the printer align the color separations on the press, and check the color and density of the inks being used.

Add all printer's marks, or select just the ones that you want.
Click the checkbox to show All Printer's Marks.

The preview shows the crop and other marks in the preview.

Select printer's marks if not already selected.

A. Registration mark.
B. Page Information.
C. Crop mark.
D. Color bar.

Specifying the bleed area

Bleed is the amount of artwork that falls outside the printing bounding box or outside the crop marks and trim marks. You can include bleed in your artwork as a margin of error—to ensure that the ink is still printed to the edge of the page after the page is trimmed or to ensure that an image can be stripped into a keyline in a document. Once you create the artwork that extends into the bleed, you can use Illustrator to specify the extent of the bleed.

Changing the bleed moves the crop marks farther from, or closer to, the image; however, the crop marks still define the same size printing bounding box.

Small bleed.

Large bleed.

Specify a bleed of 18 pt by typing it in the Top bleed text field. If the Link button does not have a square surrounding it, click it now to activate equal bleed settings on all sides.

Add a bleed equal on all sides using the Link button.

This means that the artwork extends 18 points beyond the crop marks on your film. The maximum bleed you can set is 72 points; the minimum bleed is 0 points.

The size of the bleed depends on its purpose. A press bleed (that is, an image that bleeds off the edge of the printed sheet) should be at least 18 points. If the bleed is to ensure that an image fits a keyline, it needs to be no more than 2 or 3 points. Your print shop can advise you on the size of the bleed necessary for your particular job.

Assign colors to your artwork

2007-06-21T03:23:00.001+07:00

The Assign tab of the Live Color dialog box lets you assign colors from a color group to your artwork. You can assign colors in several ways, including using a new color group chosen from the Harmony Rule menu. In this next section of the lesson, we will practice assigning new colors to the color bar and "Aquo Life" text at the bottom of the poster.

Choose View > Fit in Window.
Choose Select > Deselect and with the Selection tool, click and drag to select the blue bar and "Aquo Life" text at the bottom of the poster.
Choose Edit > Edit Colors > Recolor Artwork to open the Live Color dialog box.
From the Harmony Rule menu, choose the Complimentary harmony rule. This will pick a set of colors that is complimentary to the green color. Leave the Live Color dialog box open.

Notice in the Live Color dialog box that the green color has a new green color assigned and the blue color has a new purple color assigned. The white color has no new color assigned because the complimentary color group that was chosen only had two colors.

Artwork selected.

From the Harmony Rules menu choose Complimentary.

The result.
With the Live Color dialog box still open, click and drag the purple color on top of the green color in the New column. This will swap the green and purple colors. Leave the Live colordialog box open.

Drag to swap the new colors.

The result.
From the Colors menu, choose 1.

Notice that in the Colors menu, some of the numbers are dimmed. You can select up to the number of colors originally found in the object. In this case it is three (green, blue, and white).
At the bottom of the Live Color dialog box, make sure that the HSB sliders are showing. If they are not, select HSB from the Color Mode menu by clicking on the Color Mode button to the right of the sliders.
Change the HSB values to H=360, S=87, and B=84. This will edit the purple color to a red.

Notice how the new purple color has changed to red. Also notice how the blue and green colors are merged in the Current Colors column. The red color in the New column is split into 3 different sections (The 3 sections are subtle because one section is a tint of the red). This indicates the new red color (the top half) and the tints of the new red beneath it. The darkest color in the row (the blue) is replaced with the specified new color (the red). Other current colors in the row (the green) are replaced with a proportionally lighter tint of the red because you chose to use 1 color.

Change the number of colors to 1.

Change the HSB values to red.

The result.
Click on the Show Color Group Storage icon on the right side of the Live Color dialog box to show the Color Groups list if it isn't already showing. Click New Color Group to create a color group from the colors you edited. The color group called Color Group will appear in the Color Groups list.
Double-click on the new color group name in the Color Groups list to open the Edit Name dialog box. Change the name of the group to LogoBar and click OK.
Click OK in the Live Color dialog box and click Yes if a save dialog appears. The new color group should appear in the Swatches panel.

Creating a color group using Live Color

2007-06-19T23:55:00.001+07:00

You can create a color group in the Live Color dialog box by choosing a base color and a harmony rule. The harmony rule uses the base color as the basis for generating the colors in the color group. For example, if you choose a blue base color and the Complementary harmony rule, a color group is created using the base color, blue, and its compliment, red.

Next you will create a color group from the colors you edited in the Live Color dialog box.

Click on the Show Color Group Storage icon on the right side of the Live Color dialog box to show the Color Groups list. Click on the New Color Group icon to create a color group from the colors you edited. A new color group will appear in the Color Groups list.
Double-click on the new color group name to open the Edit Name dialog box. Change the name of the group to Logo2 and click OK.
Click on the Hide Color Group Storage icon on the right side of the Live Color dialog box to hide the Color Groups area.
Click OK to close the Live Color dialog box.
Look in the Swatches panel to see the new Logo2 color group appear. You may need to scroll down in the Swatches panel top see it.

Create a new color group from the edited logo colors and rename to Logo2.

The result in the Swatches panel.
The copied logo should have the purple and green colors of the new color group you created.

Original copied logo.

The result.

Editing color with Live Color

2007-06-19T19:25:00.001+07:00

Adobe Illustrator CS3 has many tools for working with color including the Color Guide panel and the Live Color feature. Use the Color Guide panel (Window > Color Guide) as a tool for color inspiration while you create your artwork. The Color Guide panel suggests harmonious colors based on the current color in the Tools panel. You can use these colors to color artwork or you can save them as swatches.

In this section you will see how to edit colors using the Live Color dialog box. You will make a copy of the Aquo logo and test colors.

With the Selection tool, click and drag a marquee selection around the Aquo Natural Energy logo and choose Edit > Copy, Edit > Paste. Move the copy down below the original logo and keep it selected.
Choose Edit > Edit Colors > Convert to CMYK. This way the yellow PMS color in the copied logo has been converted to CMYK.
Choose Edit > Edit Colors > Recolor Artwork. This will open the Live Color dialog box and allow you to edit the colors in the logo.

The Live Color dialog box should appear, so keep it open for the next steps.

You use the Live Color dialog box to create and edit color groups, as well as reassign or reduce the colors in your artwork. All of the color groups that you create for a particular document appear in the Color Groups storage area of the Live Color dialog box (as well as the Swatches panel). You can select and use these color groups at anytime.
In the Live color dialog box, click on the Hide Color Group Storage icon on the right side of the dialog box. This will hide the color groups storage area for now.
Click on the Edit tab to edit the colors in the artwork using a color wheel.

Hide Color Groups storage area.
Click on the Color Mode button and choose CMYK from the menu (if the CMYK sliders are not already visible.)

Choose CMYK from the color mode drop down menu.
While still in the Live Color dialog box, click on the Link Harmony Colors icon to link all of the colors together (if you see a link icon, then they are already linked). This way if you make an edit to one color, it will affect the others. These are called Harmony colors.
Holding the Shift key, click and drag the yellow color circle to the left into the green area of the color wheel. Drag the Brightness slider to the right to make the colors brighter overall. This will perform a global adjustment. Keep the Live Color dialog box open.

Link the colors, adjust the yellow color, change the brightness.

Close up.

A. Color display options.
B. Color of selected color marker or color bar.
C. Recolors selected artwork when checked.
D. Show saturation and hue on Wheel.
E. Color Mode button.
F. Color Group To Colors In A Swatch Library button.
G. Unlink harmony colors.
H. Add and subtract color marker tools.

Adobe Photoshop Keyboard Shortcuts Part 7

2007-06-17T20:46:00.001+07:00

Function keys

Result	Windows	Mac OS
Invoke Help	F1	Help key
Undo/Redo*		F1
Cut*	F2	F2
Copy*	F3	F3
Paste*	F4	F4
Show/Hide Brushes palette* Show/Hide Slice palette§	F5	F5
Show/Hide Color palette	F6	F6
Show/Hide Layers palette	F7	F7
Show/Hide Info palette	F8	F8
Show/Hide Actions palette*	F9	Option + F9*, Control + F9§
Show/Hide Optimize palette§	F10	Control + F10
Show/Hide Animation palette§	F11	Control + F11
Revert	F12	F12
Fill*	Shift + F5	Shift + F5
Feather Selection*	Shift + F6	Shift + F6
Inverse Selection*	Shift + F7	Shift + F7
* Not in ImageReady § ImageReady only

Keys for working with Adobe Bridge

This is not a complete list of keyboard shortcuts. This table lists only those shortcuts that are not displayed in menu commands or tool tips.

Result	Windows	Mac OS
Open Adobe Bridge from other Creative Suite application	Control + Alt + O, Control + Shift + O	Command + Option + O, Command + Shift + O
Switch to the next open Bridge window	Control + ~	Command + ~
Switch to previous Bridge window	Shift + Control + ~	Shift + Command + ~
Switches to the next view (As Thumbnails. As Filmstrip, As Details, or As Versions And Alternates)	Control + \	Command + \
Switch to user-defined workspaces	Control + F6 through Control + F12	Command + F6 through Command + F12
Switch to previous view	Shift + Control + \	Shift + Command + \
Show all files	Alt + Control + F	Option + Command + F
Show files with 1 or more stars	Alt + Control + 1	Option + Command + 1
Show files with 2 or more stars	Alt + Control + 2	Option + Command + 2
Show files with 3 or more stars	Alt + Control + 3	Option + Command + 3
Show files with 4 or more stars	Alt+Control+4	Option + Command + 4
Show files with 5 stars	Alt + Control + 5	Option + Command + 5
Show files with label 1	Alt + Control + 6	Option + Command + 6
Show files with label 2	Alt + Control + 7	Option + Command + 7
Show files with label 3	Alt + Control + 8	Option + Command + 8
Show files with label 4	Alt + Control + 9	Option + Command + 9
Open selected image in the Camera Raw dialog box in Bridge	Control + R	Command + R
Open selected image with saved camera raw settings in Photoshop	Shift + Control + O	Shift + Command + O
Copy camera raw settings from selected file	Alt + Control + C	Option + Command + C
Paste camera raw settings into selected file	Alt + Control + V	Option + Command + V
Mark selected Version Cue file as in use	Shift + Control + M	Shift + Command + M
Synchronize local view and server view of selected Version Cue file	Shift + Control + B	Shift + Command + B
Make selected Version Cue files alternates of each other.	Shift + Control + G	Shift + Command + G
Create saved version of selected Version Cue file	Shift + Control + V	Shift + Command + V
Open Version Cue Versions dialog box	Shift + Alt + Control + V	Shift + Option + Command + V
Return to last application that launched Bridge	Alt + Control + O	Option + Command + O
Delete selected file	Control + Backspace	Command + Backspace
Move up a folder (in folder view) or a row	Up Arrow	Up Arrow
Move down a folder (in folder view) or a row	Down Arrow	Down Arrow
Move up a level (in folder view)	Control + Up Arrow	Command + Up Arrow
Move left one item	Left Arrow	Left Arrow
Move right one item	Right Arrow	Right Arrow
Move to the first item	Home	Home
Move to the last item	End	End
Add to selection (discontiguous)	Control-click	Command-click
Refresh tree and thumbnail panes	F5	F5
Add an item to the selection	Shift + Right Arrow, Left Arrow, Up Arrow, or Down Arrow	Shift + Right Arrow, Left Arrow, Up Arrow, or Down Arrow
Rotate image clockwise	Control + ]	Command + ]
Rotate image counterclockwise	Control + [	Command + [
Launch File Bridge in maximized state and	Control-click the Open Bridge icon in the	Command-click the Open Bridge icon in the
auto-hide palettes	options bar	options bar
Open File Info dialog box	Control + Alt + I	Command + Option + I
Display Help	F1	F1

Keys for selecting in Version Cue

Result	Windows	Mac OS
Select all	A + Control-click	A + Command-click
Select entries (selective)	Control-click	Command-click
Select entries (range)	Shift-click	Shift-click
Select next entry	Down Arrow	Down Arrow
Select previous entry	Up Arrow	Up Arrow
Select next entry (additive)	Shift + Down arrow	Shift + DownAarrow
Select previous entry (additive)	Shift + Up Arrow	Shift + Up Arrow
Select first entry	Page Up or Home	Page Up or Home
Select last entry	Page down or home	Page Down or Home

Keys for navigation in Version Cue

Result	Windows	Mac OS
Open folder	Control + O	Command + O
New folder	Control + N	Command + N
Up one level	Backspace	Command + Up Arrow
Open selected file	Enter	Return
Delete selected file or files	Delete	Command + backspace
Cancel dialog	Escape	Escape

Keys for viewing in Version Cue

Result	Windows	Mac OS
Details	Control + 1	Command + 1
Icons	Control + 2	Command + 2
Thumbnails	Control + 3	Command + 3
Tiles	Control + 4	Command + 4

Adobe Photoshop Keyboard Shortcuts Part 6

2007-06-17T20:44:00.001+07:00

Keys for using the Info palette

Result	Windows	Mac OS
Change color readout modes*	Click eyedropper icon	Click eyedropper icon
Change measurement units*	Click cross-hair icon	Click cross-hair icon
* Not in ImageReady

Keys for using the Layer Comps palette

Result	Windows	Mac OS
Create new layer comp + box	Alt-click Create New Layer Comp button	Option-click Create New Layer Comp button
Opens Layer Comp Options dialog box	Double-click layer comp	Double-click layer comp
Rename inline	Double-click layer comp name	Double-click layer comp name
Select/deselect multiple contiguous layer comps	Shift-click	Shift-click
Select/deselect multiple discontiguous layer comps	Control-click	Command-click

Keys for using the Layers palette

Result	Windows	Mac OS
Load layer transparency as a selection	Control-click layer thumbnail	Command-click layer thumbnail
Group layers	Control + G	Command + G
Ungroup layers	Control + Shift + G	Command-Shift + G
Create/release clipping mask	Control + Alt + G	Command-Option + G
Select all layers	Control + Alt + A	Command + Option + A
Merge visible layers	Control + Shift + E	Command + Shift + E
Create new empty layer with dialog	Alt-click New Layer button	Option-click New Layer button
Create new layer below target layer	Control-click New Layer button	Command-click New Layer button
Select top layer	Alt + . (period)	Option + . (period)
Select bottom layer	Alt + , (comma)	Option + , (comma)
Add to layer selection in Layers palette	Shift + Alt + [ or ]	Shift + Option + [ or ]
Select next layer down/up	Alt + [ or ]	Option + [ or ]
Move target layer down/up	Control + [ or ]	Command + [ or ]
Merge a copy of all visible layers into target layer	Control + Shift + Alt + E	Command + Shift + Option + E
Merge down	Control + E	Command + E
Move layer to bottom or top	Control + Shift + [ or ]	Command + Shift + [ or ]
Pass through blending mode for group	Shift + Alt + P	Shift + Option + P
Copy current layer to layer below	Alt + Merge Down command from the palette pop-up menu	Option + Merge Down command from the palette pop-up menu
Copy all visible layers to new layer at top of stack	Alt + Merge Visible command from the palette pop-up menu	Option + Merge Visible command from the palette pop-up menu
Show/hide this layer/layer group only or all layers/layer groups	Right-click the eye icon	Control-click the eye icon
Show/hide all other currently visible layers	Alt-click the eye icon	Option-click the eye icon
Toggle lock transparency for target layer, or last applied lock	/ (forward slash)	/ (forward slash)
Edit layer effect/style, options	Double-click layer effect/style	Double-click layer effect/style
Hide layer effect/style	Alt-double-click layer effect/style	Option-double-click layer effect/style
Reveal/hide all layers and effects§	Alt-click layer group expansion triangle	Option-click layer group expansion triangle
Edit layer style	Double-click layer	Double-click layer
Disable/enable vector mask	Shift-click vector mask thumbnail	Shift-click vector mask thumbnail
Open Layer Mask Display Options dialog	Double-click layer mask thumbnail	Double-click layer mask thumbnail
Toggle layer mask on/off	Shift-click layer mask thumbnail	Shift-click layer mask thumbnail
Toggle between layer mask/composite image	Alt-click layer mask thumbnail	Option-click layer mask thumbnail
Toggle rubylith mode for layer mask on/off*	\ (backslash), or Shift + Alt-click	\ (backslash), or Shift + Option-click
Select all type; temporarily select type tool	Double-click type layer thumbnail	Double-click type layer thumbnail
Create a clipping mask	Alt-click the line dividing two layers	Option-click the line dividing two layers
Rename layer	Double-click the layer name	Double-click the layer name
Create new layer set below current layer/layer set	Control-click New Layer Set button	Command-click New Layer Set button
Create new layer set with dialog	Alt-click New Layer Set button	Option-click New Layer Set button
Create layer mask that hides all/selection	Alt-click Add Layer Mask button	Option-click Add Layer Mask button
Create vector mask that reveals all/selection	Control-click Add Layer Mask button	Command-click Add Layer Mask button
Create vector mask that hides all/selection	Control + Alt-click Add Layer Mask button	Command + Option-click Add Layer Mask button
Display layer group properties	Right-click on layer group, Double-click group	Control-click the layer group, double-click group
Display layer options§	Alt + double-click layer	Option + double-click layer
Select/deselect multiple contiguous layers	Shift-click	Shift-click
Select/deselect multiple discontiguous layers	Control-click	Command-click
* Not in ImageReady § ImageReady only

Keys for using the Paths palette

Result	Windows	Mac OS
Add path to selection	Control + Shift-click path name	Command + Shift-click path name
Subtract the path from selection	Control + Alt-click path name	Command + Option-click path name
Retain intersection of path as a selection	Control + Shift + Alt-click path name	Command + Shift + Option-click path name
Hide path	Control + Shift + H	Command + Shift + H
Set options for Fill Path with Foreground Color button, Stroke Path with Brush button, Load Path as a Selection button, Make Work Path from Selection button, and Create New Path button	Alt-click button	Option-click button

Keys for using the Swatches palette

Result	Windows	Mac OS
Create new swatch from foreground color*	Click in empty area of palette	Click in empty area of palette
Select background color	Control-click swatch	Command-click swatch
Delete color	Alt-click swatch	Option-click swatch
Select multiple contiguous colors§	Shift-click on a second color	Shift-click on a second color
Select multiple discontiguous colors§	Control-click on multiple colors	Command-click on multiple colors
* Not in ImageReady § ImageReady only

Keys for using the Web Content palette (ImageReady)

Result	Windows	Mac OS
Edit image map name and show Image Map palette	Double-click image map thumbnail	Double-click image map thumbnail
Edit mouse action for rollover state	Double-click rollover state thumbnail	Double-click rollover state thumbnail
Edit image slice name and show Slice palette	Double-click image slice thumbnail	Double-click image slice thumbnail
Toggle visibility of animation frames	Right-click state with an animated frame icon and select new state from context menu	Control-click state with an animated frame icon and select new state from context menu
Create an image map rollover	Control-click Create Layer-based Rollover button	Command-click Create Layer-based Roll over button

Adobe Photoshop Keyboard Shortcuts Part 5

2007-06-17T20:43:00.001+07:00

Keys for using palettes

This is not a complete list of keyboard shortcuts. This table lists only those shortcuts that are not displayed in menu commands or tool tips.

Result	Windows	Mac OS
Set options (except for Actions, Animation, Styles, Brushes, Tool Presets, and Layer Comps palettes)	Alt-click New button	Option-click New button
Delete without confirmation (except for the Brushes* palette)	Alt-click Delete button	Option-click Delete button
Apply value and keep text box active*	Shift + Enter	Shift + Return
Load as a selection	Control-click channel, layer, or path thumbnail. Control + Alt-click layer in ImageReady	Command-click channel, layer, or path thumbnail. Command + Option-click layer in ImageReady
Add to current selection	Control + Shift-click channel, layer, or path thumbnail. Control + Shift + Alt-click layer in ImageReady	Command + Shift-click channel, layer, or path thumbnail. Command + Shift + Option-click layer in ImageReady
Subtract from current selection*	Control + Alt-click channel, path, or layer thumbnail	Command + Option-click channel, path, or layer thumbnail
Intersect with current selection*	Control + Shift + Alt-click channel, path or layer thumbnail	Command + Shift + Option-click channel, path, or layer thumbnail
Show/Hide all palettes	Tab	Tab
Show/Hide all palettes except the toolbox and options bar	Shift + Tab	Shift + Tab
Highlight options bar	Select tool and press Enter	Select tool and press Return
Increase/decrease units by 10 in a pop-up menu	Shift + Up Arrow/Down Arrow	Shift + Up Arrow/Down Arrow
* Not in ImageReady

Keys for using the Actions palette

Result	Windows	Mac OS
Turn command on and all others off, or turns all commands on*	Alt-click the check mark next to a command	Option-click the check mark next to a command
Turn current modal control on and toggle all other modal controls*	Alt-click	Option-click
Change action set options	Alt + double-click action set	Option + double-click action set
Display Options dialog box	Double-click set or actions. Alt + doubleclick set or action in ImageReady	Double-click set or actions. Alt + doubleclick set or action in ImageReady
Play entire action	Control + double-click an action	Command + double-click an action
Collapse/expand all components of an action	Alt-click the triangle	Option-click the triangle
Play a command	Control-click the Play button	Command-click the Play button
Create new action and begin recording without confirmation	Alt-click the New Action button	Option-click the New Action button
Select contiguous items of the same kind*	Shift-click the action/command	Shift-click the action/command
Select non-contiguous items of the same kind*	Control-click the action/command	Command-click the action/command
* Not in ImageReady

Keys for using the Animation palette

Result	Windows	Mac OS
Select/deselect multiple contiguous frames	Shift-click on second frame	Shift-click on second frame
Select/deselect multiple discontiguous frames	Control-click on multiple frames	Command-click multiple frames
Paste using previous settings without displaying the dialog	Alt + Paste Frames command from the palette pop-up menu	Option + Paste Frames command from the palette pop-up menu

Keys for using the Brushes palette

Result	Windows	Mac OS
Delete brush*	Alt-click brush	Option-click brush
Rename brush*	Double-click brush	Double-click brush
Decrease/increase brush size*	[ or ]	[ or ]
Decrease/increase brush softness/hardness in 25% increments*	Shift + [ or ]	Shift + [ or ]
Select previous/next brush size*	, (comma) or . (period)	, (comma) or . (period)
Select previous/next brush size§	[ or ]	[ or ]
Select first/last brush*	Shift + , (comma) or . (period)	Shift + , (comma) or . (period)
Select first/last brush§	Shift + [ or ]	Shift + [ or ]
Display precise cross hair for brushes	Caps Lock	Caps Lock
Toggle airbrush option*	Shift + Alt + P	Shift + Option + P
* Not in ImageReady § ImageReady only

Keys for using the Channels palette

Result	Windows	Mac OS
Set options for Save Selection as Channel button	Alt-click button	Option-click button
Create a new spot channel	Control-click Create New Channel button	Command-click Create New Channel button
Select/deselect multiple color-channel selection	Shift-click color channel	Shift-click color channel
Select/deselect alpha channel and show/hide as a rubylith overlay	Shift-click alpha channel	Shift-click alpha channel
Display channel options	Double-click alpha or spot channel thumbnail	Double-click alpha or spot channel thumbnail
Display composite	~ (tilde)	~ (tilde)

Keys for using the Color palette

Result	Windows	Mac OS
Select background color	Alt-click color in color bar	Option-click color in color bar
Display Color Bar menu	Right-click color bar	Control-click color bar
Cycle through color choices	Shift-click color bar	Shift-click color bar

Keys for using the Color Table palette (ImageReady)

Result	Windows	Mac OS
Select background color	Alt-click swatch	Option-click swatch
Select multiple contiguous colors; last color clicked becomes foreground color	Shift-click a second swatch	Shift-click a second swatch
Select discontiguous colors; last color clicked becomes foreground color	Control-click multiple swatches	Command-click multiple swatches
Add current background color	Alt-click New Color button or drag color proxy from Tools palette onto color table	Option-click New Color button or drag color proxy from Tools palette onto color table
Add current foreground color	Click New Color button or drag color proxy from Tools palette to New Color button	Click New Color button or drag color proxy from Tools palette to New Color button

Keys for using the History palette

Result	Windows	Mac OS
Rename snapshot*	Double-click snapshot name	Double-click snapshot name
Step forward through image states	Control + Shift + Z	Command + Shift + Z
Step backward through image states*	Alt + Shift + Z	Option + Shift + Z
Duplicate any image state, except the current state*	Alt-click the image state	Option-click the image state
Permanently clear history (no Undo)*	Alt + Clear History (in History palette pop-up menu)	Option + Clear History (in History palette pop-up menu)
* Not in ImageReady

Adobe Photoshop Keyboard Shortcuts Part 4

2007-06-17T20:37:00.001+07:00

Keys for transforming selections, selection borders, and paths

This is not a complete list of keyboard shortcuts. This table lists only those shortcuts that are not displayed in menu commands or tool tips.

Result	Windows	Mac OS
Transform from center or reflect	Alt	Option
Constrain	Shift	Shift
Distort	Control	Command
Apply	Enter	Return
Cancel	Control + . (period) or Esc	Command + . (period) or Esc
Free transform with duplicate data	Control + Alt + T	Command + Option + T
Transform again with duplicate data	Control + Shift + Alt + T	Command + Shift + Option + T

Keys for selecting, editing, and navigating through text

This is not a complete list of keyboard shortcuts. This table lists only those shortcuts that are not displayed in menu commands or tool tips.

Result	Windows	Mac OS
Move type in image	Control-drag type when Type layer is selected	Command-drag type when Type layer is selected
Select 1 character left/right or 1 line	Shift + Left Arrow/Right Arrow or Down	Shift + Left Arrow/Right Arrow or Down
down/up, or 1 word left/right	Arrow/Up Arrow, or Control + Shift + Left Arrow/Right Arrow	Arrow/Up Arrow, or Command + Shift + Left Arrow/Right Arrow
Select characters from insertion point to mouse click point	Shift-click	Shift-click
Move 1 character left/right, 1 line down/up, or 1 word left/right	Left Arrow/Right Arrow, Down Arrow/Up Arrow, or Control + Left Arrow/Right Arrow	Left Arrow/Right Arrow, Down Arrow/Up Arrow, or Command + Left Arrow/Right Arrow
Create a new text layer, when a text layer is selected in the Layers palette	Shift-click	Shift-click
Select word, line, paragraph, or story	Double-click, triple-click, quadruple-click, or quintuple-click	Double-click, triple-click, quadruple-click, or quintuple-click
Show/Hide selection on selected type	Control + H	Command + H
Display the bounding box for transforming text when editing text, or activate Move tool if cursor is inside the bounding box*	Control	Command
Scale text within a bounding box when resizing the bounding box*	Control-drag a bounding box handle	Command-drag a bounding box handle
Move text box while creating text box	Spacebar-drag	Spacebar-drag
* Not in ImageReady

Keys for formatting type

This is not a complete list of keyboard shortcuts. This table lists only those shortcuts that are not displayed in menu commands or tool tips.

Result	Windows	Mac OS
Align left, center, or right*	Horizontal type tool + Control + Shift + L, C, or R	Horizontal type tool + Command + Shift + L, C, or R
Align top, center, or bottom*	Vertical type tool + Control + Shift + L, C, or R	Vertical type tool + Command + Shift + L, C, or R
Return to default font style	Control + Shift + Y	Command + Shift + Y
Choose 100% horizontal scale*	Control + Shift + X	Command + Shift + X
Choose 100% vertical scale*	Control + Shift + Alt + X	Command + Shift + Option + X
Choose Auto leading*	Control + Shift + Alt + A	Command + Shift + Option + A
Choose 0 for tracking*	Control + Shift + Q	Command + Control + Shift + Q
Justify paragraph, left aligns last line*	Control + Shift + J	Command + Shift + J
Justify paragraph, justifies all*	Control + Shift + F	Command + Shift + F
Toggle paragraph hyphenation on/off*	Control + Shift + Alt + H	Command + Control + Shift + Option + H
Toggle single/every-line composer on/off*	Control + Shift + Alt + T	Command + Shift + Option + T
Decrease or increase type size of selected text 2 points or pixels	Control + Shift + < or >†	Command + Shift + < or >†
Decrease or increase leading 2 points or pixels	Alt + Down Arrow or Up Arrow††	Option + Down Arrow or Up Arrow††
Decrease or increase baseline shift 2 points or pixels	Shift + Alt + Down Arrow or Up Arrow††	Shift + Option + Down Arrow or Up Arrow††
Decrease or increase kerning/tracking 20/1000 ems	Alt + Left Arrow or Right Arrow††	Option + Left Arrow or Right Arrow††
* Not in ImageReady †Hold down Alt (Win) or Option (Mac OS) to decrease/increase by 10 ††Hold down Ctrl (Windows) or Command (Mac OS) to decrease/increase by 10

Keys for slicing and optimizing

Result	Windows	Mac OS
Toggle browser dither for selected image pane in Optimized view§	Control + Shift + Y	Command + Shift + Y
Toggle through gamma previews in selected image pane§	Control + Alt + Y	Command + Option + Y
Toggle through Optimized/2up/4up/Original window§	Control + Y	Command + Y
Toggle between Slice tool and Slice Selection tool	Control	Command
Draw square slice	Shift-drag	Shift-drag
Draw from center outward	Alt-drag	Option-drag
Draw square slice from center outward	Shift + Alt-drag	Shift + Option-drag
Reposition slice while creating slice	Spacebar-drag	Spacebar-drag
Open context-sensitive menu	Right-click on slice	Control-click on slice
§ ImageReady only

Adobe Photoshop Keyboard Shortcuts Part 3

2007-06-17T20:36:00.001+07:00

Keys for viewing images

This is not a complete list of keyboard shortcuts. This table lists only those shortcuts that are not displayed in menu commands or tool tips.

Result	Windows	Mac OS
Cycles through open documents	Control + Tab	Control + Tab
Close a file in Photoshop and open Bridge	Shift-Control-W	Shift-Command-W
Toggle between Standard mode and Quick mask mode*	Q	Q
Toggle between Standard screen mode, Full screen mode, and Full screen mode with menu bar	F	F
Toggle image maps visibility§	A	A
Toggle slices visibility§	Q	Q
Preview document§	Y	Y
Preview in default browser§	Control + Alt + P	Command + Option + P
Edit in ImageReady* Edit in Photoshop§	Control + Shift + M	Command + Shift + M
Fit image in window	Double-click Hand tool	Double-click Hand tool
Magnify 100%	Double-click zoom tool	Double-click zoom tool
Switch to Hand tool (when not in text-edit mode)	Spacebar	Spacebar
Switch to Zoom In tool	Control + Spacebar	Command + Spacebar
Switch to Zoom Out tool	Alt + Spacebar	Option + Spacebar
Move zoom marquee while dragging with the zoom tool*	Spacebar-drag	Spacebar-drag
Apply zoom percentage, and keep zoom percentage box active*	Shift + Enter in Navigator palette	Shift + Return in Navigator palette
Zoom in on specified area of an image*	Control-drag over preview in Navigator palette	Command-drag over preview in Navigator palette
Scroll image with Hand tool*	Spacebar-drag, or drag view area box in Navigator palette	Spacebar-drag, or drag view area box in Navigator palette
Scroll up or down 1 screen	Page Up or Page Down†	Page Up or Page Down†
Scroll up or down 10 units	Shift + Page Up or Page Down†	Shift + Page Up or Page Down†
Move view to upper left corner or lower right corner	Home or End	Home or End
Toggle layer mask on/off as rubylith*	\ (backslash)	\ (backslash)
* Not in ImageReady § ImageReady only †Hold down Ctrl (Windows) or Command (Mac OS) to scroll left (Page Up) or right (Page Down)

Keys for selecting and moving objects

This is not a complete list of keyboard shortcuts. This table lists only those shortcuts that are not displayed in menu commands or tool tips.

Result	Windows	Mac OS
Reposition marquee while selecting‡	Any marquee tool (except single column and single row) + spacebar-drag	Any marquee tool (except single column and single row) + spacebar-drag
Add to, or intersect a selection	Any selection tool + Shift-drag	Any selection tool + Shift-drag
Subtract from a selection	Any selection tool + Alt-drag	Any selection tool + Option-drag
Intersect a selection	Any selection tool + Shift-Alt-drag	Any selection tool + Shift-Option-drag
Constrain marquee to square or circle (if no other selections are active)‡	Shift-drag	Shift-drag
Draw marquee from center (if no other selections are active)‡	Alt-drag	Option-drag
Constrain shape and draw marquee from center‡	Shift + Alt-drag	Shift + Option-drag
Switch to Move tool	Control (except when Hand, Slice, Path, Shape, Rectangle Image map§, Circle Image Map§, Polygon Image Map§, or any Pen* tool is selected)	Command (except when Hand, Slice, Path, Shape, Rectangle Image map§, Circle Image Map§, Polygon Image Map§, or any Pen* tool is selected)
Switch from Magnetic Lasso tool to Lasso tool*	Alt-drag	Option-drag
Switch from Magnetic Lasso tool to polygonal Lasso tool*	Alt-click	Option-click
Apply/cancel an operation of the Magnetic Lasso*	Enter/Esc or Control + period	Return/Esc or Command + period
Move copy of selection	Move tool + Alt-drag selection‡	Move tool + Option-drag selection‡
Move selection area 1 pixel	Any selection + Right Arrow, Left Arrow, Up Arrow, or Down Arrow†	Any selection + Right Arrow, Left Arrow, Up Arrow, or Down Arrow†
Move selection 1 pixel	Move tool + Right Arrow, Left Arrow, Up Arrow, or Down Arrow†‡	Move tool + Right Arrow, Left Arrow, Up Arrow, or Down Arrow†‡
Move layer 1 pixel when nothing selected on layer on layer	Control + RightArrow, LeftArrow, UpArrow, or Down Arrow†	Command + Right Arrow, Left Arrow, Up Arrow, or Down Arrow†
Increase/decrease detection width*	Magnetic Lasso tool + [ or ]	Magnetic Lasso tool + [ or ]
Accept cropping or exit cropping	Crop tool + Enter or Esc	Crop tool + Return or Esc
Toggle crop shield off and on*	/ (forward slash)	/ (forward slash)
Make protractor*	Measure tool + Alt-drag end point	Measure tool + Option-drag end point
Snap guide to ruler ticks (*except when View > Snap is unchecked)	Shift-drag guide	Shift-drag guide
Convert between horizontal and vertical guide	Alt-drag guide	Option-drag guide
* Not in ImageReady
§ ImageReady only
†Hold down Shift to move 10 pixels
‡Applies to shape tools

Keys for editing paths

This is not a complete list of keyboard shortcuts. This table lists only those shortcuts that are not displayed in menu commands or tool tips.

Result	Windows	Mac OS
Select multiple anchor points	Direct selection tool + Shift-click	Direct selection tool + Shift-click
Select entire path	Direct selection tool + Alt-click	Direct selection tool + Option-click
Duplicate a path	Pen (any pen tool), Path Selection or Direct Selection tool + Control + Alt-drag	Pen (any pen tool), Path Selection or Direct Selection tool+ Command + Option-drag
Switch from Path Selection, Pen, Add Anchor Point, Delete Anchor Point, or Convert Point tools, to Direct Selection tool	Control	Command
Switch from Pen tool or Freeform Pen tool to Convert Point tool when pointer is over anchor or direction point	Alt	Option
Close path	Magnetic Pen tool-double-click	Magnetic Pen tool-double-click
Close path with straight-line segment	Magnetic Pen tool + Alt-double-click	Magnetic Pen tool + Option-double-click

Keys for painting objects

This is not a complete list of keyboard shortcuts. This table lists only those shortcuts that are not displayed in menu commands or tool tips.

Result	Windows	Mac OS
Eyedropper tool	Any painting tool + Alt or any shape tool + Alt (*except when Paths option is selected)	Any painting tool + Option or any shape tool + Option (*except when Paths option is selected)
Select background color	Eyedropper tool + Alt-click	Eyedropper tool + Option-click
Color sampler tool*	Eyedropper tool + Shift	Eyedropper tool + Shift
Deletes color sampler*	Color sampler tool + Alt-click	Color sampler tool + Option-click
Sets opacity, tolerance, strength, or exposure for painting mode	Any painting or editing tool + number keys (e.g., 0 = 100%, 1 = 10%, 4 then 5 in quick succession = 45%) (*When airbrush option is enabled, use Shift + number keys)	Any painting or editing tool + number keys (e.g., 0 = 100%, 1 = 10%, 4 then 5 in quick succession = 45%) (*When airbrush option is enabled, use Shift + number keys)
Sets flow for painting mode*	Any painting or editing tool + Shift + number keys (e.g., 0 = 100%, 1 = 10%, 4 then 5 in quick succession = 45%) (*When airbrush option is enabled, omit Shift)	Any painting or editing tool + Shift + number keys (e.g., 0 = 100%, 1 = 10%, 4 then 5 in quick succession = 45%) (*When airbrush option is enabled, omit Shift)
Cycles through blending modes	Shift + + (plus) or – (minus)	Shift + + (plus) or – (minus)
Fills selection/layer with foreground or background color	Alt + Backspace, or Control + Backspace†	Option + Delete, or Command + Delete†
Fills from history*	Control + Alt + Backspace†	Command + Option + Delete†
Displays Fill dialog box	Shift + Backspace	Shift + Delete
Lock transparent pixels on/off	/ (forward slash)	/ (forward slash)
Connects points with a straight line	Any painting tool + Shift-click	Any painting tool + Shift-click
* Not in ImageReady
§ ImageReady only
†Hold down Shift to preserve transparency

Adobe Photoshop Keyboard Shortcuts Part 2

2007-06-17T08:32:00.001+07:00

Keys for using the Filter Gallery

Result	Windows	Mac OS
Apply a new filter on top of selected	Alt-click on a filter	Option-click on a filter
Open/close all disclosure triangles	Alt-click on a disclosure triangle	Option-click on a disclosure triangle
Change Cancel button to Default	Control	Command
Change Cancel button to Reset	Alt	Option
Undo/Redo	Control + Z	Command + Z
Step forward	Control + Shift + Z	Command + Shift + Z
Step backward	Control + Alt + Z	Command + Option + Z

Keys for using the Camera Raw dialog box

Result

Windows

Mac OS

Zoom tool

Z

Z

Hand tool

H

H

White Balance tool

I

I

Color Sampler tool

S

S

Straighten tool

A

A

Rotate image left

L

L

Rotate image right

R

R

Zoom in

Control + - (hyphen)

Command + - (hyphen)

Zoom out

Control + + (plus)

Command + + (plus)

Zoom In tool temporarily (except in Curves panel)

Control

Command

White Balance tool (temporarily

Shift

Shift

Select multiple points in Curves panel

Click the first point, Shift-click additional points

Click the first point, Shift-click additional points

Add point to curve in Curves panel

Control-click in preview

Control-click in preview

Move selected point in Curves panel (1 unit) Move selected point in Curves panel (10 units)

Arrow keys

Arrow keys

Open selected images in Camera Raw dialog box from Bridge

Control + R

Command + R

Open selected images from Bridge bypassing Camera Raw dialog

Control + O

Command + O

Change Cancel button to Reset and Save button to bypass Save dialog

Alt

Option

Display highlights that will be clipped in Preview

Alt-drag Exposure or Shadows sliders

Option-drag Exposure or Shadows sliders

Skip file conversion when selecting multiple files (turn OK button to Skip)

Shift

Shift

Keys for using Photomerge

Result

Windows

Mac OS

Select Image tool

A

A

Rotate Image tool

R

R

Set Vanishing Point tool

V

V

Zoom tool

Z

Z

Hand tool

H

H

Switch to Hand tool

Spacebar

Spacebar

Step backward

Control + Z

Command + Z

Step forward

Control + Shift + Z

Command + Shift + Z

Move selected image 1 pixel

Right Arrow, Left Arrow, Up Arrow, or Down Arrow

Right Arrow, Left Arrow, Up Arrow, or Down Arrow

Change Cancel to Reset

Alt

Option

Show individual image border

Alt-move pointer over image

Option-move pointer over image

Keys for using Vanishing Point

Result

Windows

Mac OS

Zoom tool

Z

Z

Zoom 2x (temporary)

X

X

Hand tool

H

H

Switch to Hand tool (temporary)

Spacebar

Spacebar

Zoom in

Control + + (plus) Control + spacebar

Command + + (plus), Command + spacebar

Zoom out

Control + - (hyphen), Alt + spacebar

Command + -(hyphen), Option + spacebar

Fit in view

Control + 0 (zero), Double-click Hand tool

Command + 0 (zero), Double-click Hand tool

Zoom to center at 100%

Double-click Zoom tool

Double-click Zoom tool

Increase brush size (Brush, Clone tools)

]

]

Decrease brush size (Brush, Clone tools)

[

[

Increase brush hardness (Brush, Clone tools)

Shift + ]

Shift + ]

Decrease brush hardness (Brush, Clone tools)

Shift + [

Shift + [

Undo last action

Control + Z

Command + Z

Redo last action

Control + Shift + D

Command + Shift + Z

Deselect all

Control + D

Command + D

Hide selection and planes

Control + H

Command + H

Move selection 1 pixel

Arrow keys

Arrow keys

Move selection 10 pixels

Shift + arrow keys

Shift + arrow keys

Copy

Control + C

Command + C

Paste

Control + V

Command + V

Repeat last duplicate and move

Control + Shift + T

Command + Shift + T

Create a floating select from the current selection

Control + Alt + T

Command + Option + T

Fill a selection with image under the pointer

Alt-drag

Option-drag

Create a duplicate of a floating selection

Control + Alt-drag

Command + Opt-drag

Constrain dragging to 90 degree angles

Shift-drag object

Shift-drag object

Select a plane under another selected plane

Control-click the plane

Command-click the pane

Render plane grids

Alt-click OK

Option-click OK

Delete last node while creating plane

Backspace

Backspace

Exit plane creation

Control + .(period)

Command + . (period)

Make a full canvas plane, square to the camera

Double-click the Create Plane tool

Double-click the Create Plane tool

Keys for working with blending modes

Result

Windows

Mac OS

Cycle through blending modes

Shift + + (plus) or – (minus)

Shift + + (plus) or – (minus)

Normal

Shift + Alt + N

Shift + Option + N

Dissolve

Shift + Alt + I

Shift + Option + I

Behind (Brush tool only)

Shift + Alt + Q

Shift + Option + Q

Clear (Brush tool only)

Shift + Alt + R

Shift + Option + R

Darken

Shift + Alt + K

Shift + Option + K

Multiply

Shift + Alt + M

Shift + Option + M

Color Burn

Shift + Alt + B

Shift + Option + B

Linear Burn

Shift + Alt + A

Shift + Option + A

Lighten

Shift + Alt + G

Shift + Option + G

Screen

Shift + Alt + S

Shift + Option + S

Color Dodge

Shift + Alt + D

Shift + Option + D

Linear Dodge

Shift + Alt + W

Shift + Option + W

Overlay

Shift + Alt + O

Shift + Option + O

Soft Light

Shift + Alt + F

Shift + Option + F

Hard Light

Shift + Alt + H

Shift + Option + H

Vivid Light

Shift + Alt + V

Shift + Option + V

Linear Light

Shift + Alt + J

Shift + Option + J

Pin Light

Shift + Alt + Z

Shift + Option + Z

Hard Mix

Shift + Alt + L

Shift + Option + L

Difference

Shift + Alt + E

Shift + Option + E

Exclusion

Shift + Alt + X

Shift + Option + X

Hue

Shift + Alt + U

Shift + Option + U

Saturation

Shift + Alt + T

Shift + Option + T

Color

Shift + Alt + C

Shift + Option + C

Luminosity

Shift + Alt + Y

Shift + Option + Y

Desaturate*

Sponge tool + Shift + Alt + D

Sponge tool + Shift + Option + D

Saturate*

Sponge tool + Shift + Alt + S

Sponge tool + Shift + Option + S

Dodge/burn shadows*

Dodge tool/Burn tool + Shift + Alt + S

Dodge tool/Burn tool + Shift + Option + S

Dodge/burn midtones*

Dodge tool/Burn tool + Shift + Alt + M

Dodge tool/Burn tool + Shift + Option + M

Dodge/burn highlights*

Dodge tool/Burn tool + Shift + Alt + H

Dodge tool/Burn tool + Shift + Option + H

Set blending mode to Threshold for bitmap images, Normal for all other images*

Shift + Alt + N

Shift + Option + N

* Not in ImageReady