How to install Photoshop plugins
Launching the plugin installer Most Photoshop plugins now have an installer that automatically finds Photoshop plugin folders and installs the plugin. You should always try to run the installer first:…

Continue reading →

31 freeware graphics software (part 3)
22. - a web application for creating interactive infographics. Infographics is a new way of visual presentation of data, which is developing rapidly. is the best program for…

Continue reading →

Top 10 Trends in Web Design for E-Commerce in 2016
10. Great backgrounds Large photographs and videos in the background became a trend for e-commerce sites in 2015. This helps brands to tell their story, and also allows you to…

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 unlock an “index” layer in Photoshop
When you start learning Photoshop, you may encounter some problems that are just crazy. Especially when you open an image, but find in the palette of layers that it is…


How to create a mockup flyer in Photoshop?
In this article, I will show you some advanced Photoshop tools that we will use to create a flyer layout (mocap). We will use smart objects for placeholders, the "Transformation"…


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…


Corel Painter vs Photoshop: Digital Painting Comparison (part 1)
You can draw digital painting in both Corel Painter and Photoshop, depending on how you want to work, how much time you are willing to spend on additional study of…