Tag Info

Hot answers tagged

13

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


11

With a bit of boolean operation trickery this is a pretty easy process. Just take a set of the hexagons you have there, create a rectangle that matches the orange one I've got in the image above (make sure the corners snap to the appropriate points on the hexagons), and then use the intersection tool to get rid of everything outside of the rectangle. That ...


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


10

The development version of Inkscape (upcoming 0.91 release) has a global anti-aliasing toggle in the Document Properties window, which should also work for export. Look for "Development Versions" on the download page: http://www.inkscape.org/en/download/


9

I would say PNG simply for the fact it seems to be a more accepted format than SVG.


9

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


8

but I know nothing about those licenses You have to read them. :) But yes, those are but two examples of licenses that often allow you to freely use them. GPL is an open source license. Creative Commons is not, and will have different stipulations based on the type of license. Crediting in source code wouldn't typically meet the needs of licenses ...


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


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

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


7

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


7

I'd send them some combo of: EPS (the 'traditional' format. Most useful for printing) PDF (the 'replacement' for EPS) SVG (open source vector file format) PNG (raster based image--useful for web)


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

Definitely use PNG for a website. SVG is simply not sufficiently widely supported and it has few (if any) significant benefits over PNG for a flattened export. That said, keep all of your working copies in SVG.


6

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


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


6

One simple solution is to export to PDF, and then use Ghostcript on the resulting PDF. Using a strawberry image from Openclipart and the command gs -dSAFER -dBATCH -dNOPAUSE -sDEVICE=png16m \ -r72 -dGraphicsAlphaBits=1 \ -sOutputFile=image.png image.pdf I get the following result. If your image also includes text, you’ll need to add ...


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

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


5

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.


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

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

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

Try Inkscape - it's an open source alternative to Illustrator. I haven't used it much myself, but it began as an SVG editor, so converting text to paths and saving as SVG should be easy. http://inkscape.org/


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

It greatly depends upon the art and your skill level with Illustrator. Illustrator does have drop shadows, gradients, glows, etc. So it can all be done in Illustrator. It's merely a matter of one's proficiency. SVG offers a great deal more than any Photoshop format will. SVG can be scaled on the fly and maintain appearance... png/gif/etc. can't.



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