Richtig Slicen

Snyper · *Last edited by Snyper : 02.11.2004 at 19:08.*

Slicen bzw. das Slicewerkzeug ist eine sehr nützliche und wichtige Funktion in PS und PSP. Damit kann man nämlich verschiedene Bereiche in einem Bild "umrahmen", wie z.B. die Enter Schrift in einem Enter Bild.

Was ist Slicen?

Slicen bzw. das Slicewerkzeug ist eine sehr nützliche und wichtige Funktion in PS und PSP. Damit kann man nämlich verschiedene Bereiche in einem Bild "umrahmen", wie z.B. die Enter Schrift in einem Enter Bild.
Dieses Enter Bild, das ich jetzt mal als Beispiel genommen habe, kann man dann unter einer HTML Datei abspeichern und wird dann in viele einzelne Bilder zerlegt und gespeichert, die aber alle in der HTML Datei alle wieder ganz genau zusammengesetzt werden.
So kann man dann z.B. die Enter Schrift im Enter Bild mit irgendeinener Adresse verlinken und auch noch einen Link Effekt darauf anwenden.

Nun aber weiter zur ganz genauen Anleitung zur Anwendung des Sclicewerkzeugs in Photoshop.Anleitung für PS (Photoshop CS)

1.Man öffnet ein Bild seiner Wahl, das man slicen will.

2.Nun geht man mit der rechten Maustaste auf das Slicewerkzeug. Falls nicht das Slice-Werkzeug (so wird es in PS geschrieben) sondern das Slice-Auswahlwerkzeug kommt, muss man mit der linken Maustaste länger auf das Kästchen klicken und dann kann man das Slice-Werkzeug schon auswählen.

3. ...zieht das Slicewerkzeug in das Bild und "umrahmt" damit die Teile des Bildes, die man nachher z.B. verlinken will. Ich in meinem Falle die Enter Schrift.

4.Wenn man das getan hat, geht man oben bei "Datei" auf "Für Web speichern".

5.Nun öffnet sich ein extra Fenster, in dem nochmals alles angezeigt wird, was man zum Slicen, also ausschneiden ausgewählt hat. Dort klickt man dann einfach auf Speichern, gibt den gewünschten Dateinamen ein und fertig!

Das gesamte Bild wird jetzt als HTML Datei abgespeichert, während die einzelnen Bilder dafür in einem Ordner abgespeichert werden.

Nun kann man ganz bequem die einzelnen, ausgeschnittenen Bilder verlinken.

oil

richtig slicen wird doch erst bei mehreren Slices interessant, da kann amn einiges falsch machen, oder wenn man weiss wie intelligent machen, bei einem bild ???

braucht man nicht slicen

cerberus81

und wenn man Image Ready verwendet hat man einiges optionen mehr

Vor allem kann man da dann mehr einfluss auf die Tabellen nehmen die er erstellt (bestimmte slices zu einer Tabelle zusammenfasssen usw..).

Zmuda

Hi alle zusammen!!

Ich habe folgendes problem ich habe eine News Box für unsere hp gemacht nu habe ich folgendes prob wenn ich das slice dann sieht es alles gut aus aber sobalt ich auf dem hintergrund schreiben will dann zereisst es mir die ganze box und ich bekomme es nicht hin.

Ich denke es liegt daran wie ich es slice. Und die grafik liegt nicht im tabellen hintergrund sonder einfach in der tabelle eingefügt.

Hier mal das bild:
http://www.commando-delta.de/html1/c...test2Kopie.jpg

Wuerde mich über jede hilfe freuen eventl. mit nehm tutorial oder so!!

mfg

Zmue

*Christian*

Quote:

Originally Posted by Zmuda


	Ich denke es liegt daran wie ich es slice. Und die grafik liegt nicht im tabellen hintergrund sonder einfach in der tabelle eingefügt. Zmue

Wie hast du es denn geschnitten, kannst du davon mal ein Screenshot machen!?

Zmuda

Also ich habe es so gemacht wie im screen und dann habe ich es einfach speichern fürs web.

Hier mal der screen:
http://www.commando-delta.de/files/screen.jpg

mfg

Zmuda

*Christian*

Quote:

Originally Posted by Zmuda


	Also ich habe es so gemacht wie im screen und dann habe ich es einfach speichern fürs web. Hier mal der screen: http://www.commando-delta.de/files/screen.jpg mfg Zmuda

Das sieht schonmal fast Ok aus, ich denke es liegt am Code, du musst die Grafik am besten als Hintergrundbild in die Tabelle einfügen.

Bsp.:

Code:

<table> 
  <tr> 
     <td style="background: url(Pfad zu deiner Grafik);"></td>
  </td>
</table>

Zmuda

Reicht das denn wenn ich das einfach im code mache???

Und ich habe ja mal einbischen gestöbert im internet und da haben manche etwas mit Image Ready wuerden die das slicen!!

*Christian*

Quote:

Originally Posted by Zmuda


	Reicht das denn wenn ich das einfach im code mache???

Ja, so wie in meinem Beispiel.

Zmuda

Und wie kann mann das slicen das mann es nicht ändern muss das Photoshop schon so speichert wie ich es brauche????

Ich bin nämlich dabei ein Hp Design mal zu machen und das ich das dann auch vernünftig gesliced bekomme.

Ach so und das mit dem code hat hingehauen!!

Thx schon mal für die hilfe.

Mfg

Zmuda

*Christian*

Quote:

Originally Posted by Zmuda


	Und wie kann mann das slicen das mann es nicht ändern muss das Photoshop schon so speichert wie ich es brauche????

Neu Coden musst du es immer, denn die Seite die Photoshop beim Slicen generiert ist untauglich, um sie als HTML Dokument zu nutzen.

Zmuda

Gibt es denn was anderes wo mann es besser machen kann also ein anderes Prog???

Und ich bedanke mich schon mal für die ganzen infos!!!

mfg

Zmuda

*Christian*

Quote:

Originally Posted by Zmuda


	Gibt es denn was anderes wo mann es besser machen kann also ein anderes Prog??? Und ich bedanke mich schon mal für die ganzen infos!!! mfg Zmuda

Nein, nicht das ich wüsste.

Synoxis

Code von PS ist zwar nicht immer der beste aber für Anfänger ohne Codingkenntnisse sicherlich sehr gut geeignet.

Nettest Tut für einige sicherlich Hilfreich.

Zmuda

Quote:

Originally Posted by Synoxis


	Code von PS ist zwar nicht immer der beste aber für Anfänger ohne Codingkenntnisse sicherlich sehr gut geeignet. Nettest Tut für einige sicherlich Hilfreich.

Thx für die zahlreichen antworten und ich dachte immer ich mache da was falsch mit photoshop und alles was ich gesliced habe habe ich immer anders versucht da ich dachte das wäre mein fehler. Na ja muss mann sich halt mal die arbeit machen he he