Editing Website Graphic

MN
Posted By
Maurice_Newsome
May 30, 2005
Views
402
Replies
12
Status
Closed
Greetings:

I have a Microsoft Frontpage template where the top navigation bar was apparently created in an adobe product. I have Photoshop 7 and find that, although the graphic opens in Photoshop, the text and the graphics cannot be separated or modified. The site can be viewed at < http://www.sharepointcustomization.com/pmtemplate/default.as px>

I can find nothing in the documentation that can can guide me through this. Any guidance on this issue would be appreciated greatly.

Master Retouching Hair

Learn how to rescue details, remove flyaways, add volume, and enhance the definition of hair in any photo. We break down every tool and technique in Photoshop to get picture-perfect hair, every time.

P
Phosphor
May 30, 2005
If you can, at any cost, see your way clear to ditching FrontPage, do so immediately.

It’s a scourge and a bane.

Why?

In the hands of those most likely to use it—i.e.: untrained individuals—it often produces results like the image below even when viewed with standards-compliant browsers.
L
LenHewitt
May 30, 2005
Maurice,

By the time an image is in a format that the web can use, there is no ‘text’ – just a series of pixels, a picture of text – that is part and parcel of the image.

There is no way of separating that from the rest of the image other than normal selection techniques such as magic wand etc.
MN
Maurice_Newsome
May 30, 2005
Len:

Much thanks for your timely reply. I would be willing to start from scratch if I could match the effects on the top Nav Bar ie. The gradient from left to right, the graphic that continues into the next frame without break. Still hoping for some clues. Much thanks as I await a reply.
ML
Mike_Logan
May 30, 2005
Once again… Microsoft THINKS it knows what YOU what to do. They are invariably wrong. FrontPage is not a piece of s*** – it is the entire t**d.

Take a printed photograph – e.g. a holiday snap, and bang a rubber stamp on it… you know… FRAGILE for example. Now try getting rid of it.

Get the picture ? (excuse the pun)
ML
Mike_Logan
May 30, 2005
The gray image (top left) is in two parts. You can get rid of the text by filling the pale gray and white text with the background gray, then start again with a new text layer, or am I missing something ?
P
Phosphor
May 30, 2005
Maurice…

The "Architects" graphic at the top of the link you posted is REALLY simple to do in Photoshop.

I’m not denigrating your skills at Photoshop, but is you play around and try experimenting a little bit, you’ll get the idea.

Who knows, you may even come up with something you like better.
P
Phosphor
May 31, 2005
Maurice…

Go ahead and grab the Photoshop file linked below. Unzip it, then have a look in Photoshop at how I put it together. I rasterized the type layers in case you didn’t have the same fonts I used (I used the first font I had loaded that was similar, but didn’t match the fonts in the "Architects" graphic exactly).

I had to experiment to get the gradient and the red overlay color, opacities and blending modes correct, but it really didn’t take too long. Plus, there are other layer configurations, using Adjustment Layers, that would allow you to change those things repeatedly without image degradation, but I wanted to keep it simple. Again…the various elements are close, but not exact; this is just meant to be a study guide.

Link to Photoshop File. Right Click and do a "Save As…" <http://home.comcast.net/~phoz/bbs/conlogo.psd.zip>
P
Phosphor
Jun 2, 2005
I hate it when I go to the trouble to do something like this and the original poster disappears or can’t seem to find their way back to the original thread.

I’ll float this back to the top once. If he’s still gone missing, then to hell with it.
P
Phosphor
Jun 5, 2005
OK…once more, with feeling.
DM
dave_milbut
Jun 5, 2005
LA la la… hmmmmm… ok, i’m ready. what are we singing? 🙂
P
Phosphor
Jun 5, 2005
The tune for this weekend is: Michael, Float the Thread Ashore.

🙂
DM
dave_milbut
Jun 6, 2005
ha-le-looooooooooo-jia!

Master Retouching Hair

Learn how to rescue details, remove flyaways, add volume, and enhance the definition of hair in any photo. We break down every tool and technique in Photoshop to get picture-perfect hair, every time.

Related Discussion Topics

Nice and short text about related topics in discussion sections