Nachträgliche Änderungen in von Photoshop erstellten sites?

[moonwalker]

Hi,
ich habe mit mit Hilfe der Slices in photoshop eine Website samt html code erstellt. Jetzt möchte ich nachträglich einen Schatten effekt (sodass sich die site vom hintergrund abhebt) erstellen.

Wie kann ich aber die bilder des schattens so einfügen, dass nicht das gesamte layout verzerrt wird?
Oder muss ich die seite neu slicen?



thx,
moonwalker

[papo]

Hallo moonwalker,

wenn du die Datei mit den Slices nicht gespeichert hast musst du wohl noch mal. Wüsste nicht das man eine Seite importieren kann, lasse mich aber gerne belehren

Wenn die Seite aber eine Rechteckige Form hat, könntest du den Schatten Effekt ja evtl. noch manuel in eine Tabelle drumherum bauen?
Sprich du speichert dir einmal ein Stück horizontalen und ein Stück vertikalen Schatten und setzt die jeweils als Hintergrund der drumrum gebauten Tabellen-Zellen.

Viel Erfolg!

Gruß, Paul

[moonwalker]

Hi,
danke für die Antwort
Ich habe die *.psd datei noch gespeichert.

An die Variante mit dem "Stück dransetzte" habe ich auch gedacht. Leider kriege ich das nicht hi. Die site ist 800*600 px groß.
Wenn ich jetzt die äußerste tabelle vergrößern will, verändern sich auch die übrigen tabellen: Es entsteht ein totales Chaos.

Weißt du vielleicht rat?

[papo]

Hi,

wie gesagt einfach eine zusätzliche Tabelle drumherum bauen.
Hier mal Grob, sprich die Ecken des Schattens müssen noch dazu usw..

Unten dran nochmal als Zip mit den beiden Bildern zusammen...

Damit solltest du weiter kommen!

<!-- ANFANG :: Schatten Tabelle drumherum -->
<table border="0" cellspacing="0" cellpadding="0">
<tr>
 <td></td>
 <td></td>
 <td></td>
</tr>
<tr>
 <td></td>
 <td>

<!-- ANFANG:: Tabelle in der sich die Seite aufhält -->
<table bgcolor="#335588" width="500" height="500">
<tr>
 <td>&nbsp;</td>
 <td>&nbsp;</td>
</tr>
<tr>
 <td>&nbsp;</td>
 <td>&nbsp;</td>
</tr>
</table>
<!-- ENDE :: Tabelle in der sich die Seite aufhält -->

 </td>
 <td background="schatten-rechts.jpg"><img src="schatten-rechts.jpg" width="5" height="7" border="0" alt=""></td>
</tr>
<tr>
 <td></td>
 <td background="schatten-unten.jpg"><img src="schatten-unten.jpg" width="6" height="7" border="0" alt=""></td>
 <td></td>
</tr>
</table>
<!-- ENDE :: Schatten Tabelle drumherum --> 

Gruß, Paul

[papo]

Original geschrieben von moonwalker
Ich habe die *.psd datei noch gespeichert.

Hmm dann guck dochmal ob die Slices nicht noch gespeichert sind. Ansicht-> Einblenden -> Slices und Ansicht-> Extras einblenden (Strg+H)

[moonwalker]

hey,
thx für die tolle hilfe
werd morgen mal danach sehen.
Ja, hab die slices noch gespeicert. Ich habe aber keine ahnung, wie ich die gesclicte site (mit alen sclices) in eine görßere vorlage kopieren soll...
Aber ist ja auch egal. Die lösung mit den Tabellen ist mir eh liebr

HAb schonmal ein bißchen mit dem schaten rumgespielt. Kriege das aber nicht so realistisch hin. Ich möchte gerne, dass sich die flache seite von dem flachen einfarbigen hintergrund abhebt. Generell wollte ich ein bißchen mehr pepp in die seite bringen. Wie sollte dazu am besten vorgehen?
Ich habe mal einen "schmutzigen" entwurf hochgeladen..
www.lierenz.de/main.php

[papo]

Original geschrieben von moonwalker
hey,
thx für die tolle hilfe
werd morgen mal danach sehen.
Ja, hab die slices noch gespeicert. Ich habe aber keine ahnung, wie ich die gesclicte site (mit alen sclices) in eine görßere vorlage kopieren soll...

Ganz einfach Per Bild -> Arbeitsfläche. Dann die neue Größe angeben und Schatten drumrum basteln...

[moonwalker]

wenn ich so vorgehe wird aber das gesamte bild vergrößert (header usw. wird auch größer) und nicht nur ein teil hinzu gefügt..

[papo]

Probier es doch bitte einmal aus.
Bild -> Bildgrösse vergrössert / Verkleiner tatsächlich das Bild
Bild -> Arbeitsfläche vergrößert die Arbeitsfläche und nicht die Bilddaten. Du kannst sogar angeben an welcher Position der Bisherige Bildausschnitt verbleiben soll.

Falls bei dir nach der Vergrößerung noch Bildteile überstehen, versuch vor dem Vergrößern mal ein "Alles Markieren" (Strg+A) und danach Bild->Freistellen. Dann hast du die Überstehenden Bereiche gelöscht.

[moonwalker]

oh,
sorry war ein schnell schuss. habe nicht genau gelesen.

So klappt es natürlich.

Vielen dank für deine Mühe

moonwalker