Wednesday, July 13, 2011

Tools Palate


all adobe photoshop toolbars
Image Courtesy Tam Cao
1. Caps Lock switches your cursor to Plus sign for precision, while working with painting or editing tools.
2. To draw a straight line, click where you want the line to start, then go to the point where you want the line to end, hold Shift and Click.
3. Holding Ctrl will change you current tool to Move Tool, temporarily.
4. Holding Spacebar will change you current tool to Hand Tool, temporarily.
5. Holding Alt will change you current tool to Eyedropper Tool, temporarily if you are working with a painting tool.
6. Ctrl + Alt + Click and drag the image, it will create a duplication of the current image image or selection and make an overlay on top.
7. If you hold down Alt while using Burn or Dodge Tool, it switches the tool functions in between them.
8. When you are done typing with any text tool, press Ctrl+Enter, Photoshop will understand you are done.
9. Alt + Mouse Scroll changes the zoom level
10. While using Magnetic Lasso Tool, pressing Delete button will remove the previous anchor point.
11. While working with Zoom Tool, Ctrl + Spacebar = zooms in, Alt + Spacebar = zooms out.
12. Eyedropper Tool to captures foreground color, hold Alt and click, it will capture the color for background.
13. When drawing a line with Measure Tool, if you hold Alt and draw another line from the end of the first line, it will also measure the angle.
14. When using Marquee Tools, hold down Alt and it will make the click point as the center point of the selection.When using Brush Tool, or other Paint Tools, pressing the numbers on the numeral pad will alter the transparency. ([4=40%] or [press 4 then 5 will get 45%])
15. Hold Shift and press “+” or “-” it will change the layer and painting modes:
    • N = Normal
    • I = Dissolve
    • M = Multiply
    • S = Screen
    • O = Overlay
    • F = Soft Light
    • H = Hard Light
    • D = Color Dodge
    • B = Color Burn
    • K = Darken
    • G = Lighten
    • E = Difference
    • X = Exclusion
    • U = Hue
    • T = Saturation
    • C = Color
    • Y = Luminosity
    • Q = Behind 1
    • L = Threshold 2
    • R = Clear 3
    • W = Shadow 4
    • V = Midtones 4
    • Z = Highlights 4
    • (This will work with these tools: Alpha turned off, Indexed Mode, Line tool, Bucket Tools, Dodge and Burn)

Workspace

Adobe Photoshop CS5 workspace screenshot
16. When you double click the gray background area,  the “Open” command will run. (Works when no file is opened)
17. Double clicking on the title of any panel will minimize or maximize it.
18. All “Cancel” buttons in every Photoshop windows and tables, will be transformed into a “Reset” button by just holding Alt.
19. Pressing Tab will hide toolbar and panels, while Shift + Tab will only hide panels. This is one the most used trick in Photoshop.
20. Let’s have some fun, wanna change the grey background color outside the opened file, select Paint Bucket tool, hold shift and click. Voila! (works only when a file is opened)
21. Open a file and press F button, it switches among the 3 different screen modes so you can easily choose the best workspace for your current task.
22. Ctrl + Backspace and Alt + Backspace will fill in the whole image area with foreground color or background colors.
23. Pressing Shift + Backspace will pop-up the option window, Alt + Shift + Backspace and Ctrl + Shift + Backspace, will fill the image with foreground or background color but will not change the values in of the areas of alpha.
24. Ctrl+J makes a duplicate layer.
25. Ctrl + D to deselect everything, and Ctrl+Shift+D to reselect what you deselected.
26. You can show or hide a path by pressing Ctrl+shift+H
27. Pressing Ctrl+Tab allows you to toggles between opened image files.
28. Alt drag a step from a serial action can copy it to another action.
29. If you want to import an object from Illustrator to Photoshop, just Copy and Paste. Photoshop will ask you whether to import it as a vector or bitmap.
30. Double clicking the Hand Tool will provide you the largest full image preview possible.
31. Double clicking the Zoom Tool sets the zoom level to 100%.
32. Pressing X will swap the foreground and background colors.
33. Pressing D will resets the foreground and background colors to default (mostly Black and White)
34. Ctrl+Shift+N opens the new layer with a dialog box, Ctrl+Shift+Alt+N creates a new layer, no questions asked.
35. Ctrl+E Merges Layers

Photoshop CS5 Shortcuts for Professionals

All Photoshops Loading Shots
This post is also made in the same manner as the previous post. It is distributed into two sections, First Covers the shortcuts related to Tools, second section is for the Workspace (everything except tools).
Note: I’m sharing all of the tips and shortcuts shared by our Commentators, except for the ones which do not work in Adobe Photoshop CS5. I have tested all these shortcuts on Photoshop CS5 Extended.

Tools

This article is made on the footsteps of the previous one. We are first describing the shortkeys… I mean shortcuts which relate to the tools in the toolbar. Later we’ll check out everything else.
adobe photoshop tools
•  CTRL+SHIFT+ > increases and CTRL+SHIFT+ < decreases the font size when it is selected by a text tool.
By Ali Raza
•  Press and hold the shortkey of any tool, and use the newly active tool …. when you are done with it, release the shortkey, the active tool is switched back to previous one.
By Ali Raza
•  Alt+Right Click and dragging in an active document will resize the brush/pencil/eraser tools.
By RevuGuy

Quick List of Adobe Photoshop Tool Selection Shortcuts

Q = QUICK MASK
Q = MAGIC WAND
E = ERASER
R = Rotate Tool (CS5), with the new snap tools, if you hold R and rotate, after you let got it will snap back to the same tool as you had previously
T = TYPE TOOL
Y = HISTORY BRUSH
U = VECTOR SHAPE
I = EYE DROPPER
O = DODGE AND BURN
P = PEN TOOL (drawing paths)
A = PATH SELECTION TOOL
S = STAMP TOOL (clone)
G = PAINT BUCKET/GRADIENT TOOL
H = HAND
J = HEALING BRUSH
L = LASSO
Z = ZOOM
X = SWAP BACKGROUND AND FOREGROUND
C = CROP
V = MOVE TOOL
B = BRUSH
N = NOTES
M = MARQUEE
[ = Make brush smaller
] = Make brush bigger
By Robert Whetton
•  SHIFT + (key of tool) will switch between that tool family. ALT+Click on tool do the same function.
By Ali Raza
•   Alt+Delete Fills the selection or layer with foreground color. Ctrl+Delete Fills the selection or layer with background color.
•   Alt+Shift+Delete Fills the selection or layer with foreground color while preserving transparency. Ctrl+Shift+Delete Fills the selection or layer with background color preserving transparency.
•   Shift+F5 Opens the Fill Dialog Box

Text

•   Ctrl+H Manipulates the visibility of currently selected text.
•   Ctrl+Shift+B Makes the text Bold
•   Ctrl+Shift+I Italic
•   Ctrl+Shift+U Underline
•   Ctrl+Shift+? Strikethrough
•  Ctrl+Shift+K All Block Letters
•  Ctrl+Shift+H All Small Caps (Block Letters in smaller font size)
•  Ctrl+Shift+= SuperScript
•   Ctrl+Shift+- SubScript
•   Ctrl+Shift+L Aligns the text to left.
•   Ctrl+Shift+R Aligns right.
•   Ctrl+Shift+C Aligns Center.
•   Ctrl+Shift+J Justified Alignment.
•   Ctrl+Shift+F Forced Justified.


Workspace

Now These are the shortkeys….. shortcut keys which which relate to everything except tools.
Photoshop Learning Tutorial and Shortcuts
An Image Stolen From Designzzz Upcoming Book.
•  CTRL + Click on a layer thumbnail in the layers panel to select the contents (works well for alpha channel selections).
•  CTRL + 1 or 2 or 3 to show only Red, Green or Blue color channels respectively (1, 2, 3, 4 for CMYK mode).
•  CTRL + 4 (RGB)/5(CMYK) and up to show only alpha channels in the order they were created in.
•  CTRL + Z is undo/redo, everyone knows that, but for stepping back more than one step, CTRL + ALT + Z steps back through history…CTRL + ALT + Y.
By ~AR
•  CTRL+J duplicates the current Layer while you have nothing selected.
If you have any active selection and press CTRL+J, the selected area will be copied to the new layer. If you press SHIFT+CTRL+J when you have something selected, it will be cut out and put on a new layer.
•  Scrolling (with your mouse scroll) moves the document up and down. CTRL+Scroll moves it left and right.
•  ALT+Click on the visibility icon of a layer to hide all other layers.
•  CTRL+TAB to switch between open windows.
By Paratron
•  Ctrl+Alt+Shift+E will merge all visible layers into the newly created layer. Also Ctrl+E will merge selected layers.
By Blair
•  Ctrl+Alt+2 It selects tonal range higher than 50% (look at the histogram).
You can easily reverse it with Ctrl+Shift+I
By Stoyan Kostov
•  ALT+[ GO DOWN THROUGH LAYERS ALT+] GO UP
•  CTRL+[ MOVE TARGET LAYER DOWN CTRL+] MORE TARGET LAYER UP
By Ali Raza
•  Ctrl+[ Moves layer downwards. Ctrl+] Moves layer upwards.
•  Ctrl+Shift+[ Moves the layer to the bottom of current group. Ctrl+Shift+] Moves the layer to the top of current group.
•  Ctrl+J Duplicates the layer, you know that. Ctrl+Shift+J Duplicates layer or selection with the Cut function.
•  Alt+ (any) Arrow Key Duplicates the layer or selection by 1 pixel.  Alt+Shift+Arrow Key Duplicates and nudges by 10 pixels.
•  Ctrl+Shift+E Merges everything. Ctrl+Alt+Shift+E Creates a new layer by merging the selected layers.

Friday, July 1, 2011

Top 15 Must See Photoshop Tips & Tricks (2010)

Time to learn a few tips & tricks that will help save you a lot of time and make your design work flow much more efficient.
From shortcuts to speeding up the performance of Photoshop, these will help allow for more time to be creative and less doing the mundane tasks that can be associated with using Photoshop.

10 Simple Steps to Better Photoshop Performance


If you never changed the default performance settings in your Photoshop or you just want to double check them to improve the Photoshop performance, here are 10 important and useful points that you may want to consider.
Article Link

How To Correct Banding In Your Gradients Using Photoshop


This simple technique will reduce banding and streaking so your gradients look nice and smooth. Before you think about altering your colors, make you try this first.
Article Link

20 Handy Photoshop Tips For a Faster Workflow


It’s tips like these that make the most common of tasks quicker and easier than ever to help speed up your Photoshop workflow.
Article Link

5 Advanced Photoshop Techniques for Web Designers


In this step-by-step tutorial, author’s going to show you how to create five killer effects for your site.
Article Link

Advanced Photoshop Techniques for Web Designers – Part 2


In this article we look at how to create fold and light Effects as well as 3D elements.
Article Link

An Idiot’s Guide To Photoshop


This guide starts right at the very bottom, assuming no knowledge at all, and walks you through all basic aspects of the application. The guide even comes with three full pages of shortcuts, cheat sheets covering all the application’s possibilities!
Article Link

20 Time-Saving Tips to Improve Designer’s Workflow


Regardless of your experience level, there are ways to speed up the common design tasks. You should find some of these not-so-well-known tips and strategies listed below very helpful for your workflow.
Article Link

A Basic Guide to Photoshop CS4 Adjustment Layers


Adjustments can be used for non-destructive editing, can be masked to edit only a part of an image, it can be applied to several layers on a single document and even you can change the Adjustment Layer’s Blending Mode to create outstanding results.
Article Link

20 Photoshop Tips & Tricks That You Should Know About


They will help you in getting things done quickly, save you a lot of headache and steps and overall inflate your Photoshop-fu!
Article Link

20 Photoshop Tips & Tricks That You Should Know (Part 2)


These follow up Photoshop tips will help you do your work faster and much more easily, let’s begin where we left off and set the ball rolling.
Article Link

Mastering Photoshop With Paths


Presented here is a guide to help you build proficiency, increase productivity and demystify the elusive world of Paths.
Article Link

Photoshop Cheatsheets & Our Must Know Shortcuts


As long as it gets the job done right? Wrong! Trying to use photoshop without shortcuts is like trying to eat soup with a fork. Not happening!
Article Link

Photoshop Pathing: How To Use Photoshop Pen Tool


This concentrate on pathing out a simple object from its background.
Article Link

Everything You Need To know About Photoshop Actions


A screen cast on how to use Photoshop actions this screen cast will teach you how to save, load, and create Photoshop actions and go through its main features and functions.
Article Link

21 Advanced Photoshop Tips, Tricks and Tutorials Roundup

The Ultimate Guide To Cloning In Photoshop

Photoshop’s wide array of cloning tools is the cause of many of the absolute best and worst works created with the application. In a skilled and experienced hand, these tools lead to phenomenal results. In the hands of a careless artist, Photoshop cloning can be disastrous to the credibility of the result. This article introduces the several cloning tools available in Photoshop and goes over the proper usage and best practices of each.

The Clone Stamp Tool

The Clone Stamp tool is the oldest and most widely known of the cloning tools. The basic concept is that you duplicate certain portions of an image using a source, destination and brush.
2-sourceset in The Ultimate Guide To Cloning In Photoshop
Use the “Option” key (“Alt”) to set the source.
To clone out the name on the tombstone above, you would select a source that shares the texture of the area you want to replace. In this case, the area around the words provides an ample source of stone texture from which to clone.
To begin, simply click on the preferred source area while holding down the “Option” key (“Alt” on a PC). Then, with no keys held down, begin painting over the area you want to replace. The image area from the source will be transferred to the destination.
To be able to use this tool effectively, let’s look at the relevant settings.

Basic Settings: Brush

Below, you’ll find the default settings when the clone stamp is selected.
1-clonestamp in The Ultimate Guide To Cloning In Photoshop
The clone stamp’s basic settings.
The first setting you’ll want to familiarize yourself with is for the brush. Photoshop does not restrict cloning to a basic default brush. Instead, it allows you to use any brush you want, allowing you to create an unlimited number of effects. In the example above, and in most cases in fact, a small to medium-sized round soft brush gives the best result.
3-hardvssoft in The Ultimate Guide To Cloning In Photoshop
A hard brush creates noticeable seams.
As you can see, a hard brush often creates visible edges along the path of the clone. The transition is much smoother on the left side, where a soft brush was used. Both sides suffer from noticeable replication, but this was intentional to exaggerate the cloned area. We’ll discuss how to avoid this later.
As stated, while a soft round brush is recommended for basic cloning, a number of interesting effects can be created using alternate brushes. For instance, below I’ve used a scatter brush shaped like a leaf to add some visual interest to the photo.
4-scatterbrush in The Ultimate Guide To Cloning In Photoshop
Use a scatter brush to create interesting particle effects.
Experiment with the opacity, blending mode and brush flow for an even wider variety of results. For more information on using these features, check out the article “Brushing Up on Photoshop’s Brush Tool.”

Basic Settings: Sample

Under the “Sample” menu are three options: Current Layer, Current & Below and All Layers. These options affect the area you are sourcing. Here’s a visual illustration of how each mode works:
5-sample in The Ultimate Guide To Cloning In Photoshop
The area cloned depends on the selected layer and sample mode.
As you can see, with Current Layer selected, the clone stamp ignores pixel data contained in any other layer. Conversely, All Layers ignores all layer distinction and clones any visible pixels in the document (invisible layers will be ignored). Finally, Current & Below samples pixels from the selected layer and any visible layers behind it.

Basic Settings: Adjustment Layers

The final basic setting (the circle with a diagonal line through it) lets you decide whether the clone stamp tool should sample adjustment layers when cloning. Adjustment layers, such as Hue/Saturation and Levels, are meant to be a non-destructive way to change the appearance of layers. So, you can make drastic changes to a layer or group of layers without destroying the original pixels.
Because of this, turning on Ignore Adjustment Layers When Cloning is almost always a good idea. This allows you to clone the original image, which can then be affected by an ever-changeable adjustment layer. If you do not choose to ignore the adjustment layer, the adjustment becomes permanent in the cloned areas.
In the layer set-up below, turning on Sample All Layers would by default clone pixels from both the background layer and the adjustment layer in the foreground. Turning on Ignore Adjustment Layers prevents this.
6-adjustmentlayer3 in The Ultimate Guide To Cloning In Photoshop
You can choose to ignore adjustment layers when cloning.

The Spot Healing Brush

As you can see below, the Spot Healing Brush tool is located under the Eyedropper tool and above the Brush tool, and it can be accessed quickly by hitting J on the keyboard.
7-spothealingbrush in The Ultimate Guide To Cloning In Photoshop
Type J to bring up the Spot Healing Brush.
The Spot Healing Brush is by far the simplest cloning tool in Photoshop. With little to no experience, you can repair small areas of an image. The secret to using the tool is in the name: Spot Healing. The tool is intended not for large areas of replacement, but rather to remove little unwanted spots, such as a scratch on an old photograph or a mole on a person’s face.
To use the tool, simply hover over the area you want to replace and click once. Photoshop does all the work by examining the pixel data around the spot and seamlessly integrating the data into the destination.
9-beforeafter in The Ultimate Guide To Cloning In Photoshop
The Spot Healing Brush is perfect for repairing old photographs.
As you can see above, the tool does a remarkable job of not leaving behind any noticeable artifacts or repeating patterns. The trick is to go slowly and work on very small portions of the image. Select a spot to fix, and use a brush that’s only slightly bigger than the selected imperfection. The larger the brush, the more likely you are to clone unwanted portions of the surrounding area, and the more noticeable the repetition of pixels will be.
8-smallbrush in The Ultimate Guide To Cloning In Photoshop
Use a brush slightly bigger than the target spot.

The Healing Brush

The Healing Brush tool, located under the Spot Healing Brush tool, is very similar to the Clone Stamp tool. To begin, Option + click (Alt + click on a PC) to select your source, and then carefully paint over the destination to transfer the pixels. The Healing Brush performs this operation with more built-in intelligence than the Clone Stamp.
As with the Spot Healing Brush, the Healing Brush attempts to automatically blend in the cloned pixels with the environment around it.
11-puppyface in The Ultimate Guide To Cloning In Photoshop
The Healing Brush tool automatically blends the source with the destination.
As you can see, using the Clone Stamp to clone the puppy’s eye results in a straight copy of the pixels, while the Healing Brush does a much better job of blending with the background.
This built-in intelligence proves extremely helpful when cloning a subject with diverse colors, textures and lighting conditions. Using the Clone Stamp in these situations can leave you with a lot of noticeably patchy spots that really stand out from the surrounding area.
10-facefix in The Ultimate Guide To Cloning In Photoshop
The Healing Brush Tool makes it easy to clone visually complicated areas.
The photograph above is a good example of a subject with a fairly complicated surface. Using the Clone Stamp tool would have made it quite difficult to paint over the cracked areas while retaining the integrity of the stained stone. Much of the discoloration would have been sacrificed as you sourced smoother areas to erase the cracks. However, the Healing Brush was able to effectively replace the cracked areas with smoother areas, while sampling from the surrounding area to replicate the stains.

The Patch Tool

The final healing tool we’ll examine is the Patch tool, which can be found under the Healing Brush tool, as seen below.
12-patchtool in The Ultimate Guide To Cloning In Photoshop
Tip: hit Shift + J to cycle between the tools in the fly-out menu.
The cloning tools we’ve examined so far are best when used meticulously on small portions of an image. By contrast, the Patch tool is the best way to clone large, relatively uniform areas. As with the other healing tools, the Patch tool not only performs a straight clone but attempts to blend in the edge of the selected area with the target environment.
To use the Patch tool, either make a selection with any of the selection tools, or simply select an area with the Patch tool’s built-in lasso. There are two modes to choose from for the behavior of the patch: “Source” and “Destination” (found in the menu bar above the document area).

Source Mode

With the source mode selected, first select the area of the image you want to replace, and then drag that selection to the area you want to source. For instance, to eliminate the golf ball in the image below, you would first select the area around the golf ball, and then drag that selection around to find the best source.
13-source in The Ultimate Guide To Cloning In Photoshop
In source mode, first select the area you want to replace.
As you drag the selection around to find a suitable source, watch the destination (i.e. your originally selected area) for a preview of what the source pixels will look like in that area. Keep in mind that this preview is a straight clone without any blending (the final image will look much better). Release the selection to see the actual result.
14-noball in The Ultimate Guide To Cloning In Photoshop
The Patch tool’s result.
As you can see, it does a pretty impressive job of blending the source and destination pixels all on its own. But going over areas that need improvement with the Healing Brush is good practice.

Destination Mode

With “Destination” mode selected, the area you select first will be the area that is replicated elsewhere. For instance, if we start with the same selection as before, dragging the selection this time gives us a preview of copying the ball to a new location.
15-destination in The Ultimate Guide To Cloning In Photoshop
Patch tool destination mode.
After you release the selection, the golf ball is copied to a new area of the image and blended with the surrounding pixels.
16-twoballs in The Ultimate Guide To Cloning In Photoshop
Result of “Destination” mode.

The Clone Source Palette

The Clone Source palette (found under Window → Clone Source) is an invaluable resource for professional-quality cloning. This tool gives you much more control over the results and functionality of the Clone Stamp and Healing Brush.
The Clone Source palette contains three primary sections: cloning source, offset adjustment and overlay options.
17-clonesource in The Ultimate Guide To Cloning In Photoshop
The Clone Source palette.

Cloning Sources

In the first section in the Clone Source palette, you can define multiple areas of an image as a source from which to clone and/or heal.
18-sources in The Ultimate Guide To Cloning In Photoshop
Defining multiple sources.
The image above illustrates an example of when you might want to define multiple sources. To save a source, click on one of the five source buttons, and then Option + click (Alt + click) with either the Clone Stamp or Healing Brush. That location will now be saved to that button. Now, select the next button in line, and do the same in another part of the image. Once your sources are loaded, you can quickly shift between them simply by clicking the related button.
Notice that the file name appears just under the clone source buttons. This is because you can actually select a clone source outside of the image that you’re working on. Simply open a different file and set the clone source. Then, when you go back to the primary file to paint with the Clone Stamp or Healing Brush, the pixels from the other image will function as the source of the clone.

Offset Options

The second section of commands in the Clone Source palette really increase the variety of cloned results available to you. You can set exact coordinates for the source, change the size of the cloned result relative to the original source, tweak the rotation of the result and set a precise offset (again, relative to the original source).
19-hayclone in The Ultimate Guide To Cloning In Photoshop
Tweaking the cloned results.
You can see these transformation effects in action in the example above. The two bails of hay are actually one and the same, but they look considerably different because of the offset options. First, I set both the width and height to 90%, so that the cloned bail would appear slightly smaller than the original. Then I changed the width to -90% to flip the clone horizontally (you could change the height to a negative number to flip the image vertically). Finally, I set the rotation to 10° to give the illusion of a small hill.

Overlay Options

The overlay options are among the most helpful features in the Clone Source palette. Years ago, cloning involved a lot of guess work because it was difficult to tell exactly what the selected sample would look like without actually applying it. The guesswork has been eliminated with the “Show Overlay” command. When “Show Overlay” is selected in conjunction with the “Clipped” option, your brush is shown with a preview of the clone source inside. This is extremely helpful when attempting to clone inorganic areas with straight edges, such as a brick wall.
20-overlay in The Ultimate Guide To Cloning In Photoshop
An overlay of the source is displayed within the brush.
Note that if you choose to turn on the overlay but turn off “Clipped,” then your entire clone source layer will be shown surrounding the brush.
21-notclipped in The Ultimate Guide To Cloning In Photoshop
An overlay of the source is displayed within the brush.
Working this way is actually quite difficult because the source significantly blocks your view of the destination. But if you prefer it, try reducing the opacity of the overlay so that you can see the image below.

Vanishing Point

Vanishing Point takes cloning to an entirely new dimension, literally. The tool makes it possible to set up primitive planes across your artwork, which a clone then follows to simulate a three-dimensional space. Vanishing Point has a ton of features and potential applications, and it really merits its own entire article, so this will be just a brief introduction.
When you open up the Vanishing Point dialog (found under the “Filter” menu item), you’ll see a large preview of your image, along with a small set of tools on the left side.
22-vanishingpoint in The Ultimate Guide To Cloning In Photoshop
The Vanishing Point dialog.
Grab the tool sitting second from the top to set up your initial plane. With this tool, click once on each of the four corners, outlining the desired plane. Once you’ve created an initial plane, you can Command + click (Control + click on a PC) to extend the plane perpendicularly. Some images, though, like this old barn, won’t have perfect angles. In this case, you’ll have to create a second plane, entirely distinct from the original.
23-twoplanes2 in The Ultimate Guide To Cloning In Photoshop
Setting up planes.
Once you’re satisfied with the planes, grab the Clone Stamp (fourth from the top), and Option + click the desired source (in our case, the barn door). Then clone the door onto the front-facing wall using the same method you would use with the normal Clone Stamp tool. Turn “Healing” on in the drop-down menu above the image preview to ensure that the source is properly blended into the destination.
24-vp-result2 in The Ultimate Guide To Cloning In Photoshop
Vanishing Point result.
As you can see, Photoshop interpreted the planes fairly well. Some fine-tuning and clean-up are definitely necessary if we want a believable image; but overall, the result is extremely impressive, given the lack of work required.

5 Quick Tips For Better Cloning

Now that we’ve examined each tool in depth, let’s close by recalling a few things to keep in mind if we want to clone with professional results.

Take Your Time

As you undertake a cloning project, the quality of the result is directly proportional to the amount of time you put into it. Cloning photographic details can be incredibly tedious work. The world has become well acquainted with Photoshop magic, so never assume that no one will notice your blunders.

Duplicate the Active Layer

The very first step to take when cloning parts of an image is to duplicate the layer you’ll be working on (or to just work on a new transparent layer). Realizing that you made a mistake so long ago that your “Undos” don’t go back far enough to fix it is beyond frustrating. Keeping the original image on a hidden layer gives you the flexibility to revert any part of an image to its original state.

Be Selective With Your Tools

Each cloning tool has its strengths and weaknesses, as outlined above. Never arbitrarily grab a tool and stick with it for the duration of a project. Consider which tool is best suited to the particular area of the image you’re working on. On large projects, no single tool creates believable results on its own. Use two or more tools in synergy to achieve a realistic result.

Watch for Obvious Duplication

25-grass in The Ultimate Guide To Cloning In Photoshop
Sloppy cloning results in noticeable patterns.
If you’re not careful, duplicated pixels can become painfully obvious. This is especially true of areas that should look fairly organic, like the grass above. Instead of appearing natural, an obvious pattern emerges when you use the same section of an image over and over. To avoid this, make heavy use of the Clone Source palette. Use multiple sources; and change the size, rotation and orientation of the areas you’re cloning to give the illusion of an unmanipulated image.

Avoid Disasters

When retouching significant parts of an image, overlooking certain areas becomes all too easy.
26-disaster in The Ultimate Guide To Cloning In Photoshop
Where did her leg go!?
If you’re not careful, you could eliminate enough vital body parts to make the image humorous. Your goal is to prevent your work from showing up on Photoshop Disasters, which is where you’ll find the image above.

Conclusion

Cloning in Photoshop is a difficult task that requires significant time, studious attention to detail and an in-depth knowledge of several tools and commands. To improve the quality of your results, invest some time learning Photoshop’s entire cloning arsenal. Experiment with all of the options for each tool to get a better feel for where you can excel.

Tips for Integrating Photoshop and Illustrator into a Seamless Workflow



Adobe Photoshop and Illustrator are two of the most commonly used programs for graphic designers and artists.  While Photoshop focuses primarily on raster graphics and being an all-in-one photo editing solution, Illustrator fills in the missing vector functionality and allows for better workflow when creating vector-based artwork.  However, most designers end up working with both, so in this article, you’ll learn how to integrate Photoshop and Illustrator into your workflow.
The path (pun intended) to working seamlessly between Photoshop and Illustrator doesn’t have to be cumbersome or complicated. By following just a few tips you can improve your productivity when using the two in concert. Note that there is more than one way to skin a cat when working together with the two, so I’ve outline a few different methods that can be used to achieve a similar, if not the same, result.

Quick Note
Throughout the steps in this article the term Command will be used for both Control (Windows) and Command (Mac) when defining keyboard shortcuts. Example, Copy (Command + C).

Working with Photoshop Paths in Illustrator

Perhaps you’re working with a path in Photoshop that was the result of duplicating and mirroring a single path and now have two separate paths on one layer that’s troublesome to edit in Photoshop as you want to select both of the overlapping anchor points of the mirrored paths, but keep selecting only one (figure 01). This is a prime example of where you could export the paths to Illustrator and use the Pathfinder to merge the two separate paths into one path so that you only have one anchor point to work with for the overlapping anchor points in Photoshop.
Path in Photoshop

Method 1. Exporting Paths to Illustrator

  1. Draw a path or convert an existing selection to a path.
  2. Using the menu, select File > Export > Paths to Illustrator…
  3. Choose a location to save the file to, name it and click Save. Note that it is important to ensure that you select the correct Layer name of the path you’re working with in the Path menu when exporting if your Photoshop document contains multiple paths.
  4. Open the path in Illustrator.

Method 2. Copy and Paste

  1. Select the path you want to work with in Illustrator.
  2. Copy the path (Command + C).
  3. Create a new document in Illustrator (Command + N) and paste the path (Command + V).
  4. When the Paste Options dialog appears select whether you want to Paste As:
    • Compound Shape Fully editable and creates a Compound Shape comprised of Compound Paths.
    • Compound Path Faster to work with and creates a Group comprised of Compound Paths.
Illustrator Paste Options

Method 3. Drag and Drop

I only recommend this method if you have either a large display and are working with both Illustrator and Photoshop in side by side Application Frames or have a multiple display set up.
  1. Select the Photoshop path you want to work with in Illustrator using the Direct Selection Tool (A). (To quickly select the entire path, use the Direct Selection Tool to draw a marquee selection by dragging the cursor from one corner outside the path to the opposite corner.)
  2. Drag the selected path by an anchor point or path segment using the Direct Selection Tool (A) from the Photoshop document into an open Illustrator document. Do not drag the path by clicking the inner contents of the fill, this will start a new marquee selection and deselect a portion of the path.
Photoshop to Illustrator

Using Photoshop Files in Illustrator

Illustrator can either place or open Photoshop (PSD) files. Placed Photoshop images can be used as an object in Illustrator, although linked files cannot be directly edited within Illustrator. To do so, you’ll need to use the Edit Original command and any changes made to the original Photoshop document that are saved will be updated in the open Illustrator document.

Method 1. Opening Photoshop Files in Illustrator

  1. If you are currently working with the Photoshop file you want to use in Illustrator, save and close the file.
  2. In Illustrator, select File > Open (Command + O), locate the file you wish to open and click Open.

Method 2. Placing Photoshop Files into Illustrator: Editable

Use this method if you want to incorporate a Photoshop file into an existing Illustrator document which can be edited within Illustrator.
  1. If you are currently working with the Photoshop file you want to use in Illustrator, save and close the file.
  2. In Illustrator, select File > Place…
  3. Locate the file you want to use, ensure the Link option is not selected and click Place.
Opening or placing an unlinked Photoshop document will prompt a Photoshop Import dialog box with a couple of options, choose the appropriate option and click OK.
  • Convert Layers To Objects Converts layers into Illustrator objects which will preserve masks, blending modes and transparency. Note that Photoshop adjustment layers and layer effects are not supported.
  • Flatten Layers to a Single Image Flattens all the layers into a single layer which preserves the look of the image, but individual layers will no longer be editable.
Photoshop Import Options Dialog Box

Method 3. Placing Photoshop Files into Illustrator: Not Editable

Use this method if you want to incorporate a Photoshop file into an existing Illustrator document which will not be editable in Illustrator, but will maintain a link to the original Photoshop file. A bounding box with an X will appear over the artwork when hovered over indicating that it is a linked file and not editable.
  1. If you are currently working with the Photoshop file you want to use in Illustrator, save and close the file.
  2. Open Illustrator and select File > Place…
  3. Locate the file you want to use, ensure the Link option is selected and click Place.
Illustrator Place Dialog Box

Method 4. Drag and Drop

Using this method will flatten all of the selected layers in Photoshop resulting in a single element in Illustrator. If you edit the original layers in Photoshop, you will have to drag the edited layers into Illustrator once again.
  1. Select all the layers you want to work with in Illustrator in the Layers panel in Photoshop.
  2. Use the Move Tool (V) to directly drag the layers from the Photoshop window (not the Layers panel) to an open Illustrator document.
Illustrator to Photoshop

Placing Illustrator Artwork into Photoshop

Placing Illustrator artwork in Photoshop will create a Smart Object which can be edited in Illustrator by double-clicking the Smart Object layer thumbnail. It is not a linked file as with placing Photoshop artwork in Illustrator, but becomes its own self-contained element wrapped as a (PDF) file. When double-clicked, the Smart Object contents will then be opened in Illustrator where you can make any changes.
Unlike linked Photoshop files in Illustrator, changes to the Vector Smart Object contents will not effect the original Illustrator file that was placed into Photoshop. Once saved and closed, any changes made to the Smart Object contents will be reflected back in the Photoshop document containing the Smart Object layer.

Placing Steps

  1. With a Photoshop document already open, select File > Place…
  2. Within the Place dialog box, locate and select the Illustrator file you would like to place into the Photoshop document and click Place. Note that any (AI) or (PDF) file that you select will automatically select Photoshop PDF under the Format menu.
  3. You will then be presented with the Place PDF dialog box with the options to Crop To:
    • Bounding Box Crops to the smallest rectangular region of all the artwork in the document.
    • Media Box Crops to the original page dimensions.
    • Crop Box Crops to the clipping region or crop margins of the document.
    • Bleed Box Crops to a specified region in a PDF file that allows for the limitations in the print production process such as cutting, folding and trimming.
    • Trim Box Crops to the region specified for the intended finished page size.
    • Art Box Crops to the region specified in the PDF file for placing data into another application.
  4. Select the option required and click OK to close the dialog box and place the artwork.
  5. Once inserted into the Photoshop document, transform controls surrounding the artwork will appear allowing you to scale, skew, warp or rotate the object.
  6. After making any transformations, click Commit transform (Return) to place the artwork as a Smart Object on a new layer of the Photoshop document. (Quick tip about working with Transform: click Command + . to cancel the transform.)
Transform Controls

Opening Illustrator Artwork into Photoshop

Opening Illustrator files in Photoshop is not the same as placing an Illustrator file. When placing files, the placed files will inherit any characteristics of the open Photoshop document such as Resolution and Color Mode.
When opening Illustrator files in Photoshop you will be presented with the Import PDF dialog Box. Options for the Name, Crop To, Anti-aliasing, Image Size, Resolution, Color Mode and Bit Depth will be available. Fill in the appropriate selections and click OK.

Pasting Illustrator Artwork into Photoshop

Copying and pasting artwork from Illustrator to Photoshop is pretty straight forward, but you’ll want to make sure you’ve set your File Handling preferences in Illustrator prior to doing so. Open up the File Handling & Clipboard preferences. Located within the Clipboard on Quit fieldset are the Copy As options, make the selections that will most often represent how you will work with this process.
  • To automatically rasterize artwork that is pasted into Photoshop, disable the PDF and AICB (no transparency support) options.
  • To paste artwork as a Smart Object, Rasterized Pixels, Path or Shape Layer enable these options.
I generally enable these options as it allows me to make the decision on how I want to use the pasted artwork for every instance.

Illustrator Preferences

Pasting Steps

  1. Open an Illustrator file and select the Illustrator objects you want to use in Photoshop and Edit > Copy (Command + C).
  2. Select an open Photoshop document or open an existing file and Edit > Paste (Command + V) the clipboard contents.
  3. The Paste dialog box will appear with the following options:
    • Smart Object Pastes the artwork as a Vector Smart Object which can be scaled and transformed without degrading the quality of the image as the pixels are not rasterized.
    • Pixels When using this option, you can scale, rotate, transform the artwork before it is rasterized as pixels. Once rasterized, any further scaling or transformations may degrade the artwork.
    • Path This option pastes the artwork as an editable path.
    • Shape Layer Pastes the artwork as a new editable shape layer.
  4. Click Enter or Return to place the artwork. (Note that only the Smart Object or Pixels options will trigger transform controls to appear around the artwork before it is completely placed.)
Paste Dialog

Drag and Drop Illustrator Artwork into Photoshop

Again, this is really only recommended if you have a larger display or multiple display set up.

Steps

  1. Select the Illustrator objects to be dragged into an open Photoshop document.
  2. Click and drag the artwork into the Photoshop document using the Move Tool (V).
  3. Transform controls will appear allowing for scaling, positioning and other transformations. Make any needed changes.
  4. Click Commit transform (Enter) when done transforming to place the artwork. This will create a Smart Vector Object.

Summing Up

As you can see, there are many options for working with Illustrator and Photoshop in tandem, they don’t have to be separate entities. One application will usually pick up where the other has left off. Both applications possess strengths and weaknesses which when used together can work to your advantage, it’s just a matter of knowing when to work with a particular application. The methods you choose to work with will be a personal preference, drag and drop happens to be my favorite for its speed and directness.