Twitter Updates

follow me on Twitter

Slicen mit Gimp · 21.02.2009 21:14

Hallo, einige haben mich gefragt wie ich mein Blogtemplate hinbekommen habe, weil ich es mit Gimp erstellt habe und nicht Photoshop und Imageready verwendet habe.

Erst einmal überlegt man sich wie das Template denn überhaupt aussehen soll, gut ist auch schon wenn man sich freie Stellen bei der Erstellung markiert (Pfade, Auswahl, Hilfslinien etc.)

Das markiere im Bild sind nur weiße Flächen die ich auf Ebenenmodus Überlagern gesetzt habe und die Sichtbarkeit auf 50% gestellt habe. Keine sorge am Ende des Eintrages ist die xcf Datei mit dabei zum gucken :). Die Schriftart für “Rikku” ist hier bei dafont.com zu finden.

Hat man seine Ebenen so weit das der ganze Spaß ein Layout ergibt heißt es erst mal abspeichern, falls man das noch nicht getan hat.

Nun kommt die eigentliche Slicearbeit, jetzt müssen Hilfslinien gesetzt werden Damit Gimp weiß wo es lang slicen soll. In der XCF von mir sind die schon gesetzt.

Nun am besten noch einmal speichern. Dann auf Bearbeiten>Sichbares kopieren und als neue Ebene einfügen.
Anschließend auf Filter>Web>Zerteilen. Dort dann alles wie gewünscht einstellen, ich rate das ganze erst mal als png Dateien slicen zu lassen, da gimp den jpg Dateien unheimlich schlechte Qualität gibt. Die png Dateien kann man später immer noch in jpg umwandeln mit höherer Qualität. Natürlich muss man dann seinen Quelltext anpassen.

Anschließend unbedingt die erstellte Datei, standardmäßig slice.html angucken und gegebenenfalls bearbeiten, da der dortige HTML code auf gut deutsch scheiße ist.
Wenn man nun ganz viel Langeweile hat macht man dort die tables zu div Containern, das hab ich gemacht.

tut-layout.7z

Live Demo
Live Demo 2

Tags: gimp, howto, layout, rikku, slicen, tutorial
Kategorie: blogging, gimp

— BloodyWing

Kommentare [1]

Wallpaper · 12.06.2008 22:34

Wallpaper: Work in progress
Volles Wallpaper (Achtung ca 3MB groß XD)

Preview (V1)

Wallpaper ist noch relativ unfertig, ich arbeite noch dran.

Material:

Bild rechts ist ein Planet den ich mit Gimp erstellt habe, da hat mein RAM ganz schön geschimpft ich musste nach jedem Prozess das Bild schließen und wieder neu öffnen damit der Ram wieder frei wurde.

Die 2 helleren Sterne sind bei Gimp der Filter Supernova, falls es jemand nach machen möchte.

Bisherige Arbeitszeit: ca 4 Stunden, das meiste ging bei dem Planet drauf.

Was ich noch vor habe:

Die Nebulas etc. muss ich noch mal machen XD, vor allem unten links sind die Sterne verpixelt, das stört mich wie Sau.

—————————-

V2
Habe jetzt noch einen etwas kleineren Planeten mit hinzugefügt.

Volles Wallpaper (3331.23 KB)

Preview:

V3
Inzwischen ist es so “weit”:

Weiß nicht so rech für welches ich mich entscheiden soll.

Geplant hab ich noch so eine Art Raumschiff, deswegen werde ich mich bestimmt für das obere von Beide entscheiden, wer noch Vorschläge hat immer her damit

(Bisherige Arbeitzeit ca 6 Stunden)

Tags: gimp, wallpaper
Kategorie: blogging, gimp

— BloodyWing

Kommentare [2]