3D Web-Sites erstellen

August 5

Websites, die 3D sind sind eine grafische Illusion produziert in der Grafik-Design-Phase bei der Webentwicklung. Während weitere Optionen werden durch die Verwendung von cascading Stylesheets (CSS), dieser erweiterten Funktionen sind nicht in allen Web-Browsern sichtbar, Grafiken sind daher immer noch die gängigste Methode, 3D Websites zu produzieren. Wenn Sie 3D Webseiten erstellen möchten, versuchen Sie implementieren diese Anweisungen in der Grafik-Design-Phase, bevor Sie den Code für Ihre Website erstellen. Sie haben ein festes Verständnis von cascading Stylesheets und Webentwicklung diese Grafiken zu Ihrer Website hinzufügen, nachdem Sie diese Anweisungen befolgen.

Anweisungen

Anweisungen

1 Öffnen Sie Photoshop. Klicken Sie auf "Datei" gefolgt von "Neu." Erstellen Sie eine neue Leinwand, die 960 Pixel in Breite 600 Pixel in der Höhe und 180 Pixel pro Zoll. Klicken Sie auf "OK".

2 Klicken Sie in der Tool-Box das Rechteck-Werkzeug. Klicken Sie auf der Leinwand, und ziehen Sie mit der Maus ein Rechteck erstellen. Diese fungieren als die Header-Hintergrund-Bild für die Website.

Um die Farbe des Rechtecks ändern, doppelklicken Sie auf die Ebenenminiatur im Ebenenbedienfeld in der rechten unteren Ecke. Wählen Sie eine neue Farbe.

3 Erstellen Sie einen 3D-Effekt für die Rechteck-Ebene. Rechter Mausklick auf die Rechteck-Ebene im Ebenenbedienfeld. Wählen Sie "Fülloptionen." Kontrollkästchen "Schlagschatten". Klicken Sie auf "OK". Ihre Box wird nun angezeigt, über die Hintergründe zu schweben.

Sie können anpassen den Schlagschatteneffekt oder fügen Sie zusätzliche 3D Effekte unter "Blending Options."

4 Erstellen Sie einen 3D Titel oben auf der Box. Dies wird als Titel Ihrer 3D Website handeln. Klicken Sie auf das Text-Werkzeug in der Werkzeugpalette. Klicken Sie die Maus auf das Header-Feld und ziehen Sie die Maus, um ein Textfeld zu erstellen. Geben Sie einen Titel für Ihre 3D Website.

5 Rechten Maustaste den 3D Titel im Ebenenbedienfeld. Wählen Sie "Fülloptionen." Wählen Sie "Schlagschatten" und klicken Sie auf "OK". Ihr Titel sollte angezeigt, über das Header-Feld zu schweben.

6 Wiederholen Sie Schritte 2 und 3 für jede weitere Bereiche, die Sie erstellen möchten, einschließlich Navigation, Fußzeile oder Körper-Inhalt-Boxen. Wenn Sie 3D Schriftzug in diesen Abschnitten einschließen möchten, auch wiederholen Sie Schritte 4 und 5 über diese neuen Boxen.

7 Klicken Sie im oberen Menü auf "Layer". Wählen Sie "Bild glätten." Ihre 3D Website-Layout wird eine flache Grafik, geeignet für Web-Design werden.

8 Mit dem Zuschneidewerkzeug die Header-Grafik wählen Sie aus, indem Sie die linke Maustaste gedrückt und ziehen das Feld, bis es die gesamte Grafik umfasst. Drücken Sie "Enter" auf der Tastatur, um das Bild zuzuschneiden. Klicken Sie auf "Datei" und "Für Web speichern". Wählen Sie JPG aus, und klicken Sie auf "OK".

Dies wird eine separate JPG-Datei für die Kopfzeile erstellen. Wiederholen Sie diesen Schritt für jede zusätzliche 3D Grafik, die Sie erstellt.

9 Sie haben erfolgreich die 3D-Grafik für Ihre 3D Website verwenden erstellt. Verwenden Sie diese Grafiken in der Entwicklungsphase, um Ihre Website 3-dimensionale erscheinen.