blauen Farbton. Als nächster Schritt ist es wichtig, ein passendes Bild zu finden, das sich für das Design aus einem Foto eignet. Hierbei ist zu berücksichtigen, dass es erstens als Gesamtes im Header dargestellt wird und zweitens genug Bilddetails haben muss, weil diese in gröÃerer Ansicht auf der Startseite neben den drei rosafarbenen linkuntersetzten Farbflächen angezeigt werden. Mein Hauptbild (Quelle: Beata Wojciechowska @ Fotolia.de) platziere ich in das Dokument und verkleinere es auf die GröÃe, in der es später auch im Header angezeigt werden soll. Mit dem Platzieren wird das Bild auch als Smart-Objekt in das Dokument eingefügt. Es empfiehlt sich, diese Ebene einmal zu duplizieren und das Duplikat erst einmal auszublenden. Dieses wird später im Contentbereich benötigt. Nun kann ich zur optimalen farblichen Harmonie im Design den oberen -- rufe ich die Fülloptionen der Balkenebene über das Ebenenbedienfeld auf und wähle das Register Farbüberlagerung. Mit der Pipette picke ich mir nun das entsprechende Blau direkt aus dem Headermotiv. Mein blauer Balken nimmt diese Farbe auf. Das Bild mit der Ringschachtel hat einen grauen Hintergrund. Daher muss ich das Hauptmotiv erst freistellen, damit es sich optimal in den Header einfügt. Mit dem Schnellauswahlwerkzeug wähle ich den Innenbereich der Ringschachtel aus. -- In dem blauen Balken des Headers werde ich mit weiÃer Schrift in einer 15-Punkt-Georgia mit dem Text-Werkzeug (T) das Motto der Webseite setzen. Wichtig ist, dass ich bei der Schrift keine Glättungsmethode einstelle. Im Web wird sie später auch nicht abgerundet dargestellt. Ist mir dadurch die Schrift zu hart, kann ich sie abrunden, muss aber diese Elemente als PNG speichern und als Bild in die Website platzieren. Beim FlieÃtext ist eine Abrundung daher nicht möglich. Für den Footer sowie Navigation I und II werde ich eine Serifenschrift nehmen. In diesem Fall wieder die Georgia. Navigation I ist die Zeile -- minimalistische Navigation, die den Navigationskopf des Hauptaugenmerks des Layouts, der Navigation II, bilden wird. Die Navigation II sind die rosa Flächen. Diese führen später zu den Themeninhalten: Galerie â Video â Blog. Das sind die dynamischen Inhalte, die stetig ergänzt und erweitert werden. Bevor ich Navigation II einfüge, muss ich noch den Contentbereich gestalten. 3. Content Für den Contentbereich ziehe ich mir mit Hilfslinien die Felder auf, in denen ich meine rosafarbenen Flächen und Bildausschnitte platzieren -- Auswahl als Ebenenmaske zur Bildebene gesetzt. Die Auswahl begrenzt den anzuzeigenden Bereich, welcher genau mein zuvor festgelegtes Feld war. Ich löse anschlieÃend das Verbindungsglied zwischen Ebenen und Ebenenmaske im Ebenenbedienfeld und kann jetzt mit dem Verschiebenwerkzeug den Ebeneninhalt verschieben, ohne dass sich die Ebenenmaske ebenso verschiebt. Ich fokussiere ein prägnantes Bilddetail, welches in diesem Feld abgebildet werden soll. So fahre ich fort mit den anderen mit Hilfslinien angelegten Feldern: Ich erstelle ein weiteres Duplikat meiner Ringschachtelebene, ziehe eine Auswahl auf und füge eine Ebenenmaske hinzu, welche die Auswahl widerspiegelt. Ich löse das Verbindungsglied zwischen Ebene und