Photoshop :: Rounded Corners With Drop Shadow [saving Transparent .gif]
Jan 10, 2006
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 ....
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 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.
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.
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?
how to make a drop shadow but it must be transparent.I am working with an image but the image will be on top of a background so the image with the drop shadow must be transparent ( just the shadow must be transparent ) to show the existing background as well.
I have a transparent canvas and would like to put a "square" on it. I'd like the content inside the square to be transparent as well, but I'd like to apply the "Drop Shadow" and "Outer Glow" style to the box, while keeping the inside of it transparent.
When I try to do this, nothing occurs because the "square" is empty. The only way I can get the shadow to occur is if I fill in the box with a color, such as white, first. However, then the center isn't transparent how I'd like it to be.
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
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.
1) Click and hold the rectangule tool until other options appear. Select Rounded Rectangle Tool (or, alternatively, just click this in the options area for the shape tool.
2) Select "make work path" in the options for this tool.
3) Try drawing a rectangle. If you want a wider arc, increase the radius in the options.
4) When you're happy with the radius, draw a rectangle from picture corner to corner. Press space when you are making the rectangle to move it about...
5) Go to Paths (a Tab that's default location is behind Layers on the Layers Palette). Ctrl-Left click the workpath.
6) Select, Inverse (Ctrl-Shift-I)
7) Make a new layer and fill with white (Edit>Fill, or Shift-Backspace).
8) Delete the work path.
However I am not sure how to now crop the photo out of the white surrounding area. Also how do I then apply a thin border to the edges of the photo like a stroke?
Is there a quick and dirty way of rounding specific corners verses all 4. I want to round the top of a photo and leave the bottom square. I suppose I could round all 4 and then lay the bottom half the picture back over top,
I have a stock rectangular image and i want to simply crop it out with nice smooth rounded corners Is there a quick and easy way...or do i have to go through the pain of manually pening curves and deleting them ?
I have been using the bucket tool in order to fill the background of some images, but after a while the color I selected resulted in a different shade. For example, black resulted in grey and so on. What can be the source of this? Have I accidentally selected something which does this?
Another problem I have is about creating rounded corners for an image. I used this tutorial
[URL].......
and it worked great the first few times, but than the area around the corners became white instead of being transparent. I followed the exact steps as in that tutorial but with no effect.
Example: it looks OK, but that's because of the white background of the page, move it to some place which is colored and the white areas appear. Also, is there another, easier way to create this rounded corners?
I'm VERY new with photoshop and I was just wondering (since I'm designing my own website) how to go about creating a section on my page that will have visible borders with rounded corners? Basically just a big square with rounded corners that will have text in it. I don't know if I try and create the borders in Dreamweaver and then use photoshop drawings of the rounded corners or what? Or do I create the whole image in Photoshop?