Start

 


Die grafischen Vorbereitungen

 


Die Umsetzung in NOF

BlumeGr Einleitung Grafikarbeit & Ziel
BlumeGr Erstellung des Grundlayouts
BlumeGr Spiegeleffekt der Bannergrafik
BlumeGr Gestaltung & Fertigstellung des Layouts
BlumeGr Zuschneiden des Layouts für NOF
BlumeGr Erstellung der Navigationsschaltflächen
BlumeGr Fotos rahmen, drehen und überlappen
BlumeGr Erstellung der Hintergrundgrafik

 

BlumeOr Anlegen eines neuen Projektes und erste Schritte
BlumeOr Grundlegende Einstellungen in der Design-Ansicht
BlumeOr Aufbau eines Tabellen-Layouts
BlumeOr Anlegen von Seitenstruktur & Navigation
BlumeOr Zweitnavigation & Top-Link ohne Anker
BlumeOr Vervielfältigen der linken Naviationsleiste
BlumeOr Inhalte einfügen und formatieren

 

 

 

 

Der Spiegeleffekt in der Bannergrafik

 

Bevor wir beginnen unser Grundlayout auszuschmücken, braucht es wieder ein wenig Vorarbeit. Los geht’s!
Wir erstellen ein neues leeres Bild in der Größe 700 x 400px und füllen dies mit dem Eimer schwarz.

0S

 

In das schwarze Bild fügen wir unser Blumenbild ein. Wenn ihr parallel zum Tutorial versucht, dies nachzubauen, könnt Ihr Euch das Bild hier mit einem Rechtsklick speichern, um damit weiterzuarbeiten.
An dieser Stelle möchte ich kurz anmerken, dass ich die Bilder gern zur Verfügung stelle, jedoch nicht für gewerbliche Zwecke. Ich meine damit den direkten oder indirekten Verkauf z.B. durch Verwendung in Projekten unserer Webdesigner.


Blumen


Nachdem Ihr das  Bild einfügt habt, wird dieses dupliziert,  indem Ihr mit einem Rechtsklick auf das Bild die Auswahl „Duplizieren” vornehmt.

1S

 

Das Duplikat wird einmal vertikal gespiegelt. Wie das geht, seht Ihr im folgenden Screenshot.

2S

 

Das gespiegelte Duplikat bewegt ihr mit der Pfeiltaste Eurer Tastatur so lange nach unten, bis die Blumenreihen direkt untereinander liegen.
Das Duplikat bleibt markiert und Ihr wählt über das obere Menü die Funktion „Ausblenden” an.


3S

 

Die Einstellungen für das Ausblenden seht Ihr im unteren Screenshot. Nach Bestätigen mit dem OK-Button ist das Bild einmal ausgeblendet. Das reicht jedoch noch nicht aus, um den gewünschten Effekt zu erzielen. Also wiederholt Ihr den Vorgang des Ausblendens noch zirka vier bis fünf Mal.

4S

 

Die beiden Grafiken bindet Ihr über das Kontextmenü ein.

5S

 

Zum guten Schluss nutzt Ihr nochmals das Standard-Auswahlwerkzeug, markiert damit einen angemessenen Ausschnitt und schneidet das Bild mit einem Klick auf das Zuschneide-Werkzeug zu.

6S

Als nächstes beginnen wir mit dem Ausschmücken unseres Layouts . Hier geht es weiter.
 

 

Solltet Ihr irgendwelche Fragen haben, dann könnt Ihr diese gern hier loswerden.
Viele nützliche Antworten auf bereits häufig gestellte Fragen, findet Ihr hier.
 

 


Die grafischen Vorbereitungen

 


Die Umsetzung in NOF

BlumeGr Einleitung Grafikarbeit & Ziel
BlumeGr Erstellung des Grundlayouts
BlumeGr Spiegeleffekt der Bannergrafik
BlumeGr Gestaltung & Fertigstellung des Layouts
BlumeGr Zuschneiden des Layouts für NOF
BlumeGr Erstellung der Navigationsschaltflächen
BlumeGr Fotos rahmen, drehen und überlappen
BlumeGr Erstellung der Hintergrundgrafik

 

BlumeOr Anlegen eines neuen Projektes und erste Schritte
BlumeOr Grundlegende Einstellungen in der Design-Ansicht
BlumeOr Aufbau eines Tabellen-Layouts
BlumeOr Anlegen von Seitenstruktur & Navigation
BlumeOr Zweitnavigation & Top-Link ohne Anker
BlumeOr Vervielfältigen der linken Naviationsleiste
BlumeOr Inhalte einfügen und formatieren