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


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


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.


8

There are roughly four options. Here are three I wouldn't recommend: Bundle the InDesign file with File > Package, as discussed by Vincent ("Generally a Bad Idea™." to let a client loose with InDesign) Get them a copy of Adobe InCopy, which is designed for this purpose (editing text in InDesign files). However, it costs money, and while I've not used it ...


6

As per request, a script to do this on selected paths. This is an alternative for @CConroy answer that may make things easier to do in the long run. It draws symbols on points and tangents and connects the tangents with lines, You can use symbols palette to change how they look after the fact. Might be useful for somebody. Put following in a .jsx file and ...


6

Generally, sending an InDesign file to a non-designer is a Bad Idea™. InDesign has quite a steep learning curve for one, and project managers are prone to edit more things than you ask them when you send them source files. On top of that, sending a native (source) file to a customer is not a very good move as a designer, for it contains lots of ...


5

Start by drawing a line and circle and style each how you would like the polygon sides and vertices to look. Drag the line to the Brushes panel and choose Pattern Brush. In the Pattern Brush Options dialog, set the first tile (Outer Corner) to None and hit OK. Then, Option-drag your circle onto the Brushes Panel into that first tile slot. You'll return to ...


5

If all the labels are consistent in appearance and the only changes that will be needed is text on the label -- I'd use PDF forms. It is a simple matter to create a PDF form which allows any user to input form field data (text) in specific areas. Using a PDF form ensures a few things: Editing is easy on the end user. They click and type, then save or ...


4

There is a way to customize arrowheads, but it is quite daunting. If you are going to use the custom arrowhead all the time it would make sense to create a custom one. For only one time uses, I would not suggest it. But since you asked... From Adobe's help Customize arrowheads To define custom arrowheads, open the Arrowheads.ai file, which is ...


4

I made a script for that. I've tested it in Illustrator CS6 on Mac. If paragraphs go weird on Windows, a) comment! b) try replacing the \n with \l or something similar. It does a regex find-replace on text in the selected items, or on all text if nothing is selected. var scope = app.activeDocument.selection.length ? app.activeDocument.selection : ...


4

You can convert it to a compressed SVG (SVGZ) and put the image.svgz on your web page: gzip image.svg mv image.svg.gz image.svgz Or, in Adobe Illustrator, simply save as "SVG compressed", which will write an image.svgz file. For your test image it's still larger than the JPG, though: image.jpg: 7268 bytes image.svg: 22385 bytes image.svgz: 14614 ...


4

I don't see that putting a blended object into an envelop will work fine. in my opinion it should be blended from the envelop itself. please follow my steps for best results: draw the path as it show and give the upper path an orange stroke while tje bottom one blue stroke. now select the both paths and go to Objects>Blend>Make or just click ...


4

The easiest method I know is via a Pattern Brush in Adobe Illustrator. Draw a path with a stroke and add an arrowhead: Select the path and drag it to the Brushes Panel. When Asked, tick the Pattern Brush option and then click OK twice to get out of the brush dialog. You now have an arrowhead brush. If you wan the last segment to not have an arrowhead ...


4

You can use the Width Tool to vary the stroke of a path in Illustrator. However...that is now how I would create that shape. It would be easier to just draw to ellipses and use Pathfinder's Minus Front to cut out the shape. To demonstrate, here's what you need to draw: With both selected, using Minus Front from the Pathfinder pane will produce the final ...


4

The Shape Builder might be the best friend you never knew you had, here. It's a tool that allows you to add shapes together easily and quickly, even better than the Pathfinder does. Create a group of objects, select them, and select the Shape Builder tool (Shift+M). Drag to add shapes together and Alt-drag to exclude them. In this cae, you could first set ...


4

Lock Layer 2. Select 1 orange circle and choose Select > Same > Fill & Stroke Unlock layer 2 if needed. You'll need to explain why select same is not a viable solution since it does work and is the quickest method. If you are restricted to only using the Layers Panel, I'm afraid shift-clicking the circle to the right of the object name is the ...


4

I've been asked this question before, almost exclusively from people who do not want to pay me anymore for my services and think there is an easy way out. They think to themselves: I'm going to get this designer to create promotional material, but I don't want to have to pay him to make the updates every time I change the date. Isn't there an easier way? ...


4

For Illustrator Draw a rectangle above your pattern object and fill it with a gradient... You will have to add the color stops the Gradient Panel to create the reflected gradient. Then be certain to click the end stops and set their opacity to 0%: More information on working with gradients in Illustrator can be found by clicking here. For Photoshop ...


3

In Photoshop you can achieve this effect in a number of ways. One such way would be to create a layer filled with white with a black rectangle in the middle. Make this a smart object so you can change the properties to your desired effect. Add a Gaussian Blur and then Color Halftone (Filter > Pixellate > Color Halftone ...). Now make the layer's blending ...


3

Without having a version of Illustrator the same as or later than the version used to create the .ai file, there's not much you can do. I haven't come across any tool that will give you an accurate conversion of any but the simplest file. Even with Illustrator, a direct conversion to an "equivalent PSD" (and I'm not entirely sure what you mean by that) is ...


3

Color is a complex subject (hence "The Dress"), fortunately you seem to be suffering from an unwanted color conversion. If you go to Edit > Color Settings and ensure that these settings are set as follows... Working Spaces The important thing here is that they match in both programs. This will have little effect after the rest of the settings are applied ...


3

I would create the 2 objects separately. For web, the circle is ~72px with a 1.5 pt stroke. Use the eye drop tool (I) to get the colors. Stroke options for the line extending from the circle result You can then group the 2 objects together or combine then with the path finder. You can also expand the shapes.


3

I've recently found a tool at https://petercollingridge.appspot.com/svg-editor (source code) that helps optimize SVG files. It has good results in this case, bringing the file size down to 3.7kB, which is just over half the size of the JPG, with a little manual adjustment: Using this tool to optimize SVG files requires significantly less time than golfing ...


3

When you paste from the Adobe programs, make sure you use Paste Special and select Enhanced Metafile Then go into Word's Picture Tools ribbon and open up the Layout dialog box You can lock the position in the Layout dialog box. However, that may or may not work best for the final file, as the surrounding text may become irrelevant or break weirdly. Also, ...


3

Illustrator’s Live Trace 1.Click on the selection tool (the black arrow) in the top of the left tool bar and then click on your image to select it. You know it is selected when there is a blue box around your image. 2.Click on the small down arrow button next to Live Trace. See the red arrow in the picture above. 3.Click on Photo High Fidelity 4.You ...


3

You're not going to be able to alter the text in a .jpeg image in illustrator, it simply can't be done. Possibly you could do that sort of manipulation in Photoshop, but I'd strongly recommend against it. What I would do is first go back and ask your client if they can provide the font file that was used for the "the old school henstead" line. If they can, ...


3

Gradient fill layers are probably your best bet, but another simple way to do it is to just paint the black in. Create a new layer on top of your background layer and below your text layer. Select a wide brush (width depends on your canvas size and personal preference) and make sure your hardness is set to 0%. Place your brush outside of your document ...


2

Illustrator imports raster images at their set PPI. If you want all the images to import at the same size, they need to all be the same PPI and dimensions. You can transform them within Illustrator but Illustrator does not perform any interpolation on raster images. Which means, scaling images within Illustrator may result in lower quality (especially ...


2

The only real way to rest text is possibly to select it and look to the Character Panel. If the text object has been scaled non-proportionally, the width and height fields will be something other then 100%. Simply reset them to 100%. Other than this, I know of no way to reset text if it has ben transformed other than to retype it in a new text object. ...


2

Illustrator has no direct feature to alter channel data. Any intentional mis-registration has to manually be created. There are raster plug in for raster applications to auto-move channels and create a mis-registered appearance, but for vector, you have to do it yourself.



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