Aus .PSD Bilder für Webseite exportieren???

[d.ann.y]

Hallo,

ich habe mal ne Frage:

Es geht um dieses Template: http://www.zymic.com/show_templates....=2&rowstart=20

Da ist ne PSD dabei, die ich anpasse. Jetzt weiß ich leider nicht wie ich daraus die Bilder für die Webseite speichern kann. Ich gehe mal davon aus, das es da einen Automatismus gibt.

Wie man sieht gibts in der HTML Datei ja viele Bilder...die werden ja sicherlich nicht von Hand aus der PSD erzeugt, oder doch????

Also wenn mir da jemand helfen kann wäre das toll....

[jayjay]

öffne die psd im imageready, dann kannst du exportieren, slices etc
obwohl auch im ps die slices exportiert werden können

[d.ann.y]

Ah danke,
jetzt habe ich aber immernoch ein Problem.

Wenn ich das exportiere, dann erhalte ich z.B. für einen Button zwei Dateien...einmal das Bild und einmal die Beschriftung?? Da mach ich doch sicher was falsch...bin über Datei->exportieren->Ebenen als Dateie gegangen...

Benutze Image Ready CS2

[jayjay]

versuch mal datei->optimiert-version speichern unter

[bona]

Wenn du im image Ready arbeitest, kannst du auch gleich mit dem Slicewerkzeug das Bild von Hand Slicen. Damit bewirkst du, dass der gesamte Button als ein Bild gespeichert wird. Den Rest kannst du dann beliebig "Zerschneiden".

Bei Fragen kann ich dir gerne Behilflich sein..
Um welches Template handelt es sich genau? 14,13,12,11...oder03

hab das Prog. momentan leider nicht gerade zur hand...
werd zuhause mal paar screenshots machen, von dem Weg wie ich es anstellen würde. Über gut oder schlecht, lässt sich streiten :P
gruss bona

EDIT:
kleine Info dazu

[d.ann.y]

Also es geht um das Tempalate 14....

über ne kleine Anleitung würde ich mich mehr als freuen *g*

Weiß net genau was Du mit Slicen meinst...habe noch nie so ne Vorlage benutzt und hab da dementsprechen null Erfahrung....

Edit:
Das mit dem Slice und optimierte Version speichern klappt net so ganz. Auch nach dieser Dr. Web Anleitung bekommei ch immer nur ein Bild aber nicht die Buttons einzel *grübel*

Wenn du im image Ready arbeitest, kannst du auch gleich mit dem Slicewerkzeug das Bild von Hand Slicen. Damit bewirkst du, dass der gesamte Button als ein Bild gespeichert wird. Den Rest kannst du dann beliebig "Zerschneiden".

Bei Fragen kann ich dir gerne Behilflich sein..
Um welches Template handelt es sich genau? 14,13,12,11...oder03

hab das Prog. momentan leider nicht gerade zur hand...
werd zuhause mal paar screenshots machen, von dem Weg wie ich es anstellen würde. Über gut oder schlecht, lässt sich streiten :P
gruss bona

EDIT:
kleine Info dazu

[bona]

mal schauen was ich machen kann... werd mir mal das template herunterladen... vieleicht komme ich heut noch dazu ein paar screenshots zu machen
hab das Programm Image Ready gerade nicht zur Hand...
gruss bona

[bona]

Ein Bild Slicen und in einer Tabelle oder in DIVs wieder zusammen zu einer Website speichern.

erstens:
Bild zum Slicen mit Image Ready öffnen.


zweitens:
Slice-Werkzeug auswählen.


drittens:
Slice zeichnen.
Linke Maustaste gedrückthalten und ziehen. So entsteht ein rechteck. Das Bild im Rechteck wird dann als ein einzelnes Bild gespeichert.
So muss man nun das Ganze Bild "unterteilen".


viertens:
Alle Slice zu einer Tabelle gruppieren.
Zuerst alle Slice anwählen und dann unten auf "Slice in Tabelle gruppieren" klicken.


fünftens:
Datei -> Ausgabe-Einstellungen -> Slices...
Dort kann man Angaben für die optimierte Version machen.
Hier kannst du bisschen ausprobieren, bis du es so hast wie du es dich gewöhnt bist. Jenachdem ob die mit Tabellen oder mit DIVs dein Layout haben willst musst du bei Slice-Ausgabe entweder auf Tabelle oder CSS erstellen.
Ich mache meist folgende Einstellungen:


sechstens:
Datei -> Optimiert-Version speichern unter...
Zielverzeichniss auswählen und speichern.
Nun hast du in dem Ordner den du angegeben hast eine Datei Namens Index.html und einen Ordner "Bilder" mit den dazugehörigen Bildern.

Jetzt kann man den Code noch nach belieben ändern oder man lässt es.
Somit wäre das Bild nun als Websitevorlage zu gebrauchen.

Falls ich nun was vergessen oder bis jetzt immer flasch gemacht habe, korrigiert mich bitte. :P

gruss bona

[d.ann.y]

Irgendwie bin ich zu blöd dafür. Habs genauso gemacht wie Du geschrieben hast, trotzdem bekomme ich immer die Dateien 14.html und 14.gif, also alles als ein Bild aber nicht einzelne Bilder???

Edit:
Langsam komme ich dahinter!
Wenn ich die Datei öffne, dann ist die Datei mit bleuen Linien eingeteilt...ich dachte das wäre ndie Slices. Ich weiß zwar nicht was das ist, aber ich habe es verstanden, dann ich die Datei "Slicen" muss....werds also mal probieren...

Habe es so verstanden, dass die Datei aus Ebenebasierenden Slices besteht....warum muss ich dann nochmal Slices erstellen???


So, das blaue sind Hilflinien anhand derer ich Slices estellen kann...so langsma hab ichs raus!

[bona]

gut, nur weiter so, wirst es noch hinbekommen, einfach immer schöne rechtecke mit dem Slice-werkzeug zeichnen :P

gruss bona

[d.ann.y]

Hab das mit den Slices genutz um die Bilder zu erzeugen. Die Seite baue ich aber jetzt neu auf.

Hinter die Navigantionsbuttons will ich nen Mouse Over Effekt legen, d.h. wenn man mit der Mouse drüber geht, wird ein anderes Bild gezeigt...wie krieg ich denn das hin...JavaScript wäre wohl nicht so gut geeignet, oder???

Passt zwar nciht hier in Photoshop rein, aber vielleicht kannst Du mir das ja trotzdem beantworten:

Seite ist hier: LINK

[bona]

so hab kurz gegooglet, denke da würde javascript schon gehen, wüsste nicht wesshalb nicht.

hier mal ein kleiner link zum thema.

gruss bona

EDIT: was natürlich auch immer gut zum nachlesen ist, selfhtml!!!