Hot answers tagged

71

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.               ...


63

I just fit the artboard to the objects I want: Select desired objects. Object -> Artboards -> Fit to Selected Art ctrl+alt+shift+s to open the Save for Web dialog. ctrl+z to undo fit.


46

For new objects, turn off "Align to Pixel Grid" on the Transform panel. For existing objects, select them first, then turn off Align to Pixel Grid using the checkbox at bottom of Transform panel.


37

First you will have to convert the arrow from a path / stroke into a shape object. Do this by selecting Object -> Path -> Outline Stroke. Open the Pathfinder palette (Window -> Pathfinder) and with the two items selected alt-click on the Unite button - it’s the first one that looks like two squares united into one.


36

It seems like the best way is to use the Stylize/Round Corners effect on a regular rectangle. This way the corner radius is changeable and independent of the rectangle transform property. With this method, the Appearance panel will have a Round Corners setting for any round rectangle paths. This will allow you to edit the corner radius for existing shapes.


35

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 ...


32

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 ...


31

Simply select the art work then choose Object > Artboards > Fit to Artwork Bounds from the menu. Assign a custom shortcut to that command if you use it often.


29

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, ...


29

Nice question! 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 ...


28

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: Select All Shift-click the art you want to export Choose Object > Hide from the menu Export (...


27

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". That's it! Your vector pixel squares will be wrapped in two groups, so ...


27

Type your fonts (in this case I guess and you suggest Times New Roman) and outline it. Drag it into Brushes. Choose Art Brush and use the default settings. Create a circle, and while choosing it, click on the newly created brush. Choose appropriate stroke to scale the fonts' height. Rotate it a little bit to match your original logo. Now it is ...


27

I am a little surprised no-one has mentioned the "Scour" extension. It's bundled with Inkscape (as of v0.47), and does many of the optimisations mentioned by Ilmari Karonen.


26

You can align to a specific dimension (horizontal or vertical) using the "Distribute Spacing" selection in the "Align" tab. Select the objects you want to distribute, single-click on one object to set it as the anchor object, and enter the amount you want them distributed. Click on either the distribute vertically or horizontally button. You can also use ...


26

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) Hit duplicate Keep hitting ctrl+d (repeat last) until a full revolution is done. Image 1: Timelapse of description ...


25

Quick literal answer: Between Illustrator and Photoshop, PhotoShop, as it's raster, as is the web site. Slightly more detailed answer: you'd be using both. Alternative answer: Consider using Adobe Fireworks. Fireworks is so much easier to use once you get the hang of it for producing web graphics. Long boring lecture answer: The "Slice-n-Dice" method is ...


25

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.


25

My example is not a perfect, but you can take it as guideline for your logo-training. I hope this help you. 1) Create a new text layer 2) Take a pen tool and draw two lines so together they are looking like "a" 3) Turn text layer off, we don't need it anymore 4) Take "Ellipse Tool" and draw some ellipses. Now turn brushes window on. Select all the ...


25

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...


24

Check out Inkscape: http://inkscape.org/ Inkscape is a free (and open-source) SVG vector graphics editing program. I've never used Illustrator, so I can't directly compare, but I've done all of my work in Inkscape and it is quite capable. You might also want to check out Inkscape's tutorial for Illustrator users: http://wiki.inkscape.org/wiki/index.php/...


24

Don't be guided by personal preference like 'effects', 'not fun' and 'clunky interface'. They are not relevant. As a designer you should pick the right tool for the job. This is not only about business cards. But applies to all pre-press productions. Adobes big three have overlapping tool space. But all three have their own speciality. If your design ...


24

This is another method to do the job using Illustrator Create a circle and select it Go to Object > Pattern > Make Adjust the spacing between circles in the pattern options panel and press Done Draw a rectangle and fill it with the pattern that you have just made; you may need to scale the pattern a little by choosing effects > distort & ...


23

In the Preferences > General area, make sure Scale Strokes & Effects is selected.


23

To create a font, you need a font editing program. FontCreator is quite popular and inexpensive. FontForge is an open source font editor, if you're up to the somewhat dense documentation. FontLab has a utility called TypeTool, a little more expensive but has a good reputation.


23

While drawing rounded rectangle (while still holding your mouse button), press UP and DOWN arrows to change radius. It is common way of changing attribute values of certain tools in AI.


23

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.


22

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 ...


22

Lots of great answers but I'm surprised none of them have talked about batch production of business cards with data merge templates. Even if you're designing for a 2-person startup, with any luck a year or two down the line they'll be coming back to you for business cards for their 8 newly hired employees, then coming back a few years later with a much ...


22

Spot A Pantone is a Pantone when it's a "spot" color. Make sure your Pantone swatches have the color type "spot color". Even if you color swatch says Pantone XYZ, it doesn't make it a Pantone; if it's not a spot color, it will be considered as a process color (CMYK). Conversion during export If you are 100% certain that your swatches are "spot" then ...



Only top voted, non community-wiki answers of a minimum length are eligible