Image Slicing mit Ulead Photo Impact


Slicen ist nichts weiter als ein Bild in kleine Teil zu zerschnippeln.
Es wird meist im Webdesignbereich verwendet um grosse, sehr ladeintensive Grafiken
in kleiner Bilder zu unterteilen, damit sie schneller geladen werden.

Öffne nun dein Bild welches du zerteilen möchtest.

Ich nehme dieses hier :

( verkleinerte Darstellungsform zur Vollansicht bitte Bild anklicken)

Wähle nun das Trennen-Werkzeug aus

Als Werkzeuigeinstellung Rechteckig trennen auswaehlen

 

Setzt das "Cuttermesser" am linken Eck deines späteren iFrames an und
ziehst mit gedrückter Maustaste das "Cuttermesser" schräg runter bis zur rechten unteren Ecke des iFrame

Hier muss pixelgenau gearbeitet werden, sonst sitzt später das iFrame nicht richtig .
Also am besten das Bild ran zoomen und nachschauen ob es auch stimmt und gegebenenfalls korrigieren.

Nun sollte es so in der Art aussehen

Nun sind die Links dran ...
Klicke mit dem Cuttermesser einmal links oberhalb des ersten Textes (späteren Links) hin und
ziehe mit gedrückt gehaltener Maustaste nun bis kurz nach dem Text rechts unten ( ein paar Pixelchen nach dem e )

Es sollte nun ungefähr so aussehen

Nun setzt du das "Cuttermesser" am Linken unteren, roten Eck des ersten 'eingekästelten' Links an

und ziehst mit gedrückt gehaltener Maustaste nun bis kurz nach dem Text rechts unten .
Also bis kurz nach dem h in meinem Fall.

Das machst du nun mit all deinen 'Links',  bis es dann ungefähr so aussieht.

Jetzt nur noch unter Datei --> Für Web Speichern-> als HTML ... abspeichern.

Hier bitte auf die Einstellungen achten dass die Tags kleingeschrieben werden !
Um die Einstellungen zu ändern auf Optionen klicken und
unter der Registerkarte HTML einstellen.

So sieht die Html Seite aus :

-   klick   -

Um die Seite weiter zu bearbeiten bitte in einem Editor öffnen ^_^

Dieses Tutorial unterliegt dem Copyright von Alice-Grafixx.de und
darf ohne vorherige schriftliche Genehmigung nicht weitergegeben oder in irgendeiner Form veröffentlicht werden.