Tag Info

Hot answers tagged

12

An .SVG file IS a source file. It isn't layers in the Photoshop/Gimp sense but it absolutely can be picked apart. Use an SVG editor - that would be Illustrator or Inkscape. Alternatively, if you want to get real crazy you can open the .SVG in any text editor and look for the values you want to change which for colors would be in Hex format #nnnnnn


10

You embed fonts in CSS by using base64 encoding. You can apply styles in SVG documents similar to CSS by using a <style /> element. So if you have a WOFF font, you'd embed it like this: <style> @font-face { font-family: "Sample font"; src: url("data:application/font-woff;charset=utf-8;base64,..."); } </style> Where ... is the ...


8

SVG is scalable, if you have a vector-graphic that is a clear advantage. For pixel-graphics PNG is better. A downside is, that the Internet Explorer supports SVG only with the coming version 9 (before with plugin). Mobile browsers may also have limited support for SVG. EDIT: As ClemDesm points out, older IE-versions don't support fully transparent PNG, ...


7

Yes, a vectorized image generally counts as a derivative of the original, which means that distributing it without the original copyright holder's permission would be a copyright violation. Of course, if you just want to make a nice poster to hand on your own wall, then you're probably safe — doing so might or might not be legal, depending on your ...


7

I haven't read about anyone being sued for vectorizing, but I have read about someone being sued for pixelating. After seven months of legal wrangling, we reached a settlement. Last September, I paid Maisel a sum of $32,500 and I'm unable to use the artwork again. Pixelating is removing detail whereas vectorizing would be adding detail (if you ...


7

Your basic question is whether to create your type at its final size the turn it into outlines, or create it at an arbitrary size, outline that, and scale to suit. The answer to that question, especially if you're creating SVG for on-screen viewing, is that it doesn't make much practical difference if all you're using are TrueType fonts. The Metafont ...


6

The effect you described is simply achieved by duplicating the shape, changing it to outline, moving it up a bit and putting it in the background. What the website you linked to describes is a concept of creating a depth perception. The examples you have given are not meant to represent the final design but how this effect is basically executed. The final ...


6

I'm thinking Google SketchUp might be perfect for that. [PRO] Export PDF and EPS: 2D vector images With the Pro version of Google SketchUp, you can export views of your models in PDF and EPS format, allowing you to continue to work on them in vector editing programs like Illustrator and Freehand. For 2D images that need to be ...


6

EDIT: I have just learned from @AlanGilbertson in this thread What unique benefits does the EPS format provide? ..that eps has limited uses, and in general that pdf is the way to go. If the client does not have any preferences; a good practice would be to give them an .eps and a pdf and an svg file in addition to jpg/png in different sizes. If you also ...


5

The guy who created the Obama Hope poster was dinged for violating AP's copyright. While I'm not a lawyer, I'd say if it's for your personal use, you're probably not going to get sued, but if you put it out into the world in any capacity, and/or if you try to make money from it, you'll be in trouble.


5

There was some dabbling in the 90s with Multiple Master fonts. These were dynamically generated typefaces which would scale serifs, counters, and other type data based on type size. Multiple Masters were popular for a few years, but then died due to issues with other software. Today Multiple Masters aren't very common and actually can create problems for ...


5

No. The issue is the resolution you are trying to export as. A low resolution image, such as an icon, simply doesn't have a whole lot of pixels to work with. Typically, icons are either tweaked by hand, or drawn by hand in a raster format from the start. Software just can't make the aesthetic calls on a level like that. That said, though not SVG based, ...


5

It's possible. Select your object Call "Attributes panel" Cmd/Ctrl + F11 In dropdown "Image input" select "Polygon" Paste your link in input "URL" Export svg Check in browser Profit


4

As svg is not yet mainstream: nor on the web neither in professional graphics. I suspect that inkscape is used for editing most of them. Your proposal definitely should make sense to people familiar with svg. But I believe that a free file format shouldn`t be associated with identity of particular software. For reflection: it can be annoying to see adobe ...


4

There are more than one tool for making svg document + you can write it as a code. I use Inkscape primary and that icon is for me "vector graphics" not only svg. Many graphic designers don't even heard that there are something like Inkscape. Professionals mainly use Adobe Illustrator for vector graphics and for export to svg.


4

Try Kern.js. which is based on Lettering.js (both jQuery plugins): http://www.kernjs.com/ http://letteringjs.com/ That would hopefully give you kerning control without sacrificing SEO and accessibility. Update: I just found out about kerning.js, which may offer even more control than Kern.js: http://endtwist.github.com/kerning.js/ Also based on ...


4

Inkscape certainly converts fonts to paths (Select, then Shift-Ctrl-C). The standard save format is SVG - either 'Inkscape' (extended) SVG or 'plain' SVG. It also has an SVG Font Editor. BTW - I'm assuming this CSS was no good to you: <span style="letter-spacing: 5px">Kerning</span>


4

You might want to have a look at Synfig. When I needed to make something in this line, used SVG frames, and editing the xml, as you did. Not free, but cheap, have a look at Koolmoves .It has svg export. I like the tool. (Anyway, consider other exports, like SWF or HTML 5, more future-proof, and better supported in available editors. Disregard this if you ...


4

Actually, for print EPS or PDF would be better. SVG is okay for web (which is what it was designed for) but often there are issues with RIPs when printing. Most designers who are supplied SVG files will open them in a vector app and re-save as either native files, eps or PDF. I would NEVER send an SVG file to a print provider.


4

Your best bet is probably File -> Export -> Paths to illustrator... ...and then in Illustrator File -> Save As... SVG. This will also give you the opportunity to sanity check your paths before you export them. Illustrator is a much better option for editing vector artwork in any case.


4

You need to simplify the object. Create the 3D and set the lighting to "No Shading" Expand the 3D object and apply standard gradient fills to the various shapes of the object. In your sample you really only need 3 shapes and 2 or 3 gradients. The SVG export....


4

What I ended up doing is the following: Select the object(s) to export Open the document properties window (Ctrl+Shift+D) Select "Resize page to drawing or selection" File > Save As Copy... Select Optimized SVG as the format if you want to use it on the web Not as quick as I would like but quicker than creating a new document for each graphic that you ...


4

This seems to work: Install the open source indesign alternative Scribus, Mac and Windows (there's also an official portable version for Windows on sourceforge that doesn't require installation). WARNING: its interface is very confusing... But, it's free and does this particular job, there's only one simple thing we need to use it for. Open it up, go to ...


4

This might not be the answer you're expecting, but for the web, it's not truly needed to use any SVGZ files. The reason being is that a SVGZ file is simply a SVG that has been pre-Gziped. Modern web servers can do this Gzipping themselves before serving the asset (see this answer on StackOverflow for more info: ...


4

.svg file basically uses xml syntax to store image data, so in order to replace all colors you don't even need any graphic editor. The fastest way I can think of is: Open the file in a text editor (Notepad should do it). Use "Find and replace" tool (CTRL + H on windows). As "Find text" enter the hex value you want to replace As "Replace with" use the the ...


4

Illustrator started as a professional print-only application. It was made for professionals creating pieces designed to be fed to an imagesetter and put on press. It was a print production tool and really not much more. There was no internet when Illustrator was created. No mobile devices. No UI development to really speak of. So, Illustrator was built on ...


4

As Bakabak pointed out, SVG is "vector" and PNG is "raster" or "bitmap". What this means: "vector" is stored as a series of points in a coordinate space very much like plotting an equation on a graph in algebra or trigonometry. "bitmap" is stored as a piece of graph paper where you colored in specific squares. What happened when you saved the SVG is that ...


3

How I would do it: create your shape (rounded rectangle) duplicate the shape (so it's directly on top) give the one on top a transparent fill and a border color (doesn't matter what border color) adjust the width of the border stroke to be the width of your bevel choose PATH --> OBJECT TO PATH and then PATH --> PATH TO OBJECT your border is now a fillable ...


3

I am a vector artist, I always do things vector-ly then rasterise it to required size. Doing an icon in vector is desirable as you can scale them to any size afterwards, yes even to A0 size without losing quality. My solution for you is this. Do in Photoshop as raster, do it in a slightly bigger size, say 256 x 256 with sufficient details and line ...


3

If SVG is the desired output, I'd suggest giving InkScape a try. It's open soure. While the UI isn't quite as polished as AI, it's quite robust and the native file format is SVG, so ideally suited for SVG work. As for 'effects', you can emulate raster effects with vector files and vice versa. It can be tricking depending on the type of effect, but certainly ...



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