How to Make a Partially Transparent Layer in PhotoShop

Background image from ShutterStock.

Background image from ShutterStock.

TRANSPARENT IMAGE IN PHOTOSHOP

I will show you how to make a partially transparent image in PhotoShop.

Specifically, I will show this for Adobe PhotoShop CC 2015 (since I have the Creative Cloud), but it works similarly in other versions, too.

You can see in the image above a couple of examples: I added transparency to the hearts and text. If you look closely, you will see that the background shows through them.

What you actually adjust is called opacity. You reduce the opacity to a layer in PhotoShop.

First, find the window that lists your layers. This probably shows at the far right of your screen.

Next, right-click on the desired layer, i.e. the image that you wish to add transparency to.

Look for Blending Options, which should be at the top of the list.

Near the top of the pop-up window, you will see the option for Opacity. It’s initially set to 100%. Reduce the opacity to create transparency.

You can type in a percentage, or you can slide the bar right or left. The scrollbar is convenient, as you can see the impact as you scroll.

The Blending Options pop-up window comes in handy. You can find a lot of other cool options here, too, like the option to create a custom gradient.

Write happy, be happy. 🙂

Chris McMullen

Author of the Improve Your Math Fluency series of workbooks and self-publishing guides

How to Make Gradient Text (PhotoShop Tutorial)

Background image from ShutterStock.

Background image from ShutterStock.

GRADIENT TEXT

Making gradient text with Adobe PhotoShop may not seem as intuitive as it could be.

As I have the Adobe Creative Cloud, my tutorial will specifically show how to make gradient text using PhotoShop CC 2015, but it works similarly with other versions of Adobe PhotoShop.

STEP 1: ADD TEXT

If you haven’t already done so, first add text. One way to add text is to use the Horizontal Type Tool on the toolbar.

Gradient Add Text

(Click on an image if you wish to view it larger.)

With the text layer selected and the type tool selected, adjust the font style and size to your liking in the top toolbar.

STEP 2: PREPARE GRADIENT

Set the foreground and background colors in advance. One way to adjust these is to click the Set Foreground Color or Set Background Color tool on the toolbar.

Gradient Fore Back

Alternatively, you can choose from one of the default gradients or a gradient that you have saved previously.

STEP 3: APPLY GRADIENT

To create gradient text, right-click on the text layer from the list of layers at the right.

Gradient Layer

Choose Blending Options at the top of the list.

Find Gradient Overlay on the left side of the pop-up. Don’t check the box. Instead, click the + button.

Now the Gradient Overlay options will appear on the right side of the pop-up. Click on the dropdown menu next to Gradient. You can select the simple two-color gradient using the foreground and background colors, or you can choose one of the default gradients or a gradient that you’ve added previously.

You can also adjust other options, such as Style and Angle.

Gradient Text

Write happy, be happy. 🙂

Chris McMullen

Copyright © 2015

Chris McMullen, Author of A Detailed Guide to Self-Publishing with Amazon and Other Online Booksellers

  • Volume 1 on formatting and publishing
  • Volume 2 on marketability and marketing
  • 4-in-1 Boxed set includes both volumes and more
  • Kindle Formatting Magic (coming soon)

Follow me at WordPress, find my author page on Facebook, or connect with me through Twitter.

Comments

Click here to jump to the comments section.