Shift effect in Photoshop. Pattern overlay in Photoshop. Filters group Distortion
In this tutorial I'll show you how to create a displacement effect for portraits. You'll learn how to create your own displacement maps and distort images the way you like, and use brushes to create some cool effects. Let's get started.
End result:
Step 1
Create a new document with a size of 700*700 pixels and fill it with white. Open the texture image and drag it into our newly created document using the tool Moving(Move Tool) (V).
Step 2
Create an adjustment layer Curves(Curves) to darken our background texture. To do this we go to Layers - New Adjustment Layer - Curves(Layer > New Adjustment Layer > Curves).
Step 3
On this layer mask, use a soft black brush to bring out the highlights in the middle area of the image.
Step 4
Create a new adjustment layer Color Balance(Color Balance) and change the settings in the tabs Midtones(Midtones) and Sveta(Highlights).
Step 5
Open the image of the man. Separate it from the background using the Tool Straight-line lasso(Polygonal Lasso Tool) (L), well, or any other tool that you know better.
Now convert the layer with the selected man to Smart object(Smart Object). Duplicate this layer and then go to Filter - Design - Crystallization(Filter > Pixelate > Crystallize).
At the moment we have this result, and we will use it further as our first custom displacement map. Save this file as a .PSD and name it "offset 1"(“displace 1”) or whatever you want.
Step 6
Move the original image of the man (the image without the Crystallize filter) onto our dark background. Duplicate this layer three times and number them as layer names in order from 1 to 4.
Turn off the duplicated layers (2,3,4) for a while. Add a mask to Layer 1. Using different paint brushes, mask out the edges of the man's image.
Step 7
Turn on layer 2. Scale the image of the man and rotate it as shown below:
Add a mask to this layer and use stroke brushes to achieve the same result as shown below.
Step 8
Turn on layer 3 and enlarge the man a little using Free Transform (Ctrl+T):
Use a layer mask and paint brushes to get the result like in the screenshots below.
Step 9
Now we will create a new custom displacement map. Open the image with abstractions. Use the tool Frame(Crop Tool (C)) to select only the abstraction we need and delete the rest:
Save this file as a .PSD and name it "offset 2"(“displace 2”).
Step 10
Now let's go back to our main file and turn on layer 4. Move the man's image to the left and make it a little bigger:
Apply filter Bias(Displace) to our file "offset 2"(“displace 2”) with settings as shown below.
Add a mask to this layer and use some paint brushes to mask out the image of the man. Create a subtle grunge effect for the man's face, body, and background:
Step 11
Duplicate this layer and move the man's image up and to the right (without a layer mask)
Now add a mask to this layer and try experimenting with stroke brushes.
Step 12
Duplicate this layer again and flip it horizontally Editing - Transform - Flip Horizontal(Edit > Transform > Flip Horizontal)
Step 13
Create a new layer and set the Foreground color to black. Use a brush stroke and paint on the layer as shown in the bottom screenshot:
Hold down the Ctrl key and click on this layer's thumbnail to load its selection:
Next, select layer 3, right-click on the selection and select from the drop-down menu Copy to new layer(Layer via Copy). Now we have the selected part on a new transparent layer. Move this layer in the Layers palette above all existing ones.
Step 14
Move this part above the man's head and reduce the size of this part.
Achieve a similar result at the bottom using brushes.
Step 15
Apply this same technique to enhance the grunge and decay effects.
Step 16
Select all the layers with the image of the man and those that were processed with brushes. Press Ctrl+G to group them and change the mode for this group from Skip(Pass Through) on Normal(Normal) 100%. Next create an adjustment layer Hue/Saturation(Hue/Saturation) inside this group to slightly desaturate the image of the man and the created effect:
Step 17
Now let's create an adjustment layer Color balance(Color Balance), and adjust the settings Midtones(Midtones):
Step 18
On this layer mask we use a soft black brush to bring out the light in the face area.
Step 19
Now turn off the background layers (white background and texture layer). Press the keyboard shortcut Ctrl+Shift+Alt+E to merge all visible layers (meaning the group of layers with the image of a man) into one new layer. Name this layer "Effect 1"(“effect 1”).
Turn on the background layers. On layer "Effect 1"(“effect 1”) using the tool Lasso(Lasso Tool), select a small fragment of the cheek:
Right click on this layer and select Copy to new layer(Layer via Copy). To make this part more visible and create a peeling effect, create a new layer below the existing one, but above the layer "Effect 1"(“effect 1”). Use a soft black brush with a level opacity(Opacity) about 40% to draw a shadow underneath it.
Step 20
Use the same method to create even more areas of peeling skin on your face.
Step 21
Group the layer "Effect 1"(“effect 1”) and all the layers on which we reproduced the peeling effect. Merge the layers of this group together in the same way as we did in step 19. Enlarge the result as shown in the screenshot below:
Step 22
Apply an adjustment layer Channel mixing(Channel Mixer) and set it to Clipping Mask mode. Change the red channel settings (value: -67)
Step 23
Change the color using an adjustment layer Hue/Saturation(Hue/Saturation):
Step 24
Let's go back to the effect layer and use a layer mask with stroke brushes to remove the part covering the man in the image and leave the effect visible only around him.
Step 25
Now we'll create even more custom displacement maps. Create a new document in Photoshop with a transparent background. Use the tool Rectangular area(Rectangular Marquee Tool) to create several rectangular selections and fill them with black:
Then, we apply Filter - Distort - Wave(Filter > Distort > Wave)
"offset 3"(“displace 3”).
Step 26
Create another document in Photoshop. Create a new layer and press D to set the foreground and background colors to the default (ie black and white respectively). Next we go to Filters - Rendering - Clouds(Filter > Render > Clouds)
Then, we go to Filters - Rendering - Fibers(Filter > Render > Fiber)
Now apply the filter Crystallization(Crystallize)
Save this file in .PSD format and name it "offset 4"(“displace 4”).
Step 27
Add a layer with the original image of the man on top of all layers. Duplicate this layer twice. Hide these two duplicated layers. Rename the layers in order with numbers from 1 to 3.
On layer 1, use brush strokes to partially cover the body.
Step 28
Turn on layer 2 and apply a filter Bias(Displace) using file "offset 3"(“displace 3”).
Add a mask to this layer and use brush strokes to create an effect around the man, especially his face.
Step 29
Make layer 3 visible. Apply filter Bias(Displace) using file "offset 4"(“displace 4”).
Step 31
Create a separate group for all the layers created in steps 27 to 30. Press the key combination Ctrl+Shift+Alt+E to merge all these layers into one. Mask the image with a brush so that it looks like in the lower screenshots:
Step 32
Step 33
Now, create an adjustment layer Color balance(Color Balance) and change the settings Midtones(Midtones):
Step 34
Using an adjustment layer Curves(Curves) and lower the brightness:
Step 35
Next, create an adjustment layer Gradient map(Gradient Map) on top of all layers and select the following colors for the gradient: #64649f and #85f982. Now, change the mode for this layer to Soft light(Soft Light) 100%.
Step 36
Create an adjustment layer Photo filter(Photo Filter) and select color #ec8a00:
Step 37
Step 38
Create an adjustment layer Curves(Curves) and increase the brightness level:
On this layer mask, use a soft black brush to mask out the edges and keep the shadow there, and make sure the light is focused on the man's face.
Step 39
Create a new layer and use a soft brush with the color #020b2d to paint around the man's ear area.
Change the mode for this layer to Linear clarifier(Linear Dodge) 100%:
Step 40
Create a new layer, change the brush color to #8df0f6 and paint the ear area again. For this layer, select the mode Overlap(Overlay) 100%.
Your image is finally ready! If you've successfully completed all the steps, you've most likely learned some really useful skills along the way!
Using the filter is very simple. Let's say we have a document consisting of two layers, this is a background image measuring 500 by 400 pixels, and on the other layer there is a square measuring 50 by 50 pixels. Task: duplicate the square and move it to the right by 100 px.
Step onto the layer with the square and duplicate it by pressing the key combination Ctrl+J. Then go to the Filters tab --> Other --> Shift (Filter --> Other --> Offset) and set the necessary offset parameters, i.e. +50 pixels horizontally, 0 vertically.
As can be seen in the figure, the displacement of the square can be seen immediately, before the final application of the filter (i.e. clicking OK).
If you need to get several copies of the square at the same distance, then duplicate it by pressing Ctrl+J, and then apply the last filter, i.e. "Shift" by pressing Ctrl+F. And these actions need to be repeated as many times as we need copies of the object.
Move objects a specified distance using the Free Transform tool
Using free transformation, you can set not only the distance, but also change the size of the object. Duplicate the square. We press the key combination Ctrl+T and see that an overall frame has appeared around the square, but for our tasks it is not needed.
We will need the settings at the top of the Photoshop working window, in the options bar. By default, the X and Y parameters will indicate the distance of the object's center from the origin, as shown in the figure.
And we need the distance from the center of the object, for which we need to click on the triangle pointed to by the arrow in the picture, and it will be highlighted in gray. Then it will be possible to specify the displacement value relative to the initial position of the square.
The figure shows that the X and Y values equal to 100 pixels are entered to offset the square, and the object rotation is also set to 45 degrees. You can also change the size of the object if you put your values instead of the width and height of 100%.
To complete the transformation, press the Enter key.
To shift and duplicate the object again, you must, as in the first example, clone the square by pressing Ctrl+J, and then repeat the transformation by pressing the combination Ctrl+Shift+T.
Now let's try to automate this whole thing, because... It's sad to constantly hit the keys.
For the example with automation, I took an object more interesting than a square, purely for the sake of clarity.
Automating Moves with Duplicate Layers in Photoshop
In the layers palette, select the layer that you want to duplicate.
Open the Operations palette, or, as it is otherwise called, the Actions or Actions palette. I open it with the combination Alt+F9.
In this palette, click on the “Create new Set” icon located at the bottom and give it a name. Next, click on the “Create new Action” icon and again set the name. On the layers palette, the “Begin Recording” button is highlighted in red. Duplicate the layer (Ctrl+J), then apply the “Shift” filter or free transform as described above. Click on the Stop playing/recording button. That's it, the action is created. The palette of operations will look like this (I called the set “Shift”, and the operation “Shift by 50 px”).
Application of patterns in Adobe Photoshop is a necessary creative process to add various interesting elements to a design.
Patterns are easy to use, but they can greatly influence the perception of your compositions and complement them harmoniously. In this lesson Photoshop You'll learn how to create, use, and manipulate patterns in practice.
Samples of patterns in Photoshop necessary for their repeated use in subsequent works. Using patterns significantly speeds up your workflow by giving complex objects the texture of a selected pattern. You save a lot of time and add some zest to your work.
You can create your own patterns, use the patterns contained in the program and install samples downloaded from various Internet resources. In this tutorial we will cover the following sections:
1. Overview of program patterns with the “Manage Sets” function (Preset Manager).
2. Three different ways to use patterns in Photoshop.
3. How to create your own pattern.
4. Creation and application of a linear diagonal pattern in practice.
5. Installing a Photoshop pattern in the program library.
6. Creating a library of patterns.
Exploring program patterns with the “Manage Sets” function (Preset Manager).
You can find the program's default patterns through the Manage Sets feature. Sets are accessed through the top menu of the program in the Editing-Manage Sets tab (Edit > Preset Manager). By default, the Control window (Preset Manager) displays the Brushes palette.
In the dialog box that opens, find the “Set Type” option (Preset Type) and click on the down arrow. From the drop-down submenu, select the "Patterns" option (Patterns) and you will see the program's default set appearing.
These are not all the patterns that are in the program. To see them all, you need to go to the library sets. A pattern library is a collection of 1 or more patterns that have a PAT file extension.
To download program library templates Photoshop Click the arrow on the right in the Manage Sets window. In the drop-down submenu you will see a list of sets of different patterns.
Select any set from the list and click on it. After this, a dialog box will appear asking you whether to replace the current patterns with the selected ones.
Click the "Add" option (Append), if you don't want to change the previous patterns, but just want to add the currently selected ones.
Applying patterns in Photoshop.
Now that the selected set of patterns has been loaded, let's see how to use it in practice. There are several ways to use patterns and we will look at each.
Overlaying a pattern using the Fill command.
The easiest way to apply a pattern is to fill the selected area with it. For example, activate the Rectangular Marquee Tool and select an area of any size on the canvas. Then, go to the menu Edit-Fill (Edit>Fill (Shift + F5)) and in the fill dialog box in the “Use” option (Use) specify the Regular/Pattern option.
Pattern fill allows you to use the Custom Pattern option (Custom Pattern). Click on the parameter arrow and call up the submenu with pattern libraries by clicking the arrow on the right. Once you've selected the set or pattern you want, click on it and click OK to fill your selection with it.
An important advantage of applying a pattern using the Fill method is that this pattern can be used on a separate layer without affecting other layers of the document.
Overlaying a pattern in Layer Styles.
If you want to apply a pattern to any selected layer, double-click on that layer's thumbnail to open the Layer Styles window. (Layer Style). Almost at the very bottom, find the “Pattern Overlay” option (Pattern Overlay) and activate it. An options dialog box will open where you can, just like in the previous example, select the desired pattern and apply it to the layer.
This method gives you more flexibility in use: you can hide, show, customize, and delete a layer's pattern without affecting the layer itself.
Tip: To adjust the position of the pattern on the canvas, in the Pattern Overlay option, enable the Preview checkbox (Preview), and then place the mouse cursor on the canvas and, while holding it down, move your pattern in the main program window in any direction.
Drawing a pattern using the Fill tools (Paint Bucket Tool) and "Pattern Stamp" (Pattern Stamp Tool).
If you want to apply a pattern by painting it across the canvas, use the Fill and Pattern Stamp tools. Activate them and set them to apply patterns rather than colors in the top bar of the program.
Using the drawing tools when applying a pattern is useful if you apply the pattern irregularly. This method gives you more control over the process, especially if you have a graphics tablet.
But painting with a pattern will take you much longer than applying a pattern using the Fill command or Layer Styles.
Look at the summary table of the advantages and disadvantages of different methods when applying a pattern.
Creating your own pattern in Photoshop.
Creating your own pattern is a simple process. Keep in mind that the pattern you create should only consist of rectangular shapes. If you want to use a circle, the program will treat this shape as a rectangle.
To create a pattern, use the Rectangular Marquee Tool (Rectangular Marquee Tool (M)) and select the area you want to place in the pattern. Then go to the Edit tab - Define Pattern (Edit>Define Pattern) to define the selection as a pattern and give it a name in the dialog box.
Tip: Many people prefer to create a pattern for their work outside of the working document. This is good practice. Creating a New Document (Ctrl+N) for your pattern, you thereby concentrate on this work, without being distracted by anything else.
Create and apply a diagonal linear pattern.
Let's try to make one of my favorite patterns in Photoshop: a diagonal pattern, which was used for the design of the Design Instruct website.
Create a new document (Ctrl+N) V Photoshop size 600x600 px and resolution 72 px/inch with a white background.
Activate the “Horizontal Text” tool (Horizontal Text Tool (T)) and write the phrase Design Instruct at the top of the canvas. Choose a dark color for the text (#000000) to see our work clearly. This version uses Helvetica Neue Medium font size 30 pt, but you can choose any other program font (for example, Arial).
Now let's move on to creating a pattern for our main document. We will draw it in a separate document Photoshop. Create a new document (Ctrl+N) size 3x3 px and resolution 72 px/inch. Background color Transparent (Transparent).
When saving a pattern in the program later, the default background color will be white.
Since the canvas is quite small, let’s enlarge it with the tool Zoom Tool (Z)(magnifying glass), zoom in. I enlarged the canvas to 3200% of the main size, which is the maximum enlargement.
Now we will draw white diagonal lines in the direction from the upper left corner to the lower right. To do this, activate the Pencil tool (Pencil Tool (B)).
Set the foreground color (Foreground) on white (#ffffff) and set the pencil size to 1 px with hardness (Hardness) 100%. Make sure the Opacity options are (Opacity) and Pressure (Flow) equal to 100%.
In my example, I deliberately switched to a different color so that you could clearly see the entire process of creating the pattern. Hold Shift and click with Pencil (Pencil Tool) in the upper left corner of the canvas, and then in the lower right. The result was an even diagonal connection of squares.
Here's what your resulting pattern should look like (I switched to the original white color):
After creating the diagonal line, go to Select – All (Select> All (Ctrl+A)) to select the entire canvas.
Now go to the Edit tab - Define Pattern (Edit>Define Pattern) and in the dialog box, assign a name to your line, that is, enter any name for your pattern. Then click OK.
Now close the pattern document (no need to save it) and return to the original working document.
Let's apply our completed pattern to the document in the three ways described above.
Fill command.
Create a new layer above the text layer (Ctrl+Shift+N). Select the text by holding Ctrl and clicking on the icon of this layer.
Go to Edit-Fill (Shift+F5). In the dialog box, in the Use option (Use) select Pattern (Pattern), and in the Custom pattern option (Custom Shape) we find our drawn pattern with diagonal lines.
Click OK to apply the pattern using the Fill command.
The good thing about this technique is that the pattern fill is on a separate layer, which allows you to add different layer styles to the pattern without affecting the text layer underneath it. Let's try to do this. Let's reduce the opacity (Opacity) layer with a pattern up to 80%.
Tip: A good practice is to use the pattern on a separate layer from the object. But to make the object move across the canvas along with the pattern applied to it, use the Link Layers function (Link Layers). The icon for this function is shaped like a paperclip and is located at the bottom of the layers panel. Select the layers you want ( Ctrl+click on the layer thumbnail) and click on the paperclip icon, or right-click on the selected layers and select the option - Link layers.
Applying a diagonal pattern in Layer Styles.
Now hide the top layer with the pattern (the eye next to the layer icon) or delete it by dragging the layer onto the trash can icon at the bottom of the layers panel.
Double-click the text layer to bring up the Layer Styles window (Layer Style) and select the Pattern Overlay option (Pattern Overlay). In the parameter window, click on the arrow with a pattern and select your created diagonal pattern from the set. Enable Preview feature (Preview) to control the process of applying the pattern and, if necessary, change anything.
Here's a quick explanation of the Pattern Overlay window options: (Pattern Overlay):
1. Changing the blending mode in the pattern (Multiply, Overlay, Lighten the base, etc.)
2. Control the opacity of the pattern. The lower the opacity level, the more transparent the pattern.
3. Pattern window. Once you open it, you can select any pattern to apply to the object.
4. Create a new name for this pattern.
By clicking on the pattern window and then on the arrow on the right, you can select a function from the drop-down menu - Save pattern (Save Pattern) and save it under a different name in the set. If you made any changes to the pattern (scale, blending mode, or opacity), these will also be saved along with the selected pattern.
5. Scale (Scale) adjusts the scale and resolution of the pattern.
6. Link to layer (Link with Layer)
When this option is activated, the pattern will move across the canvas along with the object related to it. This option is already activated by default in the program.
Apply a pattern using the Pattern Stamp tool (Pattern Stamp Tool (S)).
Now let's try to use our diagonal pattern in our work using the “Pattern Stamp”. This tool is similar in style to using a Brush. (Brush Tool (B)), only we paint not with color, but with a pattern on the canvas.
To begin, hide the visibility of the Pattern Overlay layer effect on the text layer or delete it by right-clicking on the layer's row and selecting Clear Layer Styles.
In the top settings menu, click on the pattern palette window and find our diagonal pattern. Activate it and adjust additional parameters: stamp brush size, opacity or pressure.
On New Layer (Ctrl+Shift+N) start drawing a pattern over the text. You can see that I only used the stamp in some places of the text and changed the opacity (Opacity) tool for a unique effect.
Unlike the previous two methods of applying a pattern (Fill and Layer Styles), this technique is a little more complicated and requires some skill.
Installing patterns in Photoshop.
If you want to use patterns downloaded from other sites, then loading them into the program is quite simple. Go to Edit-Manage Sets (Edit>Preset Manager) and in the dialog box click on the “Download” function (Load) right. Remember that your downloaded pattern must have a PAT extension for the program to install it. In the download window that opens, indicate the location of your pattern file and click “Download”.
Typically, patterns are installed by the program in a folder along the following path: Adobe Photoshop > Presets > Patterns.
Here are some free resources you can use to help you find the patterns you're looking for:
Creating a library of patterns.
To create pattern templates in the program library, go to the Editing-Manage Sets tab (Edit > Preset Manager). Select the samples you want to add to the library from the list by holding Ctrl and clicking on the desired patterns, highlighting them. Next, click the “Save” button (Save Set). Save a set of selected patterns anywhere on your computer.
Now this file can be installed on other computers. Good luck in mastering the program!
One of the new filters in the latest version of Adobe Photoshop is the Displace Filter, which will help us move a brick wall apart like a curtain. This technique is quite simple, so completing the lesson will not take you more than 30 minutes, after which you will get this image:
Step 1. Launch Adobe Photoshop CS5 and create a new document measuring 2560 x 1440 pixels (Ctrl + N). Then download the image of a brick wall from this link and add it to the document you created earlier.
Step 2. Now we need to import into our document the image of a girl opening the curtains, which you can download from this link.
Step 3. Now, select the Pen Tool (Pen) or the Lasso Tool (Lasso), and select the white areas in the image with the girl. Next, in the main menu, go to Select - Refine Edges (Selection - Refine Edge). In the settings window that appears, activate the Smart Radius option, then in the same settings window, select the Refine Edges Tool and use it to walk along the border of the selection so that it is made as efficiently as possible. Now in the main menu go to Layer - Layer Mask - Hide Selection (Layers - Layer mask - Hide selected area).
Step 5. Once the curtains are selected, place the brick wall layer above the girl layer.
Step 6. Then invert the existing selection (Chift + Ctrl + I) and in the program menu go to Layer - Layer Mask - Hide Selection (Layers - Layer mask - Hide selected area). Now a brick wall should appear in place of the curtains.
Step 7. Create a duplicate of the girl layer (Ctrl + J) and place it above the brick wall layer. Now you need to remove the image of the girl from the duplicate layer. There are several ways to do this: edit the layer mask by masking the girl or using the Eraser Tool. After the girl on the top layer is deleted, in the main menu go to Image - Adjustment - Desaturate (Image - Correction - Discolor), and then go to Image - Adjustment - Levels (Image - Correction - Levels) and play a little with the settings to get the result is as close as possible to the image on the screen:
Step 8. Change the blending mode of the top layer with curtains to Overlay (Overlap). If you want to make a more expressive and darker version, duplicate the curtain layer again.
Step 9. Open the image of the girl with curtains again (Ctrl + O). Then go to the main menu Image - Adjustment - Desaturate (Image - Correction - Discolor), after desaturating the image, go to Image - Adjustment - Levels (Image - Correction - Levels) and achieve the effect of a saturated black and white image, as shown in the figure below. Save the resulting file in psd format.
Step 10 Select the brick wall layer. Then in the main menu go Filter - Distort - Displace (Filter - Distortion - Displacement) and set the same settings as on the screen (Horizontal scale - 10, Vertical scale - 30, Stretch to Fit, Repeat border pixels ( Repeat Edge Pixels)), click OK and in the dialog box that appears, select the image that was saved in PSD format in the previous step.
Step 11. Select the top layer, then go to the main menu of the program Layer - New Adjustment Layer - Gradient Map (Layer - New adjustment layer-Gradient map). In the settings window, select a gradient transition from black to white and click OK. As a result, an adjustment layer should appear, the blending mode of which must be changed to Soft Light.
Step 12. Make sure that you have the top layer selected, then in the main menu go to Layer - New Adjustment Layer - Photo Filter (Layer - New adjustment layer - Photo Filter). In the settings that appear, select orange color, set the Density value to 60% and activate the option Save the glow.
Step 13. Let's add another adjustment layer, for this in the main menu go Layer - New Adjustment Layer - Hue / Saturation (Layer - New adjustment layer -Hue/Saturation) and set the following settings: Saturation -20 and Brightness +5
Step 14. After all these steps you should get something like this.
Step 15. Download the landscape image from this link and then open it in Photoshop. Drag the landscape image onto your working document and place the landscape layer above the background layer. You should get the following result:
Step 16. Now let's make some minor color correction to the landscape; to do this, in the main menu, go to Image - Adjustment - Hue/Saturation (Image - Correction - Hue/Saturation) and set the following settings: Hue -35 and Saturation -50.
Step 17 Create a new layer and place it on top of the other layers. Using the Paint Bucket Tool (Fill), fill this layer with black. Next, using the Brush Tool (Brush) with a hardness of 0%, leave a large imprint of white color in the center. Change the blending mode for this layer to Multiply (Multiplication).
Step 18. Create a layer that combines all existing layers by pressing Ctrl + Alt + Shift + E. As a result of this, you should have a new layer located on top of all the others. Now you should add a slight blur to this layer; to do this, in the main menu, go Filter - Blur - Gaussian Blur (Filter - Blur - Gaussian Blur) and set the Radius value to 10. Change the blending mode of this layer to Screen (Screen) and set its Opacity to 60%.
This is what you should get as a final result:
Original lesson located .