The easiest way to see white artwork in Illustrator is by opening the View Menu and selecting Show Transparency Grid. This gives your white artwork something to contrast with. You can adjust the color of the grid by going to 'File → Document Setup'.
As Wrzlprmft has already pointed out, over 50% of your SVG file's size is taken up by an embedded PNG bitmap image used to create a fairly subtle shading effect on the controller. Just getting rid of that image, and replacing it with a simple radial gradient, is enough to shrink the SVG down to about 10kb.
Select the Artboard Tool on the Tool bar.
You can then click an artboard and change it's size with the options in the Control bar across the top of the screen.
Another method is to highlight the artboard in the Artboard Panel (Window > Artboards) and choose Artboard Options from the Panel menu.
The background is transparent. It is just emulating paper so you can not see it. A block of white is different from the white background.
You can enable Photoshop like transparency grid by choosing View → Show transparency grid (ctrl / cmd + shift + D). On top of that make sure: save for web has transparency enabled. The transparency grid is just a ...
They are called conflation artifacts, if you want to see how different vector engines react see here. If you want to understand the technical reason for some discussion see here. Basically conflation happens because we convert coverage to opacity, and that does not work. If you were to skip coverage based anti-aliasing then you wouldn't have any conflation ...
Open up the Pathfinder palette (Window > Pathfinder or Shift+Control+F9). Select one hand and the circle and press the 'subtract' button:
Depending on your preferences, the 'Expand' button may become clickable. If it does, click it. Repeat with the other hand.
It might be a good idea to make copies of the hand shapes in advance (and paste them in front, ...
You could use slices.
You could set up artboards for each object. Or just adjust the artboard to fit only the object you want to export and then tick the "clip to artboard" option when saving/exporting.
You could hide everything you don't want to export first:
Shift-click the art you want to export
Choose Object > Hide from the menu
You can "tweak" the artboard color by this way:
Select File->Document Setup...
On the popup window you will have Transparency sub-menu:
Choose the upper color (I set it to rose) and Mark "Simulate Colored Paper" -
You will get this image -
There is no any other layers except of text ones...
Your SVG contains an embedded pixel graphic for the shade in the bottom right of the controller. This is responsible for about ⅔ of the file size. If you remove it, your SVG file is en par with your JPEG. You can probably achieve an adequately similar effect with a gradient.
Other techniques of reducing SVG file size include:
Remove all Metadata and ...
This is actually really easy. Take a selected copied or placed (unlinked) raster image, then:
Object > Create Object Mosaic
Or, in older versions of Illustrator, it was Filter > Create > Mosaic
Input the exact width and height of the pixel image under "Number of tiles".
Your vector pixel squares will be wrapped in two groups, so ...
If you want to be sure that the text will have the same appearance in every case -
First, you can Expand the text before saving as svg
Second, in font part of saving dialog you can press "convert to outline"
In theory, any of those (plus others you haven't mentioned, like the open source alternatives Gimp and Inkscape) let you design a business card. If you are particularly proficient with one of them, you might want to consider going for that one to save time. While the three Adobe products have some similarities of use, they all require some ...
Polar Grid tool... just tap the arrow keys while you drag.
Up/Down for inner circles, left/right for diameter divisions.
Or, Option/Alt-click with the Polar Grid tool to set specific numbers of divisions.
Press Shift+O. At the top of the screen you can switch from portrait mode or landscape mode. Select your desired position.
Then press V (Selection Tool) then Ctrl/Command + A (Select All) to select all the objects.
Move your mouse to any corner of the selected box. Your mouse should change to this
Hold Shift and Click & Drag to rotate the ...
With Area Text, you need to use the bounding box handles to resize the area text box. Any other scale or transform tool will alter text as well.
You can also use the Direct Selection tool (White arrow) to click and drag the side of an area text box.
If you wish to alter the text box numerically then you must use the Direct Selection Tool to select the box (...
I've run into this problem several times, and the only thing that has ever worked for me to reliably reset the SVG viewbox to precisely 0, 0 when exporting from Illustrator is to create a new blank document and copy and paste the artwork into it.
The top left corner of this untouched default artboard will export as point 0, 0 of the view box. Use smart ...
Simply set the stroke weights the same for an ellipses and a line. Don't use a "rectangle" anywhere.
Then select all and use Object > Expand to create shapes, then use the Shape Builder tool to merge/remove portions as necessary.
This is an optical illusion.
The weight of the lower text is pulling your eyes even when not focusing on it. Its a concept called "optical center," which is well documented. The mathematical center will never look properly centered. This is where knowing software isn't the same as knowing design.
here's a quick demo.
this article covers it pretty ...
In the new Adobe Illustrator CC, you can use 2 easy methods to change the corner radius of a rounded corner rectangle that has already been drawn:
1. By moving the round handles
Simply hold and drag the round blue handles in each corner.
2. By going in the Shape Options (more precise)
You can change the border radius of all four corners with precision by ...
Draw 2 concentric circles
Draw a connecting line (w. line tool for example)
Enable rotate tool (with line selected) and alt click on the center of circle.
Type in a value in degrees that is a divisior of 360 (2, 3, 5, 6, 10, 15, 20 etc)
Keep hitting ctrl+d (repeat last) until a full revolution is done.
Image 1: Timelapse of description above....
In order to get a single gradient to cover multiple objects, you need to use the Gradient Tool.
Select your objects, then with the Gradient Tool, click and drag from where you want the gradient to start, and let go where you want the gradient to end.
This will cause the gradient to cover all selected objects. You can then modify gradient settings using the ...