Photoshop :: Export CSS From A Red Rectangle / Rounded Corners / Drop Shadow
Jun 29, 2013
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.
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 ....
Attached there is a picture made through PhotoScape where big outline rectangle is rounded. I am trying to do similar one through PSP. Drawing I found some difficulties:
a) How to create a rounded rectangle? I tried to use “rectangle tool” but I couldn’t find adjust to make it “rounded”.
b) Considering the possibility to create a “rounded rectangle” and applying “shadow drop” on it, will the shadow appear “rounded” as well? Or is there something to do?
c) In some tests I made applying “shadow drop” on a normal rectangle (as a new layer) the only adjust I could make after that was on “shadow size” (dragging the mouse). I couldn’t find a way to access effect properties to readjust attributes as “opacity” or “blur”. How to come back to “shadow drop” configuration panel (attached) to readjust settings as opacity or blur?
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.
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 want to have a white rectangle, without a black or other border, sitting on a pale yellow ground. But so the rectangle does not look pasted onto the ground, I want a drop shadow around two of the sides. I do not want to use a plugin for this.
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
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.
I apply a red glow on an object (rectangle) on an black background.When exported as JPEG or PDF, the red glow color faded become greyish. I check that it's same when I turn the proof colors on.I've change different modes for the drop shadow but none gives the correct result.
This only happens in CMYK mode. When exported as RGB, it's fine.
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.
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.
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.
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.
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?
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,
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.
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.