Obwohl es mehrere Schritte und eine grundlegende Vertrautheit mit Photoshop -Tools beinhaltet , die Schaffung einer Homepage in Photoshop getan werden kann , vorausgesetzt, Sie haben eine gewisse Vertrautheit mit Interface-Design . Photoshop ist nützlich für die Erstellung von Grafiken -heavy Webseiten , in der Regel auf einer Homepage verwendet wird, oder was als Bild Karte bekannt. Eine Image-Map ist eine Reihe von Bildern, die auf Links, die als Tasten funktionieren erstellt werden können . Der Vorteil der Verwendung eines Bildes in Photoshop Karte ausgelegt ist , dass Ihre Homepage aussehen wird viel attraktiver als Grafik anstelle einer Reihe von Standard- formatierten Text . Was Sie brauchen
Photoshop CS3
Images ( für die Seite )
Logo ( für die Seite ) auf Twitter anzeigen Weitere Anweisungen
Erstellen Sie Ihr Home in Photoshop
1
öffnen Sie Photoshop . Klicken Sie auf " Datei"> " Neu", um eine neue Datei zu erstellen. Für die Größe , wählen Sie " Web Preset " und wählen Sie 640 x 480 oder größer.
2
Wählen Sie Ihre Design-Farben und Thema. Füllen Sie die Hintergrundebene mit Ihre Farbauswahl mit Photoshop -Design -Tools. Wählen Sie Farben mit der Color Picker Werkzeug , und füllen Sie Ihren Hintergrund , indem Sie auf das Menü: " . Den Vordergrund /Hintergrundfarbe" Klicken Sie auf " Bearbeiten"> " Fill" >
3
hinzufügen von Text und Schriftarten stehen zur Auswahl in Form von Schaltflächen mit Ihrem Farbschema . Wählen Sie das Text-Werkzeug in der Werkzeugleiste , oder wählen Sie den Typ -Fenster ( "Fenster" > "Zeichen" ), um die Optionen zu sehen. Verwenden Sie das Text-Werkzeug , um eine grundlegende Layout für , wo Sie möchten, dass Ihre Schaltflächen, Links und andere Texte gerne in Ihr Design integriert werden zu erstellen. Für zusätzliche Bildtiefe und ästhetische Aufwertung , Text-Effekte wie Schlagschatten , um Ihre Schicht Stil . Greifen Sie auf die Art der Effekte , indem Sie auf das Menü: "Layer " > " Ebenenstile "> ". Schlagschatten "
4
Integrieren Sie Ihre Bilder und Logo in Ihre Homepage-Design . Kolorieren Sie die Bilder auf Ihrem Design passen , und stellen Sie Füllmethoden , Layer-Transparenz und Bild Platzierung bis Sie mit der Schnittstelle Ihres Homepage-Design zufrieden sind. Passen Sie die Farben , indem Sie auf das Menü: " . Color Balance " "Bild" > "Anpassen" > Sie können die Transparenz der Bilder durch den Zugriff auf die Deckkraft Feature , in dem oberen Abschnitt der Ebenen-Palette gefunden anpassen. Der Mischmodus Menü ist auch in der Ebenen-Palette zugänglich .
5
Nehmen Sie ggf. weitere Anpassungen an das Design Ihrer Homepage mit Photoshop -Design -Tools.
6
Klicken Sie auf " Datei ">" Speichern unter "und speichern Sie Ihr Bild als PSD-Datei .
Machen Sie Ihre Homepage-Design Functional als Webseite
7
Schneiden Sie Ihr Bild Ihre visuelle Gestaltung in Teile eines Bildes anzeigen zu brechen , indem Sie das Slice-Werkzeug , fand in der Toolbox. Teilen Sie Ihr Bild in ein Raster mit Kisten, indem Scheiben ( in Form von Quadraten oder Rechtecken ) über Schaltflächen , Grafiken und andere Teile Ihres Entwurfs.
8
Wählen Sie das Slice-Auswahl- Werkzeug für mehr Optionen , befindet sich unter dem Slice-Werkzeug -Menü. Ein Untermenü wird am oberen Rand des Bildschirms mit verschiedenen Optionen zur Anpassung Ihres Bildes Slicing erscheinen .
9
Verlinken Sie Ihre Bilder auf anderen Seiten. Wählen Sie das Slice-Auswahl- Werkzeug . Klicken Sie auf das kleine Symbol auf der rechten Seite , die ein Textfeld Dokument, um ein Fenster, in dem Sie Links und URLs ( Internet- ) für jede Scheibe einstellen öffnen ähnelt. Dies ermöglicht es Ihnen , Hyperlinks (Tasten , die zu anderen Web-Seiten ) aus Ihrem Bild zu erstellen.
10
beginnen Ihr Bild Scheiben und Bild -Link-Einstellungen exportieren. Klicken Sie auf " Datei"> " Für Web und Geräte speichern ", um den Export zu öffnen. Bitte prüfen Sie Ihre Einstellungen, indem Sie das Untermenü Pfeil auf "Edit -Ausgangs-Einstellungen ", und nach Bedarf anpassen .
11
Passen Sie Ihre Einstellungen , während noch im Speichern-Dialog -Fenster. Wählen Sie den Ordner, in dem Sie Ihr Bild Map-Dateien zu gehen . Blättern Sie nach unten , um "Format" und wählen Sie " HTML und Bilder. " Klicken Sie auf " Speichern", um das Bild der Karte speichern. Dies wird Ihre HTML-Datei ( verwendet für die Anzeige Ihrer Image-Map auf dem Web ) in das Hauptverzeichnis Ordner zu exportieren , sowie automatisch einen separaten Ordner für Ihre Bilder , wo die verschiedenen Grafiken (bestimmt durch Ihre Scheibe Einstellungen ) gehen wird.
12
Um Ihre Webseite zu testen, öffnen Sie Ihren Browser , öffnen Sie den neuen Ordner , und klicken Sie auf die HTML-Datei.
