I added a Unity UI>Image to my project with a given source image (called Btn_OtherButton_Blue). It appears cropped in some way. It doesn't show the full button image, the top seems cut off. I added a UI>Image to a different project with the same source image and it appears differently. In that project it seems like it's using the full image uncropped.
I've compared the projects and can not find the difference. I'm new to Unity. There's probably something simple I'm missing. I have an imgur link to show what I mean.
https://imgur.com/a/nhJN3Ko
The settings seem the same to me. Is there a crop property of UI>Image that's hidden that could determine why one project shows more of the source image than the other?
compare the settings of the sourcefile of each project. it looks like the image sourcefiles are using different values for "Pixels Per Unit".
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
I am trying to add shade name as text in rectangle to my Spark AR filter for Instagram. But when I try to publish the filter, I am getting The effect contains text that's not integrated into the scene of the effect" this error. Any leads would be appreciated.
enter image description here
Finally figured out the issue and resolved it. According to sparkAR policy 4.3.a, We can have only one logo in the area. So I placed the shade names inside the scene. There is a slight movement for the same but still fine. Effect got published.
Thanks
I basically want to make overlays like you know them from the package explorer in eclipse, a base image, and a smaller picture laid above in the bottom right corner. I used DecorationOverlayIcon for this and fist some pics from the already existing resources just to if it works. It the overlays showed up, but even though I had given the following instructions
imageDescriptorArray[IDecoration.BOTTOM_RIGHT] = alreadyExistingImageDescriptor;
DecorationOverlayIcon(baseImage, overlaysArray);
the overlayed image was very big. Than I made my icon, which is a 16x16 .png. It like the other pictures covers up the icon almost completely. How do I make the image smaller, do I have to convert it to a smaller size like 8x8 for that, or alternatively, how do I push it further down?
DecorationOverlayIcon doesn't resize anything so you must provide small images for the overlays.
There is also no way to change the calculated position of the overlays.
I'm making cuts of an image to use in various parts of my website; The header, the footer, etc. When I copy and paste to a new layer, it leaves a "feathered" edge. even though I have this set to zero. There is a 1 pixel margin around all of the copy and pasted images, that, when assembled as a web page using CSS, leaves little lines between all of the images. I was a professional graphic designer but I've been out of the game too long (2 whole years). God help me.
I'm not 100% sure of the source of the initial assets such as the header and footer, so I'm a little confused (some links might be nice), however it is worth checking a few things just to make sure. Hit M for the marquee and check thats feather amount. L for the lasso (long shot) and check that too, also check for any layer styles.
A nice little alternative, if you are exporting out individual assets,is go to File > Scripts > Export Layers to Files. This may save you a lot of trouble in the long run.
Hopefully this may help...
Additionally how are you copying? Is it from inside Photsohop or are you placing the layers? Are you using the marquee tool?
for try, don't use crop tool.. use select tool instead. select tool provides pixel level accuracy.
In addition to feather, try turning off anti-aliasing in your selections. After you make a selection, in the select options toolbar uncheck 'Anti-alias'.
If this is set photoshop will try to average the edges of the selection with the surrounding pixels to make it 'blend' better. This is worse than useless if you're trying to make accurate, pixel-level selections.
In Photoshop CC, after selecting with the marquee tool, right click to access the Feather option. Enter 0.1 and then copy and paste. That should take care of it.
I just encountered this problem. I'd cut and pasted and then dragged into a new image which created a new layer with the paste on. I then realised that the feathering was wrong. I changed the settings but forgot to change the active layer back to the background layer, so I was cutting and pasting the feathered cut I did originally. Facepalm.
I have an image with picture of a person and I want to let the user to pick some area of the person and change the color. But how can I best create a multi-mask image?
E.g. should the user be able the change the color for a leg or a hand.
I am using Titanium Appcelerator, and right now I had a solution with buttons placed over the image, which is not a pretty and accepted solution.
The Kitchensink example, has only one area which can be changed.
The only solution I found for working with sections of an image is to divide the image into different views then use a vertical or horizontal view to glue them together. Sounds like you took a similar approach using buttons.
Another option might be to use one of the jQuery image libraries within the webview. This most likely will have a performance penalty though.