Vector graphics are Pixelated? :[

Zooming in on a vector graphic in CS4 shows FAT pixels around the image (a shape drawn using the pen tool).
I thought vector images weren't made up of pixels?? Or am I doing something wrong?
THANKS!

Cool thanks Man!!! That's cleared it all up. Cheers!!

Similar Messages

Live Composition Preview Window...Vector graphics are blurred

Live Composition Preview Window...Vector graphics are blurred even though I have the 'Continuously Rasterize' button selected. I’m using the latest After Effects and Illustrator. Other compositions within the same ae project are all 100%, then when I started another new composition, the graphics are blurred, making it incredibly difficult to work out what I’m animating as I need to zoom in and it blurs a lot. It is not a RAM issue with the MAC. Can anyone help? I was going great creating motion graphics, then all of a sudden his happens and I’ve tried everything. Thanks.

kerrie-rim wrote:
I just presumed that once the 'Continuously Rasterize' button was selected, this would omit any fuzziness regardles of zoom percentage. its a pity it does not in my opinion.
Again, you're misunderstanding what the comp window is doing. It is showing EXACT pixel representation of what is going to be output to the rendered video. Therefore it would be quite wrong of it to show anything at a higher resolution than the final output. As a video pro, I need to know what is going to be output. If I zoom in and it's showing a crisp vector graphic, that's not useful in the least.
If, for some reason, you need to work with something zoomed in, make a composition with a higher resolution and work in that. Then embed it in your final comp.
kerrie-rim wrote:
Maybe i'm going mad!!
Possibly

Export a PDF and convert the vector-graphics to pixel-graphics

Hey,
i want to export a PDF out of indesign CS3 and convert all vector-graphics to pixel-graphics.
Is there any solution, maybe a plugin, to do this?
Thanks!!!!

You could apply a transparency effect to your vector objects that doesn't effect their appearance and make a flattener preset which forces everything to rasters—then export a flattened PDF using that preset. Why do need rasters?

My vector graphic looks pixelated when I scale it down

I'm using CS5 on Mac OSX 10.7.4 and the graphic looks pretty good at 100%, and prints just fine. The design shop is trying to put it on a coffee cup though, and when they scale it down, it looks horrible. Pixelated everywhere. Am I doing something wrong?
-antialiasing is on
-resolution is 300 DPI
-align to pixel grid is not checked.
Here is a screen shot at 100%
Here is a screen shot after I scale the object 70%... looks pretty bad.
I am new to Illustrator and vector graphics so I am sure this is some setting I don't understand. Thanks for any help you can give!

check my post #20 in this thread http://forums.adobe.com/message/4455955#4455955 I tried to explain what is causing this. Nothing to worry about it won't affect the printed result.
However this statement of yours could be a cause of concern if you are talking about the printed image.
.... The design shop is trying to put it on a coffee cup though, and when they scale it down, it looks horrible. Pixelated everywhere. ...

Graphics are Pixelated During a Rendered Playback

I am editing 720x480 DVCPro-NTSC footage in 720x480. I have an intro that is all graphics. When I play back, the graphics are noticeably pixelated...even after it is rendered. Is there a filter or setting I should apply to correct the problem?

I think I might have solved my own problem. I added a De-interlace filter to my logos and text and they look better. The De-interlace was set at "Flicker Filter Max".
Does anyone know why this problem happens?
I'm editing the video in 720x480 and a video in 1280x1080. They use the same logo that I built. I built the logo in a 1280x1080 sequence. The logo looks great in 1280x1080, but pixcelated in the 720x480 (mainly around the edges). Any answers to that?

Why do vector graphics appear pixelated when zoomed in, isn't fireworks meant to support vectors?

I am new to using Fireworks, but I thought it would be great since it has both vector and bitmap support. However, when I work with vector tools and a vector image I imported from Illustrator, if I zoom into the image, it appears as though it's a bitmap. Also, if I were to resize the image down 25% and then bring it back up to a size similar to what it was at, it will look distorted and the quality will have changed? Why is this? I do this in Illustrator with no such results. I thought vectors should be able to be resized up, down, or up and down and they should look relatively the same. Any ideas, what is going on?
I have screenshots of this happening which I posted on a different forum. But if you want to see the screen shots, go here.
http://www.sitepoint.com/forums/showthread.php?787277-Help-with-using-CS4-Fireworks-and-Ve ctor-Graphics-They-appear-to-be-pixelated.&s=cd2134478a293cbc045bc150427d5674&p=4968267#po st4968267
PLEASE HELP. Thanks in advance! I would really like to use fireworks, but with this issue I might have to use illustrator and ditch fireworks all together.
Josh

I realized Sitepoint wont let you see the screenshots without logging in (stupid)
Here is my graphic in illustrator:
Here is the graphic imported into Fireworks and you can see how bad it looks when I resize it.
You see how the starting image looks VERY different from the image after the resize. why?!?!?!?!?!??!?

Vector graphics are so jaggy!

For instance, rectangle is accepted in quality. But oval and others are so jaggy that I have to use bitmap images instead.
I want to know solution.

If the oval is a symbol, and you do this (where in this example the oval's instance name is "ovalmc"):
ovalmc.cacheAsBitmap = true;
ovalmc.cacheAsBitmapMatrix = new Matrix();
the oval should then look better. It won't look quite as good as a pre-rendered bitmap, but hopefully good enough. The reason it looks better is because those lines make the GPU handle it, and that does antialiasing, whereas the CPU rendering doesn't do antialiasing. Or if it does, it's barely noticeable.
Don't forget to set GPU as the render option in the settings.

Illustrator and Photoshop text and graphics are pixelated. Using a 5K iMac. Even menu text is pixelated.

Anybody have a solution for this?

CS5 doesn't support Retina, so you'll have to either update or live with it.

Even vector-based layers are pixelated. Why?

The files I am creating in photoshop are all coming out very pixelated lately. Especially after I flatten the image or export it to a pdf. This is true even for text layers, eps files I placed, and vector-based objects I drew. The photo layers are pixelated too, even though they were hi-res to begin with and I only made them smaller when I added them to my document. Any idea why everything is so pixelated? I tried changing the file from 72 to 300 pixels/inch, but that didn't clarify the images. It just smoothed the edges a bit.

As Chris pointed out if you flatten you no longer have any vector graphics, To save your vector graphics you need to save in a layered format. PSB, PSD or Tiff.
You can additionally save different sized non layered image files from your layered document. When you use Image Size to resample you document to a different size vector layers like shapes and text will be resized using vector graphics and pixel layers will be interpolated using the method you set in the image size dialog or your Photoshop preferences interpolation method. It would be best if you use a tool like one of the Image Processor scripts to save these files from your Layer documents files so your layered files are not changed and over written. Some of the Image Processor scripts use Photoshop plug-in Fit Image to do the resizing. Fit Image uses interpolation method bicubic. The newer Image Processor Pro can be downloaded from Russell Browns web site once installed you will find it under menu File>Automate>Image Processor Pro. Its let you set which interpolations methods should be used for different output file sets.

Reduce file size vector graphics

When it comes to imported vector graphics are there any methods to decrease the swf's file size as much as possible?
So far I have:
- imported an illustrator ai file (strokes 'expanded' in illustrator and unneeded swatches/brushes etc. deleted and with no raster images embedded)
- exported the file in illustrator as swf and imported that swf into flash
- imported ai file and breaking it down to flash shapes
- optimized those shapes as much as possible
I rather use vector as much as possible. For a banner for examle, I've imported vector images of trees. I couldn't get it below 40 kb so I exported all illustrator files to png files which helped. Can detailed vector images be optimized just as much? Or is it better to use bitmap files when it comes to more detailed graphics? Does it matter if it is a vector images made in flash or a imported vector file even if both have the same number of paths?
Any other ideas I might try besides the things I've already tried?

There is a certain threshold when a bitmap can actually be smaller than a detailed vector graphic. Especially when working on small image sizes, bitmaps can often be quite smaller.
For a vector graphic, you can't do more than reducing the number of vertexes which may result in a poorer graphic.
With bitmaps, you can do a lot more:
Keep in mind that bitmaps with an alpha channel use up much more memory than bitmaps without alpha information. So try to reach your goal without using transparent bitmaps - which seems hard in the beginning, but as Flash provides different blending modes, you can, for example use the blending mode "multiply" for a black logo on a white background with just a grayscale bitmap instead of a bitmap with alpha channel information.
The same is valid for a white logo on a black background: Use the "add" blending mode instead, then.
I have also written some Photoshop Plugins to reduce the alpha-channel bit-resolution which sometimes gives me the extra 3-4kb I needed. Instead of using 256 shades of alpha, it reduces them to maybe 8 or 16. Alpha-Channels are comressed like GIF/PNG images inside of flash, so having as few different shades of alpha as possible will make images smaller. I even use dithering sometimes for softer alpha areas.
In some rare cases, you can also gain some bytes if you convert text to vector graphics (pressing CTRL-B twice), but this only works when there's not much text at all. That's because the metric information for text glyphs take up a bit more space then just the shapes. So you can imagine that this may only work if there is just one text element with all different letters. So you won't get much size reduction by converting "abracadabra". But you will get some reduction if you convert "the quick brown fox jumps" into shapes.
This all can help if you have restrictions like 30kb or even 20kb to create a full animated flash banner.

JHeadstart & (Scalable Vector) Graphics - From the AMIS JHeadstart Cookbook

A picture can tell more than a thousand words. Adding meaningful graphics to our web-application can enhance the visual attractiveness s well as the functional effectiveness. Simple, data-drive graphics such as progress indicators, status traffic lights, gauge and speedometer like indicators can all represent data-values in a explicit, obvious way. Charts such as line-graphs, bar-charts and pie-charts facilitate quick interpretation of multiple values and trends.
Using SVG in JHeadstart Applications - Scalable Vector Graphics are a technology for describing graphics in a structured, XML-based definition that can be rendered in browsers using a (free) plugin. Because of their XML-foundation, SVG objects can be generated by XML/XSL-T Transformations from dynamic datasources. That in turn makes it quite straightforward to generate graphics that are data-driven: the overall layout of the graphic is defined in an XSLT file while the dynamic data is fed into the SVG generation process in an XML document.
In this recipe, we look at the use of SVG technology together with the JHeadstart architecture for incorporating data-driven graphics in our web-application. See: http://www.amis.nl/technology/Cookbook/Recipe%20for%20GeneratingSVGObjects.htm
The Dutch Oracle partner AMIS has a 10-person JHeadstart team, currently involved in 4 JHeadstart-projects in The Netherlands. Their experiences and ideas are compiled in the AMIS JHeadstart Cookbook that is published on the internetsite (http://www.amis.nl) for other JHeadstart developers to share.
I hope the recipes are of use to you.
best regards,
Lucas Jellema

As a result of reorganizing (and re-providing) our website, some of the URLs stopped working. I apologize for any inconvencience.
The JHeadstart Cookbook can now be found at: http://www.amis.nl/files/technology/Cookbook/AMISJHeadstartCookbook.htm and the Recipe on Generating SVG is located at: http://www.amis.nl/files/technology/Cookbook/RecipeforGeneratingSVGObjects.htm.
Note that the AMIS Demo Application (AMIS Library System) created along with our Cookbook is now shipped as part of JHeadstart 9.0.5.1 to demonstrate the use of Oracle Toplink. This will make it easier for you all to apply our recipes - since you have the ALS application already available when using JHeadstart 9.0.5.1.
best regards,
Lucas Jellema, AMIS JHeadstart team

FAQ: Why are my vector graphics (e.g., from Illustrator) jagged or soft?

(For a video version of this frequently asked question and answer, click this link.)
After Effects must convert imported vector graphics to bitmap (raster) graphics. By default, this conversion (called "rasterization") happens once for a layer, and it happens before transformations, like scaling. This means that scaling such a layer up is really scaling a bitmap image, and that can expose jagged pixelation.
You can tell After Effects to rasterize after transformations like scaling, and to do so once per frame, to ensure that each frame is as crisp as possible. Just click the Continuously Rasterize switch for the layer.
This is only an issue for imported vector graphics (from Illustrator, SWF, EPS, and PDF files). Vector graphics created in After Effects, like text and shape layers, are always continuously rasterized.
For more information, see"Continuously rasterize a layer containing vector graphics".

I'm going to answer my own question and then ask another.... Why?
When I open just one PDF document it look great. but when i open two, the second
document always has this fuzziness to the edges. Doesnt matter which documents I open
This is a close up of two documents opened and the windows placed over each other. As hopefully you can see
in this screen capture, the one on the right has a furry edge and looks quite rough. Its the document opened second.
Any ideas?

Why are my pdf vector graphics edges all furry?

I'm printing (and tried simply saving) pdfs from an illustrator file. When I view the pdfs the vector
graphics (eg. a vector logo) are jagged, furry or misaligned at 100% or any similar view. If I zoom
right in on the logo, it gradually gets cleaner lines and better definition, but always looks
a little wobbly and furry around the edges, like its not a true curve or displaying cleanly. Images
are fine within illustrator. Its not my acrobat settings as other pdfs view fine.
Thanks for your thoughts!

I'm going to answer my own question and then ask another.... Why?
When I open just one PDF document it look great. but when i open two, the second
document always has this fuzziness to the edges. Doesnt matter which documents I open
This is a close up of two documents opened and the windows placed over each other. As hopefully you can see
in this screen capture, the one on the right has a furry edge and looks quite rough. Its the document opened second.
Any ideas?

How do you prevent Acrobat PDFMaker from rasterizing vector graphics?

I am using the "Create PDF" button (provided by the Acrobat PDFMaker in Acrobat X) to create a PDF from a Microsoft Word 2010 document.
This works fine, except that vector graphics in the Word document appear in the resulting PDF as raster graphics. (That is, when I zoom in, document text outside the graphics appears smooth, but the graphics are blocky; and text inside the graphics that should be retained as text - it's not converted to curves - is just pixels.)
The original artwork for the vector graphics is in CorelDRAW X6 (sorry, Adobe!).
I have exported the following files from the original vector drawing in CorelDRAW:
- EPS (with TIFF preview)
- Windows metafile (.wmf)
- Enhanced metafile (.emf)
I can insert any of these files into Word okay (Insert > Picture), but the resulting PDF always contains a rasterized (bitmapped) version of the vector graphic ("line art").
From memory, this didn't use to happen in my previous working environment (Acrobat 8 Pro with Word 2003, using artwork exported from CorelDRAW 12).
How do you prevent Acrobat X PDFMaker from rasterizing vector graphics? Or is Word 2010 (or CorelDRAW X6) somehow to "blame" here?

Transparency Flattening is being invoked.
From the Create PDF button, select Properties, what is your setting for Default Settings? Select High Quality Print

NEWBIE: Flash photo gallery! Images are pixelated:(

Greetings everyone. I created a Flash photo gallery using
gifs. While most of the images are acceptable visually, a bunch of
them are quite pixelated.
I read online that I am supposed to use vector graphics
whenever possible, but not all images where created as vector
graphics.
I have a few questions:
If I create the image in illustrator, what format should I
save it as to be used in a Flash gallery? If I create the image in
Photoshop what format should I save it as?
Lastly, is it true that Flash will load vector graphics
quicker than gifs?
Any info would be appreciated! Oh yeah, my site is
inthemixgraphics.com

if you create an illustrator file, actually drawing with the
tools rather than just importing a bitmap and exporting it again,
it will indeed give you a vector file you can work with. you can
even export it as images that are readable by flash-- however,
you'll get the best looking stuff if the vector is basically
rewritten in flash. Import a (dot)eps file into flash, and break it
apart. Look at how the objects maintain their shape.
Now publish the thing and look at the bandwidth viewer. Is
the filesize much smaller than if you imported the .jpg? It should
be, but at least there is a way to check it.
I get the most pixalation from images when I'm forced to
scale .png's down by less than a perfect %. Its weird.
If you're loading externally, I'm not entirely sure the
correct process to bring an optimized vector in, as my thoughts are
that it would be the actual size of the .eps image (or .swf if you
can export to that) itself.
--I hope this makes some sort of sense, and if it doesn't
you'll have to forgive me.
HmcH.

Vector graphics are Pixelated? :[

Similar Messages

Maybe you are looking for