Tutorial:Slicen
Es ist schon eine Ewigkeit her, das ich euch ein Tutorial geliefert habe. Nun habe ich da mal was praktisches für euch. Und zwar bin ich schon bereits von einigen gefragt worden wie man mit The Gimp ein Design sliced. Und nun möchte ich euch dies einmal erklären.
Tutorial
Zum ersten müssen wir vor ab eines sicherstellen. Wenn ihr euer Design in The Gimp geöffnet habt, klickt oben einmal auf Ansicht und schaut, ob der Haken bei „magnetischer Hilfslinie“ gesetzt ist. Wenn nicht, holt dieses nach.Nun bereiten wir das slicen vor, in dem wir Hilfslinien zum Rastern des Designs verwenden. Um Hilfslinien zu erstellen, klickt auf das Lineal oben oder links und haltet die linke Maustaste gedrückt. Nun zieht ihr eure Hilfslinie an die Stelle, an dem ihr eure Schnitte ansetzen wollt. Nun sollte das Ergebnis so aussehen:
Nun wählt ihr das Zuschneiden-Werkzeug (Crop-Tool) aus der linken Werkzeugleiste und markiert damit das erste Objekt (Bild), das ihr in euer Design einsetzen wollt.
Bestätigt nun eure Auswahl mit der Eingabetaste und der Ausgewählte Ausschnitt öffnet sich in einem neuen Dokument:
Klickt nun oben auf Datei und dann auf Speichern unter.... Wählt den Ordner eurer Bilddateien für das Design aus und gebt der Datei einen eindeutigen Namen und speichert es in eurem gewünschten Format ab. Im nächsten Bild seht ihr das Speichern eines JPEG's:
Nun könnt ihr das Fenster oben rechts mit dem Kreuz schließen. Jetzt seht ihr wieder euer Design. Nun macht ihr das gleiche mit jedem weiteren Ausschnitt, bis ihr alle Dateien zusammen habt.
Kleiner Tipp: Wenn ihr eine aufwendige Navigation habt, solltet ihr zuerst alle groben Elemente slicen, euer Design neu laden und dann die Navigation slicen. Denn wenn die Hilfslinien zu nah bei einander liegen, dann kann das ganze sehr frickelig werden bzw. unübersichtlich werden.
Nachwort
Dies ist nach langer Verzögerung endlich das erste Praxis-Tutorial. Es werden auf jedenfall weitere folgen. Man darf gespannt sein. An dieser Stelle möchte ich einmal Dreamcodes für den Designservice danken. Das auf den Screenshots zu sehende Template gibt es unter http://www.dreamcodes.de .
| Tutorial:GIMP_Brushes« | Tutorial:Slicen | » |
