◆ Photoshop · crop

Align Interface Image

Straighten and crop the UI screenshot so it fits the gallery frame exactly: correct perspective, straighten the horizo…

1height
1tasks
1roles do it
See the prompt↓More crop workflows

The same job, four prompts

do it · improve it · decide · become
AExecute — “help me do it”Straighten and crop the UI screenshot so it fits the gallery frame exactly: correct…+
Straighten and crop the UI screenshot so it fits the gallery frame exactly: correct perspective, straighten the horizon and edges, resize to the gallery frame dimensions, and export as a PNG with the correct canvas size for upload [deadline=today].
when the reply comes backPush once: ask it to sharpen the weakest part, and to say what it assumed.

How to do it

the tool · the steps · what to avoid
The tool
Crop Tool

The Crop Tool in Adobe Photoshop allows you to trim, straighten, and resize images.

  1. 1

    Open Photoshop.

  2. 2

    Select the Crop tool (C) from the toolbar.

    NoteAdjustable crop borders will appear around your image.

  3. 3

    Drag the corner or edge handles of the crop border to define your cropping area.

  4. 4

    Select inside the crop border and drag to reposition the image within the crop box.

    Best practiceTo recompose the image within the crop box, drag inside the crop box.

  5. 5

    Hit Enter or Return on your keyboard to commit to your new crop.

To prevent accidental deletion of cropped pixels, ensure 'Delete Cropped Pixels' is turned off in the options bar.

The Crop Tool's functionality can be automated in Photoshop using scripting or actions for batch processing.

Glossary

words on this page
Canvas SizeThe total printable area of an image, which can be adjusted to add or remove space around content.ExampleYou can increase the canvas size to add more white space around your photograph.
Options barA contextual bar displaying settings and controls for the currently active tool.ExampleWhen you select the brush tool, the options bar shows its size, hardness, and flow settings.
ActionsRecorded series of commands that can be played back to automate repetitive tasks in Photoshop.ExampleYou can record a set of Photoshop actions to apply the same effects to many images.
BatchTo apply the same action or process to multiple files automatically.ExampleYou can batch process a hundred photos by resizing them all at once.

The real tasks

1 of them
Straighten and crop a screenshot so the UI mockup fits the gallery frame exactly.

Who does this

1 roles
UX / Web Designer

Questions people ask

honest answers

Because you rarely think 'I want the redaction tool'. You think 'I have to share this without leaking the client's details'. Start from the need, and the feature finds you.

Real. Every job here was drawn from what people in real roles were actually seen doing in Photoshop — not a feature checklist.

No. Each page gives you a ready prompt you can paste into an AI assistant, plus the plain steps to do it yourself. Start with either — the goal is the finished job, not the tool.