Geschrieben von Sidney am 11.11.2006 um 01:53:
7-x ordentliches iFrame-Layout
[PSP 7-x] ordentliches iFrame-Layout
Naja ich habe zwar das Layout von Blue Orange gefunden, aber mir ist aufgefallen, dass ihre Bilder nicht mehr funktionieren und es doch noch ein paar Leute gibt, die Fragen haben.
Nunja, ich gehe davon aus, dass ihr die Grundkenntnisse beherrscht [z.B. ebenenpalette [Layerpalett], Ebeneneigenschafen wie Screen, Multiply, etc. Brushes, texturen undsoweiter und sofort.]. Sollte dies nicht der Fall sein, so findet ihr hier im Tutorialbereich oder auf www.littleworld.de.ms sowie auf diversen Grafikseiten bestimmt Hilfe.
Außerdem muss ich euch vorwarnen, dass ich psp8 nur in englisch besitze und somit nicht für eine korrekte Übersetzung garantieren kann.
Schritt 1:
Öffnet ein neues Bild. Ich nehme meist die Größe 962x592 und transparent. Somit habe ich eine ideale Größe um noch etwas Spielraum zu haben und keine Scrollbalken oder abgeschnittene Layouts zu haben. Allerdings ist dieses Layout auf eine Ansicht von 1024x768 optimiert.
Schritt 2:
Nun füllt ihr euer Bild in einer Farbe. Überlegt euch vorher welches Thema ihr habt oder ob das Layout später zur Jahreszeit passen soll [Winter: blau,grautöne, helles blau, Herbst: beige, helles braun, orange, helles rot, Sommer: gelb, helles grün, Frühling: rosa, helles blau, violet]. Ich möchte ein dunkles Layout haben, also wähle ich schwarz.
Schritt 3:
Nun sucht ihr euch ein Bild aus, das ihr in euer Layout einbinden wollt. Ich habe mich für ein Bild von einem Goth entschieden, das ich links unten platzieren will.
Hierzu öffnet ihr euer Bild, macht strg+c [damit kopiert ihr es] und geht auf euer Hauptbild [das, was wir in Schritt zwei gefärbt haben]. Fügt euer neues Bild nun mit strg+l als neue Ebene ein. Das Bild erscheint mittig. Da mein Bild schon einen schwarzen Hintergrund hat, muss ich es nicht mehr bearbeiten. Aber hier an dieser Stelle könnt ich z.B. noch etwas mit dem Lasso wegschneiden oder einen Rand oder so drumherum einfügen.
Schritt 4:
verschiebt nun euer Bild mit dem Movetool
an seinen Platz. Wie bereits erwähnt, wähle ich links unten.Schritt 5:
nun erstellt ihr eine neue Ebene [Ebene -> neue rasterebene; oder rechts in der Ebenenpalette]. Ihr könnt jetzt Brushes einfügen. An eurer Stelle würde ich für einen Brush eine Ebene nehmen. Dies fügt nachher bei vielen Brushes zwar zu einem wahren Ebenenturm, aber somit habt ihr die Möglichkeit diesen einen brush oder diese eine Brushgruppe [z.B. alle Grungebrushes auf eine Ebene] mit der Deckfähigkeit oder den Ebeneneingenschaften zu individuell zu bearbeiten, ohne gleich alle auf einmal zu verändern.
Ich verzichte in diesem Schritt auf Brushes, da ich noch nicht weiß, ob ich überhaupt welche brauche.
Schritt 6:
Ihr könnt nun eine weitere Ebene erstellen und z.B. eine Textur darüber legen. Ich entscheide mich auch hier dagegen.
Schritt 7:
In diesem Schritt erstellt ihr abermals eine neue Ebene. Ich möchte mein Layout mit zwei Frames versehen. Hierzu nehme ich das Auswahlwerkzeug und markiere zuerst die Stelle, die das Menüframe werden soll. Das Menü setze ich über mein bild. Da ich das Menü in einer Farbe halten will, die auch schon in dem Bild vorkommt, nehme ich nun die Pipette
und wähle eine Farbe aus. Ich nehme ein dunkles Rot. Dann nehme ich das Füllwerkzeug 
und fülle die Auswahl. Da ich aber nicht den ganzen Frame in diesem rot haben möchte, verkleinere ich die Auswahl per Auswahl -> Ändern -> Verkleinern um 1 Pixel. Den selben Schritt, aber auf der selben Ebene, wiederhole ich nun für den MainFrame. Meine Frames sehen nun so aus.
Schritt 8:
da ich die Frames noch sehr leer finde, möchte ich sie mit Patterns füllen. hierfür markiere ich beide frames mit dem Zauberstab
indem ich in das erste Frame klicke, shift drücke [und halte] und in das zweite Frame klicke. Nun erstelle ich [Auswahl halten!] eine neue Ebene. Mit dem Fülltool fülle ich nun ein Muster in die Frames. Ihr könnt nun die Auswahl aufheben und per Ebeneneigenschaften und Deckfähigkeit die Patterns noch verändern.Da ich mich bei meinem Layout für einen helleren Rotton als den Framerand entschieden habe und es nun etwas grell aussieht, habe ich die Deckfähigkeit auf 42 gesetzt. Mein Layout sieht bisher so aus
Schritt 9:
nun könnt ihr euren Text schreiben. Sucht euch hierfür eine Schriftart aus, die auch zum Layout passt. Ich arbeite mit zwei Schriftarten. Zum einen mit Cocaine Sans [um diese verschnörkelten Symbole hinzubekommen] und dann mit Chic decay um eine Schrift passend zu den Symbolen zu haben. Dann verschönere ich noch insgesamt zwei Ecken des Frames mit einem Kreuz aus der Schrift Christian Crosses II.
Schitt 10:
wenn ihr wollt könnt ihr euer Layout noch mal mit Brushes oder sonstigem verzieren... ansonsten seid ihr jetzt fertig.
So sieht mein Ergebnis aus, nachdem ich noch etwas Text, tinytextbrushes, grungebrushes, etc. hinzugefügt habe.
EDIT: Bilder wieder neu eingefügt!
An die Moderatoren: Wenn ihr schon meint, ihr müsst MEINE Grafiken aus MEINEN Tutorials auf den Webspace von einem von EUCH packen, dann fragt a) um Erlaubnis und achtet b) darauf, dass sie auch weiterhin online sind.
Sollte aus irgendeinem Grund mal die Problematik vorliegen, dass meine Grafiken nicht mehr online sind, dann schreibt mir eine simple eMail und ich setz sie wieder online!
