I'm doing a very good Dreamweaver course but it's sometimes a little scant on the PS instructions.
The first instruction is ..
"Make a 10 pixel selection as shown in figure 2 - it needs to be a perfect selection, exactly on the top left corner of the tab".
The next instruction is,
(Need a 10 pixel radius corner.)"
His image then looks like this ..
So how do I do it?
and I want to make the navigation tabs.
Many thanks for any help,
I have the top image and the author has the bottom one.
Sorry to be a pain with this; it's an area of PS that I've never used before.
I believe I have to use the rounded rectangular tool in order to get the 10px corner.
But when I do, 'crop' is grayed out when I select 'image'.
Images canvas is always rectangular therefor crop are rectangles. Some image file formats like PSB, PSD, PNG and GIF support transparency therefore can have transparent corner areas so the visible image has rounded corners. The image canvas still only has a width and height its rectangular.
In fact an image rectangular image can appear to have any shape you may want.
You're missing something from the instuctions:
"Going back to the layered Photoshop file we created earlier, we need to slice up the corners . . .
To create the green tab corners, first make sure the Photoshop file is flattened (don’t overwrite the original by mistake…). Next make a 10 pixel selection as shown in figure 2 - it needs to be a perfect selection, exactly on the top left corner of the tab."
Create the rounded rectangle. flatten the file, then crop.
Crops are always rectangles and if the document has a visible background layer the corners will have the background color. To get rid of the corners you make them transparent. The document can not have a visible background layer. A document need not have a background layer at all. Given the right conditions corners area can be made transparent by either deleting(clearing) the pixels there or masking the pixels off. Crop will not delete pixels in a rounded area crops are rectangular.
Open new document with transparent background select rounded rectangular tool set to pixels draw out rounded corner rectangle.
I also do not do graphics for web pages however when image are diced up into selectable area for web pages. That seems to be done in Photoshop with the slice tool. Slices are saved as images and mouse over html code is use during selection. I don't know for sure but seem to recall reading information like that try Photoshop help about slicing.
Message was edited by: JJMack
Wow! Thank you all for so much help!
I am gradually limping towards completing the tutorial.
The left hand box has the curves and I've made the curves for the nav buttons.
I'm obviously doing the tutorial to improve my DW skills but am unexpectedly learning new PS skills at the same time.
I'll almost certainly be back before I finish the site ;-)
Once again, thank you all!
The white corners on the left hand box are OK because the bg will be white.
Europe, Middle East and Africa