I am using Adobe Photoshop version 13.0 (CS6) and I am trying to make this image transparent:

b square

I am trying to do something like layer --> new layer ..but it isn't working for me. I am very new to Photoshop so if someone could please explain how to make this image transparent, that would be very nice!


Your question is a little vague. Understandable if you're new to this.

I think what you're trying to say is "How can I make portions of this image clear and keep others the way they are?" Right?

You need to select the areas you want to knock out then mask or delete them. I prefer the former whenever possible.

Let's say you want the button shape pulled off of the dark grey background.

  1. One solid option is the Rounded Rectangle Tool. Use it to draw a shape around your button. Notice my guessed Radius value for the corners. Adjust as necessary.

    enter image description here enter image description here

  2. When you have your path where you want it, use this option in the Layer menu and you'll end up with a handy dandy vector mask. It shows up in your layers panel as shown below.

    enter image description here

    enter image description here

  3. Now when you use File > Save for Web & Devices ... you can save to a PNG or gif file and check transparency to get something like this. (Forgive my inaccurate path, busy morning ;)

    enter image description here

| improve this answer | |
  • well, I don't really care what the image opacity is like...I am just dealing with an error message when trying to opload the message. Here is what the message reads like: "Image must not contain transparency. Non-opaque pixels detected" – Genadinik Jan 4 '13 at 17:52
  • Would you know how to fix that? And it seems it is talking about the entire image, no? – Genadinik Jan 4 '13 at 17:52
  • Your question says you are trying to make it transparent. Your comment says your trying to remove transparency. I'm confused. Where are you getting that message? Sounds like a service that doesn't support transparency. – plainclothes Jan 4 '13 at 17:54
  • I am trying to upload it to somewhere which will host my mobile app. I just need to tweak the image so it stops getting this error. – Genadinik Jan 4 '13 at 17:55
  • We're going to need more info. If you want to do the opposite of your original question, you save with Save for Web & Devices ... and uncheck the transparency option. – plainclothes Jan 4 '13 at 17:56

In layers panel, you can change opacity of the selected layer (just above layers list). Change value to 60% for example.

Screenshot here.

| improve this answer | |
  • thank you, just to make sure I understand correctly, what should I choose from the layer menu? – Genadinik Jan 4 '13 at 16:48
  • I am a bit confused by the screenshot...I am more photoshop newb than you think :) – Genadinik Jan 4 '13 at 16:49
  • Ok, no problem. Go to "Window" => "Layers" in the menu of Photoshop or press F7 and you will be able to see layers panel like the screenshot. – Zistoloen Jan 4 '13 at 16:53
  • Ok yes I brought up the layers panel. But should I made the entire image the layer? Or how does it work? :) – Genadinik Jan 4 '13 at 16:54
  • Just select the layer you want to see transparent by clicking on it and change opacity. For example, if you change opacity of all layers, your image goes to transparency. If you have difficulties with layers, learn because it's so important. – Zistoloen Jan 4 '13 at 16:58

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.