Illustrator :: Rounded Rectangle Corners Show As Black Instead Of Transparent?
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?
I am having lots of difficulty with this. I'm trying to create a rectangle that is transparent with rounded corners but I need the rounded rectangle outlined. Now I know how to create a rounded rectangle what I am doing for that is the following;
creating an image, selecting add alpha chanel, then selecting rounded rectangle, invert then cut.
The problem is I need the rounded rectangle outlined. When I try to use the paintbrush with stroke it outlines the image but when I go to save it it saves the whole image including the cut corners.
In essence. I just want to make a rounded transparent rectangle. Then have it outlined. This would be for a web page.
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.
If I write a text, it exports the CSS correctly (font, color, size...).If I export the CSS from a red rectangle, rounded corners, drop shadow, the CSS shows nothing but the rectangle. No color, no rounded corners, no drop shadow.
So, I'm creating a logotype. It consists of a black rectangle and then there is some white text on top of it. However, when I save the file as pdf, the whole file is transparent.
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.
I am trying to take an image from photoshop which is a rounded square bascially with a drop shadow (partly transparent). basically i will put HTML 'inside of' it (kinda like so ....
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?
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.
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).
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
The issue I am having is trying to draw a rounded rectangle and it becomes a perfect circle. I was wondering if this warning below has anything to do with that. I have a project for school that needs to be in by tomorrow and I can't proceed until I find the answer to my problem.
Illustrators Options:
I am using Illustrator CS6 in the options field under the version catagory.
Warning: Saving to a legacy format found may cause some changes your text layout and disable some editing features is read back in. Also any hidden Appearance attributes will be discarded.
Only fonts with appropriate permisssion will be embedded.
This is what I see when I try to save in Illustrator options.
I am working in cs6 for Illustrator and Photoshop. I would like to make a rounded rectangle with an inner border. The area between the two borders I would like to add a decorative paper that I created in Photoshop. The large center remains white. I've tried clipping it, but apparently did not do it correctly. How to accomplish this?
I have a rounded corner rectangle in a template that I am working on..I would like to extend the vertically but keep the rounded edge dimensions the same as I extend vertically.
Right now I extend the rectangle but the edges also extend.
In order to do that, I've expanded this shape and created a ellipse with no stroke above button, with transparency/screen. This is what I got:
Now I need to get rid of the rest of ellipse, so the button will be transparent on upper boundaries. Inner part of button should be white, but whatever I put between button and ellipse should receive glossy effect. How to do that?
I am trying to make the hands of a clock with a small red rounded rectangle near the top. But as I rotate the shape the lines are no longer straight. The hands of the clock are invisible but a bounding box for the small rounded rectangle. It won't stay straigh either. I have tried everything I can paths, etc.
I have 4 layers (background, layer1, layer2, layer3-text). They fill all 300 x 600 pixels that comprise the .psd/future image. What I want to do is use a rounded rectangle to encompass all of the other layers, so that the surrounding pixels (around the rounded rectangle) are transparent.
I want all of my current layers to be the content of a rounded rectangle.
I'm working with Illustrator cs4. I am making a flyer to be printed and saved as a PDF. I have drawn two rectangles with the Rectangle Tool as part of the simple design. I colored them and then applied the Water Paper effect from Effect> Photoshop Effects - Sketch. My boss would like the rectangles to be a different color. When I change the color, the effect is no loner visible, except on the very edge of the shapes. The effect still shows up in the appearance panel under fill, though. When I change the color back, the effect is once more visible. I can add the effect to all rectangles drawn in this color. All rectangles drawn in other colors will not show the effect on more than the very edge of the shape. What in the world have I done to make this happen?
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.