How to create a Candy Stars text effect in Adobe Photoshop
Sources 8 patterns of wood. Grungy Cracked Wall. Sweet Stars. Step 1 Open the hetedeik.png image from a set of 8 tree patterns. Then go to Edit> Define Pattern. After…

Continue reading →

Create a shop theme for handmade products in Photoshop (part 2)
Step 6 It's time to create a catchy title for your website layout design. Use the large and bold font Source Sans Pro and write a short title. I used…

Continue reading →

How to choose the right color scheme for the site? (part 1)
If I ask you to think about Coca-Cola, what will come to mind first? Most likely, a red Coca-Cola logo will pop up in your imagination: It is quite difficult…

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%:

Complete Web Animation Guide (part 2)
Step 23 Using the Angle tool, drag the lower left point of the black rectangle to round a sharp corner. Using the "Select Site" tool, drag this point right up:…


Create a shop theme for handmade products in Photoshop (part 1)
What do you need To follow my actions, you will need some resources: Photos from Unsplash; Photos from; Font Source Sans Pro; Font Source Serif Pro. Definition of business…


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…


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…