Wie erstelle ich eine Website mit Adobe Photoshop CS3

January 9

Eine der einfachsten und besten Möglichkeiten, um eine spektakuläre Website erstellen ist mit Adobe Photoshop zu verwenden. Direkt in Photoshop arbeiten, erhalten Sie eine genaue Vorstellung davon, wie Ihre endgültige Website aussieht, wie Sie es erstellen. Der Prozess ist relativ einfach.

Anweisungen

1 Öffnen Sie ein neues Dokument in Photoshop. Stellen Sie die Größe der Einstellung übereinstimmen, die Sie für Ihre Seite, z. B. 1024 x 720 oder 800 x 600 verwenden werden.

2 Erstellen Sie den "Bild" Teil Ihrer Webseite. Verwenden Sie Zeichenwerkzeuge und die Filter und Füllmethoden zum Erstellen der Logos, Symbole, Schaltflächen usw. für Ihre Website. Verwenden Sie Schichten, um alle zu halten, die Ihr Elemente zu trennen, so dass Sie leichter sie bewegen können wie Sie arbeiten.

3 Kopieren und Einfügen in das Dokument alle Bilder oder Fotos, die Sie verwenden möchten. Hierzu gehen Sie auf im Menü Bearbeiten, und wählen Sie die Transform-Tools, um die Größe und Position der Bilder.

4 Verwenden Sie das Slice-Werkzeug, um Ihr Gesamtbild in Scheiben schneiden. Versuchen Sie, die Scheiben auf die wichtigsten Funktionen Ihrer Webseite entsprechen, wenn Sie dies tun. Anschließend speichern Sie das Dokument.

5 Gehen Sie zum Menü Datei und auf Speichern für Web. Speichern Sie als die beste Version niedrige Auflösung deines Bildes aus den Optionen dargestellt. In der Regel, wenn Ihre Seite Bilder oder Fotografien in es hat, werden Sie Segmente heraus als JPGs exportieren möchten. Wenn die Seite keine Fotos hat, können Sie möglicherweise zu entrinnen mit die Segmente zu exportieren, als GIF-Dateien, die noch schneller geladen werden.

6 Öffnen Sie einen Webseiten-Editor wie Dreamweaver oder Expression Web, und erstellen Sie eine Website so ausgelegt, dass die Größe des einen übereinstimmen, die Sie in Photoshop. Erstellen oder eine Tabelle zeichnen, mit einer Reihe von Spalten und Zeilen, die die geschnittenen Bilder passen Sie gemacht.

7 Starten Sie Ihre Bilder einfügen wo sie gehen müssen. Typ in Ihrem Text, Hyperlinks zu erstellen, und dann ist es Zeit zu veröffentlichen.

Tipps & Warnungen

  • Geben Sie sich nicht in beliebigen Text in das Photoshop-Dokument, das Sie erstellen, da der Text veröffentlicht, wie ein Bild nicht von den Suchmaschinen erkannt werden Ihre Suchmaschinen-Optimierung verringern würde.