EDUCBA

EDUCBA

MENUMENU
  • Free Tutorials
  • Free Courses
  • Certification Courses
  • 280+ Courses All in One Bundle
  • Login
Home Design Design Tutorials Photoshop Tutorial Transparent Text in Photoshop
Secondary Sidebar
Photoshop Tutorial
  • Basics and Advanced
    • What is Photoshop?
    • Install Adobe Photoshop
    • Introduction to Photoshop
    • Career in Photoshop
    • Uses of Photoshop
    • Adobe Photoshop Commands
    • Is Photoshop Free?
    • Website Layout in Photoshop
    • Adobe Photoshop
    • Top Features in Adobe Photoshop
    • Adobe Photoshop Elements tools
    • Free UI Kits For Photoshop Download
    • Layers Panel in Photoshop
    • Photoshop Moon Brushes
    • Ripple Effect Photoshop
    • Action in Photoshop
    • Photoshop Color Match
    • Photoshop color picker
    • Photoshop split toning
    • Photoshop GIF
    • Photoshop Extend Background
    • Photoshop template flyer
    • Photoshop content aware fill
    • Photoshop Overlays
    • Photoshop vignette
    • Photoshop Textures
    • Photoshop liquify
    • Photoshop automate
    • Photoshop presets
    • Layer effects in Photoshop
    • Photoshop hologram effect
    • Vintage Effect Photoshop
    • Vaporwave Photoshop
    • Photoshop Polaroid
    • Pixel Effect Photoshop
    • Photoshop Creative
    • MP4 to GIF Photoshop
    • Templates in Photoshop
    • Night Effect in Photoshop
    • Photoshop Sun Effect
    • Photoshop Gold Gradient
    • Perspective Correction in Photoshop
    • VHS Effect Photoshop
    • Halftone in Photoshop
    • Puppet Warp in Photoshop
    • Photoshop Cheat Sheet
    • Resize Object in Photoshop
    • Distortion Effect Photoshop
    • Clone Stamp Tool in Photoshop
    • Fisheye Effect in Photoshop
    • Vanishing Point in Photoshop
    • Fix Perspective in Photoshop
    • Warp Image Photoshop
    • Transform Tool Photoshop
    • Photoshop Straighten Image
    • Glitch Effect in Photoshop
    • Photoshop Cinemagraph
    • Stamp Effect in Photoshop
    • Typography in Photoshop
    • Photoshop Distort Effect
    • How to Print in Photoshop?
    • Morphing in Photoshop
    • Glow Effects in Photoshop
    • Tree Brush Photoshop
    • 3D Text Effect in Photoshop
    • Shiny Effect Photoshop
    • Photoshop Font Effects
    • Metallic Effect Photoshop
    • Ice Effect in Photoshop
    • Dispersion Effect in Photoshop
    • Healing Brush Tool in Photoshop
    • Crop Tool in Photoshop
    • Artboard in Photoshop
    • Fire Effect in Photoshop
    • Photoshop Versions
    • Portrait Effect in Photoshop
    • Quick Selection Tool in Photoshop
    • How to Highlight Text in Photoshop?
    • How to Change Text Color in Photoshop?
    • Change Color in Photoshop
    • Filters in Photoshop
    • Change Hair Color in Photoshop
    • How to Change Shirt Color in Photoshop?
    • Watercolor Brushes in Photoshop
    • How to Blend Images in Photoshop?
    • Plastic Effect in Photoshop
    • Ruler Tool in Photoshop
    • How to Fill Color in Photoshop?
    • How to Delete Background in Photoshop?
    • Plugins in Photoshop
    • Photoshop Mixer Brush Tool
    • Color Replacement Tool in Photoshop
    • Eraser Tool in Photoshop
    • Motion Effect in Photoshop
    • How to Make Logo in Photoshop?
    • Lasso Tool in Photoshop
    • Reflection Effect in Photoshop
    • Metal Text Effect in Photoshop
    • Gold Text Effect in Photoshop
    • Smart Objects in Photoshop
    • Text Effects in Photoshop
    • Layers in Photoshop
    • 3D Text in Photoshop
    • Selection Tool in Photoshop
    • Patch Tool in Photoshop
    • Eyedropper Tool in Photoshop
    • Rectangle Tool in Photoshop
    • Background Eraser Tool in Photoshop
    • Rain Effect in Photoshop
    • Oil Paint Filter in Photoshop
    • Clipping Mask in Photoshop
    • Burn Tool in Photoshop
    • Paint Bucket Tool in Photoshop
    • Snow Effect in Photoshop
    • Mirror Effect in Photoshop
    • Adobe Photoshop Alternatives
    • Transparent Text in Photoshop
    • Sharpen Tool in Photoshop
    • Custom Shape Tool in Photoshop
    • Adobe Photoshop Tools
    • Red Eye Tool in Photoshop
    • Adobe Photoshop Shortcut Keys
    • Pencil Tool in Photoshop
    • Blur Tool in Photoshop
    • Smudge tool in Photoshop
    • Sponge Tool in Photoshop
    • Magic Wand Tool in Photoshop
    • Move Tool in Photoshop
    • Line Tool in Photoshop
    • Photoshop Interview Questions

Related Courses

Photoshop Training Course

Adobe Premiere Pro Training Course

Design Training Course

Transparent Text in Photoshop

Transparent-Text-in-Photoshop

Introduction to Transparent Text in Photoshop

Transparent text is popularly trending in Graphic Design. By transparent text, we can manipulate a graphical effect in text and make the text look stunning in the image. Here in this article, we will discuss how to create transparent text in Photoshop Cs6 with the help of some examples.

How to Create Transparent Text in Photoshop?

There are multiple methods to create transparent text in Photoshop to make the image look stunning. Let’s see two simple and quick methods of Transparent Text in Photoshop one by one. How we can make transparent text in Photoshop

Method #1 – Using a Clipping Mask

The first method of Transparent Text in Photoshop is shown down in step by step manner.

Step 1: Go to the File menu and click on open. After clicking open, it will give a popup, as shown in the below image.

Start Your Free Design Course

3D animation, modelling, simulation, game development & others

transparent text in photoshop (Pop up)

Step 2: Select the appropriate image which you want and open it.

Step 3: Right-click on the text tool, select the Horizontal Type tool and write the text you want to use. I am going to write the text, i.e. London.Tool-Box

Step 4: Go to the Edit menu and select Free Transform or press Ctrl + t shortcut to scale the text to whatever size you want.

Note: The text layer should be the upside of the background layer.

transparent text in photoshop-(text layer)

Step 5: Now create one new layer.

There are three options to create a new layer.

  • Option 1: Go to the Layer menu, click on New and select Layer…
  • Option 2: Press shortcut Shift + Ctrl + N; it will create a layer for you.
  • Option 3: Directly create a layer by clicking right down the corner side near the layer properties as shown in the below image.

option 3

Step 6: Select the rectangle marquee tool.

marquee tool

Step 7: Make a selection around the Text as shown in the below image.

around the Text

Step 8: Now, select the background color you want; I will select the white color. Then press Ctrl + Backspace to fill the background.

Step 9: Keep the text layer upside the filled white background layer we have created now.

white background color

Then adjust your opacity and fill in your Filled white background layer. I have just decreased opacity and fill a little bit.

All in One Design Bundle(280+ Courses, 100+ projects)
AutoCADHoudiniAdobe Premiere ProPhotoshop
SolidworksVFX Visual EffectsCorelDrawUnreal Engine
Price
View Courses
280+ Online Courses | 100+ projects | 2000+ Hours | Verifiable Certificates | Lifetime Access
4.6 (64,697 ratings)

Step 10: Make one copy of the background layer by pressing the Ctrl + J; it will create a duplicate layer of the background and place that layer upside the London text as shown in the below image.

transparent text in photoshop (Cut the layerout)

Step 11: Right-click on the background copy image and select the Create Clipping Mask.

Copy background image

Now it’s almost ready, as you can see in the image.

ready image

Step 12: Then go to blending mode, and after clicking blending mode, you will get Blending Multiple options; from that, you have to select a Multiply option as shown in the below image.

transparent text in photoshop (Tool)

This little bit amplifies the image’s opacity to darken the shadow. Now the transparent text is ready, as you can see in the below image.

transparent text in photoshop(Final transparte image)

Method #2: Using Soft Light Method

The Second method of Transparent Text in Photoshop is shown down in step by step manner.

Step 1: Go to the file and open it, which gives you a pop-up as shown in the below image. Select your appropriate Image which you want.

First image

Step 2: Double click on the layer and unlock the layer.

Step 3: Right-click on the text tool and select the Horizontal Type tool.

transparent text with horizontal Tool

Step 4: Click on the image wherever you want.

Step 5: Click on the Text Button.

text-button

Step 6: Go to the Edit menu and select Free Transform or press Ctrl + t shortcut to scale the text to whatever size you want.

Note: The text layer should be upside of the background layer.

Step 7: Select the horizontal type tool, select the set text color, and change the text color to Black.

Snow click in photoshop FOR transparent text

Step 8: Now go to the blending mode, and after clicking blending mode, you will get Blending Multiple options; from that, you have to select soft light as shown in the below image.

transparent in blending tool

After selecting soft light, your image will look a bit transparent, as shown in the image below.

Transparent Image

Step 9: Press the Ctrl key and click on the text layer to make the selection.

Step 10: Go to the Select menu, then click Inverse or press (Shift + Ctrl + I) to make the selection Inverse. It will select the full background except for the text. After selecting, your image will look like the image shown below.

look like image

Step 11: Go to the adjustment layer in the right down corner as shown in the image below and select a solid color; after that, you have to choose the color which you want. I am going to select the white color.

Solid color transparent text in photoshop

It will make a solid white background except for the text, which was not selected in the selection. And makes a new layer. After selecting the solid color, your image looks like the image shown below.

transparent text in photoshop (Solid color)

Step 10: Adjust the opacity and fill it as per your image. I am going to select opacity as 80% and fill as 70%, as shown in the below image.

opacity

It will lighten the whitened background and display the background with transparent text.

The final image we get!!!!!!

transparent text in photoshop final image

Conclusion

This implies that we have covered all you have to do in this practice when the image you need to uncover through your content is on the background layer, in the event that you have a picture over the background layer that you need to appear through the content. And there we have it! That is the way to efficiently add simple content to a Photoshop image! And make transparent text in Photoshop. We have seen two methods of how we can create transparent text in Photoshop. This is how you can make transparent text in Photoshop in quick and simple ways.

Recommended Articles

This has been a guide to the Transparent Text in Photoshop. Here we discuss the Concept and two different methods to apply transparency text in photoshop. You can also go through our other suggested articles to learn more –

  1. Transform Tool Photoshop
  2. Adobe Photoshop Tools
  3. Automation Testing Tools
  4. Sharpen Tool in Photoshop
Popular Course in this category
Photoshop Training (10 Courses, 12+ Projects)
  10 Online Courses |  12 Hands-on Projects |  80+ Hours |  Verifiable Certificate of Completion
4.9
Price

View Course

Related Courses

Adobe Premiere Pro Tutorial (4 Courses, 7+ Projects)4.9
All in One Design Bundle (280+ Courses, 100+ projects)4.8
0 Shares
Share
Tweet
Share
Primary Sidebar
Footer
About Us
  • Blog
  • Who is EDUCBA?
  • Sign Up
  • Live Classes
  • Corporate Training
  • Certificate from Top Institutions
  • Contact Us
  • Verifiable Certificate
  • Reviews
  • Terms and Conditions
  • Privacy Policy
  •  
Apps
  • iPhone & iPad
  • Android
Resources
  • Free Courses
  • Photoshop Tutorial
  • 3ds Max Tutorial
  • All Tutorials
Certification Courses
  • All Courses
  • Design Course - All in One Bundle
  • Photoshop Course
  • Maya Course
  • Unreal Engine Course
  • Unity Course
  • DaVinci Resolve Course
  • Pro Tools Course

ISO 10004:2018 & ISO 9001:2015 Certified

© 2022 - EDUCBA. ALL RIGHTS RESERVED. THE CERTIFICATION NAMES ARE THE TRADEMARKS OF THEIR RESPECTIVE OWNERS.

EDUCBA
Free Design Course

Banner Creation, Object Selection, Sky Replacement, Advance Filters & others

*Please provide your correct email id. Login details for this Free course will be emailed to you

By signing up, you agree to our Terms of Use and Privacy Policy.

EDUCBA Login

Forgot Password?

By signing up, you agree to our Terms of Use and Privacy Policy.

EDUCBA
Free Design Course

3D animation, modelling, simulation, game development & others

*Please provide your correct email id. Login details for this Free course will be emailed to you

By signing up, you agree to our Terms of Use and Privacy Policy.

EDUCBA

*Please provide your correct email id. Login details for this Free course will be emailed to you

By signing up, you agree to our Terms of Use and Privacy Policy.

Let’s Get Started

By signing up, you agree to our Terms of Use and Privacy Policy.

This website or its third-party tools use cookies, which are necessary to its functioning and required to achieve the purposes illustrated in the cookie policy. By closing this banner, scrolling this page, clicking a link or continuing to browse otherwise, you agree to our Privacy Policy

Loading . . .
Quiz
Question:

Answer:

Quiz Result
Total QuestionsCorrect AnswersWrong AnswersPercentage

Explore 1000+ varieties of Mock tests View more