• Products
  • Solutions
  • Made with Unity
  • Learning
  • Support & Services
  • Community
  • Asset Store
  • Get Unity

UNITY ACCOUNT

You need a Unity Account to shop in the Online and Asset Stores, participate in the Unity Community and manage your license portfolio. Login Create account
  • Blog
  • Forums
  • Answers
  • Evangelists
  • User Groups
  • Beta Program
  • Advisory Panel

Navigation

  • Home
  • Products
  • Solutions
  • Made with Unity
  • Learning
  • Support & Services
  • Community
    • Blog
    • Forums
    • Answers
    • Evangelists
    • User Groups
    • Beta Program
    • Advisory Panel

Unity account

You need a Unity Account to shop in the Online and Asset Stores, participate in the Unity Community and manage your license portfolio. Login Create account

Language

  • Chinese
  • Spanish
  • Japanese
  • Korean
  • Portuguese
  • Ask a question
  • Spaces
    • Default
    • Help Room
    • META
    • Moderators
    • Topics
    • Questions
    • Users
    • Badges
  • Home /
avatar image
0
Question by PolosatiyVjih · Aug 18, 2015 at 12:51 PM · uicanvasimagesmoothfade

Add smooth parts to UI.Image

Hello everybody.

I am trying to get an effect like on the pic below:

alt text

alt text

So, as you see it is an image with smooth edges.

Current functionality is done with Canvas. We have a background image, mask with an image inside(the one that should be transparent). Im moving the parts of image inside the mask, but want to make left and right edges of this UI.Image smoothy like on the images.

Do you guys have any proposals?

Thanks!

Blockquote

5dea404b06e92e94f623a7106911da54266bc1b2a6002767ef.jpg (19.3 kB)
a1333f45fbde7e608aa3f5e21d85ad611b470184f121746b38.jpg (19.1 kB)
Comment
Add comment
10 |3000 characters needed characters left characters exceeded
▼
  • Viewable by all users
  • Viewable by moderators
  • Viewable by moderators and the original poster
  • Advanced visibility
Viewable by all users

1 Reply

· Add your reply
  • Sort: 
avatar image
0

Answer by Wolfshadow · Aug 18, 2015 at 01:04 PM

Try downloading a program like gimp or inkscape. They are image editing programs, and you can make fuzzed out or blurred edges. For what you need, gimp is better.

Comment
Add comment · Share
10 |3000 characters needed characters left characters exceeded
▼
  • Viewable by all users
  • Viewable by moderators
  • Viewable by moderators and the original poster
  • Advanced visibility
Viewable by all users

Your answer

Hint: You can notify a user about this post by typing @username

Up to 2 attachments (including images) can be used with a maximum of 524.3 kB each and 1.0 MB total.

Welcome to Unity Answers

The best place to ask and answer questions about development with Unity.

To help users navigate the site we have posted a site navigation guide.

If you are a new user to Unity Answers, check out our FAQ for more information.

Make sure to check out our Knowledge Base for commonly asked Unity questions.

If you are a moderator, see our Moderator Guidelines page.

We are making improvements to UA, see the list of changes.

Follow this Question

Answers Answers and Comments

4 People are following this question.

avatar image avatar image avatar image avatar image

Related Questions

Set Native Size in UI 1 Answer

UI IMAGE doesn't work and resize with the screen 2d 1 Answer

Changes(made by a script) to my Image are not visible in either the Gameview or the Scene View, but are visible in the Inspector. 0 Answers

I Have a Button in Canvas, i Click anywhere except the button and it gets clicked 0 Answers

Can you animate the material of a Canvas Image? 0 Answers

  • Anonymous
  • Sign in
  • Create
  • Ask a question
  • Spaces
  • Default
  • Help Room
  • META
  • Moderators
  • Explore
  • Topics
  • Questions
  • Users
  • Badges