Hey!
Ich hab mir gedacht ich mache mal einen ganzen Tut zum Erstellen eines ganz einfach gestrickten Layouts ohne Besonderheiten.
Zuerst sollte man sich ein Thema aussuchen, das in dem Layout vorkommen soll.
Wir nehmen hier mal als Beispiel „Western“.
Danach überlegt man sich wie man dieses Thema umsetzten will. Dazu gehört die Bild- und Farbauswahl.
Ich möchte diese Grafik einbauen: Klick
Dazu eher braune Farbtöne. Grundsätzlich gilt: Weniger ist mehr. Zu grelle Farben und zu große Kontraste wirken zu künstlich und schrecken eher ab als das sie anregen sich mit einem Layout zu beschäftigen.
Also fangen wir jetzt mit dem eigentlichen Layout gestallten an:
1. Datei > Neu:
Hier erscheint ein Fenster. Man gibt die gewünschten Maße für das Layout ein.
Hier: 700x500 Pixel
Hierbei stehen die 700 für die Breite und die 500 für die Höhe des Layouts.
Unter „Erweiterte Einstellungen“ sollte man bei „Füllung“ „Hintergrundfarbe“ stehen haben.
- Spoiler:
2.Füllen:
Hat man den Werkzeugkasten aufgerufen (Strg + B), kann man unter „Vorder- und Hintergrundfarbe“ mit Doppelklick die Farbe wählen. Wir nehmen hier eine braune Farbe.
- Spoiler:
Nun wählt man „Füllen“ aus.
(Kleiner Tipp: Fährt man mit der Maus über die verschiedenen Werkzeuge, wird die Bezeichnung angezeigt)
Klickt man nun in das Layout wird die vorher ausgewählte Farbe automatisch übertragen.
- Spoiler:
3. Bild einfügen
Nun wird die oben gezeigte Grafik eingefügt.
Datei > Als Ebene öffnen > an dieser Stelle sucht ihr das Bild aus euren Ordnern raus und bestätigt mit „Öffnen“
Jetzt seht ihr das Bild auf eurem Hintergrund.
- Spoiler:
4. Die Größe ändern (Skalieren)
Da das Bild ja noch sehr groß ist sollten wir es verkleinern.
Mit dem Werkzeug „Skalieren“ kann man die Größe eines Bildes ändern. Man klickt hierzu mit dem Werkzeug auf das Bild. Es öffnet sich erneut ein Fenster.
In diesem Fenster könnt ihr die gewünschte Breite und Höhe des Bildes eintragen.
- Spoiler:
Ich habe hier die Breite 161 und Höhe 242 genommen. Man bestätigt jetzt mit „Skalieren“.
Eine andere Möglichkeit ist es das Bild einfach am unteren rechten Rand zu fassen und es so hin und her zuziehen wie man es haben möchte.
5. Bild verschieben
Da das Bild jetzt noch nicht an der richtigen Stelle steht, wollen wir es noch verschieben. Die kann man mit dem Werkzeug „Verschieben“ tun.
Wieder das Werkzeug im Kasten anklicken. Nun klickt man auf das Bild und hält aber die Maus gedrückt. Jetzt kann man das Bild an die richtige Stelle schieben.
6. Schriftzug
Wir wählen einfach im Werkzeugkasten das Werkzeug „Text“ aus.
Im Dialogfeld sollte jetzt die Seite „Werkzeugeinstellungen“ zu sehen sein, in der man nun Schriftart, Schriftgröße, Farbe und Sonstiges auswählen kann.
Nun geht man mit dem Cursor auf das Layout und zieht mit gedrückter Maustaste einen Kasten. Ungefähr in der Größe wie später hier die Überschrift „Willkommen“ sein soll.
- Spoiler:
Es öffnet sich ein neues Fenster („Texteditor“). Hier wird der Text eingeben.
An dieser Stelle kann man nun den oben genannten Kasten auf die gewünschte Größe ziehen, an die richtige Stelle rücken oder Schriftgröße und anderes noch einmal verändern und anpassen. Erst jetzt sollte man den „Texteditor“ schließen.
- Spoiler:
7. Feld für Scrollboxen erstellen
Hierfür wählen wir das Werkzeug „Rechteckige Auswahl“, (im Dialogfeld kann man nun wieder die Einstellungen auswählen) gehen auf das Layout und ziehen mit gedrückter Maustaste einen Kasten.
Hier gibt es jetzt mehrere Möglichkeiten die Scrollbox zu gestallten.
7.1. Farben der Scrollbox ändern
Um die Farbe der Scrollbox etwas aufzuhellen drückt man mit der rechten Maustaste in den Kasten und wählt „Farben“ > „Farbton und Sättigung“ aus.
- Spoiler:
Wieder öffnet sich ein Fenster. Hier kann man nun mit den Reglern „Farbton“, „Helligkeit“ und „Sättigung“ die Scrollbox beliebig gestallten.
- Spoiler:
7.2.Scrollbox umranden
Hierzu geht man in die Menüleiste. „Auswahl“ > „Rand“.
- Spoiler:
Es öffnet sich ein Fenster in dem man die dicke des Randes einstellen kann. Ich nehme die Größe 2. Bestätigen!
- Spoiler:
Nun müsste euer Bild so aussehen:
- Spoiler:
Ihr wählt nun im Werkzeugkasten den „Pinsel“ aus. Im Dialogfeld „Werkzeugeinstellungen“ kann man wieder die gewünschten Einstellungen eingeben.
Danach malt ihr einfach mit gedrückter Maustaste in der Auswahl rum. Etwa so:
- Spoiler:
Seit ihr zufrieden mit dem Rand, müsst ihr in der Menüleiste wieder unter „Auswahl“ > „Nichts auswählen“ anklicken.
8. Verschönerungen durch Brushes
Zuerst: Brushes sind einfach andere Pinsel-“Bilder“ als die schwarzen schon vorinstallierten Kreise. Neue Brushes bekommt man hier : DeviantART.com
Nun wählt ihr wieder im Werkzeugkasten den „Pinsel“ aus und sucht euch einen schönen Brush im Dialogfeld „Werkzeugeinstellungen“ aus.
- Spoiler:
Diesen könnt ihr nun an eine beliebige Stelle setzten. Ich habe ein paar Blumen zur Verschönerung genommen:
- Spoiler:
9. Das Copyright
Das Copyright ist sehr wichtig bei jeder Grafik die ihr erstellt.
Es muss die Quellen der genutzten Bilder und euren Namen enthalten.
Hierzu kann man ganz einfach einen Text einsetzen. Funktioniert wie bei der Überschrift.
Man sollte das Copyright nicht zu klein und nicht zu groß machen. Das Maß ist jedoch jeden selbst überlassen, sowie die Gestalltung. So sieht es bei mir aus:
- Spoiler:
10. Die Ebenen zusammenfügen
Geht man nun im Dialogfeld auf „Ebenen“ sieht man, dass noch viele verschiedene Ebenen einzeln stehen.
- Spoiler:
Um die Ebenen zu einem ganzen Bild zusammenzufügen klickt man mit der rechten Maustaste auf die oberste Ebene (hier „Textebene-Willkommen“) und wählt „Nach unten vereinen“ aus.
So verfahrt ihr mit allen Ebenen bis nur noch eine übrig ist. Das Bild ist nun ein Ganzes.
11. Das Abspeichern
In der Menüleiste wählt man „Datei“ > „Speichern unter“. Es öffnet sich das „Bild speichern“-Fenster. Hier kann man den Speicherort (also den Ordner) wählen und den Dateityp.
Der Dateityp bestimmt in welcher Qualität euer Bild später angezeigt wird. Die beste Qualität für Layouts ist das PNG-Bild. Habt ihr alles, bestätigt mit „Speichern“.
- Spoiler:
Sollten sich noch weitere Fenster öffnen, auch diese immer bestätigen.
Und so sieht dann das fertige Layout aus:
- Spoiler:
Natürlich gibt es noch viele andere Funktionen mit denen man ein schönes Layout gestallten kann. Hier sind nur die Einfachsten aufgeführt.
Hoffe es ist gut erklärt.
Fragen??? Immer her damit.
TmK Freja