Workspace overview

Explore the Photoshop on the web workspace to learn more about its tools.

Photoshop on the web is a versatile digital imaging and design application accessible directly in your browser. Its streamlined online interface, equipped with intuitive and precise editing tools, gives you complete control over every detail, along with access to the most common editing tools and generative AI capabilities of Adobe Photoshop. Read more about the minimum technical requirements your device needs to meet to work with Photoshop on the web. 

Homescreen

On the homescreen, you can begin by dragging an image from your computer, browsing your local files, or creating a new blank document.

• Upload an image: Drag and drop images from your computer or select one to import.
• Quick actions: Perform basic edits or change your background settings with one-click effects.
• Start from scratch: Create a new blank document for performing edits.
• Popular dimensions: Customize the size of the blank document as per your requirements.
• Open desktop app: Launch the Adobe Photoshop desktop app from Photoshop on the web.
• Recent: Access all documents you worked on recently by filtering them based on:
• Everything: Find all your documents available as cloud documents in Photoshop.
• Your files: View a list of all cloud documents you created using Photoshop on the web, Photoshop on iPad, and Photoshop on desktop.
• Shared with you: View all cloud documents that have been shared with you.

Workspace

When you open a cloud document, you enter the editing workspace, where you can access Photoshop tools, panels, and other options that will let you create breathtaking composites and retouch your creative work quickly on the go. The canvas shows the area where you interact with your open document.

Header bar

• Main menu: Displays options to create or open files, save, export, layer, filter, file info, settings, and report a bug.
• Filename: Displays the name of the document currently open.
• Version history: Helps check the previous versions of your open cloud document.
• Saved: Checks the status of your cloud document being saved to Creative Cloud.
• Undo: Reverts the last action performed.
• Redo: Restores the last action that was undone.

• Zoom level: Displays the current zoom level of the open document and provides options to Zoom in, Zoom out, Fit to screen, or enter Full-screen mode.
• Open in desktop app: Opens your image directly in Photoshop on desktop.
• Download: Allows you to download your image in the desired format.
• Share: Invites collaborators to your document to edit, comment, or generate a link to share. You can even open the image directly in Photoshop on desktop and send your image to Adobe Express for further edits.
• Search: Allows you to search for tools and features you want to find in the app interface and guides you to the appropriate option.
• Help: Finds all your help resources and tutorials while working on the cloud document.
• App switcher: Contains different web applications that can be quickly launched from Photoshop on the web.
• Adobe account: Displays the profile information associated with your Adobe account.

Toolbar

• Size & position: Select to expand access resizing and positioning tools such as Move, Transform, and Crop.
• Adjust: Choose from several adjustment presets for applying edits or create adjustment masks to control Brightness/contrast, Hue/saturation, Exposure, Vibrance, Color balance, Black & white, and Gaussian blur. You can also use Levels and Curves adjustments to make specific adjustments and add a Solid color fill layer.
• Select: Reveal all the tools you can use to make a selection in an image, such as Select subject, Object selection, Quick selection, Magic wand, Lasso, Rectangular marquee, and Elliptical marquee.
• Retouch: Select to expand and access retouching tools, including Remove, Spot healing brush, Healing brush, Clone stamp, Lighten (Dodge), Darken (Burn), and Saturation (Sponge).
• Quick actions: Select to expand access quick actions, including Background, Lighting, Film, Subject, Effects, and Auto.
• Paint: Select to expand and reveal various paint options such as Brush, Eraser, Paint bucket, Gradient, and Smudge.
• Shapes: Select to reveal options to choose from various shapes including Rectangle, Ellipse, Triangle, Polygon, and Line. You can even select Presets to create graphical elements in your documents.
• Type: Select to bring up the option to add a text layer or apply text styles and presets for text effects.
• Add image: Upload your own image or generate an image with a prompt.
• Eyedropper: Change foreground color by sampling from any layer.
• Foreground color: View the selected Foreground color or choose a new one.
• Background color: View the selected Background color or choose a new one.
• Switch: Switch between the foreground and background colors. 
• Open panel and Collapse panel: Open or collapse the panel as needed.

Taskbar

• Layers panel: View all the layer thumbnails in a simplified view and access expanded layer stack with masks, layer names, visibility, and group contents.
• Layer properties panel: View blending options, adjustments, and dimensions for the type of layer selected (type, pixel, adjustment, and more).
• Comments panel: Add or view your notes or see comments from collaborators.
  
  

Contextual Task Bar

The Contextual Task Bar is a persistent menu that helps you plan your next steps while working on your image. 

It adapts to your current position in Photoshop on the web and dynamically offers curated options for your next steps based on recent actions. You can adjust the position of the Contextual Task Bar by holding the left edge and dragging it to a new position on the canvas.

More like this

• Technical requirements
• Supported file formats