Wie man eine Website mit Photoshop erstellen

April 13

In den letzten zehn Jahren haben fast alle Computeranwendungen, die medialen Inhalte erstellen die Fähigkeit zum Speichern von Internet-Web-Seiten von innerhalb der Anwendung hinzugefügt. Adobe Photoshop aufgenommen, diese Möglichkeit in der Vergangenheit mehrere Versionen damit Schöpfer, ihre Anstrengungen auf die Kunst und die Art der Erstellung von Inhalten für das Web anstatt lernen die tieferen technischen XHTML und zugrunde liegenden Skriptsprachen für Web-Entwicklung konzentrieren können. Infolgedessen können Content-Ersteller Produkt komplexes Netz aus Photoshop entwirft, ohne Hand-Code XHTML-Code.

Anweisungen

1 Öffnen Sie ein neues Photoshop-Bild durch Auswahl von "Datei -> neu". Die Bildgröße sollte mindestens 500 x 400 Pixel groß und nicht mehr als 1000 x 1000. Zeichnen Sie mit dem Freiform-Zeichenstift-Werkzeug in Photoshop einen frei-Hand-Webseite-Menü-Bereich, der das obere Drittel der Web-Seite und das linke Viertel einschließt. Wenn komplette Zeichnung, wandeln Sie die Form in eine Auswahl von "Rechtsklick" der Form und klicken auf den Menüpunkt "Auswahl treffen" gezeichnet. Wenn die Form nicht angezeigt wird, wie man will, "Rechtsklick" die Auswahl und wählen Sie die Taste "Entf" auf Ihrer Tastatur und wiederholen.

2 Erstellen Sie eine Füllfarbe für das Shape erstellt von "Auswählen" die Füllung-tool, eine Farbe die Farbe-Palette und der "Linken Maustaste" auf der Form mit der gewünschten Farbe.

3 "Insert" Text oben rechts von der Photoshop-Datei, die die Websitetitel oder Logo werden durch die Auswahl "Text Eindrückwerkzeug" aus der Menüleiste und der "Linken Maustaste" zu Beginn der den gewünschten Bereich für die Texteingabe.

4 Wählen Sie die "Form-Werkzeug", und fügen Sie abgerundete Rechtecke auf der linken Seite der Webseite Buttons für die Website sein. Stellen Sie sicher, dass die Tasten sind groß genug, um dann mit "Einfügen"Textwerkzeug Text einfügen für die Kennzeichnung von Datei-Menüs.

5 Hintergrund Bild für die Website einfügen, durch die Auswahl der "im Dateimenü -> Einfügen -> Bild" Auswahloption. Im Menü Ebene auf der unteren rechten Seite des Adobe "Rechtsklick" das Hintergrundbild und wählen Sie "Senden an Rücken." Dadurch wird sichergestellt, dass Ihr Bild hinter der anderen Website-Informationen, die bereits konfiguriert ist.

6 Veröffentlichen Sie Ihre Website Photoshop erstellt, wählen Sie "Datei -> Speichern für Web" und eine JPEG-Qualität von zwischen 60 und 80.

Tipps & Warnungen

  • Cascading Style Sheets mit Webseite Erstellung in Adobe Photoshop für komplexe Web-Designs zu übernehmen.