3 min read

Adobe Photoshop Beginners Guide

Adobe Photoshop Beginners Guide

From photo editing and compositing to digital painting, animation, and graphic design — you can do it all in Photoshop. Thus, Bring ideas to life across desktop and iPad. In addition to that, magically transform images with the power of AI.


This tutorial assumes you have installed Adobe Photoshop by now. However, in case you don’t have it, you can grab it for free for 7 days as follows.

  1. Go to adobe.com
  2. Click the “Try for free” button.
  3. Sign in or set up your Adobe ID.
  4. Download the free trial version and start creating.

User Interface – Opening

So, our aim for this tutorial is to learn the very basics, inshaAllah.

First let’s look into the interface. Once you open “Adobe Photoshop”, you will be able to see a button that says “Create now” in the left panel. Click that button and let’s have a look around.

As you click the “Create now” button, it will pop up a new document dialog box.

  1. On the top bar, you will find recent, save, photo, print, art & illustration, web, mobile, and film & video. That gives you a series of presets or templates.
  2. The area below the tabs would show presets with different sizes, resolutions, and colors relevant to the selected tab.
  3. In the right panel (“Preset Details” panel), first, you would name your project.
  4. You can set the size by adjusting width and height according to your design requirement.
  5. Resolution is the fineness of detail in an image and is measured in pixels per inch (ppi). The more pixels per inch, the greater the resolution. Thus, the quality of the image also affects the file size of the image. More importantly, the standard resolution for web images is 72 PPI (often called “screen resolution”). Otherwise, the website would get slower.
  6. Color Mode would give you various color modes which can be used for mixing color in graphic design. For example, the RGB color mode is best for digital work, while CMYK is used for print products.
  7. Background Contents helps you decide whether you want to keep your artwork’s background transparent, white, black, etc.
  8. Create button would lead you to open your document and let you start your design or photo editing.

User Interface – Work Area

Now let’s look in the work are and document.

  1. The white area is your document. That is your work area.
  2. The tabs represent documents opened with relevant names for the documents. You will have multiple tabs if you have opened multiple documents.
  3. Right above the tabs, you have your options bar. It is contextual. It changes depending on the tool you select.
  4. Tools can be found on the left of the window.


That covers the basics of the Adobe Photoshop user interface.

Now to put hands-on and get started, let’s try a simply amazing feature of Photoshop. Follow the given steps.

  1. Download this image and drag and drop it on the work area of Photoshop.
  2. Select Lasso Tool from Toolbar.
  3. Draw around the person.
  4. Right-click the selection (you just made around the person) and click “Content-Aware Fill..“.
  5. Click “OK” button from the right bottom.

The person has been removed from the image and here is a comparison of the before and after work.

That’s it.

Hope you enjoyed. 🙂