Skip to main content

Create an Editable On Screen Text Effect using Smart Objects

Create a New Document
Lets start by creating a new document which is 900 x 600 pixels at a resolution of 300 pixels/inch, make sure Color Mode is set to RGB
.
Create the RGB Pattern
Fill the Background with Black. Get the Rounded Rectangle Tool. Set Mode to Shape Layers, set Radius to 4 pixels. Under Geometry Options set to Fixed Size and set Width to 7px, Height to 26px. Check Snap to Pixels. Now click on the canvas to create a rectangle. Double click the shape layer thumbnail and set color to #ff4c22. Get a Vertical Guide and snap it to the center of the rectangle. Hit Command+J to duplicate the layer, get the Move tool and nudge the layer 9 pixels right, then change color to #1283f9. Duplicate the layer again, nudge it 9 pixels right and set color to #79f95a. Repeat it once more and set color to #ff4c22. Get another vertical guide and snap it to the center of the last rectangle. Get the Rectangular Marquee Tool and make a selection like in the below image. Go to Edit > Define Pattern and name the pattern "RGB" and hit OK, then deselect.

Create the Text
Now you can delete all shape layers and clear the guides by going to View > Clear Guides. Get the Type Tool, set Text Color to any color and type your text. I used Futura Md BT, you can use any font of your choice and remember you can change the text and the font any time after we’re finished
.
Apply the Pattern
Create a new layer on top and name it "Pattern". Fill the layer with any color and apply a Pattern Overlay Layer Style using these settings: Blend Mode => Normal, Opacity => 100%, Pattern => RGB, Scale => 25%. Mask the "Pattern" layer by Alt-clicking the line between "Pattern" layer and the text layer. Now select both layers in the Layers Panel, go to Layer > Smart Objects > Convert to Smart Object. Name the Smart Object "Blur". Duplicate the "Blur" layer and name it "Text"
.
Smat Objects and Filters
Now we’ll apply some filters to our Smart Objects. You can think of smart objects as Layer Groups that you can apply filters on. When you double click a Smart Object Photoshop opens it in a new document window and after saving it all the changes will be updated in the main document. Another advantage of using Smart Objects is that you can change the parameters of filters you applied on them anytime. With the "Blur" layer selected go to Filter > Blur > Gaussian Blur and apply with a Radius of 20 pixels. Then Go to Filter > Blur > Motion Blur and apply with an Angle of 90 degrees and a Distance of 50 pixels. Now apply a Pattern Overlay Layer Style and use these settings: Blend Mode => Overlay, Opacity => 75, Pattern => RGB, Scale =>25%
.
Smart Objects and Filters
Go to the "Text" layer in the Layers Panel. Go to Filter > Blur > Motion Blur and apply with an Angle of 90 degrees and a Distance of 15 pixels. Add a Pattern Overlay and use the settings from the previous step:
Blend Mode => Overlay, Opacity => 75, Pattern => RGB, Scale =>25%
.
Nested Smart Objects
Select both Smart Object layers in the Layers Panel and turn them into another Smart Object by going to Layer > Smart Objects > Convert to Smart Object. Go to Edit > Transform > Perspective and tweak the perspective in anyway you want. I grabbed the top right corner and moved it upwards. If you’re using an earlier version of Photoshop than CS4 you can’t change the perspective of a Smart Object. So you can rasterize first. But the text will not be editable any longer, so you better duplicate the layer first just in case. Now if you want to change the text, size or font, here’s what you should do: First double-click the "Text" layer thumbnail, it will open the contents of the smart object in a new document window. In that document, double click any of the two smart objects and it will open in another document window, in which you can reach the text layer and you can change the text or text attributes. The thing you should not forget is to save the BOTH smart object documents
.
Congratulations
This is my final image, I duplicated the document and change the text, then i put all the text elements into one document. Convert them all into one Smart Object and applied a Distort transform and little Levels adjustments. Hope you enjoyed this tutorial and had fun making it.

Another Example
I’m sure you can get great results using different fonts, sizes and symbols. Here’s another example.

Comments

Popular posts from this blog

Use x-ray techniques in Photoshop to show naked skin through clothing

    Do those new naked body scanners have you freaked out at the airports? As far as the TSA is concerned, those x-ray machines are here to stay, but you might as well take comfort in knowing that airport security guards aren't the only ones looking at your private parts. Practically anyone with a computer can manage to see through your clothes, and it's all thanks to a little program called Photoshop. Thanks, Adobe. With a few tweaks using the tools in Photoshop, you can see those boobs in no time, male or female. The video is in German, but it's not hard to figure our what's going on, especially if you're familiar with Photoshop. First, create a few duplicate layers, then get a handle on some of these tools to make the naked body through the clothes: * Auswahl erstellen (Create Selection) * Tonwertspreizung (Input Levels) * Belichtung (Exposure) You can also do this see-through clothing effect in free design programs, such as  GIMP .

Photoshop Photo Effects Tutorials 2024

  Photoshop Photo Effects Tutorials Everyone loves Photoshop effects. Not only are photo effects fun to create, but they’re a great way to learn Photoshop since they often introduce us to tools, commands or other features we might otherwise never know about! All of our Photoshop effects tutorials are written with beginners in mind, with easy-to-follow, step-by-step instructions. See our complete list below, or download our tutorials as  print-ready PDFs ! Fade an Image to Color in Photoshop Faster with Live Gradients Learn how to fade an image to color with Photoshop the new and easy way using live gradients! How to Add Falling Snow to Photos with Photoshop Learn how to add realistic falling snow to your winter photos with Photoshop. Get Better Color Halftone Effects in Photoshop Learn how to create more realistic color halftone patterns using Photoshop’s Color Halftone filter and this simple trick. How to Create a Halftone Dot Pattern in Photoshop Learn how to turn your photo into a h

Ridiculously Cool Photoshop Text Effect Tutorials

  Easy Photoshop Text Tutorials for Beginners If you’re still learning the fundamentals of design or want some quick-and-easy text ideas to jazz up your print designs, these beginner tutorials will be a big asset. In your lessons you’ll learn how to apply texture and 3D effects, create logos, utilize masks and other simple techniques for enhancing your text. 1.  Using Text As A Container For More Text In Photoshop 2.  Glossy Emblem Text Effects 3.  Create a Realistic Emboss/Deboss Effect 4.  Icy Styles in Photoshop 5.  How To Create a Gold Text Effect in Photoshop 6. Moon Shine Text Effect 7. Simple Styled Text with Stars Effect 8.  Elegant Glossy Gold Text Effect 9.  Hipster Text Effect in Photoshop CS6 10.  The Sugar Bag Effect 11.  Easy Chalk Ornament Typography in Photoshop 12.  Abstract Shining Text Effect with Groovy Font 13.  Easy Plastic Text with Layer Styles In Photoshop 14.  Papercraft Text Effect 15.  Making a Clipping Mask With Text In Photoshop 16.  Simple Bokeh Text Effe