Change button image in Unity 3D - image

I'm a Unity nob, so please don't flame me for this question.
I'm trying to change a simple UI button to look like a Play button (via simple Play PNG image), I see that the Button have a Source Image under the Image script, but as far as I can see I must select a Sprite.
How can I create a Sprite from a PNG Image?

Unity's sprite is a kind of Texture.
Import your PNG by drag your file to the Project panel, Unity will automatically generate texture for you.
Click on that file, The Inspector panel will show texture's Import setting.
In Inspector, Choose texture type as Sprite (2D and UI), Hit Apply at the bottom.
In Project Panel, Drag this texture to your Source Image under Image Script

Related

i've been trying to save all edited under project paint in texture paint mode in blender but cant find the "save all edited" button

it's a text ,which i painted it's edges in texture paint mode.
After painting in texture paint mode,I cant find the save all edited button under project paint as the video tutorial i'm watching shows.
I'm doing this in blender
Tried saving it normally but all progress is lost when i exit the app.
i was getting missing uv's,materials and texture before i started painting, under slots then painting mode I selected image and choose my colour. I'm suspecting that might be the cause.
Images that are edited within blender need to be manually saved separately from the main blender data. You can find the save image options in the UV\Image editor.

how to color a particular part of image in photoshop

Hi guys I am new to photoshop I have spirit image here which has multiple images in same images for example I have cart image here alongside of phone call image. I just want to change the color of cart to red.. I have photoshop and went through tutorials but hue/saturation doesn't help enter image description here
can someone help me or provide me steps how to change color.
Your screenshot seems to show that your sprite image is a transparent PNG, so you can click the Lock Transparent Pixels button on the Layers panel on the right. Then you can pick the color red you want in the Color Picker and use the Brush tool to paint only the cart.
You can select just one image, or a specific part of a larger image, by using the 'magic wand' tool.
Click this icon, or the icon most similar to it in Photoshop:
Magic Wand Tool
Then select your shopping cart by clicking on a portion of it which is colored, then you'll be able to change the color with the paint bucket tool, or by using the menu at the top of the screen.
You'd click 'Edit' then 'Fill' to fill your selection with the color chosen in your color picker currently.
For changing a color you have to go to right footer and there you'll see fx (Add a layer style) -> Color Overlay.
From there you can change the color of your cart
For reference I am attaching the images.
Fx Menu
Color Overlay

How to create auto blur effect on mouse hover

I was browsing the home page of canva.com
I was surprised by the UI effect of hover blur effect on the home screen. How can we develop such a feature on our website. Is it using CSS3 or some other javascript plugin libraries.
Thanks
They use a blurred background image, a canvas and an unblurred version of the image. Moving the mouse 'draws' (a portion of) the sharp image onto an otherwise transparent canvas. This makes it look like some kind of magic, when in reality it's just selectively copying a src image onto a canvas. I imagine a second, off-screen canvas is used to allow the 'drawn' lines to have their opacity faded. This canvas is then used to blend the copied image with the blurred image. Look into "canvas blending modes"

Applying an image to a Unity UI Panel

Does an image have to be a specific type, so that you can simply drag it from a folder in a Unity project and drop it on top of the Source Image field of the Image component of a UI element, such as a Panel?
I try to do this with a jpg logo, in order to apply it to a Panel element, but it would not apply...
Navigate to the .jpg file within the Unity Editor and select it so that the details appear in the Unity Inspector panel, then change the Texture Type to Sprite (2D and UI). This new Sprite element can now be assigned to the Source Image field of the Image component.

How to make an image as transparent in BlackBerry?

I am new to BlackBerry Java application development. My scenario is: In my application a gallery list of images will be displayed in a small icons. If I click on any image it will display in a large mode. Here I need to provide controls like front and back buttons. On clicking on those buttons the background image should change. In addition to that those buttons should be highlighted and the back ground large image should be transparent. How to do this?
Please guide me.
You can use Graphics.setGlobalAlpha() on paint() or to modify bitmap before preview.
Don't forget to set back normal global alpha value after bitmap drawing.

Resources