Tag Info

Hot answers tagged

14

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


12

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

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


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

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


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

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


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)


7

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


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

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

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.


5

The Android Developers link is a bit confusing because it mentions DPI, but you shouldn't be worrying about that. DPI is important for the devices, but it's not necessary for designing the icons (I don't normally use Gimp so I don't know if it has an automatic way of preparing files for different resolutions, but I'll assume you want to do it manually and ...


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

Stretching the bleep out of a jpg is a pretty feasible technique in this case, since this is a blurry image to begin with. You are going to see some banding if you stretch it too much, but there are things you could do to try and avoid that. Here's the image you provided, stretched to viewport siz. On my 1440p screen res, the banding goes slightly over ...


5

Edit strokes in path edit mode It is easy in Inkscape to change the length of a stroke in edit path mode () which will leave stroke properties including markers untouched: This will only work on single strokes with predefined markers. This is not the case in the example SVG we have in the question. Move marker objects with stroke After ungrouping the ...


5

Yes. When you save an SVG from Illustrator, resize everything, save another SVG and output both of those in HTML, they will be shown in different sizes, depending on how big you saved them. Setting these values should be easy enough in the artboard, but I always just set a css-property (obviously only works on the web)


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.



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