Wednesday, October 30, 2013

Change Photoshop's Undo shortcut to match other Adobe programs

Most of the Adobe creative applications feature unlimited undos. And to access these multiple undos, you can use the command-z (Mac) and ctrl-z (Windows) shortcuts. To redo, use command-shift-z (Mac) and ctrl-shift-z (Windows). However, Photoshop is different. Photoshop offers only a single undo. But, in its place, it features a History Panel, allowing you to move forward and back in history. But you can change Photoshop's keyboard shortcuts so that undo works like you'd expect it to. Here's how:

1. Choose Edit > Keyboard Shortcuts

ScreenSnapz001

2. In the Keyboard Shortcuts dialog box, click on the triangle to the left of the word Edit to spin the Edit category open. 

3. Click in the Shortcut field to the right of Undo/Redo, and press the delete key to remove the keyboard shortcut assigned to Undo/Redo.

4. Click in the Shortcut field to the right of Step Backward, and press command-z (Mac) or ctrl-z (Windows)

5. Click the Accept button.

ScreenSnapz003

6. Click on the Save icon at the top of the dialog box, give your shortcut set a name and click the Save button.

ScreenSnapz004

Now, command-z (Mac) or ctrl-z (Windows) will step backward through the History panel, giving you multiple Undo capability. Add the shift key to step forward through the History panel.

Monday, October 14, 2013

Non-square, high-res DPS Table of Contents icons

When you use Adobe Digital Publishing Suite to create a tablet app, a table of contents is automatically built for the app, with one entry in the table of contents for each "article", or InDesign file, in the folio.

An icon image for each entry in the table of contents is automatically created by DPS. This automatic icon is just a shrunk-down version of a square region of the first screen of the article…usually not attractive and what you want. You can customize this icon by creating a 70 x 70 pixel PNG image. Then select the article in the Folio Builder panel and choose Article Properties. In the dialog box that appears, click the folder icon under Table of Contents Preview, and navigate to the PNG image that you saved. 

ScreenSnapz001

Here are 2 cool tips:

1. The PNG image can include a transparent background. This allows you to create thumbnails that appear in the table of contents as non-square icons. Be sure to save the icon as a PNG-24 image. Here are a couple examples of this:

ScreenSnapz003

 

2. A 70 x 70 pixel image looks fine on non-retina displays. But to make the icon look even better on high-resolution displays such as the iPad 3 and 4, create a 140 x 140 pixel image. This is particularly useful if the icon includes type or line art. When you include an icon higher than 70 pixel resolution, you'll receive the error message pictured below, but it still works. Proceed with caution and test your app to make sure performance is acceptable.

ScreenSnapz002