Adobe Photoshop macht es einfach, ein einzigartiges Design für eine Webseite zu erstellen. Photoshop die leistungsstarke Grafik-Tools und Effekte bieten dem Anwender umfassende Kontrolle über Layout , Farben und Bilder . Statt immer verwirrt mit komplexen Kodierung und andere Skripte , können Sie planen und erstellen Ihre komplette Web-Design in Photoshop und dann einfach exportieren, um im Web über eine HTML- Programm . Things You
Computer Logo oder Grafik wichtigsten
Adobe Photoshop
HTML -Editor wie Adobe Dreamweaver
brauchen anzeigen Weitere Anweisungen
1
Use Photoshop das Logo oder Bild, das Sie als die wichtigsten Grafik auf Ihre Web-Seite nutzen zu öffnen.
2
auf einem Farbschema für Ihre Webseite Entscheiden Sie , mit Ihrem Bild als Leitfaden. Auf der Tool -Panel, wählen Sie die Pipette . Bringen Sie die Pipette über einer Farbe auf Ihrem Bild. Klicken und das Werkzeug wird eine Probe der Farbe, die Sie gerade ausgewählt nehmen . Sie werden in der Lage sein , bestimmte Informationen , wie z. B. die RGB -Nummer, der Farbe in der "Color "-Panel zu sehen. Beachten Sie die spezifischen RGB Anzahl von jeder Farbe , die Sie Probe. Fahren Sie mit der Pipette , um die verschiedenen Farben auf dem Bild zu probieren. Nachdem Sie mehrere Farben probiert haben , wählen Sie mindestens drei Farben , die Sie gerne als Farbschema für Ihre Web- Seite verwenden möchten. Die Farben sollten kontrastieren einander und leicht, mittel und dunkel .
3
auf "Datei" in der Hauptnavigation Photoshop Menü. Wählen Sie " Neu ..." und erstellen Sie ein neues Dokument mit einer Breite von 600 Pixel und einer Höhe von 300 Pixel. Dies wird die Haupt- Banner und Navigations- Header für Ihre Web- Seite sein .
4
von der Schriftart für Ihre Seite zu entscheiden. Denken Sie an die Idee, die Sie vermitteln wollen . Gehen Sie auf die Werkzeugleiste und wählen Sie " Text" -Taste. Ziehen Sie mit der Maus ein Rechteck auf Ihr neues Dokument zu erstellen. Geben Sie im Text Ihrer Web -Header. Markieren Sie den Text, den Sie gerade geschrieben und gehen Sie dann zu den Text-Optionen an der Spitze von Photoshop. Probieren Sie verschiedene Schriftarten und-größen , und experimentieren Sie mit Textfarbe und Ausrichtung bis Sie zufrieden sind . Verwenden Sie die "Move "-Werkzeug in der Werkzeugpalette , um Ihre Überschrift , wo Sie wollen, dass es auf dem Dokument zu bewegen.
5
erstellen Hintergrund für Ihr neues Banner , indem Sie eine der Farben aus dem vorgegebenen Farbschema. Gehen Sie auf die Ebenen -Fenster, und wählen Sie die " Fill oder Einstellungsebene "-Taste auf der Unterseite. Klicken Sie auf " Solid Color " und geben Sie den RGB-Informationen Sie nahm über die Farbe, die Sie verwenden möchten. Die Schicht wird nun decken Sie den Text, der im vorherigen Schritt schrieb . In der Ebenen-Palette , ziehen Sie die " Solid Color " Ebene, die Sie gerade erstellt haben , so dass es unter der "Text "-Schicht ist . Die Farbe sollte nun in den Hintergrund .
6
Stellen Sie sicher, dass der "Text "-Datei in der Ebenen-Palette ausgewählt ist. Dann wählen Sie Ihr Logo oder eine Grafik -Datei, so dass es in den Vordergrund kommt . Auf dem Bedienfeld Werkzeuge auf das Verschieben-Werkzeug , das an der Spitze sein sollte. Ziehen Sie Ihr Logo Bild auf Ihrer neuen Webseite Dokument . Eine neue Schicht sollte sofort in Ihrem Dokument mit Ihrem Logo erstellt werden. Mit Ihrem Logo Schicht ausgewählt , klicken Sie auf den "FX" -Taste auf dem Bedienfeld Ebenen . Klicken Sie auf " Blending Options ... " und probieren Sie die Vielfalt von Photoshop Blending Tools, mit denen Sie Ihr Logo nahtlos an die Hintergrundfarbe.
7
zu "Layer " in der oberen Navigations- Menü und wählen Sie "Neu Ebene. " Gehen Sie auf die Werkzeugpalette und wählen Sie das Text-Werkzeug . Ziehen Sie mit der Maus über den Bereich , wo Sie gerne Navigations-Links für Ihre Webseite erstellen möchten. Fügen Sie den Text für Ihr Navigationsgerät mit einer kleineren Größe der Schriftart, die Sie früher verwendet wurde , um den Header zu erstellen.
8
auf "Datei" gehen und auf " Für Web speichern ". Auf der oberen Dropdown- Menü wählen , welches Format Sie die Datei ( . Jpg, . Png oder . Gif) speichern möchten. Photoshop sparen und optimieren Sie Ihr Banner für das Web.
9
Öffnen Sie Ihren HTML-Editor und erstellen Sie eine neue HTML-Dokument , das eine Tabelle mit fünf Zeilen und einer Spalte hat . Legen Sie Ihre Banner in der ersten Reihe. Erstellen Sie ein Bild Karte für jedes Ihrer Worte Navigations und fügen Sie das Link-Ziel . Die restlichen vier Zeilen können mit Ihrem Web- Seite Text gefüllt werden.
