Posts tagged "Grid"

May 30, 2017

Grid, Guides, and Ruler Shortcuts in Photoshop CC

Working with Rulers

  • Command + R (Mac) | Control + R (Win) quickly displays rulers along the top and left sides of a document.
  • To quickly change the ruler’s unit of measurement, Control -click (Mac) | Right Mouse -click (Win) within the ruler area to select from the context sensitive menu.
  • To display the Units & Rulers preferences, double click in the ruler area.
  • To change the Ruler’s point of origin (the zero point of the rulers), click and drag the box in the upper left corner of the rulers (where they meet) and reposition.  Double clicking at the intersection of the rulers resets the point of origin to the upper left corner of the open document.

 

  • In order to quickly find the center of an image, set the rulers to percentage and drag out guides to the 50% marks. You can also use View > New guide but I find dragging faster.

Working with Grids

  • Command + ‘ (Mac) | Control + ‘ (Win)  toggles visibility of the grid.
  • To create a grid that displays the “Rule of Thirds” overlay, choose Preferences > Guides, Grid & Slices. Set the “Gridline every:” to 100% and the “Subdivisions” to 3.

Working with Guides

  • To place a single guide at a specific location in a documents, choose View > New Guide. To enter a value that is different than the current units of measurement, type the value and then the unit (px, in, cm, mm, pt, pica, %).

  • To add a guide using the rulers, click in the ruler area, and drag the guide into the document.  Option -drag (Mac) | Alt  -drag (Win) from the ruler to toggle  the orientation of the guide (vertical to horizontal).
  • To add multiple guides at one time, choose View > New Guide Layout. Not only can you  enter the number of Columns and Rows that you need, but you can also choose the Width or Height, Gutter, Margins and whether or not to Center the Columns. To reuse the guides in multiple images, save the guide options as a preset using the drop-down menu. Here are some examples of the guides you can create:
Column Witth defined

Specific Columns Width and Rows with Gutter defined.

Margins defined.

Guide Margin defined.

Centered

Centered Columns with numeric Width defined.

To create a guides based on a shape, choose View > New Guide From Shape. And you’re not limited to only shape layers, you can create Guides from Type layers and pixel based layers! As you can see from the examples below, the Guides are created based on the bounding box around the contents of the layer.

Guides created around Shape Layer.

Guides created around Shape Layer.

Guides created around content of pixel layer.

Guides created around the contents of pixel layer.

Guides created from Text Layer.

Guides created from a Type Layer.

  • To reposition a guide using the Move tool, position the Move tool directly on top of the guide. When the icon changes to a double headed arrow, click and drag to reposition the guide.
  • Shift-drag a guide to snap it to the ruler tic marks. Note, this shortcut works even when “snap to” is off (View  / Snap To…).
  • Drag a guide outside of the image area to quickly delete it.
  • Command + ; (Mac) | Control + ; (Win) toggles the visibility of guides.
  • Command + Option  + “;”  (Mac) | Control + Alt  + “;” (Win) locks/unlocks guides (View > Lock Guides). When changing image size of a document, unlock the guides to resize the guides proportionally. Lock them if you need to keep exact numeric values.
  • Guides (and paths) can be difficult to see on high resolution monitors because they are anti-aliased. To make them appear thicker, select Preferences > Performance. In the Graphics Processor Settings, click Advanced Settings and uncheck Anti-alias Guides and Paths. Note: you won’t see the change until you click OK in both the Advanced Graphics Processor Settings and close the Preferences.

Changing the Color of Guides, Grids, and Slices

  • To change the color of the guides (including Smart Guides), grid, and/or slices, select Preferences > Guides, Grid & Slices and either select a color from the drop-down list, or, click in the color swatch to the right and choose any color you would like.
  • To change the visual representation of the guides or grid, use the pull-down menu to choose line, dash, or dotted (Grid only).

Smart Guides

  • Smart Guides can be tremendously helpful for aligning and determining distances between multiple layers as they are being repositioned within a document. Check out the video below to learn how.

Pixel Grid

  • If you Zoom into an image above 500%, a Pixel Grid is displayed on top of the image. This can be especially helpful when trying to align shapes such as  rectangles so that they begin and end on a full pixel (to avoid anti-aliased edges). However, to toggle this off, you can uncheck Pixel View under View > Show Pixel Grid.
5:18 AM Permalink
May 11, 2015

Lightroom CC – Comparing, Rating, and Prioritizing Images

Explore Loupe, Compare, and Survey view while discovering if flags, stars, or colors are the best way to label your photos.

5:10 AM Permalink
May 8, 2015

Quick Tip – Customizing View Options in Lightroom

In this quick tip, you’ll discover how to customize Lightroom’s view options to display the information you need Grid and Loupe view.

5:19 AM Permalink
May 6, 2015

Lightroom CC – Viewing and Selecting Images

Discover the many different ways to select and view your images in Lightroom.

5:16 AM Permalink
April 30, 2014

Align and Snap to Pixel Grid in Photoshop

When working with the vector tools (such as the shape tools), Photoshop has a preference to “Snap Vector Tools and Transforms to Pixel Grid”. This preference is extremely helpful when creating shapes that need solid, straight edges as it snaps the edges of the shapes to be fully aligned to a pixel, preventing soft, anti-aliased edges).

This illustration demonstrates three options. The first shape was drawn with the Snap Vector Tools and Transforms to Pixel Grid preference turned on. As a result, all sides of the rectangle are solid (note, even though the initial rectangle shape might not have been drawn in perfect alignment to the pixel grid, Photoshop automatically snapped the rectangle to that grid because the preference was turned on).

The middle illustration was drawn with the Snap Vector Tools and Transforms to Pixel Grid preference turned off. This resulted in anti-aliased edges (varying levels of opacity) because the rectangle (the vector path) was not perfectly aligned to a pixel edge when the rectangle was drawn.

The final illustration is the same rectangle as in the second illustration ( the Snap Vector Tools and Transforms to Pixel Grid preference was turned off), however the Align Edges option was enabled for the rectangle shape layer (in the Options bar) after drawing the rectangle. Enabling the Align Edges option “jumped” the fill of the rectangle to the nearest pixel grid (you can still see that the original shape (the black path), is not aligned to the pixel grid, but the fill is being forced to Align Edges to the edges of the pixel grid. Align Edge is a convenient way to align objects to the pixel grid on a “per shape layer” basis if you want to turn off the Snap Vector Tools and Transforms to Pixel Grid preference.

However, I expect that most people will leave the Snap Vector Tools and Transforms to Pixel Grid preference turned on as it will help to avoid anti-aliased edges when drawing shapes as well as transforming them making alignment clean and precise.

4:56 AM Permalink
April 29, 2014

Displaying a Pixel Grid in Photoshop

Update! Click here (Zoom, Pan, and Navigate Documents in Photoshop CC) to see all zoom, pan, and navigation tips for Photoshop CC in one post.


 
If you zoom into an image above 800%, a Pixel Grid is displayed on top of the image. This can be especially helpful when trying to align shapes such as  rectangles so that they begin and end on a full pixel (to avoid anti-aliased edges). However, to toggle this off, you can uncheck Pixel View under View > Show Pixel Grid).

5:34 AM Permalink
April 7, 2014

Adobe Announces Lightroom Mobile, Lightroom 5.4, and Lightroom Web Now Available!

Take a tour of the new features with these videos:

Lightroom mobile – Setup, Collections and Flags 

In this video Julieanne walks through syncing collections, reviewing, picking, rejecting, and filtering images using Lightroom mobile on the iPad.

Lightroom mobile – Cropping, Adjustments and Presets

In this video Julieanne demonstrates how to crop, adjust color and tone, and apply presets to your photographs using Lightroom mobile on the iPad.

Lightroom mobile – Managing  Collections and Auto Import from Camera Roll

In this video Julieanne teaches you how to modify collections; move, add, and copy images between collections; and auto import from the camera roll using Lightroom mobile on the iPad.

Lightroom mobile – Showcasing and Sharing your Photographs

Description: In this video Julieanne shows how to quickly save, share, and show slideshows using Lightroom mobile on the iPad.

Click here for more information. If you have any questions or comments please feel free to share them on the Lightroom forums!

2014_04_07_LrMobile

9:10 PM Permalink
April 2, 2014

Changing Guides and Grid Color in Photoshop

Update! Click here (Grid, Guides, and Ruler Shortcuts in Photoshop CC) to discover my favorite tips related to Grids, Guides, and Rulers in Photoshop CC.


 
When using Guides, I prefer to change from the default Cyan color to something more calming. To do this, select Preferences > Guides, Grid & Slices and either select a color from the drop down list, or, click in the color swatch to the right and choose any color you would like. 

2014_03_25guides

5:15 AM Permalink
March 31, 2014

Displaying Rulers, Guides and Grid in Photoshop

• Command + R (Mac) | Control + R (Win) quickly displays rulers along the top and left sides of an image in Photoshop. 

• Command + ; (Mac) | Control + ; (Win) toggles the visibility of guides.

• Command + ‘ (Mac) | Control + ‘ (Win)  toggles visibility of the grid.

5:12 AM Permalink
July 16, 2013

Video Tutorial – Lightroom 5 – Select, Rate and Prioritize Your Images

In this video tutorial (Lightroom 5 –  Select, Rate and Prioritize Your Images), you’ll find out which method of rating images works best for the photography you do in order to quickly edit down your shoot and view your best photographs.

5:25 AM Permalink
April 19, 2013

Grid Overlay Options in Lightroom 5

Grid overlays aren’t limited to cropping anymore! In Lightroom 5 , you can choose to display a grid in the Library (while in Loupe view), the Develop module and during Tethered Capture by selecting View >  Loupe Overlay > Grid. Note: by default the Grid menu option displays a dash (not a check) before its name because the overlay is not visible by default. To toggle the display of the overlay, select Grid from the menu (or use Command + Option + O (Mac) | Control + Alt + O (Win).

While the grid is visible, Command  (Mac) | Control (Win) displays options for Size and Opacity. Click-drag left/right on Size to decrease/increase the grid size. Likewise, Click -drag left/right on Opacity to decrease/increase the grid opacity.

5:33 AM Permalink