Adobe Photoshop for Beginners

Posted on:  


What You’ll Learn

1. Introduction

1.1 Welcome to the Course

Watch video lesson (2 mins) ↗

In this initial section, I’ll guide you through what the Adobe Photoshop course entails. I’ll outline all the topics we’re set to cover over the next three hours and provide you with the essential information to kickstart your journey. To get started, make sure you have a copy of Photoshop at your disposal. Don’t worry if you lack any design experience—I’ll begin from scratch, assuming no prior knowledge of the software or design. It’s a beginner-friendly ride, so let’s embark on this learning adventure

1.2 Getting Started

Watch the video lesson (2 mins) ↗

Now, set up your workspace for the upcoming Photoshop tutorials. Download the free source files by clicking the link below to follow along with the exercises. It’ll enhance your learning experience and provide valuable resources for the course. Let’s optimize your workspace and get ready to explore Photoshop with confidence!

Download the Source Files

2. Layers

2.1 How Photoshop Layers Work

Watch video lesson (9 mins) ↗

OK, let’s dive in and learn about some basic image adjustments:

These are some quick and easy techniques to help you make your images look better. We’ll also look at how to add layers in Photoshop and how to edit them.

![photoshop layers](https://image-control-storage.s3.amazonaws.com/2024/01/02132346/ps_layers-3.jpg)

2.2 Combining Multiple Images

Watch video lesson (8 mins) ↗

Now that you’ve gained some insight into photo adjustments, your next journey in Photoshop for beginners involves mastering the art of navigating the software. In this tutorial, you’ll delve into the intricacies of working with multiple images simultaneously. Learn the techniques of seamlessly moving images around and combining them to craft a unified and stunning result.

![combining multiple images](https://image-control-storage.s3.amazonaws.com/2024/01/02132347/multipe.jpg)

3. Color and Adjustment Layers

3.1 Tone Adjustment With Levels

Watch the video lesson (5 mins) ↗

Transitioning to the next section of your Photoshop learning journey, it’s time to move beyond automatic adjustments and delve into more advanced techniques. Follow these steps to unlock the full potential of Photoshop:

Explore Levels:
While automatic adjustments serve as a good starting point, to truly maximize Photoshop’s capabilities, we’ll focus on utilizing “Levels.”

Highlight, Mid-tone, and Shadow Correction:
The fundamental step in perfecting any photograph is ensuring the highlights, mid-tones, and shadows are accurately balanced. Learn the intricacies of using Photoshop’s Levels adjustments to achieve this precision.

By mastering Levels, you’ll gain a deeper understanding of image correction, setting the stage for more refined and professional-looking photographs.

![levels](https://image-control-storage.s3.amazonaws.com/2024/01/02132348/levels.jpg)

3.2 Color Adjustment

Watch video lesson (4 mins) ↗

Optimizing your colors is the next crucial step to enhance the quality of your images. Follow these instructions to make sure your colors are at their best:

Continue with Photoshop Levels:
Building on our previous work with Photoshop levels, proceed to the next stage.

Adjust Color Levels using Vibrance and Saturation:
Explore the tools available in Photoshop, specifically Vibrance and Saturation, to make precise adjustments to the color levels in your image.

By leveraging these features, you’ll be able to correct and enhance the overall color balance of your images. Let’s dive into the process and elevate the vibrancy of your visuals!

![color levels](https://image-control-storage.s3.amazonaws.com/2024/01/02132349/color.jpg)

3.3 Hue Adjustments

Watch video lesson (8 mins) ↗

Sometimes, you need to adjust the colors in more detail. So now, let’s explore how to fix the color cast of an image. You will also learn how to change a specific color in an image completely.

![change hue](https://image-control-storage.s3.amazonaws.com/2024/01/02132350/hue.jpg)

We’ll do all of that with the help of the Hue and Saturation sliders, which you can find here:

![hue and saturation](https://image-control-storage.s3.amazonaws.com/2024/01/02132351/hue_sat.jpg)

4. Text

4.1 How to Work With Type

Watch video lesson (12 mins) ↗

This Photoshop learning chapter is all about working with text. Watch the video to see how to create a simple, elegant postcard flyer that looks like this:

![make a flyer in photoshop](https://image-control-storage.s3.amazonaws.com/2024/01/02132352/flyer.jpg)

In this Adobe Photoshop course section, we’ll cover how to create the correct page size and dimensions for a printable postcard, and you will also master using expanding and fixed-width type boxes for typing text.

Then, as you create the flyer, you’ll learn how to use the Type Tool and customize the text by changing some settings in the Properties panel.

![type tool in photoshop](https://image-control-storage.s3.amazonaws.com/2024/01/02132353/type_tool.jpg)

1. Submit the Above Demonstrations to Dropbox in PSD and PDF format.

4.2 Warped Type and Type on a Path

Watch video lesson (18 mins) ↗

Unlock the full potential of text in your designs by learning how to create curved text in Photoshop. Follow these steps to add a dynamic touch to your visuals:

Explore Curved Text:
While your design might look satisfactory, there’s so much more you can achieve with text in Photoshop. Let’s focus on creating curved text to elevate the design.

Curved Text Examples:
Take a look at the image below for inspiration. Notice how curved text is applied in a badge at the bottom right and a photographer’s credit follows the shape of a leaf in the top right.

Tips for Typing on a Path: Use the regular Type Tool.
Hover your cursor over a shape or path until it transforms into the Type on a Path icon.
Start typing, and watch your text gracefully follow the curve.

![warp text flyer](https://image-control-storage.s3.amazonaws.com/2024/01/02132354/warp_text_flyer.jpg)

To do this, we’ll look at how to type on a path in Photoshop. Creating curved text is easier than you may think—watch this video to learn how to get text to follow a curved line using the Type on a Path feature.

![type on a path](https://image-control-storage.s3.amazonaws.com/2024/01/02132356/type_path.jpg)

And to distort your text in all sorts of interesting ways, you can use the Warp Text options.

![warp text in Photoshop](https://image-control-storage.s3.amazonaws.com/2024/01/02132357/warp.jpg)

5. Layer Styles

5.1 Layer Styles and Effects

Watch video lesson (17 mins) ↗

Let’s go to the next Photoshop for beginners tutorial: Layer styles allow you to add all sorts of effects to your designs. You can add shadows, bevel, emboss, and many other styles to text and images.

So in this part of the course, you’ll learn how to add a drop shadow in Photoshop. You’ll create a text shadow and then use Photoshop layer styles to add a bevel, emboss, and strokes to text and images.

![layer styles](https://image-control-storage.s3.amazonaws.com/2024/01/02132358/ps_layer_styles.jpg)

You’ll also learn how to create other Photoshop effects, such as a gradient overlay.

![gradient overlay](https://image-control-storage.s3.amazonaws.com/2024/01/02132359/gradient_overlay.jpg)

6. Cropping and Resizing

6.1 How to Crop

Watch video lesson (7 mins) ↗

Now, you’ll learn how to crop an image in Photoshop. First, we’ll perform simple crops on images, including cropping and rotating simultaneously.

![cropping in photoshop](https://image-control-storage.s3.amazonaws.com/2024/01/02132400/crop.jpg)

And after that, you’ll learn more details, such as:

This second technique is particularly useful when you’re converting an image from portrait to landscape or vice versa, so watch the video to see how it’s done.

2. Submit the Above Demonstrations to Dropbox in PSD and PDF format.

6.2 Resizing and Resolution (IMPORTANT!)

Watch video lesson (10 mins) ↗

Of course, creating a beautiful image is no good if you don’t have the right resolution and image quality. In the worst-case scenario, you might end up with something like this:

![low resolution](https://image-control-storage.s3.amazonaws.com/2024/01/02132401/low_res.jpg)

So in this part of the course, you’ll learn how to resize an image in Photoshop without losing quality. You’ll discover how resolution works and how it affects image quality and file size. This Adobe Photoshop course chapter covers all the best practices for resizing and exporting so that you end up with something more like this:

![high resolution](https://image-control-storage.s3.amazonaws.com/2024/01/02132402/hi_res.jpg)

7. Selections and Masking

7.1 Rectangle and Elliptical Marquee Tool

Watch video lesson (6 mins) ↗

What if you want to put the universe inside a coffee cup? Yes, you can do that in Photoshop, just by using the Photoshop marquee tools.

![marquee tool scene](https://image-control-storage.s3.amazonaws.com/2024/01/02132403/marquee.jpg)

This is a great way to pick up specific parts of an image. You’ll get some practice using both the Rectangular Marquee Tool and the Elliptical Marquee Tool in this part of the Photoshop for beginners course. You’ll then learn how to copy and paste selections into another image so that we can start making a collage and blending images together.

7.2 Clipping Masks

Watch video lesson (4 mins) ↗

Clipping Masks are a quick, simple way to put images inside shapes and even text. Watch the video to see how to take the image on the left and put it inside the letter shown on the right. It’s a powerful technique, and it’s easier than you’d think! Using Photoshop doesn’t need to be complicated!

Simple Image

![roses](https://image-control-storage.s3.amazonaws.com/2024/01/02132404/roses.jpg)

Image With Clipping Mask

![roses inside a letter](https://image-control-storage.s3.amazonaws.com/2024/01/02132405/clipping_mask.jpg)

7.3 Quick Selection Tool

Watch video lesson (8 mins) ↗

To learn Adobe Photoshop, you often need to take an image off its background so that you can put it somewhere else. The Quick Selection Tool is great for that.

For example, what if you wanted to extract this flower from its black background so that you can add it to the design shown below? That’s exactly what you’ll learn how to do in this part of the course.

![flower](https://image-control-storage.s3.amazonaws.com/2024/01/02132406/flower.jpg)
![quick selection tool](https://image-control-storage.s3.amazonaws.com/2024/01/02132407/quick_selection.jpg)

7.4 Layer Masks

Watch video lesson (6 mins) ↗

An important concept to learn in Adobe Photoshop is “non-destructive editing”.

Non-destructive editing means that you can edit your image while preserving the option to go back and change things without starting from scratch.

A great way to accomplish that is by using Layer Masks.

![layer mask](https://image-control-storage.s3.amazonaws.com/2024/01/02132408/layer_mask.jpg)

Watch the video to see how you can create the same “Dublin florists” image that we worked on before, but this time in a non-destructive way, by using a layer mask.

3. Submit the Above Demonstrations to Dropbox in PSD and PDF format.

NOTE: The above flower/masking example will be very useful in a future assignment.

7.5 Select and Mask

Watch video lesson (12 mins) ↗

The flower we worked on before was quite easy to select because of its sharp edges and plain black background. But what if you need to make more complex selections, such as selecting a person with out-of-focus strands of hair? That’s the next Photoshop for beginners tutorial.

Then you’ll need Photoshop’s Select and Mask feature. Let’s see how to tidy up selections made with the Quick Selection Tool, starting with simple masks and then working through to harder ones. You’ll see exactly how to select the model below and place her on a completely new background.

![Original image](https://image-control-storage.s3.amazonaws.com/2024/01/02132409/mask.jpg)
Original image
![Image placed on new background using Select and Mask](https://image-control-storage.s3.amazonaws.com/2024/01/02132411/mask2.jpg)
Image placed on a new background using Select and Mask

8. Smart Objects

8.1 Understanding Photoshop Smart Objects

Watch video lesson (12 mins) ↗

Another key technique in the area of non-destructive editing is a Smart Object.

A Smart Object is a way of preserving all the original information and pixels in an image, so that you can make it smaller or larger and manipulate it in other ways without losing any of the image quality.

Watch the video to learn how to use Smart Objects and why it’s important to use them.

![smart object](https://image-control-storage.s3.amazonaws.com/2024/01/02132412/smart_object.jpg)

9. Transform & Warp

9.1 Transforming and Warping Layers

Watch video lesson (8 mins) ↗

What if you wanted to put this logo onto this coffee cup? You can’t just paste it on because the cup is rounded, so the logo needs to be distorted to make the perspective look realistic.

![scene with coffee cup and book](https://image-control-storage.s3.amazonaws.com/2024/01/02132413/pre_mockup.jpg)
![monogram logo](https://image-control-storage.s3.amazonaws.com/2024/01/02132414/logo-1.png)

The solution is the Warp Tool in Photoshop. In this part of the Adobe Photoshop course, I’ll show you how to warp a layer in Photoshop, how to resize a layer in Photoshop, and more.

While learning about these tools, you will also discover how to mock up a logo and make it look as if it’s part of a real image:

![mockup](https://image-control-storage.s3.amazonaws.com/2024/01/02132415/mockup.jpg)

10. Retouching

10.1 Retouching With the Photoshop Healing Brush

Watch video lesson (8 mins) ↗

Now it’s time to learn about an important retouching tool: the Spot Healing Brush. You can use this brush to do a few cool things:

Remove Graffiti From a Wall

![wall before healing](https://image-control-storage.s3.amazonaws.com/2024/01/02132417/wall_before.jpg)
![wall after healing](https://image-control-storage.s3.amazonaws.com/2024/01/02132418/wall_after.jpg)

Remove Blemishes From a Portrait

![blemishes before healing](https://image-control-storage.s3.amazonaws.com/2024/01/02132419/blemish_before.jpg)
![blemishes after healing](https://image-control-storage.s3.amazonaws.com/2024/01/02132420/blemish_after.jpg)

Remove a Person From a Photo

![person before removal](https://image-control-storage.s3.amazonaws.com/2024/01/02132421/person_before.jpg)
![person removed from photo](https://image-control-storage.s3.amazonaws.com/2024/01/02132423/person_after.jpg)

I’ll teach you how to do all of those things, so watch the video and follow along on your own computer using the source files provided! And if you want to go into more detail, check out our free Photoshop retouching course:

51 Minutes

Photoshop Retouching for Beginners

10.2 Content-Aware Scale

Watch video lesson (8 mins) ↗

What if you need to make an image wider? Of course, you don’t want to just stretch it and make everything distorted. Fortunately, Photoshop provides a wonderful feature called Content Aware Scale, which lets you stretch an image and have Photoshop fill in the missing background:

Before

![image before content aware scale](https://image-control-storage.s3.amazonaws.com/2024/01/02132424/content_aware_before.jpg)

After

![image after content aware scale](https://image-control-storage.s3.amazonaws.com/2024/01/02132424/content_aware_after.jpg)

Watch the video for full instructions on completing this example and a few more as well!

TIP

Content Aware Scale is a great tool to use when you’re creating banner ads, social media headers, or other cases where you need a very wide image.

11. Exporting

11.1 Exporting Images

Watch video lesson (10 mins) ↗

Now that we’ve created lots of great images, we need to export them from Photoshop so that they’re ready for use in a print document, a website, or for social media.

So now let’s look at how to export in Photoshop. We’ll talk about the pros and cons of JPEG, PNG, and PSD files, and we’ll also see how to create a Photoshop file ready for use with other Adobe software products such as InDesign, Illustrator, and After Effects.

![export image](https://image-control-storage.s3.amazonaws.com/2024/01/02132425/export.jpg)

Scott, D. W. (2023). Adobe Photoshop for Beginners: Envato Tuts+. Retrieved from https://design.tutsplus.com/articles/photoshop-for-beginners–cms-93368




Code


Art


Design


UI/UX


Video


Projects


Social