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

 

 

 

 

Ein umfangreiches Tutorial zum Thema: „Ein eigenes/individuelles Design in NetObjects Fusion”.


Das Tutorial untergliedert sich in die Hauptbereiche grafische Vorbereitungen und Umsetzung in NetObjects Fusion.
Jeder der Hauptbereiche ist in verschiedene Teilabschnitte unterteilt. Die Inhalte der jeweiligen Abschnitte entnehmt Ihr bitte der Auflistung, welche gleichzeitig als Seitennavigation dient.

In über 220 Screenshots habe ich fast jeden meiner Arbeitsschritte festgehalten und entsprechend kommentiert.
Die grafischen Vorbereitungen habe ich mit PhotoImpact vorgenommen, für die Umsetzung in NOF habe ich die Version 9 genutzt, damit auch User mit der älteren Versionen eine Vorlage erhalten können.

Womit wir auch schon beim Thema „Vorlage” wären. Für diejenigen unter euch, die nicht nur mitbasteln wollen, sondern auch eine Vorlage einsehen möchten, stelle ich folgenden Vorlagen nach Versionen gestaffelt zum Download zur Verfügung.
 

 


Projekt Vorlage- NOF9   - Eigenes Design in NOF    ZIP/840KB

Projekt Vorlage- NOF10 - Eigenes Design in NOF    ZIP/700KB

Projekt Vorlage- NOF11 - Eigenes Design in NOF    ZIP/852KB

Wie öffne ich die Vorlage richtig und verlustfrei?


 

Die Seiten sind zwar nicht extrem groß, aber ich habe bei den Screenshots sehr großen Wert auf Qualität gelegt und somit kann der Seitenaufbau je nach Verbindung schonmal recht zähflüssig laufen.
Für diejenigen unter euch, die noch mit langsamer DSL-Leitung oder gar ISDN unterwegs sind, stelle ich hier für jeden der Abschnitte eine PDF-Datei zum Download bereit. So kann man auch mal downloaden und offline üben.
 

 

Grafik Teil 1 - Einleitung Grafikarbeit & Ziel
Grafik Teil 2 - Erstellung des Grundlayouts  
Grafik Teil 3 - Spiegeleffekt der Bannergrafik
Grafik Teil 4 - Gestaltung & Fertigstellung des Layouts
Grafik Teil 5 - Zuschneiden des Layouts für NOF
Grafik Teil 6 - Erstellung der Navigationsschaltflächen
Grafik Teil 7 - Fotos rahmen, drehen und überlappen
Grafik Teil 8 - Erstellung der Hintergrundgrafik


NOF Teil 1 - Anlegen eines neuen Projektes und erste Schritte
NOF Teil 2 - Grundlegende Einstellungen in der Design-Ansicht
NOF Teil 3 - Aufbau eines Tabellen - Layouts
NOF Teil 4 - Anlegen von Seitenstruktur & Navigation
NOF Teil 5 - Zweitnavigation & Top-Link ohne Anker
NOF Teil 6 - Vervielfältigen der linken Naviationsleiste
NOF Teil 7 - Inhalte einfügen und formatieren

PDF
PDF
PDF
PDF
PDF
PDF
PDF
PDF


PDF
PDF
PDF
PDF
PDF
PDF
PDF

112 KB
1,31 MB
836 KB
1,21 MB
371 KB
517 KB
1,73 MB
480 KB


1,18 MB
693 KB
1,86 MB
1,85 MB
2,08 MB
497 KB
1,96 MB

 

clearpixel 

 

 

 

Für Alle mit schnellem Internet-Zugang, die trotzdem downloaden wollen, hier noch einmal alle PDF-Dateien zusammengefasst.

 

 

 

 

Grafik & NOF - 15 Teile im PDF-Format

ZIP

13,7 MB

 

clearpixel 

 

 

 

 


>>  NOF-Academy - Anleitungen, Tutorials, Templates, Vorlagen, Workshops, Online-Support & Hotline für NetObjects Fusion  <<