In this tutorial, we’ll learn how to add a frame to a picture that looks like a canvas painting. To create this effect, we will need a solid layer, a mask layer, a brush selection from the Photoshop brush set, a texture from the filter gallery, and in the end we’ll learn how to sample the color to Paint your own image, canvas. In this tutorial, we’ve used Photoshop CS6. Follow us to learn how to make photo border to painted edges.
Step by step to make painted edges photo
You should follow below steps to learn how to create painted edges effects in Photoshop. Let’s start with the image below.
And here’s the final result of the “Image Conversion to Painting Canvas” effect. The canvas color around the image is white, but as mentioned, in the end, you’ll learn how to change the image by direct sampling of your own image colors.
Step 1: Add a layer filled with white
After opening the image in Photoshop, let’s add a white-filled layer at the top of the image. Click the New Fill or Adjustment Layer icon at the bottom of the Layers panel.
The list contains a set of fill layers so that we can select one of them. Select Solid Color from the top of the list to fill the layer.
Photoshop opens the Color Picker window that we can choose from the colors available in that color to fill the layer. This layer is used for the back of the canvas, so let’s first select white by setting 255 for the R, G, and B options near the bottom of the dialog box.
Click OK to close the Color Picker box. Your document is fully painted in white and the image is temporarily hidden, if you look at the Layers panel, you will find that the layer filled with name Color Fill 1 is located above the background layer that contains the image.
Step 2: Select the mask of the filled layers
Select the layer mask for the filled layer. Do this by clicking on the thumbnail mask in the Layers panel. A highlight white box appears around the thumbnail, as you know, the mask layer is currently in selection mode. Here, we want to paint on the mask layer so that the image below it appears.
Step 3: Select the Brush tool
Select the Photoshop Brush tool by clicking the corresponding icon in the toolbar on the left side of the screen.
Step 4: Set Brush Tool on “Thick Heavy Brushes”
Select Brush Tool on the brush preset icon at the top of the page.
The Brush Preset Picker box opens. The brush we need for this effect is not included in this section by default, so here we need to add it manually to this box. On the small menu icon, click the Brush Preset Picker in the upper right corner of the box.
The menu includes various options, including a set of ready-to-render brushes in Photoshop. Choose Thick Heavy Brushes at the bottom of the list: 11 11 11 11
Photoshop asks you if you want this brush set to replace the default brush? Click the Append button to add the new brush set to the current brush. This new brush set appears below the default brush.
Step 5: Select a Flat Bristle brush 111 px
You loaded the new collection of brushes, click on the menu icon in the upper right corner and above the Brush Preset Picker.
Then click on the Small List or Large List menu. The Brush Preset Picker brush provides a quicker access to the brush you choose. Here we have selected the Large List option: 13 13 13 13
Scroll to the bottom of the list until Flat Bristle 111 px is reached (this option is almost at the bottom of the list.) Double-click on it to select and close the Brush Preset Picker box.
Step 6: Paint the black on the mask layer
We need to paint on the mask layer using black on the image to appear solid colored image under the layer. Photoshop uses the current background color as a brush color, so press the D key the keypad to quickly change the background and foreground colors, your foreground color must be white and the background color must be black. Then press the X key on the keyboard to change the color of the two, so your background color must now be changed to black. You can see the current foreground and background colors in the color swatches area at the bottom of the toolbar.
Then, just move the brush to the right and left in the main part of the image. Since we paint on the mask layer, we do not see the black paint brush. Instead, with each brush move on the mask layer, the part of the image below the mask layer appears. If you’re not happy with how to handle the brush, press Ctrl + Z in Windows or Command + Z on the Mac. Compress it back to its previous state and continue painting as you like:
Continue to paint with brush as long as you like it from the image:
Step 7: Select Rough Flat Bristle111 px
Let’s increase the effect of painting the edges with another brush. To reopen the Brush Preset Picker, right-click inside the image in Windows systems and Control-click inside the mac system. Choose the Rough Flat Bristle 111 px brush exactly below the Flat Bristle brush. Double-click on it to select it and close the Brush Preset Picker box.
Step 8: Create small blows around the edges
When you select a new brush, in the edges of the image, enter small blows to create colored spots. Try to do this from the inside of the image to the edges, and gradually extend the edge to the edges. This will cause small blows in the white area. Even one or two brush clicks in this area can be enough to do this. Again, if you think it’s a mistake to do your painting, press Ctrl + Z in Windows or Command + Z on your Mac to go back to the previous one and do it again.
Step 9: Add a new blank layer
Let’s finish the main effect by adding a texture to the canvas. Click the New Layer icon at the bottom of the Layers panel.
A new empty layer called Layer 1 just above the filled layer is created: 21 21 21
Step 10: Fill the new layer with white
At this moment, the new layer is empty, so let’s fill it with a white color. From the Edit menu at the top of the page, select the Fill option.
The Fill dialog box opens. Set the Use option above the dialog box to White. Make sure the Mode option is set to the bottom of the box on Normal and the Opacity option is set to 100%. Then click OK to close the dialog box. Photoshop puts the layer in white; once again everything that is in the document window temporarily hides.
Step 11: Apply the Texturizer filter
Select Filter Gallery from the Filter menu at the top of the page.
When the filter gallery appears, open the Texture group by clicking on the triangle icon next to it to see the filters in that group. Then click on the thumbnail of the Texturizer filter to select it.
The controls and options for the Texturizer filter appear in the right column of the filter gallery. First, put the Texture option on the Canvas. Set the Scaling option to 100% by sliding the corresponding slider and set the Relief option to 4. Set the value for the “Top Left” option for Light.
When you’re done, click OK to close the filter gallery. Photoshop will fill the layer with a canvas texture. (Here we’ve made the image a bit bigger to see well).
Step 12: Change the blend mode to Multiply and reduce transparency
Combine the texture of the canvas with the image by changing the combination mode from Normal to Multiply. You can find the Blend Mode option in the top left corner and above the Layers panel.
To reduce the opacity, we set the opacity to 30%. This option is located next to the Blend Mode option above the Layers panel.
Here, our image is visible after changing the blending mode to Multiply and reducing the opacity. Canvas texture is hardly visible here, but you can easily see it in your document.
Change canvas color (optional)
The effect is perfect here, if the canvas color is your preferred color, you can stop the work here. But if you want to choose different colors for the canvas, the simplest way is to sample the image itself. To do this, double-click on the thumbnail of the filled layer (small swatch icon next to the thumbnail of the mask layer.).
The Color Picker dialog opens. Instead of using a color in this box, you can use one of the colors in the image to do this. Convert your mouse pointer to the eyedropper icon. Simply click on the color to quickly change the color of the canvas to that color; you can click on different colors until you find your desired color. Once you have selected the color, click on OK to confirm the selected color and close the Color Picker window. If you do not find the correct color in the image, click Cancel to close the Color Picker box and leave the canvas in the same white color.
Stay with us by commenting on How to make photo border to painted edges article.