Describe the steps you are taking very precisely.
A normal layer with a rectangular area filled with some color should be able to be transformed without introducing lighter colored pixels. An antialised edge with pixels that are the same color as the fill, but fade in opacity is what you should be seeing.
Here is what it looks like www.oceannetworks.ca/leaning_rectangle.html
Here is what I do
Select pen tool, select color, draw the rectangle, straighten any edges….how can I get it so that it looks smooth and bevelled, without all those little white pixels around edge?
Is the rectangular shape for the web?
If you want the rectangle to appear on black, create it on a black canvas. Then convert to index color and make it a transparent GIF.
Larry Berman
I just created the shape on a transparent background. I put it on black just so you could see the white outline that I don’t want.
I created the leaning rectangle with the pen tool, then bevelled, the clicked on "save for the web" but……when I view it it looks jagged with a white outline, I have no idea why?
What is index color?
I saved it as a gif image, is transparent gif different?
You don’t create it on a transparent background, you create it on the same color it will appear on the web. Start with a black canvas and create your rectangle.
You do know that you can draw straight lines by holding down the Shift key.
Then convert to Index Color under Image>Mode>Index Color. Then Image>Mode>Color Table. Use the eyedropper to select the color to be transparent (in this case Black) and Save For Web and check transparency.
Larry Berman
Thanx Larry, but the shape I want to be by itself with no colored canvas/background as it will eventually cross over different colored lines.
I will try your instructions though, and see what that does, thank you soo much for your help, obviously I am new to Photoshop. I usually use Fireworks, but I heard Photoshop is better.
Also..is there a way to make the canvas/background the identical shape as the leaning rectangle?
One way would be to add an outside stroke to the original image and save it under a new name. You have to add canvas first.
But it’s not clear what you’re trying to do. You initially presented the rectangle on a black background and wanted to clean up the white edges. I explained the proper way to create the rectangle on black so the white edges don’t show. Now you say that it’s not going to be on black. If it’s going to be on white, you won’t see the edges anyway. But it sounds like you need to make it a vector graphic. Diagonal lines don’t show as wlll as a bitmapped image (pixels).
Larry Berman
maybe my ignorance is making this sound harder than what it is. All I am trying to do is create a leaning rectangle with clean edges, with no canvas or background visible. It is going to overlap two or three lines of different color. So.. I can’t have one background color because the square background will show.
Is it for a web page? Are the lines of different colors going to be perfectly horizontal? If yes to both, you may be able to clean the edges where the color lines touch the rectangle by enlarging the work area to about 400% and doing a touch up.
Also, I think you can create a vector graphic that won’t show aliasing artifacts on the edges.
Larry Berman
Since he is using the pen tool, isn’t he creating a vector layer?
M Scott C:
Try this: Make a new layer and use the marquis selection tool to create a rectangle, then fill that with your color. Deselect and choose the tranform>skew option and tilt the rectangle.
Set the Matte Colour to Black when saving via S4W
