How to place two images side by side in Photoshop
Learn how to combine two photos into one image using Photoshop. Walkthrough for Photoshop CC and CS6. In the example, we use photographs in portrait (vertical) orientation so that the…

Continue reading →

Complete Web Animation Guide (part 4)
Step 71 To make a brochure correctly, activate the Site Selection tool. Pressing and holding the left mouse button, circle the left part of the arrow to select its two…

Continue reading →

Complete Web Animation Guide (part 3)
Step 44 Select beach icons with captions and group them. Rename the group to ‘features’: Step 45 Select the Free Shape tool. In the list of Figure options, select the…

Continue reading →

Create a double stroke effect in Photoshop

In today’s guide, I would like to tell how to stroke the text in Photoshop.

Photoshop layer styles let you easily add shadows, glows, outlines, color overlays, and more. Combining these effects, you can design texts, shapes and other elements in the image. In older versions of Photoshop, you could add only one shadow, only one stroke effect, and this created certain limitations. Today in Photoshop CC, you can apply the same style an infinite number of times, and that is what we will do today.

We will add a double outline to the same text. Let’s find out how to do it.
Create an empty document in Photoshop, and give it a size of 1000 by 500 pixels. For this example, we will use simple graphics for the web, and therefore the document resolution will be 72ppi. If you plan to print this work, then do not forget to set the resolution to 300ppi;
Now you need to add the text. I used a free font called Folk. Although, for example, any bold font is suitable.
Select the Text tool by pressing the T key, or select it in the toolbar:
In the options panel, which should appear at the very top of the window, set the size to 280 pt (if you use a different font, the size may be different). Set light blue color (# 0099ff):

To change the color of text in Photoshop, click on the colored square in the options panel, after which the color palette opens:

Once you understand the settings, move the input focus to the document and write some text:

After that, click on some other layer or on the checkmark in the options panel:

Create a layer style
Now for the beautiful text you just created in Photoshop, you need to apply the Stroke style. Click on the text layer and make sure it is selected. Then click on the “Add Layer Style” icon at the very bottom of the panel. In the drop-down list, select “Stroke”:

You will see a dialog box with style settings. Do not forget to tick the “View” option to see the changes you make. Set the size to 5px.
Switch “Position” to “Inside”.

Blending mode is set to “Normal” and “Opacity” to 100%. As the color, choose white:
Now the text in Photoshop looks a little strange, because it is located on a white background, and at the same time has a white stroke. Next, we will add another stroke, and everything will become much more interesting.
Click the name of the Stroke style next to it. Set the size to 8px. Set “Position” to “Outside”.
Leave the blending mode at “Normal” and the opacity level at 100%. Set the color to light blue (# 0099ff8):
In principle, you can finish at this stage, since everything looks quite attractive, but I would like to add some shadows.
Do not click OK for now. In the menu on the left side, click on the Shadow style. Let’s add a small shadow of the same color as the text, but so that it is slightly offset. Set the blending mode to “Multiply”. We use the same color – # 0099ff8. Such a shadow will look more attractive than a weighty black.
We set the opacity level to 100%.
Within this example, any casting angle of a shadow is suitable.
We set the offset to 10px.
10% span
Size 10%:

How to choose the right color scheme for the site? (part 5)
Type 2 - Corporate sites and services When creating a corporate resource, one goal is pursued - the promotion of goods or services. Depending on what the purpose of your…


Corel Painter vs Photoshop: Digital Painting Comparison (part 2)
Brushes When the background image is completed, the next step is to refine the shape of the main objects of the composition, add colors and increase contrast, as well as…


How to use the Pen tool to precisely select
The Pen tool creates paths in the image by connecting multiple points. From the point of view of photographers, this tool is ideal as a way to cut a variety…


How to choose the right color scheme for the site? (part 4)
If so, then you have some experience, and you know that the selection of color schemes is not easy. The color should be calm enough so that you can stay…