Skip to main content
Aliexpress WW
Aliexpress WW

What Freud Can Teach Us About Getting To Know The Photoshop Interface

Introduction

You can use Photoshop for almost any kind of image editing, such as touching up photos, creating high-quality graphics, and much, much more. In this lesson, we'll introduce you to the Photoshop interface, including how to open files, work with panelscustomize the workspace, and change the display size.
Photoshop is a complex application, and it can feel a bit intimidating to use at first. 

About this tutorial

We'll be using Photoshop CC throughout this tutorial to show you Photoshop's features. If you're using an older version of Photoshop—like Photoshop CS5 or earlier—some features may work a bit differently, but you should still be able to follow along. However, if you're using Photoshop Elements, it's important to note that some of the features we'll discuss may be missing or work in a different way.
Screenshot of Adobe Photoshop CC

Opening files

Most of the time, you'll want to start by opening an existing photo rather than creating a new blank image. Photoshop allows you to open and edit existing image files, such as .jpg or .png files, as well as .psd (Photoshop document) files.

To open a file:

  1. Select File
    right-arrow
    Open.
    Screenshot of Adobe Photoshop CC
  2. A dialog box will appear. Locate and select the file on your computer, then click Open.
    Screenshot of Adobe Photoshop CC
  3. The file will appear in Photoshop.
  4. If you don't currently have Photoshop open, you can locate and right-click the file on your computer and then choose Open With

Adobe Photoshop to open the file.
right-arrow
screenshot of Mac OS X

Overview of the Photoshop interface

Because Photoshop is designed primarily for professional use, the interface may feel a bit complex and intimidating for new users. Even if you have some experience with other image editing software, it's a good idea to become familiar with the different parts of the Photoshop interface.

Working with Tools and other panels

The Tools panel

The Tools panel is one of the most important features in Photoshop—it's where you'll select different tools for editing images. Once you've chosen a tool, you'll be able to use it with the current document. Your cursor will change to reflect the currently selected tool.
Screenshot of Adobe Photoshop CC
You can also click and hold to select a different tool. For example, you can click and hold the Rectangle tool to select different Shape tools, such as the EllipseLine, or Custom shape tools.
Screenshot of Adobe Photoshop CC

Showing and hiding panels

You'll also be able to view and modify a lot of information about the current document through the other panels in the workspace For example, you can view the document's layers in the Layers panel. To show or hide any panel, click the Window menu, then select the desired panel—currently visible panels are indicated by a check mark. In the image below, we're using the Window menu to turn on the History panel:
Screenshot of Adobe Photoshop CC
You can use the double-arrows to expand or collapse panels. This can be helpful if you want to temporarily hide a panel without removing it from the workspace.
Screenshot of Adobe Photoshop CC

You can also press the Tab key on your keyboard to show or hide all active panels.

Moving panels

If you want to change a panel's location, you can move it by clicking and dragging the panel to a new part of the workspace.
Screenshot of Adobe Photoshop CC

However, if you're planning to follow along with our tutorial, we recommend keeping most panels in the default location for now. To reset the panels to their default positions, select Window
right-arrow
Workspace
right-arrow
Reset Essentials. Note that this process may vary depending on which version of Photoshop you're using. For example, in Photoshop Elements, you'll go to Window
right-arrow
Reset Panels.
Screenshot of Adobe Photoshop CC

For even more information about organizing panels, you can check out this tutorial from Adobe.

Customizing the Photoshop environment

If you want to customize Photoshop, you can adjust the default application settings. Most of these options are pretty technical, but we'd like to show you two basic adjustments you may find helpful.

To adjust the default unit:

By default, a document's dimensions are measured in inches. If you're not primarily editing images for prints, we recommend changing this setting to pixels.
  1. Select Edit
    right-arrow
    Preferences
    right-arrow
    Units & Rulers. If you're using a Mac, select Photoshop
    right-arrow
    Preferences
    right-arrow
    Units & Rulers.
    Screenshot of Adobe Photoshop CC
  2. A dialog box will appear. Under Units, click the menu next to Rulers, select Pixels, and click OK. You may need to quit and restart Photoshop for the changes to take effect.
    Screenshot of Adobe Photoshop CC

To adjust the text size:

If you'd like the text of the Photoshop interface to be larger or smaller, you can adjust the application's text size.
  1. Select Edit
    right-arrow
    Preferences
    right-arrow
    Interface (or Photoshop
    right-arrow
    Preferences
    right-arrow
    Interface on a Mac).
  2. Under Text, click the menu next to UI Font Size, then select the desired size. You may need to quit and restart Photoshop for the changes to take effect.
Screenshot of Adobe Photoshop CC

Changing the zoom level

When you're editing an image in Photoshop, you'll often be viewing it at less than 100% of its full size. That's because most modern digital cameras take large, high-resolution photos. These images are so large, in fact, that most computer screens can't display all of the pixels in the image at once. This is actually a good thing, because it means you'll have extra detail to work with as you edit the image.
If you want to zoom in or out, simply press Ctrl+ or Ctrl- (hold the Ctrl key and then press the + or - key). If you're using a Mac, you'll press Command+ or Command-.
In the example below, you can see a document at 44.4% of its full size. Notice that you can see the current zoom level at the top of the document window, as well as in the bottom-left corner of the screen.
Screenshot of Adobe Photoshop CC
By contrast, the example below shows the same image at 100% (full size). Notice that only part of the image is visible at this zoom level. If desired, you can use the horizontal and vertical scroll bars to view other parts of the image.
Screenshot of Adobe Photoshop CC
To zoom the image to fit the document window, press Ctrl+0 (hold the Ctrl key and then press the zero key). If you're using a Mac, you'll press Command+0.
Depending on your computer's graphics card, some zoom levels (such 33.33% and 66.67%) can cause the image to appear pixelated. If this happens, you may want to zoom to 25% or 50% instead.

Hope you enjoyed this lesson.

Comments

Popular posts from this blog

The Advanced Guide to Colours In Graphic Design

The power of color Color plays a vital role in  design  and  everyday life . It can draw your eye to an image. Sometimes it can trigger an emotional response. It can even communicate something important without using words at all. So how do we know which colors look good together and which ones don't? The answer is simple:  Color theory . Artists and designers have followed  color theory  for centuries, but anyone can learn more about it. It can help you feel confident in many different situations, whether it's  choosing colors for a design  or  putting together the perfect outfit . With a little insight, you'll be looking at color in a whole new way. Color basics Let's start at the beginning with a refresher on the basics. Remember learning about  primary and secondary colors  in school? Then you already have some knowledge of color theory. Secondary colors  are created by combining two  primary colors . Red and yellow make orange; yellow and blue m

The Ultimate Cheat Sheet On Making Basic Adjustments In Image Editting

Introduction Image editing is all about adjusting your images to make them look better. We're going to talk about some of the most  basic image adjustments , along with some common problems to watch out for when making these changes. The adjustments we'll cover in this lesson include: Cropping : If you want to remove parts of an image, you can  crop  it. You can think of cropping as using a pair of scissors to  cut out  the parts you no longer want. Resizing : If you want to make an image smaller or larger, you can  resize  it. However, keep in mind that making an image larger than its original size generally does not look good. Rotating : If you want to change the  orientation  of an image, you can  rotate  it to the left or right. Optional : If you'd like to follow along, you can download some or all of our  example images . Just click any of the images below to open a full-sized version. Then right-click the full-sized version and select  Save Image As  to save

The Ultimate Cheat Sheet On Fixing Common Problems

Introduction Images that come straight from a digital camera aren't always perfect. As you start to gain more experience with image editing, you may notice some  recurring problems  with images that you'll want to fix. For example, some images may be too bright, while others may be too dark or too blurry. There are many different  corrections  that can make your images look dramatically better. Some of the corrections we'll cover in this lesson include: Brightness   and   contrast : If an image is  too bright  or  too dark , you can adjust the  brightness  and  contrast . Color : If the colors in an image are  muted  or  dull , you can use a variety of color-correction tools, such as  saturation . Sharpness : If an image is  less clear than you'd like it to be, you can  sharpen  it. Want to see the difference that corrections can make? Take a look at the example below. It only took a few quick corrections to make the image look brighter, clearer, and more col