Tag Info

Hot answers tagged

70

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


49

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.


35

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.


34

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


33

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


33

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.


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


29

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.


27

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


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


26

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


26

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.


24

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


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


23

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


22

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.


22

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


22

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


21

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


21

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


20

First, create 2 circles. The 2 circles don't have to be center aligned as shown in my screen shot above. While having the smaller circle selected, hit the Rotate tool. (R for shortcut). Now, hold on Option/Alt key, and click on the center of the bigger circle. This tells the anchor point the small circle should be rotating from. After you click on the ...


20

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.


20

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 we have just made; you may need to scale the pattern a little by choosing effects>distort & ...


19

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


19

(1) torn textures Further to my comment, your problem is with the number of points you're using and seems to be a bizarre Illustrator quirk. Depending on where you put your anchor point, Illustrator is calculating a different number of surfaces for your object. Make the shape with just 2 points... Map your art... Bingo! Test with third point ...


19

.ai Contains: Native Illustrator content (unflattened) - used when file is reopened in Illustrator PDF 1.4 content (unflattened) - used when file is opened or placed anywhere else* *In the Illustrator Options dialog that appears when you save a native .ai file, a checkbox called Create PDF Compatible File, marked on by default, determines whether the ...


19

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


18

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.


17

Photoshop has support for vectors, or as it calls them 'paths' There is a pen tool for drawing paths freeform, text tool, shape tools and selection tools for editing previously laid paths. Once you have a path laid you can fill it with a colour or apply layer effects to it non destructively. So the basics are there, but Illustrator and other programs have ...


17

There is more than one single way to accomplish this. However, by far the simplest way is to utilize the Symbols Library. Create a Single Arrow Open up the Symbols palette: Window > Symbol (Shift + Ctl/Cmd + F11) From the Symbols palette menu, choose Open Symbol Library > Arrows Next, choose the appropriate arrow from the Arrows palette to add to your ...



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