Illustrator :: Pixel Perfect Stroked Rounded Corners In CS6
Oct 26, 2012
I cannot attain pixel perfect stroked rounded corners without a stray pixel being shown on one of the corners. I need pixel accuracy for UI I'm developing (i.e. for screen, not for print).Here's what I'm doing:
1) New document, Align New Objects To Pixel Grid. Document units are in pixels, and Preferences>Units all are set to pixels.
2) Create grey rectangle, something like 100x32
3) Set a 1px black stroke, outside
4) Apply Rounded Corners, 6px radius
5) Make sure you're in Pixel Preview Mode
6) Notice the one stray pixel in the bottom corner that is out of place at the edge of the round.
Here is a screenshot that shows my tests. Note if I use Center Stroke, it seems to work at first glance, but then applying other effects (e.g. 3 px inner glow) are incorrectly applied (due to pixel snapping of the centered stroke).
View 3 Replies
ADVERTISEMENT
May 18, 2010
making things snap to the pixel grid and in return destroying the ability to align things and rendering the pathfinder tools useless
Try this: New Document for Web (with Align New Objects to Pixel Grid on)Draw a perfect rectangleDraw a perfect ellipseUsing Align to Selection, try aligning the rectangle and the ellipse to their top-left cornerZoom in as far as possible, note that the paths are NOT aligned. Even try manually aligning the two paths by their X and Y co-ordinates, and you will see they snap back 0.5px Repeat the above steps with Align New Objects to Pixel Grid off, and see how things use to actually align...
While I do understand you have done this to try to create pixel-perfect graphics, there has to be another way.. Back in CS4, I had a work-around for the pixel-perfect problem. It involved applying a graphic style with a transform properties of -0.5, -0.5 to individual paths or groups. The reason this worked was that it did not affect the actual co-ordinates of the path and allowed me to snap my paths to whatever I wanted..
View 33 Replies
View Related
Oct 24, 2013
Illustrator cc rounded corners how to make? Placed photographs need rounded corners. Cannot make it work.
View 2 Replies
View Related
Jan 4, 2013
Expanding Appearance on a closed path with stroke, fill, and a Round Corners effect produces a group of two paths in CS6. A path with just a fill and a path with just the stroke.
Is there an option to just generate one path like CS5 and earlier?
View 3 Replies
View Related
May 21, 2013
I have a rectangle that I have applied rounded corners effect to.
I need to combine this shape with others, but when I do so, I loose the effect. How do I get the rounded corners to be a workable path?
View 1 Replies
View Related
Feb 26, 2014
How do I draw a triangle with smooth rounded corners and straight sides?
View 9 Replies
View Related
Aug 30, 2012
Is it possible to find the value of the corner radius of the rounded corners for a rectangle that was created with the Rounded Rectangle Tool. This if for CS4.
View 6 Replies
View Related
Apr 11, 2011
I put rounded corners [from the decor part] onto my image, and when i saved it, it came up with these extra bits at the corners; which make the image actually rectangle. How i can get rid of them? i just want the plain round corners. =x
[URL].......
View 2 Replies
View Related
May 15, 2011
I know how to make rounded corners. But the background has color and shows the square corners of the palette.
View 6 Replies
View Related
Aug 22, 2013
How to adjust the degree of curvature on the corners of rounded rectangles in Illy? This can be easily done in PS but I'm not seeing any options for this in Illustrator.
View 4 Replies
View Related
Oct 31, 2013
I created some buttons in Illustrator CC that have a white background and rounded corners. When I Save for Web as a Gif, I checked Transparency. However, the rounded corner area show a black background around each corner. When I save for the web,do I need to choose something else in the Matte and Transparency dropdown menus?
View 5 Replies
View Related
Aug 23, 2012
Is there a trick to pasting a pixel-perfect vector image from Illustrator into Photoshop as a smart object, and not introduce a bunch of anti-aliasing that was not in the original file? My images are perfectly aligned with the pixel grid in Illustrator, and the pixel preview shows them correctly.
This page is useful for dealing with vector shape layers, but the techniques he talks about don't work for smart objects. Strangely, he says he doesn't have a problem with smart objects, but I do.
Here is an example of what I'm talking about: a simple 13x13 pixel image in Illustrator turns to crap in Photoshop when pasted as a smart object (I know an image as simple as this could be pasted as a shape layer, but the real images I'm working with are much more complex, and cannot be pasted as simple shape layers).
I'm using Photoshop CS4.
View 22 Replies
View Related
Nov 16, 2004
I have to make a pixel-perfect drawing of some squares and stuff, but dont know how to.
View 7 Replies
View Related
Mar 1, 2008
I'm not quite a novice; I know how to handle photoshop decently, and can do basic work competently. I have an idea of what some but not all of the advanced stuff does, and got handy with automation from an earlier project. My brushwork still sucks, and I'm not very good at making shapes from scratch. Now, what I need help with isn't paid work; I volunteered for light projects, hoping it would expose some of my weaknesses, and force me to work on them. It worked; I'm confronting one of them now.
Here's my problem. I'm making a seal of approval, a kind of tongue-in-cheek project, for a guy who wants it for a forum where he makes mods for a computer game. Since he's a man who tinkers with the guts of the game, I wanted the outer edge of the circle to be blocks, instead of a blue-ribbon frill, so that it imitates the blue-ribbon look, but presents the image of a gear instead. How do I make a repetitive pattern on the outer rim of a circle, and make it pixel-perfect? There has to be a better way than using the info tab to position squares pixel-by-pixel, and rotating them to match the outer edge of the circle. I've been exploring features, and I can't seem to find anything suitable.
I could use a source image to get the shape for a gear, and use that to form a selection to fill, but I want to try and do this from scratch if it's at all possible. I could also put a block in the exact center, make seven copies, and rotate them in increments of 45 degrees, and hold shift as I move them to approximate positions that look close enough to perfect as makes no nevermind, but eight teeth on a gear that fills the entire image is not much; it might work, but I think there's a better way, and I don't think it'd look all that good.
View 9 Replies
View Related
Feb 11, 2003
This may seem like a relatively stupid question but...
I want to make my own graphics for a website. I want the tables to have rounded corners similar to the ones on the following website. (the main window that says article has a rounded left corner)
page with rounded corner
I don't want to "rip" them I want to know how to make these things on my own. I could do just a plain rounded corner with no problem it is the 3d effect that I'm interested in.
If someone could just point me to a tutorial or something like that for basic website graphics I would be grateful.
View 2 Replies
View Related
Jun 13, 2004
with my rounded corners looking jagged, so I must be doing something wrong. I use the rounded triangle, changed the radius and even tried smoothing the selection but they still come out rough.
View 5 Replies
View Related
Jun 10, 2006
how to make the rounded corners on the pic in the navigations section?
View 5 Replies
View Related
Apr 9, 2004
I need to make white rounded corners on a picture with a radius 10.
View 5 Replies
View Related
Feb 2, 2007
Im working on a little project and i have a design im almost happy with. All of the corners are square so i want to change two of them (top left and bottom right) to rounded corners while still having the red border in proportion.
View 6 Replies
View Related
Dec 12, 2012
I have been using PS for many years. Recently I switched from CS5 to using the Creative Cloud and CS6. I am now having a problem when I use the eyedropper to sample a color for specific pixels. The problem seems to be that the eyedropper is off/shifted by a half pixel. After playing with it, I have discovered that the shift is up and to the left one half pixel. For example, if I have a single black pixel surrounded by white, zoomed all the way, and I hover over the top left corner of the pixel, I will get the RGB black info displayed and the sampling ring is black as well. If I continue to move upward or to the left, now in the white space, the sampling ring changes to white, but the RGB info still shows black (0,0,0). Moving the eyedropper below or to the right of the center of the black pixel, still shows the sampling ring as black, but the RGB info is white (255,255,255). Here are my specs and steps I have performed so far:
System: HP 8540W, 16GB RAM
Video: Nvidia Quadro FX 880M, 1GB RAM
OS: Windows 7, 64bit running at 1920 x 1080 Res
Software: Photoshop CS6 from Creative Cloud
-I have disabled 'Use Graphics Processor' and that - no difference
-I have reset the photoshop settings file (SHIFT + CTRL + ALT) - no difference
-I have created a clean Windows user profile and launched PS fresh - no difference
-I have tried both 64bit and 32bit PS - no difference
-I have restored a previous image that I had just a couple a months ago with same video drivers but with PS CS5 installed and the problem does not occur.
View 9 Replies
View Related
Oct 14, 2013
I love that Photoshop CC has a way to modify rounded corners on rounded rectangles, but when I try to scale the rectangle with the transform tool, the rounded corners keep the same measurements rather than scale in proportion to the rectangle size. Is there an option that I'm overlooking here?
View 3 Replies
View Related
Jan 21, 2005
I'm trying to figure an easier way to change the coners on a rectangle so that they are rounded. I want the sides to remain straight though. Now I could use the pen tool and drag them,
View 9 Replies
View Related
Jan 3, 2005
I am trying to make an image have the shape like the one used on this webpage's navigation.
Initially, I thought I could acheive this by using the same technique you use for rounded borders, but since only two of the borders are round, I assumed that it could not be done this way.
So, now I'm assuming I have to use the pen tool in some way.
how or if the pen tool is even the right tool.
View 6 Replies
View Related
Dec 16, 2004
I am making a table with rounded corners, but i am having difficulty setting the transparency. I want the round part to be the color it should be...#9999CC and the outter part to be transparent. The problem I have is when I put this on a table, the blue part shows fine on a blue table, but the outter part shows white. When I put it on a background image the round part shows up transparent and the outter part shows up pure white. I want to get rid of the white space and have the background image be able to show on the outter part.
View 3 Replies
View Related
Mar 10, 2004
I'm trying to find the proper way to round the corners of a picture I have. It's a normal picture but I would like to round the corners.
View 5 Replies
View Related
May 12, 2013
I might have gotten bum information: I probably should have purchased Xara Photo and Graphic Designer MX 2013 but instead I bought Web Designer 9 Premium (someone told me all of the graphics stuff is included in the web versions)
that said... I need to make rounded corners of images, from what I've been able to garner: a PNG can have rounded corners, a JPEG can not the work around is said to be to add a border to the rectangular jpeg, then round the edges of said border, then color the border the same as the web background (effectively creating round corners of an object that really has 90 right angles)
So... I load up my rectangular image... then.. what are the steps to create a border (one that will permit me to do as described above)?
The youtube tutorials I've been able to find thus far, seem to be for older versions of Xara software and/ or they include some kind of ClipView tool that apparently the Web Designer does not include
View 5 Replies
View Related
Feb 13, 2013
I'm currently working on modelling a helmet with a little bit of detailing. I have this rim shape that curves around the back of the helmet, but there are supposed to be some hard corners near the back. Every time I try to sharpen the corners with support edges (using chamfers, using extrude with no height, adding edge loops) I always get these nasty corners. Check out the pictures. Is there any way to retain the round shape of the helmet while sharpening the corners?
View 1 Replies
View Related
Sep 17, 2012
In the previsous version of Photoshop, I use to do the following so that my pictures had rounded corners:
Open a pictureClick the layer mask button twiceThen use the rectangle tool to get my rounded corners on the preloaded image - Presto, all done!
This does not work in CS6. I just want to have rounded corners (radius 5) to my photos.
View 7 Replies
View Related
Jan 18, 2013
I have an image that I would like to have rounded corners with a transparent .png background. What is the procedure to create this?
View 5 Replies
View Related
Mar 15, 2009
DW CS3.
I have made a shape with the Rounded Rectangular Tool (U) with a radius of 7 px. How can I change the current button to have a radius of 10 px?
I can manage to get the Transform Controls to show, but cannot get it to change the radius.
View 4 Replies
View Related
Feb 8, 2005
how to make a square/box with rounded corners?
View 8 Replies
View Related
