My button in photoshop looks like this:
But when I import in in my game it turns out like this:
Hopefully you can see the upper and right border has been chopped! It's a button from the new UI stuff in 4.6, and no matter I set the "Image type" to (Simple, Sliced, Tiled, Filled) and no matter setting I cant get it to show the whole image! It also does not look sharp as the photoshop image too... any clues?
This can happen if your texture is a size that is not a power of 2.
For example, make your image 256 * 128.
Related
I want to make a simple button in unity with an image. The image is a 800x800 png and looks fine when i open it in any image viewer. When i place the image in a asset folder and add it to my button however, it looks awful! It is supposed to look like this:
Instead it turns out like this:
Here is the inspection menu for the image:
Any help would be wonderful!
Setting the Filter Mode to Point should fix this
If the above method doesn't work, try tweaking Max Size and set Compression to None
When I try to assign a source image to a Unity.UI button it always ends up blurry/distorted on the edges. I played with the resolution and some settings also tried with other images but it doesn't make a difference. the images I tried were png files and had transparent backgrounds.
By default, Unity applies a bilinear filter to textures that blur them slightly. This is often good if you have a high-resolution image since it removes hard edges. However, if you have a low-resolution image (e.g. pixel art) you might not want this. To disable it, click on the image in the project tab and change Filter Mode to Point (no filter) in the inspector.
This is how an image can look with the Bilinear filter mode:
Compared to how it looks with the Point filter mode:
I have planned to use blurred textures as shadow for my planes by just placing them on the surface below it.
In the first image you see below, there are three shadows.
1. Smiley's shadow: Default-Particle given by Unity and works great for this purpose.
2. Square: & 3. Arrow: A shape I created are not good enough.
To clarify the exact problem please find the 2nd image I have attached. The shadow(texture) is of very poor quality.
How to get the fine quality in blurred textures?
Image 1:
Image 2:
Check the import settings of your texture asset. This can be done by clicking the texture asset in the Project view. Then in the inspector view you can find "Format" drop down. You probably have either "Compressed" or "16 bit" chosen. If you change it to "Truecolor", the texture should look fine.
I am searching for a tool on web but didnt got any success their at all. I want to have something like upload and preview the image as background as repeated one or any other alternative...
I have this sample:
How can I preview and cut the image as a perfect background image as repeated one. Is it possible in Photoshop or in some similiar products?
The trick i have recovered is crop a part of the image in a big canvas of Photoshop and then making the deuplicate copies of the layers...
If the image seems like irregular it means the cropped image is wrong so you have to change with a other or larger part of the image...
If it is regular and doesn't cut at the side onto the edge, it means image is perfect making background repeated...
Thanks...
I've been searching for that many time ago and I can't find a solution. I have a animated label that crosses the screen of the iPhone (like the title of a song does in the Music app.Well, I'd like to add the "fade in/out" effect like the music app has. The easy solution is open Photoshop and create this simple image and then add it up to the label. Well, under the label I have an image with black backgroud. The image can be zoomed in and then the image with the fade in/out effect can be seen, and it doesn't look well. Is there any possibility to do this programatically? Thanks
PD: if there's another possibility rather than doing this programatically, I'll apreciate the answer as well.
Edit: Here's the image capture of the problem
I'll approach it in a non-programming way.
The image reference you gave us for the Music app you seem to be emulating has a different gradient than the one you drew in the second image.
If you notice in the image, the gradient has not fully completed its transition from clear to black before the words are cut off. I would say in photoshop run the gradient from clear to 80% alpha black and then draw a 100% alpha black rectangle to finish it off as per image. The white is just showing you what it looks like without the black background.
Now as for the zooming. Correct me if I am wrong, but it sounds like you want a viewing window for the image so that once you have zoomed into it, it will fade to either side, but still be viewable/movable in the center. This means that the image has to be zoom-able, but once you have zoomed the "fade in/out" should not be zoom-able.
Just make sure you aren't scaling the fader by keeping it separate from the scrollView of your background image.