2017/05/16

Zoom, Pan, and Navigate Documents in Photoshop CC

Here are my favorite shortcuts for zooming, panning, and general document navigation in Photoshop CC.

1) Zooming

Accessing the Zoom tool:

  • “Z” selects the Zoom Tool.
  • Option -click (Mac) | Alt -click (Win) toggles the Zoom tool to Zoom In / Zoom out.
  • Hold down the Spacebar and then add Option (Mac) | Alt (Win) to temporary access the Zoom In tool without having to switch to the Zoom tool.
  • Hold down the Spacebar and then add Command (Mac) | Control (Win) to temporarily accesses the Zoom Out tool without having to switch to the Zoom tool.

To display an image at 100% (also referred to as viewing 1:1):

  • Select View > Actual Pixels.
  • Double click the Zoom tool.
  • Command + 1 (Mac) | Control +1 (Win).

To display an image as large as possible on the monitor, while still viewing the entire image:

  • Select View > Fit on Screen.
  • Double click the Hand tool.
  • Command + 0 (Mac) | Control + 0 (Win) .

To quickly zoom in and zoom out:

  • Command + “+” (plus)  (Mac) | Control +” (plus) (Win) zooms in.
  • Command +  “-” (minus) (Mac) | Control + “-” (minus) (Win) zooms out.
    • Note: the previous two shortcuts also work in modal states (while a dialog box is displayed or while using Free Transform for example).
  • Select the Zoom tool and click and hold in the image the to zoom in continuously. Add the Option  (Mac) | Alt (Win) to zoom out. (Uncheck the Animated Zoom option in Preferences > Tools to disable this feature as needed.)

Scrubby Zoom

  • Select the Zoom tool and enable Scrubby Zoom in the Options bar. Then, click-drag left/right to zoom out/in.
  • Select the Zoom tool and disable Scrubby Zoom in the Options bar. Then, click-drag over a specific area in the image to zoom into that area.

Birds Eye View

When zoomed into an image, press and hold the “H” key (the cursor temporarily swaps to the hand tool). Click and hold in the image  – the image zooms out to “fit in window” and displays a “zoom rectangle overlay”. Drag the zoom rectangle over the desired zoom location and release the mouse/cursor to zoom (to the rectangular area). Then, release the “H” key to return to the originally selected tool.

Zoom All Windows

With the Zoom tool selected, checking Zoom All Windows (in the Options bar) will zoom all open documents at one time. If you don’t want the option enabled all of the time, uncheck the option and press the Shift key to temporarily enable the Zoom all Windows feature.

Pixel Grid Display

Zooming in more than 500%, displays a Pixel Grid on top of the image This can be helpful when trying to align shapes such as rectangles so that they begin and end on a full pixel (to avoid anti-aliased edges). To toggle the Pixel Grid off, disable Pixel View by unchecking  View > Show Pixel Grid.

Additional Zoom Preferences

  • Preferences > Tools – enable/disable Zoom with Scroll Wheel.
  • Preferences > Tools – enable/disable Zoomed Clicked Point to Center (to center the location of the cursor click point to the center of the screen).
  • Preferences > Tools – enable/disable  Zoom Resizes Windows (this can be helpful when zooming in/out when viewing  multiple tiled/floating documents  (Window > Arrange > Tile/Float…).

2) Using the Navigator Panel to Zoom

To change the zoom percentage in the Navigator panel, enter a percentage, drag the slider, click on the Zoom In or Zoom Out icons (the small or large mountains), or Command -drag (Mac) | Control (Win) -drag in the thumbnail over the area that you want to zoom into.

3) Panning (scrolling) in Photoshop CC

  • “H” selects the Hand tool.
  • Holding down the spacebar (while most other tools are selected) will temporarily access the Hand tool (allowing quick panning of images that are zoomed in). This shortcut also works while in a modal state (such as while a dialog box is displayed or while in Free Transform).
  • When using the Hand tool to pan, Photoshop “eases out” of the pan (this is referred to as Flick Panning). For an abrupt stop when panning,  click, drag and hold with the Hand tool. Note: Flick Panning can be disabled in Preferences > Tools > Enable Flick Panning.
  • When viewing multiple images simultaneously, Shift -drag with the Hand tool to pan all open documents. To set this as the default behavior, with the Hand tool selected, check  “Pan all Windows” in the Option bar.

4) Overscroll Documents

To reposition a document that is smaller than the application frame within the application frame (instead of it being anchored to the center of the application frame), select Preferences > Tools and enable Overscroll.

By enabling the Overscroll option I was able to zoom out on the photo and reposition it next to the Layers panel to take the screenshot.

5) Navigating Screen by Screen in Photoshop

When retouching images (especially when checking for sensor dust or small imperfections), use the following shortcuts to systematically move through the document:

  • The Home key moves to upper left corner, the End key moves to lower right.
  • The Page Up and Page Down keys move you one full screen up or down one full  screen.
  • Command + Page Up and Page Down (Mac) | Control + Page Up and Page Down (Win) moves left or right one full screen.

6) Displaying Multiple Windows for a Single Document

When doing detail work on an image (where, for example, you might need to be zoomed in to a very small portion of the overall image), it can be helpful to open a secondary window in order to see the changes that you are making in relationship to the entire photograph or design. To create a secondary window, select Window > Arrange > New Window For (xxx-the name of your file).

5:02 AM Permalink
2017/05/08

Tips for Working with Color in Photoshop CC

Here are my favorite tips for working with color in Photoshop CC.

1) The Foreground / Background Color Picker

  • Tap the “D” key to set the foreground/background colors to black/white. If a Layer mask is selected, tapping the “D” key will set the foreground/background colors to white/black.
  • Tap the “X” key to exchange the foreground and background colors on the tool bar.
  • To display the Foreground/Background color picker using a keyboard shortcut, choose Edit > Keyboard Shortcuts. Under “Shortcuts For”, select “Tools” and scroll the to (almost) the bottom of the list to locate the Foreground Color Picker  or Background Color Picker line item. Click to the right of the item and enter a own custom keyboard shortcut. Note:  “N” and ”K are not assigned to tools in Photoshop’s default set.


2) The Color Panel

  • The Color panel can be enlarged (drag the bottom of the panel), to make color selection easier and more accurate.
  • Select Hue Cube from the Color panel’s fly-out menu to make it look similar to the Foreground Color picker ‘s default state.
  • To change the color sliders on the Color panel, click the panel’s drop down menu and select from Grayscale, RGB, HSB, CMYK, LAB, or Web Color Sliders.
  • Shift -click on the Color panel’s color ramp to cycle through the available color modes.
  • Use the Color panel’s fly-out menu to either Copy Color as HTML or Copy Color’s Hex Code.
  • If you have ever tried selecting a new foreground color using the eyedropper tool only to have the background color updated, make sure that in the Color panel you have the foreground color swatch selected. If, for some reason you have selected the background color swatch, every time you use the eyedropper it will update the background color!

    On the left the Foreground color swatch is selected, on the right, the Background color swatch is selected.

    On the left, the Foreground color swatch is selected in the Color panel and has a thin highlight surrounding it. On the right, the Background color swatch is selected.

 

3) The Swatches Panel

  • Recently used colors are displayed across the top of the Swatches panel. Hover the cursor over a swatch to display the color name or color value in a tool-tip.
  • Option -click (Mac) | Alt -click (Win) a color swatch to delete it (the icon swaps to a pair of scissors).
  • While viewing the Swatches panel in thumbnail view ( Tiny, Small, or Large), positioning the cursor over a gray, empty swatch area and clicking will add a new swatch based on the currently selected foreground color (the icon swaps to the paint bucket icon).
  • Control -click (Mac) | right -click (Win) over any color swatch to select New Swatch, Rename Swatch, or Delete Swatch.
  • Photoshop has two options for saving swatches from the Swatches panel:
    • Choose Save Swatches (.aco) to save a set of color swatches to be used in Photoshop.
    • Choose Save Swatches for Exchange (.ase) to save a set of color swatches to be loaded into Illustrator and InDesign.
  • Swatches can be saved to any location, however swatches saved to the default location (User > Library > Application Support > Adobe > Adobe Photoshop 2017 > Presets > Color Swatches will appear automatically from the Swatches panel’s drop down menu.
  • To load swatch files from an HTML, CSS, or SVG Document, use the flyout menu on the Swatches panel to choose Load Swatches. Then, navigate to any HTML, CSS, or SVG document and Photoshop will find all of the colors used in that document and load them as swatches.
  • Note: color swatches can also be saved in the Libraries panel. One advantage of using the Libraries panel, is that stored content is automatically synchronized between multiple installs of Photoshop using the same Adobe ID (for example, your work and home computers). In addition, Libraries can be shared with others using the fly-out menu and selecting Collaborate or Share link.

 

4) The Heads-Up-Display (HUD) Color Picker

  • Control + Option + Command -click (Mac) | Shift + Alt + right-click with a painting tool selected to display the HUD color picker.
  • The HUD can be displayed as either a strip or a wheel (select the shape and size from Preferences > General HUD Color Picker).
  • When selecting colors you’ll quickly discover that you will need to jump from one portion of the HUD interface to another. To do so, continue to hold the mouse down while releasing the shortcuts keys and press the spacebar. The spacebar freezes the selection of the color and allows you to “jump” from the strip or wheel to the Hue/Saturation area (or vice versa) in order to refine one with out moving the other.  This shortcut is a bit tricky when you first start using it, but makes the HUD color picker infinitely more useful.

 

5) Finding the Average Color

Filter > Blur > Average finds the average of all of the colors in an image (or in a selection) and fills the entire image (or selection) with that color.
6) Inverting the Foreground Color

This JavaScript inverts the foreground color in Photoshop. To install:

  1. Click on the link ( InvertForeGroundColor.jsx ) to download and unzip the file.
  2. Quit Photoshop.
  3. Place the script in Applications/Adobe Photoshop CC 2017/Presets/Scripts folder.
  4. Launch Photoshop.
  5. Select a foreground color.
  6. Choose File > Script > invertForeGroundClor

To make it easier to access, assign a keyboard shortcut to the script (Edit > Keyboard Shortcuts, selecting Shortcuts For: Application Menus and scrolling down to File >Scripts >InvertForeGroundClor
7) Color Basics in Photoshop CC 2017

Discover the many ways to select colors in Photoshop in this free video (Color Basics), from Photoshop CC 2017 Essential Training: The Basics on Lynda.com.
8) Using Color to Add Emotional Impact to a Photograph

In this Episode of the Complete Picture Julieanne discusses how the addition of color as well as supporting imagery can help reinforce the mood and message of a composite image that a single photograph may fail to do on it’s own.  AfiBD0Ax4uw

 

5:33 AM Permalink
2017/05/01

Essential Tips for Cropping in Photoshop CC

Here are my favorite shortcuts for Photoshop’s Crop tool!

01) Shortcuts

  • “C” selects the Crop tool.
  • “X” swaps the width and height values Or, click the arrow icon in the Options bar.
  • “O” cycles through view overlays (Rule of Thirds, Grid, etc.).
  • “H” hides the image area beyond (outside of) the Crop marquee.  Note: the forward slash key (/) also works.
  • To cancel a crop, tap the escape key. To apply the crop, tap the enter key, double click inside of the crop marquee, or choose another tool from the tool bar (this last method displays the “Crop the image?” dialog).
  • Command  (Mac) | Control  (Win) with the Crop tool selected, temporarily enables the Straighten option.
  • “I” auto-populates the Width, Height, and Resolution with the dimensions of the active document. Note: you must make an adjustment to the Crop marquee before tapping the “I” key, otherwise Photoshop will select the Eyedropper tool.
  • “P” enables Classic Mode (in Classic Mode, the Crop marquee is repositioned, not the image). Note: you must make an adjustment to the Crop marquee before tapping the “P” key, otherwise Photoshop will select the Pen tool.

02) Click-drag the Crop Marquee

When you first select the Crop tool, most people don’t know that you can click-drag in the image area to define the Crop (instead of adjusting the crop handles that appear around the image by default).

03) Crop, then Crop Again

After applying a crop, Photoshop automatically hides the crop marquee even though the Crop tool is still selected. If you want to use the Crop tool again, click in the image area to display the crop marquee or,  click-drag in the image area to define a crop.

04) Cropping to a Specific Ratio or File Size

With the Crop tool selected, choose Ratio from the Aspect Ratio/Crop Size drop-down menu in the Options bar and enter values to constrain the crop to a specific aspect ratio. Choose W x H x Resolution from the Aspect Ratio/Crop Size drop-down menu to enter specific values and crop to a specific image dimension. You can also choose from the preset values in the drop-down list (for either Aspect Ratio or Crop size) or, enter your own values and choose New Crop Preset to add the values to the drop-down.

05) Cropping to Another Image’s Dimensions (File Size)

To use the dimensions of one image to crop another image, select the document with the desired dimensions and select Front Image from the Aspect Ratio/Crop Size drop-down menu to auto-populate the width, height and resolution (or tap “I”). Then, switch to the document that needs to be cropped/resized and drag out the Crop marquee. When the crop is applied, the image will be resized to match the width, height, and resolution of the initial image. To save file size dimensions or aspect ratios (for reuse on future files) choose “New Crop Preset” from the Aspect Ratio/Crop Size drop-down menu.

Note: if an image needs to be resized when cropping, Photoshop uses the image interpolation option set in Preferences > General. The default setting, Bicubic  Automatic, enables Photoshop to chose the best resampling method based on the document type and whether the document is scaling up or down.

06) Setting One Dimension in the Crop Tool

If you need an image to be a certain height (4 inches for example) but want to keep the width flexible, choose  W x H x Resolution from the Aspect Ratio/Crop Size drop-down menu in the Options bar and enter “4in” for the height while leaving the width value empty.

07) Crop Options in Context Sensitive Menus

When using the Crop tool, Control -click (Mac) | Right -click (Win) within the Crop marquee enables quick access to the majority of options associated with the crop tool (including Reset Crop, Rotate Crop Box, Default Aspect Ratios, etc.).  Note: most tools in Photoshop have context sensitive menus designed to increase efficiency so be sure to give them a try.

08) Crop Tool Snaps to Edge

By default, the Crop Tool is set to “Snap To” the edges of the document. While the snapping behavior is useful, it can make it difficult to crop close to the edge of an image. To disable the snapping behavior, choose View > Snap To and toggle off (uncheck) Document Bounds. To temporarily disable this “Snap To” behavior, press and hold the Control key while dragging the Crop marquee near the edges of the document.  Note: there are additional options under View > Snap To including Grid, Guides, Layers, and Slices.

09) Cropping to a Selection in Photoshop

If a document has an active selection when the Crop tool is selected, Photoshop automatically matches the Crop marquee to the bounding rectangle of the selection. If you don’t want to crop to the selection, tapping the escape key will reset the crop to the image bounds (or as close to the image bounds as possible if there is an aspect ratio set for the Crop tool in the options bar). Repositioning the Crop marquee deselects the area. Note: Artboards don’t share this behavior.

10) Adding Canvas Using the Crop Tool

To use the Crop tool to add canvas to an image, drag the crop handles outside of the image area and apply the crop. To add transparency around the image (instead of filling the added canvas with the background color), convert the Background into a layer before using the Crop tool by selecting Layer > New > Layer From Background (or by clicking on the lock icon to the right of the word Background in the Layers panel).

11) Maintaining Flexibility when Cropping

To crop an image, yet retain the cropped area outside of the Crop marquee, uncheck Delete Cropped Pixels in the Options bar.

12) Reducing File Size by Deleting Content Outside of the Visible Image Area

To permanently delete information that extends beyond the visible image area (the canvas), select the Crop tool, check Delete Cropped Pixels in the Options bar, and tap Return (Mac) | Enter (Win). Photoshop previews any information that extends beyond the visible image area. Tap Return (Mac) | Enter (Win) again to apply the crop. Saving the document after cropping this way is permanent, so be sure that you won’t need to move/reposition/resize layers. Note: When working with Smart Objects, any extra image that extends beyond the visible canvas will not be deleted.

A second method would be to choose Select > Select All and then Image > Crop.

13) Straightening Images with the Crop Tool

When using the Crop tool’s Straighten option, the entire document (including all layers), are straightened. To straighten only a selected layer, use the Ruler tool.

14) Tool Presets

Tool Presets can increase our productivity by saving commonly used tool options.  After setting tool options in the Options bar, click the tool icon at the far left of the Options bar to display the Tool Presets Picker. Click the New Preset icon (the dog-eared page icon) to save your preset. The next time you need to use the tool with those settings, select it from the Tool Preset Picker.

15) Content Aware Cropping In Photoshop CC

When using the Crop tool, the Content Aware option can intelligently fill in transparent areas with computer generated “Content aware” information. The video below demonstrates how.

16) Using the Crop Tool in Photoshop CC

Discover tips and techniques for using the Crop tool in Photoshop in this free video (The Crop Tool), from Photoshop CC 2017 Essential Training: The Basics on Lynda.com.

 

 

17) Crop and Straighten Photos in Photoshop CC

To speed up scanning or photographing multiple images, it might be faster to scan them as a single document. Then, choose File > Automate > Crop and Straighten Photos to automate the “cutting apart” of the images into their own documents.

18) Using the Perspective Crop Tool in Photoshop CC

Discover tips and techniques for using the Perspective Crop tool in Photoshop in this free video (Using the Perspective Crop tool), from Photoshop CC 2015 Essential Training: The Basics on Lynda.com.

 

5:36 AM Permalink
2017/04/25

Creating Diptychs in Lightroom CC

Because of the aspect ratio of most displays, when creating a slideshow of my photography, I typically show a single image when it’s orientation is landscape, and two images when the orientation is vertical. Although it may be more work to find images that work well together, displaying two vertical images better fills the space, provides the opportunity  to show more images, and helps change the rhythm of the images in the presentation.

To create the diptychs, sort the images into pairs (I prefer using collections to do this). Then, in the Print module, create a template at the correct size using the Print Job panel (19.20 x 10.80 at 100 ppi for HD videos for example).

Select the images, and choose Print To File. Import the new diptychs into Lightroom, reorder as needed, move to the Slideshow module, and you’re on your way to a more interesting presentation of your work!

5:10 AM Permalink
2017/04/24

Chasing the Ice: Article in Create Magazine

Create magazine posted an insightful article with regards to my trip to Antarctica last year. Click here to read the article.

 

5:14 AM Permalink
2017/04/18

John Paul Caponigro on Blending Modes in Photoshop

I’m a huge fan of John Paul Caponigro and I just discovered an insightful article of his which explains how to isolate the effects of adjustment layers using blending modes in Photoshop. I would highly recommend that you take the time to check out the article here (The Beauty of Blending Modes), as well as the incredible wealth of information that he has on his site (johnpaulcaponigro.com)

5:07 AM Permalink
2017/04/17

Photography from Japan – Created in Adobe Spark

Earlier this year, I had the opportunity to participate in the CP+ event in Yokohama, Japan. Fortunately, I was able to extend my stay and visit a number of incredible locations in Kyoto and Tokyo.

This weekend, I created a Spark Page of my travels in preparation for my presentation at Photoshop World. I really appreciate how easy it is to make my collection in Lightroom, sync it with my mobile devices, and then layout my story using a beautifully designed template on my mobile device or desktop computer.

Click on the image below to view the images and let me know what you think. Enjoy!

Depending on your internet speed, it might take a few minutes to load because I included a large number of images…

5:16 AM Permalink
2017/04/13

Adobe Creative Cloud Photography Training in Dallas, TX

I’ll be presenting a series of educational programs on Adobe’s Creative Cloud Photography program (including Photoshop, Lightroom, Lightroom mobile, Spark, Portfolio and more) on Saturday, April 22nd, at the Intercontinental Hotel in Dallas. These are going to be fast-paced, fun, and information-packed programs!  The price to attend both programs is only $47 if you have registered for Texas School. Admission is $97 if you have not registered. Click here to register!

Topics include:

10:00 – 11:00 Adobe Lightroom Mobile and Adobe Capture

11:00 – 12:00 Adobe Lightroom Workflow

12:00 – 1:00 Adobe Lightroom – What’s New in the Develop Module!

2:00 – 3:00 Photoshop Layers and Masking

3:00 – 4:00 Adobe Spark Page and Spark Post

4:00 – 5:00 Adobe Behance and Portfolio

5:33 AM Permalink
2017/04/12

Crop and Straighten Photos in Photoshop CC

To speed up scanning or photographing multiple images, it might be faster to scan them as a single document. Then, choose File > Automate > Crop and Straighten Photos to automate the “cutting apart” of the images into their own documents.

5:05 AM Permalink
2017/04/11

Content Aware Fill – Control the Source in Photoshop CC

When removing unwanted objects in an image, selecting the area to be removed and then choosing  Edit > Fill with the Contents set to Content Aware, can magically fill in areas using surrounding information. However, in some images, Photoshop may select and fill with areas that you wish it wouldn’t. In order to tell Photoshop to ignore certain areas of an image, add a layer mask and paint in the mask to hide the areas that you don’t want Photoshop to use as a fill source (in other words, if you can’t see the information, then neither can the Content Aware Fill technology). When finished, discard the layer mask without applying.

Note: make sure to run the Content Aware Fill on the Layer, not the Layer Mask.

5:01 AM Permalink
2017/04/03

Updated- Lightroom CC Tips,Tricks, and Quick Reference Guide!

Although I really appreciate that you can search my blog for Lightroom tips and shortcuts, several customers have requested that I create a single, condensed document that contains the Lightroom CC shortcuts that I use most often. So, click here to view/download the document.

The PDF file is 20+ pages long, and still doesn’t contain every shortcut… If you run across any mistakes/typos, please let me know and I’ll update the document.

And, if you’re looking for more information about my Lightroom workflow, be sure to check out my book Passenger Seat: Creating a Photographic Project from Conception through Execution in Adobe Photoshop Lightroom”.

Have a great week!

5:01 AM Permalink
2017/03/27

Setting a Default Folder for Lightroom Mobile

When capturing images in Lightroom mobile (or when importing them into Lightroom mobile from your camera roll), Lightorom uploads those photographs to the cloud and then downloads them to Lightroom CC on the desktop. By default, the images appear in the Folders panel under a new drive header with the same name as your mobile device. While it’s easy to select and drag the files  to another folder, it might be easier to import them directly into your desired folder. To do this, you need to change the default location for your mobile files. Under Preferences > Lightroom mobile, enable Specify location for Lightroom mobile images, click Choose, and navigate to the desired folder. 

Note: you can also have Lightroom automatically create folders based on capture date.

5:31 AM Permalink
2017/03/24

Quickly Apply a Preset using the Painter Tool in Lightroom CC

A very powerful, but seldom used feature of the painter tool is it’s ability to “spray-on” presets in the Library module. Select the Painter tool, set the Paint option to the desired preset, and click on an image to apply it. Note: you can also click -drag across multiple images to add a preset.

5:04 AM Permalink
2017/03/23

Sync and Reposition Local Adjustments Between Images in Lightroom CC

Lightroom’s ability to sync local adjustments between images can help increase your productivity when workignwith several, similar images. This video (Hidden Gems in Lightroom CC), will show you how.  (The link above should take you directly to the portion of the demo that covers syncing local adjustments from 6:15 – 7:20).

Note: if it’s easier, you can use the Copy… button (located at the bottom of the left panels in the Develop module) to copy Local Adjustments. Then select a different image, and paste those adjustments. It just depends on your workflow.

4:52 AM Permalink
2017/03/22

Assigning Keywords using the Painter Tool in Lightroom CC

In this video (Hidden Gems in Lightroom CC), you’ll discover how to access Recently Used Keywords as well as Saved Keyword Sets using the Painter tool in Lightroom CC. Note, the link above should take you directly to the keywording portion of the demo (1:50 – 2:55).

4:50 AM Permalink