USA-Flagge (1)

Dies ist ein zweiteiliges Tutorial: In Teil 1 machen wir eine Flagge der USA mit all den Sternen und Streifen, als ob sie irgendwo flach aufliegen würde. In Teil 2 lassen wir sie in einer leichten Brise wehen, schattieren ein bißchen und ziehen sie auf eine Fahnenstange auf.

Ich habe herausgefunden, daß die Arbeit mit PSP und einem Tutorial am einfachsten ist, wenn man beide Fenster maximiert und dann Alt+Tab drückt, um zwischen den Fenstern zu wechseln. Dann ist es nur ein Tastendruck von einem Fenster zum anderen, und in PSP passiert nichts, wenn man zum Tutorial wechselt.

Im Tutorial könnt ihr so rollen, daß der Schritt, an dem ihr gerade arbeitet, immer am oberen Bildrand ist. Das meiste in diesem Tutorial wird mit der Maus gemacht, so daß die linke Hand immer frei ist, um Alt+Tab für den Fensterwechsel zu drücken. Probiert es mal aus!

Für dieses Tutorial werden keine Downloads benötigt.

Da das Endergebnis dieses Tutorials eine GIF-Datei werden soll, wollen wir die Anzahl der Farben möglichst klein halten. Daher werden wir kein Antialiasing verwenden. Wann immer ihr also in diesem Tutorial die Wahl habt, Antialiasing zu verwenden, deaktiviert es.

Schritt 1: Grundeinstellungen

• Vordergrundstil = Einfarbig, Farbe = Weiß
• Hintergrundstil = Einfarbig, Farbe = Blau (Rot = 0, Grün = 0, Blau = 255)
• Vorder- und Hintergrundtextur = Keine Textur
• Option "Standard" = aktiviert

Schritt 2: Neues Bild

Schritt 3: Das Raster

• Lineale einschalten: Ansicht || Lineale
• Raster einschalten: Ansicht || Raster
• Ansicht || Raster-/Hilfslinie-Einstellungen ändern:
• Raster: Einheit = Pixel
• Raster: Horizontaler Abstand = 72
• Raster: Vertikaler Abstand = 33
• Raster: Linienfarbe = Schwarz
• Ausrichtung: Unten links = aktiviert
• Ausrichtung: Ausrichtungs-Toleranz = 15 (Wenn man mehr als 15 von der Rasterlinie abweicht, richtet es sich nicht mehr an der Linie aus.)
• Ausrichtung: Ausrichten am Raster = aktiviert

Schritt 4: Neue Ebene

Schritt 5: Die weißen Streifen

Denkt daran, daß ihr Optionen deaktiviert lassen sollt, wenn ich nicht extra sage, daß sie aktiviert werden sollen.

Vergrößert euer Bildfenster ein bißchen, indem ihr mit der Maus die rechte untere Fensterecke ca. 20 Pixel nach unten rechts zieht. Das Bild stößt jetzt nicht mehr direkt an den Fensterrand, sondern ist von einem grauen Rautenfeld auf weißem Grund umgeben.

Haltet die Umschalt-Taste gedrückt und zeichnet sechs weiße Linien entlang der Rasterlinien.

Klickt auf das Werkzeug "Verschieben", geht mit der Maus zu einer der weißen Linien und schiebt sie ein wenig nach oben, bis der untere Rand der weißen Linie auf der Rasterlinie liegt.

Raster abschalten: Ansicht || Raster

Ihr solltet jetzt sieben rote und sechs weiße Streifen ungefähr gleicher Breite in eurem Bild sehen.

Schritt 6: Eine neue Ebene für die Sterne

Klickt auf den Button "Neue Ebene" oben links in der Ebenen-Palette.

Klickt auf das Werkzeug "Farbfüllung":
– Anpassungsmodus = Normal
– Auswahlmodus = Kein
– Toleranz = ausgeblendet
– Deckfähigkeit = 100

Macht einen Rechtsklick in euer Bild, um die Ebene mit Blau zu füllen.

Ihr solltet jetzt nur ein blaues Bild sehen.

Schritt 7: Nochmal Raster

• Ansicht || Raster
• Ansicht || Raster-/Hilfslinien-Einstellungen ändern:
• Raster: Horizontaler Abstand = 14
• Raster: Vertikaler Abstand = 12
• Raster: Linienfarbe = Schwarz
• Ausrichtung: Unten links = aktiviert
• Ausrichtung: Ausrichtungs-Toleranz = 8 Pixel
• Ausrichtung: Ausrichten am Raster = aktiviert

Ihr solltet kleine, fast quadratische Kästchen über das ganze Bild sehen. Uns interessieren nur die Kreuzungspunkte der Rasterlinien.

Schritt 8: Standardpinsel einstellen

Klickt in das Auswahlfeld und sucht den fünfzackigen Stern. Bei mir ist es die Form Nr. 1. Klickt auf OK, und stellt auf der ersten Karteikarte ein:
– Größe = 14
– Deckfähigkeit = 100
– Schrittzahl = 25

Schritt 9: Die Sterne

Zoomt auf eine Vergrößerung von 3:1 und plaziert euer Bild so im Arbeitsbereich, daß ihr die Ecke oben links gut seht.

Klickt jetzt mit dem Standardpinsel auf jeden zweiten Kreuzungspunkt, um einen Stern zu setzen. Ihr wißt, wie es aussehen muß, ich muß es nicht näher erklären.

Ihr solltet dann in der ersten Reihe sechs Sterne haben, in der zweiten Reihe fünf Sterne, insgesamt neun Reihen mit 50 Sternen.

Schritt 10: Das überflüssige Blau entfernen

Beginnt bei dem Kreuzungspunkt (168,120) und zieht ein Rechteck zur oberen linken Ecke.

Auswahl || Umkehren

Drückt die Entf-Taste, um den Rest der (blauen) Ebene zu löschen.

Hebt die Auswahl auf mit einem Rechtsklick oder Auswahl || Keine Auswahl

Schaltet das Raster aus: Ansicht || Raster

Ihr solltet jetzt das Feld mit den Sternen und den Rest der Flagge sehen, aber die Sterne sind noch nicht richtig ausgerichtet.

Schritt 11: Ausrichtung des Sternen-Feldes

Geht mit der Maus auf den mittleren Knoten der unteren Rahmenseite und schiebt ihn nach oben, bis das blaue Feld am oberen Rand der weißen Linie endet.

Geht mit der Maus auf den mittleren Knoten der rechten Rahmenseite und schiebt ihn nach links bis zu 165 am oberen Lineal.

Dann klickt auf den Button "Deformation übernehmen" in der Stil-Palette.

Geht zu Ansicht || Normalansicht.

Schritt 12: Speichern als GIF-Datei

Geht zu Datei || Export || GIF-Optimierung:
Karteikarte Transparenz:
– Keine Transparenz verwenden = aktiviert
Karteikarte Farben:
– Wie viele Farben möchten Sie verwenden = 16
– Standard / Web-sicher = aktiviert
Klickt auf OK und speichert die Flagge im gewünschten Ordner.

Ihr habt eure Flagge fertiggestellt.