how can I transform size of svg with svg-edit - svg-edit

Is it possible to change the size of an existing svg using svg edit? I https://code.google.com/p/svg-edit/ I have a rather large svg that I wish to scale down. Google's tool doesn't have an icon (that I can see) to scale the size

Scaling an entire SVG document isn't really supported as a button press or anything but it can be accomplished.
Open your project into SVG-Edit, select everything (press A on your keyboard) then right click and choose Group. Then go to Menu > Document Properties and enter your new dimensions. Then select your SVG content and move it onto your new small canvas. Easiest way is to use the X and Y coordinates in the top grey bar (enter 0 for both). Then just resize the whole document as needed by dragging the small circles located on the corners of your content. Hold the shift key on your keyboard to scale proportionately.

Related

Half-transparent elements in the Adobe Illustrator have a black outlines

I'm new in Adobe Illustrator and I just need to extract one element from EPS-file.
So it's the light. And as you see in the attached file, I can't save it clean.
I mean, when it has a some background, it looks good.
But when I remove this background and trying to save the clean light as PNG image this is what happenes.
Here's the demonstration
How can I fix it?
It appears to me as if you need to select that image in illustrator then open your align pallet and select the option "align to artboard" then click the vertical align button then the horizontal align button. Then go ahead and try saving your file. It should take care of the problem.

how to show vertical slider in [CodenameOne]

I want to show slider vertically in CodenameOne. Below is code which I tried to make it possible but still shows horizontally.
Code :
Slider s1 = new Slider();
Slider s2 = new Slider();
s1.setVertical(true);
s1.repaint();
s2.setVertical(true);
s2.repaint();
findContMainT2O(f).add(BorderLayout.EAST, s1);
findContMainT2O(f).add(BorderLayout.WEST, s2);
findContMainT2O(f).repaint();
see output image here
There is one more thing to do to make this work.
If you you look at the Slider and SliderFull styling, you could see that they have horizontal images. You will have to change this to vertical.
This is what I usually do if I want to reuse codename one slider images:
Go into my res folder and take the hd.png from these folders, depending on the theme you selected, In your case...
hd.png from sliderBlueCenter renamed to sliderBlueCenterV
hd.png from sliderBlueLeft renamed to sliderBlueBottom
hd.png from sliderBlueRight renamed to sliderBlueTop
hd.png from sliderEmpty renamed to sliderEmptyCenter
hd.png from sliderEmptyLeft renamed to sliderEmptyBottom
hd.png from sliderEmptyRight renamed to sliderEmptyTop
Then I rotate 90 degrees counter-clockwise these copied and renamed images and using Image manipulation software like Gimp or Photoshop.
Now I open my theme.res and add this images using Quick Add Multi Images and selecting all of theme and choose HD.
The next thing is manipulating my current slider styling, I double click the slider and switch to border tab. Click the 3-dots and choose Vertical Image instead of Horizontal Image. Change your images to the added images appropriately.
Do the same for SliderFull then copy these 2 styles from Unselected and paste them into Selected and Pressed to override those.
Here is a dropbox link to download slider images I manipulated earlier.

How to make photoshop right sidebar smaller?

I have OS X El Capitan 10.11 and Photoshop CC 2015. My issue is width of right sidebar - I want to make it narrower, because currently is way too wide for me and it makes workspace way too small to work on big files. I'm trying to hold LPM on one side of sidebar and I can make it wider, but can't make it narrower. I'm enclosing screenshot with selected sidebar and current width. How I can make it narrower?
Thank you for help!
Click here to see screnshot
Each panel has a different set with, for example Color/Kolor is actually thinner than Swatches/próbek. So I imagine the right hand sidebar will not reduced down in width lower than the largest panel. If you drag both Kolor and próbek off the right hand menu and create them as floating tabs you can then scale them as small as possible to see what I mean. They can then be locked back into the right hand menu

x and y coordinates of mouse location in Photoshop

How do I turn on the X and Y coordinates for the location of the mouse on screen?
I have Photoshop CC. I'm creating interfaces and would like to be able to know the location of my mouse.
Although I can't currently check as i don't have photoshop CC on this computer, from past experience if you go
Window -> Information
A palette should appear with the coordinates of the cursor in it.
Press F8 to open info palette. That will show your mouse position in x and y coordinates.
You can also press Ctrl + R to view the ruler. Then take the mouse to the top left corner and by dragging from there you can change 0,0 coordinates of x,y position to anywhere on canvas.
when you draw something like rectangle and draw with pressing space bar. It will show lively width height and x y coordinates as well in Photoshop CC
Position with guides and the grid
Guides and the grid help you position images or elements precisely. Guides appear as nonprinting lines that float over the image. You can move and remove guides. You can also lock them so that you don’t move them by accident.
Smart Guides help you align shapes, slices, and selections. They appear automatically when you draw a shape or create a selection or slide. You can hide Smart Guides if you need to.
The grid is useful for laying out elements symmetrically. The grid appears by default as nonprinting lines but can also be displayed as dots.
Guides and grids behave in similar ways:
Selections, selection borders, and tools snap to a guide or the grid when dragged within 8 screen (not image) pixels. Guides also snap to the grid when moved. You can turn this feature on and off.
Guide spacing, along with guide and grid visibility and snapping, is specific to an image.
Grid spacing, along with guide and grid color and style, is the same for all images.
Show or hide a grid, guides, or smart guides
Do one of the following:
Choose View > Show > Grid.
Choose View > Show > Guides.
Choose View > Show > Smart Guides.
Choose View > Extras. This command also shows or hides layer edges, selection edges, target paths, and slices.
Place a guide
If the rulers are not visible, choose View > Rulers.
Note:
For the most accurate readings, view the image at 100% magnification or use the Info panel.
Do one of the following to create a guide:
Choose View > New Guide. In the dialog box, select Horizontal or Vertical orientation, enter a position, and click OK.
Drag from the horizontal ruler to create a horizontal guide.
Drag to create a horizontal guide
Dragging to create a horizontal guide
Hold down Alt (Windows) or Option (Mac OS), and drag from the vertical ruler to create a horizontal guide.
Drag from the vertical ruler to create a vertical guide.
Hold down Alt (Windows) or Option (Mac OS), and drag from the horizontal ruler to create a vertical guide.
Hold down Shift and drag from the horizontal or vertical ruler to create a guide that snaps to the ruler ticks. The pointer changes to a double-headed arrow when you drag a guide.
(Optional) If you want to lock all guides, choose View > Lock Guides.
Move a guide
Select the Move tool , or hold down Ctrl (Windows) or Command (Mac OS) to activate the Move tool.
Position the pointer over the guide (the pointer turns into a double-headed arrow).
Move the guide in any of the following ways:
Drag the guide to move it.
Change the guide from horizontal to vertical, or vice versa, by holding down Alt (Windows) or Option (Mac OS) as you click or drag the guide.
Align the guide with the ruler ticks by holding down Shift as you drag the guide. The guide snaps to the grid if the grid is visible and View > Snap To > Grid is selected.
Remove guides from the image
Do one of the following:
To remove a single guide, drag the guide outside the image window.
To remove all guides, choose View > Clear Guides.
Set guide and grid preferences
Do one of the following:
(Windows) Choose Edit > Preferences > Guides, Grid, & Slices.
(Mac OS) Choose Photoshop > Preferences > Guides, Grid, & Slices.
For Color, choose a color for the guides, the grid, or both. If you choose Custom, click the color box, choose a color, and click OK.
For Style, choose a display option for guides or the grid, or both.
For Gridline Every, enter a value for the grid spacing. For Subdivisions, enter a value by which to subdivide the grid.
If desired, change the units for this option. The Percent option creates a grid that divides the image into even sections. For example, choosing 25 for the Percent option creates an evenly divided 4‑by‑4 grid.
Click OK.
To the top
Work efficiently with Smart Guides
Smart Guides come in handy in several scenarios, such as the following:
Option (Mac)/Alt (Win) + Drag a Layer: When you drag a layer while keeping the Option (Mac) or Alt (Windows) key pressed, Photoshop displays reference measurement guides showing the distance between the original layer and the duplicate layer. This feature works with both the Move and Path Selection tools.
Distance between the layers: original and duplicate
Distance between the layers: original and duplicate
Path measurements: Photoshop displays measurement guides while you're working with paths. Measurement guides are also displayed when you select the Path Selection tool and then drag a path within the same layer.
Path measurements
Path measurements
Matched Spacing: When you duplicate or move an object, Photoshop displays measurement guides to visually indicate spacing between other objects that match the spacing between the selected object and its immediate neighbors.
Cmd (Mac)/Ctrl (Win) + Hover Over a Layer: You can view measurement guides while working with layers. With one layer selected, hover over another layer with the Cmd (Mac) or Ctrl (Windows) key pressed. You can use arrow keys in conjunction with this feature to nudge the selected layer.
Measurement guides while working with layers
Measurement guides while working with layers
Distances from the canvas: When you hold down the Cmd (Mac) or Ctrl (Windows) key while hovering outside a shape, Photoshop displays distances from the canvas.
Distances of a shape from the canvas
Distances of a shape from the canvas
Spacing between matched objects

photoshop make selection by coords

In Adobe Photoshop, having rectangle coords, how do I make selection box in my image?
For instance, I have x = 100, y = 200, w = 80, h = 40.
Is there any way to specify these coords in some edit boxes and get marching ants selection?
You'll need to make 4 guides at these locations (have the 'info' viewport open).
To make a guide, have the ruler (ctrl+r) viewing, use something like the Move tool (V), and click on the ruler and drag outwards to the page. A thin blue line (guide) will come up. Drag this to one of the edges of the box you are needing (you might need to zoom in to get fine control).
Click and drag from the left ruler for a vertical guide, and from the top ruler for a horizontal guide (or hold down ALT key to change it, when clicking + holding).
After these are setup, you can use the rectangular marquee tool (M) to do your selection. It will snap to the guides.