Last week I posted some articles about typography and acquired fairly just a few emails asking me to create a tutorial on textual content results. So I made a decision to play a bit with Photoshop to create a pleasant form of 3D impact utilizing a calligraphy font and plenty of Layer Styles. The impact is admittedly easy and we are going to check out the way to create patterns and light-weight results with Blend Modes.
Open Photoshop and create a brand new doc, I used 1920×1200 pixels for the Size. Then fill the background with a really darkish shade #1f1e1e.
With the Background layer chosen go to Layer>Layer Style>Gradient Overlay. Choose gray (#707070) and white for the colours. Change the Blend Mode to Multiply and the Opacity to 60%. The Style might be Radial. Make certain that the white is in the middle. What will occur is that as we’re utilizing multiply the perimeters of the picture might be darker. I’m making use of this gradient by way of layer kinds as a result of I wish to add a filter to the layer afterward after which I will strive completely different colours.
Now go to Filter>Noise>Add Noise. Use 2%, Gaussian and ensure you chosen Monochromatic. Adding noise to gradients is admittedly good as a result of it makes the gradient extra delicate.
Let’s add the textual content. We will want a caligraphy type font, I’m utilizing Champignon and you’ll obtain it at http://dafont.com. Type Abducted first.
Now proper beneath the “Abducted” line sort “by”. I used one other font for it, “Champignon Alt S…” and you’ll obtain it at http://dafont.com as properly. Use the picture beneath for reference of place and attempt to join the phrases just like the “Bs”.
Type the phrase “Design”. Pay use the tip of the “y” to attach with the “D”, it is essential that the phrases join in any other case the impact will not work as properly.
To make the impact extra enticing let’s add some swirls. This is just about the identical factor I did in one other tutorial the Swirl Type in Photoshop. But principally, let’s import a swirl factor and place it earlier than the “A”. The one I’m utilizing was courtesy of Shutterstock and you’ll obtain it right here
Place one other factor in the tip of “Design” utilizing the “n”. I used the identical factor that I used in the earlier step, just a bit smaller.
Now add one other swirl in the “Y”.
Now that you’ve got the textual content with the swirls convert it to Smart Objects. That approach we will edit it anytime. Then go to Layer>Layer Styles>Gradient Overlay. Use Pink and Blue for the colours, Linear for the Style, and 90º for the angle.
After the Gradient Overlay choose Drop Shadow. Use Multiply for the Blend Mode, 120º for the Angle, 5 pixels for the Distance and 20 pixels for the Size.
After the Drop Shadow choose Bevel and Emboss. Use Inner Bevel for the Style, Smooth for the Technique, 190% for the Depth. For the Direction use Up, for the Size use 6 pixels and eight pixels for the Soften. Now for the Shading half use 120º for the Angle, 30º for the Altitude. For the Highlight Mode use Color Dodge and white for the colour with 75% Opacity. Then for the Shadow Mode use Multiply and black for the colour with 45% Opacity. Select Contour as properly.
Duplicate the textual content layer and the the very first thing to do is change the Fill to 0%. That approach there will not be any shade however the Layer Style will nonetheless work over a clear layer. Disable the Gradient Overlay as properly. For the Bevel and Emboss change the Direction to Down. Also improve the Depth to 370%. For the Size use 2 pixels and eight pixels for the Soften. Now for the Shading, change the Angle to 145º, Altitude to 25º. The Highlight Mode might be Screen with white for the colour and 100% Opacity, whereas the Shadow Mode might be 0%.
Duplicate the layer once more to make the impact stronger.
Duplicate the layer once more however this time let’s edit the Bevel and Emboss. Change the Soften to 1 pixel. For the Highlight Mode use Color Dodge with 70%. Also disable the Drop Shadow.
Now let’s create a Pattern to make use of in our design. Create a brand new doc with 40 pixels for the width and 200 pixels for the peak.
Resize the background layer so it would have 20 pixels width. The Fill the Layer with a Lienar Gradient utilizing white for the colour however completely different Opacities. Use 100% to 40% for the Opacities of the Gradient. Use the picture beneath for reference.
Go to Edit>Defin Pattern. Name it Stripe and you’ve got a pleasant Pattern.
Back to our design, add a brand new layer and fill it with the Pattern you might have simply created.
Rotate the layer with the sample and alter the Blend Mode to Soft Light.
Holding Command on a MAC or Control on a PC, click on on the thumb of the textual content layer in the Layer Panel. That approach you’ll create a marquee collection of the textual content layer. It’s fairly easy and really helpful. After that go to Layer>Layer Mask>Reveal Selection. The sample might be utilized solely over the textual content.
Select all layers used to create the textual content impact and duplicate them. The go to Layer>Merge Layers. After that go to Filter>Blur>Gaussian Blur. Use 10 pixels for the Radius and press OK. Change the Blend Mode to Screen, that can add a pleasant glow to the picture.
Let’s add some gentle results. I’m utilizing a inventory picture to create the lens flare, you need to use brushes and even the Lens Flare filter. The picture I used may be downloaded right here. Place simply the lens flare in the design and alter the Blend Mode to Screen. After that go to Image>Adjustments>Hue and Saturation. Select Colorize and alter the Hue Until you get a shade that matches the colour of the a part of the textual content impact the sunshine might be over it.
Duplicate the Light Effect and transfer it over one other letter.
Duplicate the lens flare once more and transfer it over one other a part of the design. Go once more to Image>Adjustments>Hue and Saturation and as soon as once more choose colorize and attempt to match the colour of the lens flare with the design.
You can add an area scene beneath it as properly or simply depart it over the noise background. Also if you wish to add extra glow to the picture, simply duplicate all layers and merge to a brand new one, or just press Command(MAC)/Control(PC)+Alt+Shift+E. Then apply a Gaussian Blur with 20 pixels for the Radius and alter the Blend Mode to Screen.
The concept of this impact was to play with the Layer Styles to create a pleasant textual content impact in a caligraphy font. Also we went by way of the method of making a sample of stripes. The concept of this tutorials is to indicate some strategies that may be utilized to your initiatives, not simply the way to create the design, I imagine the design is simply to indicate you an instance. Now it is as much as you.
Download the Photoshop file
Click right here to obtain the Photoshop file used for this tutorial