banner



How To Distort A Text Box In Photoshop

Create distorted messages with this easy tutorial and design the trendiest posters right now.

In this tutorial, we'll be creating a absurd music poster by using layer masks and multiple text layers. This like shooting fish in a barrel text distorter technique can be applied to whatsoever font and with whatsoever image. At the cease of this tutorial, you'll find an awesome list of distorted text generator add together-ons for Photoshop and Illustrator.

If you're running out of time, be certain to cheque out Envato Elements for layer styles compatible with Photoshop. You can also observe add-ons for glitched out text and distorted fonts. At that place are plenty of options that can assist you lot save time on your projects, similar the doppler effect in Photoshop which inspired this tutorial.

Doppler Effect Doppler Effect Doppler Effect
Doppler Effect

Do you lot like to learn new skills by watching videos? Then you tin can watch this new video from the Envato Tuts+ YouTube channel to learn how to distort text in Photoshop:

What You'll Learn in This Distorted Text Effect Tutorial

  • How to set a Photoshop document
  • How to create margins and layer organization
  • How to use aligning layers and layer masks
  • How to distort text in Photoshop
  • How to export the file

What You'll Need

  • Cool Millennial Woman Dancing
  • Damnurse Chronical Font

Y'all can install the font and download the prototype or use your own assets.

ane. How to Prepare a PSD File Landscape Poster

Stride one

Open Adobe Photoshop and create a New Document. Ready the Size to 297 ten 210 mm. Set the Resolution to 300 dpi and the Color Style to CMYK. Click Create.

Set up an Adobe Photoshop file Set up an Adobe Photoshop file Set up an Adobe Photoshop file

Step 2

Create Margins by going to View > New Guide Layout. In the New Guide Layout window, check the Margins box and ready all the margins to i cm. Click OK.

Add margins to the document Add margins to the document Add margins to the document

2. How to Organize Photoshop Layers

Caput over to the Layers panel. Click on Create New Group.

Proper name ane group Background and the other grouping Foreground.

Add groups Add groups Add groups

3. How to Create the Poster Background

Pace one

In the Layers panel, click on Create New Fill up or Adjustment Layer > Slope. Click on the Gradient Swatch to change the colors.

Under Gradient Type, set the left color stop to #26169f. Ready the right color stop to #da2e34. Click OK.

In the Gradient Fill window, set the Angle to 35. Click OK.

Add a gradient layer Add a gradient layer Add a gradient layer

Step ii

Select the Gradient Fill layer on the Layers panel.

Head over to Filter > Stylize > Tiles. In the Warning window, click on Catechumen to Smart Object. In the Tiles window, fix the Number of Tiles to 10. Set up the Maximum Offset to x%. Under Fill Empty Area With: select Background Color. Click OK.

Add a tile effect to the layer Add a tile effect to the layer Add a tile effect to the layer

Step iii

Head over to Filter > Blur > Motion Blur. Set the Angle to 50° and the Altitude to 222. Click OK.

Add the Motion Blur Effect Add the Motion Blur Effect Add the Motion Blur Effect

Step iv

While selecting the gradient layer, printing Command-T to Transform. Slightly resize the layer so that information technology overlaps the edge of the document.

Resize the tiles Resize the tiles Resize the tiles

Step 5

Head over to the Layers panel, and click on Create New Fill up or Adjustment Layer > Solid Color. Double-click on the swatch to change the color. Set the color to #000000.

In the Layers console, set the Opacity to 30%.

Add a black adjustment layer Add a black adjustment layer Add a black adjustment layer

Footstep 6

Head over to the Layers console, and click on Create New Fill or Aligning Layer > Slope.

In the Gradient Fill window, set the Style to Radial. Click on the swatch of the Gradient Fill window. In the Gradient Editor window, set the Opacity Stop Location (superlative swatch) to 50%. Prepare the Colour Terminate to 25. Click OK.

Collapse the Background group.

Add a radial gradient Add a radial gradient Add a radial gradient

4. How to Distort Text in Photoshop

Stride 1

Select the Foreground group.

Press T to select the Blazon Tool and click on the certificate to add "RHYTHM OF THE NIGHT." In the Options panel, ready the Font to DAMNURSE CHRONICAL and the Size to 115 pt.

Place the text in the center of the document.

Add text Add text Add text

Step ii

Drag the Cool Millennial Woman image into the Photoshop certificate.

Printing Command-T to Transform. On the Options panel, fix the Horizontal and Vertical Scale to 65%.

Set the Y axis to 1500 px.

Add the image to the document Add the image to the document Add the image to the document

Footstep 3

In the Layers panel, right-click on the image and select Create Clipping Mask . This will exist the main text that will be completely legible.

Create a clipping mask Create a clipping mask Create a clipping mask

Step iv

Select the image and the text layer. To select both, click on 1, agree Command, and select the side by side layer. Elevate both layers onto the Create New Layer push to Duplicate the layers.

Duplicate the layers Duplicate the layers Duplicate the layers

Step 5

Select the Text Layer and click on the Add Layer Mask push button.

Add a layer mask Add a layer mask Add a layer mask

Stride 6

Press Command-T to Transform and move the layer slightly above the original text. Hold Shift to maintain the same Y position.

Move the text layer above the original text Move the text layer above the original text Move the text layer above the original text

Step 7

Select the Layer Mask thumbnail. Caput over to the Tools panel, and select the Gradient Tool (G).

To create the Doppler Effect, employ the Gradient Tool to fade the text. Drag from the very acme of the text towards the lesser. It can take a few tries, so employ Control-Z to Undo until you discover the desired effect.

Move the text layer Move the text layer Move the text layer

Step 8

Select the duplicated layers (the ones that at present include the Layer Mask), right-click, and select the ruby tag.

Select the duplicated layers and duplicate them five times, as in Step four.

Tag the layers with red Tag the layers with red Tag the layers with red

Step nine

Select the text layer that's at the very superlative of the Layers console. Press Command-T to Transform and align the text with the top margin.

Align the top text layer with the top margin Align the top text layer with the top margin Align the top text layer with the top margin

Pace x

Select all of the text layers, including the original text. Printing Control to select multiple layers. Head over to the Options bar, and click on the Distribute Vertically button.

Distribute vertically Distribute vertically Distribute vertically

Step 11

Select the original image and text layer. Duplicate both by dragging the layers onto the New Layer button. Select the two epitome and text layers that are at the lesser. Correct-click and select the greenish tag.

Duplicate the text and image layers and tag them with green Duplicate the text and image layers and tag them with green Duplicate the text and image layers and tag them with green

Footstep 12

Select the text layer with the dark-green tag and printing Control-T to Transform. Elevate the text layer under the original text.

Select the text layer and add a Layer Mask.

On the Tools console, select the Gradient Tool (G). Repeat Pace 7, just this time fade the text from the bottom.

Use the gradient tool Use the gradient tool Use the gradient tool

Step 13

Select the greenish tag layers. Duplicate them five times by dragging the layers onto the New Layer button.

Duplicate the layers Duplicate the layers Duplicate the layers

Step fourteen

Select the lesser text layer and press Command-T to Transform. Drag the text layer towards the bottom margin.

Select all of the greenish tagged text layers, including the original text.

Head over to the Options bar, and click on the Distribute Vertically button.

Distribute the elements vertically Distribute the elements vertically Distribute the elements vertically

Step 15

Collapse the Foreground layer past clicking on the folder icon.

Select Create New Make full or Adjustment Layer > Brightness and Contrast. Adjust the effulgence and contrast until you discover the desired result.

Edit the artwork with the Create New Fill or Adjustment Layer option Edit the artwork with the Create New Fill or Adjustment Layer option Edit the artwork with the Create New Fill or Adjustment Layer option

5. How to Save the PSD File

Head over to File > Relieve As and select Format from the dropdown carte.

Relieve every bit PSD so you lot can edit the file in the future. Select JPEG if you plan to print the file. To consign a file for Web, head over to File > Consign > Save for Web.

Make the necessary adjustments under Image Size. Click Save.

Saving a PSD File Saving a PSD File Saving a PSD File

Distorted Text Generators From Envato Elements

If you lot're short on time, try using a distorted text effect add-on from Envato Elements. They're easy to use, very well organized, and you're just a few clicks away from crawly results.

Doppler Distortion Text Effect (PS)

Doppler Distortion Text Effect Doppler Distortion Text Effect Doppler Distortion Text Effect
Doppler Distortion Text Effect

This is the true Doppler issue for you to apply to your designs with just a few clicks! This distorted text generator is prepare up with smart layers, and you can choose from four different backgrounds and many gradient maps.

Blurred Graphic Styles (AI)

Blurred Graphic Styles Blurred Graphic Styles Blurred Graphic Styles
Blurred Graphic Styles

Mistiness vector graphics and create distorted fonts easily with this Adobe Illustrator upshot. Y'all can use nine graphic styles that will help yous twist, spin, add together a Doppler effect, milk shake, and many more things with this issue!

Affiche Studio for Photoshop (PS)

Poster Studio for Photoshop Poster Studio for Photoshop Poster Studio for Photoshop
Poster Studio for Photoshop

These fully editable PSD templates can help you lot mock upward your most creative posters. Choose between unlike poster textures, patterns, and torn paper levels. The pack comes with brushes to make your posters even more realistic.

Liquid Melting Text Upshot (PS)

Liquid Melting Text Effect Liquid Melting Text Effect Liquid Melting Text Effect
Liquid Melting Text Effect

Glitched-out text is easy to attain with this liquid melting text event. Hands distort fonts with one of these three PSD files. The pack is impress-set, so yous can create awesome creative posters.

Urban Text Consequence (PSD)

Urban Text Effect Urban Text Effect Urban Text Effect
Urban Text Effect

Use this modern text distorter add-on on social media projects, posters, and flyers. With eight PSD files, you're sure to find and design the most creative projects. Distort text layers, vector shapes, and whole folder groups.

That'south Information technology!

In this tutorial, you learned all the essential tools you need to use to create an awesome glitched-out text effect. You lot learned to prepare a Photoshop file, use layer masks and aligning layers, and maintain proper file system. With these skills, you'll be able to design creative posters that are trendy and suitable for social media, posters, and branding projects.

If you're interested in more awesome distorted text effects, be sure to cheque out:

Source: https://design.tutsplus.com/tutorials/how-to-distort-text-in-photoshop--cms-38693

Posted by: smithprocke.blogspot.com

0 Response to "How To Distort A Text Box In Photoshop"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel