I want to export icons in the same width and height, for example, say I want all of them to be exported as 30x30. So, in short I'd like to change bounding box of the icons in Figma without scaling them.
is that possible?
or is there any workaround?
Ensure that the bounding box is set to Frame (not group). You can scale just the frame bounding by pressing and holding Command / Control while you resize.
I solved it with just a transparent rectangles(30x30) behind them and grouped each of them, and when exported those icons become 30x30 ^
Related
I have to paint some pictures for a small display of a micro controller. The Display has a resolution of 128x64 Pixel. But the Pixel aren't a square. They have a width of 0.5 mm and a height of 0.75mm. All my nice drawn images in GIMP look ugly on this display.
Can i change the ratio of drawn pixel in GIMP so i can see the image the same way like on my micro controller screen? Is there a setting for this or do i need to use my imagination?
I've looked around in settings menu but found nothing ...
thx in advanced
PS: Wrong Network?
Use Image>Print size to set a different definition for the vertical and horizontal axis (don't forget to "unlink" the two entry fields otherwise changing one will change the other).
Then untick View>Dot for dot so that Gimp no longer maps image pixels to screen pixels and displays the images with their intended definition (and aspect ratio in your case).
I have problem with ui image in canvas, basically when i put image in iphone 5 on top, in ipad that image is out of frame, I didnt write any code only use settings in inspector. how can I do that? By the way iam using Unity 5.5, thanks.
This is probably due to the anchor being not properly positioned.
Your UI item is made of 4 blue points and 4 white arrows. When you positioned the item, each blue dot gets a distance to its matching anchor (top left with top left and so on). You can actually see that distance in the inspector.
Depending on the behaviour you want, you need to set the anchor appropriately.
For instance, if you want the item to be at the top of the canvas, you 'd set the upper anchor at the top of the canvas. The lower anchors would be positioned at the top if you want the size of the item to be constant or at the positioned of the blue dot if you want top rescale based on canvas size.
Best is that you start playing around with the anchor to understand how they work. In the inspector of the RectTransform, there are some predefined anchor and size settings, you can try.
I'm trying to slice an image in assets Xcode 5. I don't know if what I'm trying to do is possible with slicing.
The image looks like this:
I need to change the width and the height of the image, although not at the same time. The closest I've got is when I use Horizontal for the height and Vertical for the width. The problem is when I change the width, the left side of the image starts as a straight line and the skews and change to the original shape.
I'm about to give up on the idea of slicing and just create three images, left, center and right. Is that the only way to go?
This is how my current slice looks like:
Is there any way to change it so it works at least for the width?
UPDATE
Instead of slicing the image I used a mask and moved the mask.
Slicing works by taking the center section, and stretching it to fill the required space and then putting on the image end caps.
Because your button has a continuous diagonal line you will not be able to slice it. It will stretch the image out like so:
In fact even if you make a centre section and end caps you will still have the same issue as this image can only be scaled.
If you only need a finite set of heights then you should create individual assets for each height that can be sliced horizontally. If you need N heights then you should look into using core graphics to draw your shape in code in a -drawRect: method for arbitrary dimensions.
P.S. if you want to horizontally slice so you can grow the width its most optimal to have only 1 pixel width of image that will be stretched out so your button image resources would look a bit like this:
Aha. TIL: You can change the slicing options from the attributes inspector in the right hand pane in Xcode. To make your slicing work choose only "Horizontal"
For example I have a view, which is 320 * 320, black color, and alpha channel is 0.5.
I would like to open a view with position 100*100 , and width and height as 50*50. That's allow me to not apply the, black color, alpha channel 0.5 is that area.
How can I do that? Thanks.
The easier way of doing something like this would be to just use something like Photoshop to create the 320x320 image, and then remove the 50x50 window wherever you wan it. Make sure you save it as a png, and you will be good to go. No point in making things too complicated. Now if this image needs to change, it is more complicated, but that was not described in the problem.
I have 2 UIButtons. I set the background images to 2 different pngs. The pngs have different width. I looks like this:
The button size is set to the images.size.width and height.
I would like these buttons to be the same size, but when I resize the buttons manually, the images gets distorted, like this:
Is it possible to resize my buttons without distorting the image? Since it's a picture, I thought stretching doesn't make sense.
Any help would be appreciated.
Thanks!
As you guessed, you are stretching the pictures size by resizing the buttons. If I was you, I would look into manually resizing the images so that they are the same dimensions as your buttons.
Without distorting or ruining the integrity of the image the only real solution would be to add more padding to the right and left of the "delete" button.
Other options (which I personally would not reccomend) would include:
split the "Reschedule" into two lines and shrink the alarm clock, so it would read:
Re-
Schedule
Enlarge the trashcan icon manually (this will even them out a little more)
Manually shrink the size of the reschedule icon (your legibility will suffer)
Regardless of the route you take I would resize or edit the original files in a program such as Photoshop or Fireworks to preserve the integrity of the UI elements. Be sure to scale proportionally in those programs to avoid more distortion and stretching.