Lining shapes up so the edges don't bleed out

Ok, it's hard to show this in an image without zooming way in.
When I insert shapes in my document and the edges aren't exactly lined up with a pixel they become blurred. So if I have a pure black object the edge may be slightly transparent. I can zoom way in and resize the shape so the edge lines up exactly with a full pixel, but this gets really annoying since I use objects a lot with web design. I want crisp lines the color I want them to be, all of the time.
Is there any way to make it so shapes always snap to the nearest pixel width? Using guides helps a bit, but chances are my shapes aren't anywhere near my guides anyways, and adding guides isn't guaranteed since they can be slightly off too.

To try to reproduce what you're seeing, I just created a small blank document, and put two rectangular shapes into it.  I drew them by dragging the rectangular path of the rectangle tool at 100% zoom, and they end up occupying a full pixel at every edge (i.e., they're sharp, by your definition).  Additionally, when I move them around they stay pixel-aligned.  I turned on the pixel grid and worked at 3200% zoom level to verify that.
How are you creating these shapes / manipulating them so that you're getting things not to line up on a pixel?  Are you scaling them with something like free transform?  Doing that I am able to reproduce what you're seeing.
The only thing that seems to be able to bring the shape back to alignment with the pixels after that is another Free Transform operation on the shape's path with the grid turned on, then moving the corners around to just fit in the pixels.
-Noel

Similar Messages

  • Why is Illustrator blurring the edges of hard shapes?

    These are the same shapes, the one on the left is at 100% and on the right zoomed in. Why does it look so blurry at 100%? I need to export to web and it's screwing up the edges of my image.

    Your artwork is not aligned with the pixel grid.
    Mylenium

  • Blurring the edges of a "filled" shape

    I am not sure how to accomplish this.... I have to add shapes with lower opacity on occasio to help text jump out; but would really like to treat the edges maybe blurring them, or something rather than the straight line. Any advise?
    Thanks!

    To blur the edges on a shape:
    1) Select the Rectangular Marquee tool. Create a square in the shape letting enough space free for the blur
    2) Go to Select > Feather and use a setting of 10 pixels or so then click on OK.
    3) Select inverse.
    4) Cut selection.
    If you want the text to pop out here are some other things to try.
    1) Use Inner and Outer Shadows
    2) Use a Pillow Emboss
    3) Use a Blurred Stroke (I did this by creating a layer for the Stroke and Blurring it with blurring the text)
    Edited: Sorry I misread this at first.

  • The edges of my touch don't work

    when I try to use the edges of the screen nothing happens. Why? Is there any way to fix that?

    Okay, then it's time to have your iPod assessed by Apple. You can set up an appointment with a Mac Genius at http://apple.com/retail or you can call AppleCare for mail-in repairs/replacements.

  • I've done something that has caused my desktop to be stretched. I have to move it constantly to see all the edges.

    I've something that has caused my desktop to be stretched. I have to keep moving back and forth to see the edges.I'm set at 1920 x1080, which I think is correct. I was using inDesign when this happened.

    Screen Zoom.  Hold CNTL down while scrolling down with the mouse or trackpad.
    Captfred

  • How do I add a hover state to a smart shape button on the master slide? CP7

    I want to use a button with a hover state on my master slide in CP7. I created a smart shape and checked the box 'use as button.' I then created 3 image files with the "x_up, x_down, x_over' extensions. When I select my smart shape and choose a custom pattern from the fill menu and select my 'x_up' image file, the smart shape does not recognize the hover state. Is there another way to achieve this?
    Thanks!

    Thanks I think I get it now after reading your post. Shape buttons can only shrink when they are pressed and nothing else. I was thinking a work round for me would be to use a regular button with the up, over, down state, put this regular button on the first slide and set the timing for 'display for rest of project.' However I don't see this option in the timing panel:
    Is this option somewhere else?
    Thx!

  • How do I export a PDF without the print bleed extra "stuff" around the edges?

    I know my question wording sucks, but I didn't know how else to put it.
    I created a document in ID for print with a bleed.  When I export to PDF, the image is not cropped to the finished size of the page, but includes the excess background images that I extended beyond the page bounds for a bleed.  I am now trying to export a PDF that can be sent in email and will not be printed, and so I would like to export a PDF file that does not have any of that extra stuff (I have turned off the printer's marks) around the edges.  But my PDF has the excess stuff and a red outline around the actual page dimensions.  How do I export a PDF that is cropped to the correct page size (8.5" x 11")?
    I have attached the PDF I have created with the excess stuff and the red outline around the page size so you can see what I mean.
    Thanks!
    Bryan

    Hello,
    i have a problem exporting as a PDF also, i have done this before successfully and i have unchecked all the boxes to turn off bleeds etc, etc... however the bleed area is still coming through. I have tried saving the file under another name, closing down and reopening - nothing seems to work. I'd be very grateful if someone could offer some advice on this.
    Thanks!
    John

  • How can I disable making live shape rectangle in the first place but normal one instead in Illustrator CC?

    How can I disable making live shape rectangle in the first place but normal one instead in Illustrator CC? When I create rectangle I can't transform it by dragging and it's only the problem with rectangle, not with circle, star etc. I try show/hide edges/bounding box reset preferences and reinstall whole illustrator CC and it's the same. I can only make this right by expand this rectangle, which is shape as is turn out to rectangle by clicking object>shape>expand rectangle. But this is so frustrating. Help!:) oh, and I use OSX. My friend has the same specs and it's works. I mean she can use live shape corner transformations and changing size by draging:(

    I’ve created my own plugin (available for free for personal and commercial use) which imitates behavior of the ‘old’ Rectangle Tool. It doesn’t replace the Live Rectangle – it works completely independent!
    My Plain Rectangle Tool correctly snaps to grids/objects/points and correctly aligns to grid/points on resize. Of course it supports the SHIFT and ALT/OPTION keys, Snap to Grid and Smart Guides options. In other words it works almost 100% the same as the Rectangle Tool we know from CC (17.1), CS6 and earlier.
    The installation package (zxp) adds ‘Plain Rectangle Tool’ icon into the Ai panel (of curse you can assign your custom keyboard shortcut to it as well)
    Note: The Plain Rectangle can be easily converted into the Live one using Object > Shape > Convert to Rectangle
    Grab your copy at http://63mutants.com/subc/products/PlainRectangleTool_m01/PlainRectangleTool_m01.php Feel free to share with your friends. It’s completely free.
    I’ve also created a separate discussion https://forums.adobe.com/thread/1587587 for the Plain Rectangle Tool. If you have any comments or request please post it there. Any feedback would be greatly appreciated!
    Thanks,
    Pawel Kuc

  • Please help i started my project video format 720HD resolution 12x720 rate 25p at last when i finish and burn to dvd the edges are cut off any one help please i am really in trouble

    please help i started my project with  video format 720HD, resolution 12x720, rate 25p.  at last when i finish and burn to dvd the edges are cut off and my logo cut off the screeen aswell any one help please i am really in trouble. thanks

    Sorry, but I don't know anything about that app.
    I did go to their Web site and I see they have a support link. Perhaps you can get help there or in their forum.
    If you are OK with a DVD with a basic menu, you could try the Share>DVD option in FCP.
    Good luck.
    Russ

  • IDVD is producing DVDs which chop the edges off my video.  I have tried changing the aspect ratio between 4:3 and 16:9 but it hasn't helped.  My TV is definitely on the correct settings.  How can I solve this?

    iDVD is producing DVDs which chop the edges off my video.  I have tried changing the aspect ratio between 4:3 and 16:9 but it hasn't helped.  My TV is definitely on the correct settings.  How can I solve this?

    One way to to put the videos into an iDVD slideshow
    and set iDVD's Slideshow preferences to always scale slides to TV Safe Area. 
    However, some users have reported that the audio quality using this method is lessened.  I've not noticed it but then I don't have a good ear when it comes to that sort of thing. If you add more than one video in the same slideshow do not select any transition.
    OT

  • Shape annoyances.... don't know if there's any help...

    I have Illustrator CS5...
    One... I am under the impression that the "Reshape Tool" doesn't do anything. I created a star shape, selected the reshape tool, clicked on an anchor point to select it, and start dragging the anchor point, but the whole shape just moves as if I were using the Selection Tool
    Two... what happened to the "Twist Tool". The tutorials I find list that tool in older versions, but now it's gone (was in the rotate tool's group), I'm stuck using the Twist Effect, but Illustrator has this weird habit of using the old version of the shape as the control point! i.e. if I use the "Twist Effect" on a Star shape, it makes the cool "Ninja Star", but all the Anchor points and adjustments have to be done on the old star shape which floats at a different angle, making it really confusing to know what effect a new tool will have and kind of affecting any accuracy I can have with an anchor point since the shape I'm changing floats many degrees off of the anchor point. I don't know why New anchor points aren't created on the new shape's path!
    Three... Isn't there a way to Twist a star's inner radius so that it creates straight angles, instead of curves (like Twist does)? I thought I saw a tutorial on this once where you had complete control of every aspect of a star... but that could be for Photoshop or After Effects, so not sure if you can do that with Illustrator. I'm trying to create a Ninja Star-like shape.
    Thanks for any help!

    When you select an anchorPoint of an open path with the Reshape Tool and drag it, the anchorPoint moves as you would expect. But the other anchorPoints also move--not as much as the one you are dragging, but progressively less as their distance in order along the path increases from the point you are dragging. So each anchorPoint sequentially distant from the one you are moving is affected less and less, until the one farthest away is not affected at all.
    This is useful for smoothly and progressively "stretching" and "compressing" complicated open paths from any point along their length in one move, without having to tediously manipulate all the anchorPoints individually. Pressing Alt creates a reshaped duplicate, leaving the original behind. This is often useful if one takes the time to explore it.
    It is very similar to Elastic Mode of Corel Draw's Shape Tool, which is actually better because of a subtle difference that enables you to do more natural "compression" toward one end or the other by dragging from any point along the middle.
    And spirals, by the way, are not uncommon in my work (springs, coils, fastener threads...).
    JET

  • Video doesnt extend to the edges....

    Hi,
    I'm working on a film made up of lots of different source materials: PAL DigiBeta, PAL DVCAM, Super16mm telecined to PAL DigiBeta, and NTSC DVCAM converted to PAL DigiBeta. Everything is Anamorphic 16x9.
    The native PAL DigiBeta footage fills up the entire 720x576 image area. However the Super16mm that was telecined to PAL DigiBeta doesnt extend all the way to the left or right. There is a very small (maybe 3-7 pixel) band of black on either side.
    The footage converted from NTSC (via an Alchemist Platinum PH) is worse, with approx 10 pixels of black on each side, and about 5 at the top and bottom. And the PAL DVCAM footage (shot on a DSR-500, not only has the smaller bands on the sides, but also a line of time code garbage at the top and a thin black area at the bottom.
    Of course the bands on the sides wont show up on a standard overscanned Television. But the garbage at the top and bottom does. And when I make a DVD that is viewed on a computer monitor (which is more and more common) depending on how the player is set up, the bands are visable. If it was consistant across the whole show, then it wouldnt be a problem, but the main footage (native PAL DigiBeta) is fine, so the bands are there sometimes and not other times, often within one scene.
    The easy way is to blow the offending clips up 102 or 103% so they fill up the entire frame. But this adds to render time, and softens the image ever so slightly. The other option is to apply a crop to the entire show. A setting of 1% all the way around in the motion tab is enough. But then I am getting a solid black line around everything, and the image doesnt extend out to the edges.
    I'm curious if any of you have had to deal with this problem and what kind of solutions you have come up with.
    thanks...
    G5 Dual2.0 (PCI-X), 4.5GB RAM, 23" Cinema Display, PB G4   Mac OS X (10.4.6)  

    It's quite common. Video 'Blanking' as it's known doesn't always work perfectly, particularly if the tape has been dubbed down many generations or has at one stage been in an analogue format, and one very often gets small 'blanking errors' on footage, even on fully professional tapes. Don't worry about it - it's WAY outside 'Safe Picture' area as you say. Depending on the shot or circumstance, it's probably best to do as you suggest and create a simple crop around your entire picture that covers up garbage and standardises the image size. You might blow some shots up if it's particularly bad, but blowing a picture up, even a little, leads to softening and it's often better to avoid it and simply make the black edges 'neat and tidy'. Beyond these two techniques, you can also look at mirroring the content of the image out into those empty edges, that can look OK, but can also become distracting.
    It's a problem, but it's a very common problem, and you oughtn't to over stress on it.

  • Rectangle marquee tool is rounding at the edges, how to I revert to sharp edges?

    The rectangle marquee tool is rounding at the edges of my selections and when I try to fill with solid color, it fills very transparently and almost water-color like.
    I don't know how the settings were changed, but I need help reverting them back to normal.
    FYI: When I select an area using the rectangle marquee tool, an error message pops up that says "Warning: No pixels are more than 50% selected. The selection edges will not be visible."
    I am not very savvy with this program, but need to finish creating a flyer by this afternoon. Please help!

    Hi,
    You probably have a feather value other than zero set in the tool options bar.

  • Why does Quick Select tool make the edges all jagged?

    My Photoshop Elements Quick Select tool is great for selecting an item, a shirt say, and then I copy it and paste it onto a new page with a white background, thus eliminating the background I had before.  The only thing is that it makes the edges of the item all jagged and then I have to go with the eraser tool and smooth everything out.  This is not easy because my hand is not that steady.  Also it is very hard on my eyes.  I've already had to get new glasses.   The original image, a shirt for example, has sharp delineation all around it.  How can I copy it so that when I paste it onto a new background, it stays sharp and I don't have to spend ages, sometimes half an hour or more, trying to smooth out its edges?  Thanks.

    Hi Barbara,
    Thanks for your answer about using Refine Edge.  It works very well.  Thanks so much.  Is there a way that I can get the edge really sharp but not jagged?  I've tried Smooth 8 and Feather 0 but the garment still doesn't have as sharp an edge as the original photo.
    Many thanks also for your answer to Jane regarding Fill or Unfill Workspace.  I couldn't find it even after a laborious task of copying every option screen in my original Photoshop Elements 6 and then comparing each photo to every option screen on my new Photoshop.  It never would have occurred to me to look in Application Frame.  I, like Jane and others, do not like working with my entire Workspace blacked out.
    Thanks again.   Would you have a suggestion re. my first paragraph herein?  Thanks.

  • How do I fade the edges of a photograph

    I would like to fade the edges of an image to match the background of my blog so the picture isn't a boring rectangle. You can see the main image here and see what I mean... it looks like a generic blog header with the blocked image.
    I tried using the gradient tool, which I've used to create a reflection effect for ads and such, but had no luck in this project because it doesn't radiate evenly across all sides. I would even consider a rougher look, like when you use the spray, to fade the edges.
    Any ideas or a point towards an existing tutorial would be much appreicated. Is there an action for applying this type of effect to images?

    Hi there -
    Your image link isn't working so I'm not precisely sure what effect you're trying to achieve. Below is a brief tutorial on how to easily feather the edges of an image by using a mask - if this isn't what you're looking for, post a reply and try relinking your image.
    1. Open up your image in Photoshop - I have deleted the background layer so that I'll have a transparent image when I'm done (saving as .png).
    2. In your layers panel, click on the Layer Mask icon, shown below.
    With a layer mask, white areas will show your image while black areas will mask your image - this is a non-destructive way to "erase" areas of an image in Photoshop. Here's a great little beginner guide to masks.
    3. Now, grab your Gradient Tool and set it to a Black to Transparent gradient.
    4. Now you can drag out your gradient, fading away the edge you'd like. You can also use a large soft brush set to black to do the same thing. Make sure that whenever you're editing the layer mask, you click on the layer mask thumbnail in your layers panel - not the layer thumbnail (you can see in the screenshot below that there are small white corners around the layer mask thumbnail telling me it's selected).
    When finished, save your image in a transparent format such as .png so that the background of your website will show through the transparent areas of your image.
    And again, if this is not what you are looking to do, please post a reply!
    Cheers,
    Kendall

Maybe you are looking for