Adobe Photoshop breites Spektrum an kreativen Werkzeugen macht es möglich, eine vollständig maßgeschneiderte Website mit grenzenlosen kreativen Möglichkeiten zu entwerfen. Ob Sie eine persönliche, geschäftliche oder Community-Website starten möchten, hat Photoshop alles was Sie brauchen , um Ihr Layout zu bauen. Einfach ausgedrückt, besteht der Prozess der Gestaltung einer Website in Photoshop zum Erstellen einer Seite als Bild und teilt die Seite in Stücke , dann wieder Zusammenbauen das Bild als eine voll funktionsfähige Web-Seite mit einem Website-Builder . Die Website Builder kombiniert sowohl Bild und Code, um eine voll funktionsfähige Website zu erstellen. Anleitung
1
Scan und ein Bild importieren , um Photoshop , wenn Sie eine haben. Andernfalls erstellen Sie ein neues Dokument . Verwenden Sie Ihre Design-Idee um den Aufbau Ihrer Layouts. Erstellen Sie eine neue Ebene in der Ebenen-Palette , greifen die Farbeimer-Werkzeug , wählen Sie Ihre Hintergrundfarbe und werfen Sie die Farbe auf die Leinwand .
2
Nutzungsbedingungen Rechtecke als Platzhalter zu blockieren, die Räume für einen Header , Navigation Bars und Schaltflächen, Bilder , Content-Bereiche , etc. Erstellen sie eine neue Ebene für ein gegebenes Rechteck , schnappen Sie das Auswahl-Werkzeug , ziehen Sie ein Rechteck geeigneter Größe und füllen Sie es mit Farbe mit dem Farbeimer-Werkzeug .
3
" Flesh out" der einzelnen Elemente Ihrer Web-Seite Design . Tauschen Sie Ihre Platzhalter mit diesen Elementen . Setzen Sie jedes einzelne Element auf einer eigenen Ebene , wie gut. Positionieren Sie ein Hintergrundbild , wenn Sie mit einem arbeiten wollen . Diese Schicht sollte zweiten von der Unterseite des Stapels und auf der Oberseite der Hintergrundfarbschicht . Erstellen Sie eine Seite Banner mit einer beliebigen Kombination von Fotos und Grafik und Text. Erstellen Sie alle Logos, Navigationstasten und Grafiken, die Sie benötigen für Ihre Seite. Füllen Sie Textbereiche mit Ihrem eigentlichen Text oder " Lorem ipsum " Kopie durch Greifen das Text-Werkzeug , indem Sie den Text auf eine neue Ebene , und bearbeiten Sie ihn durch Absatz -Einstellungen im Fenster Dropdown-Menü .
4
Machen Sie die Seite Zusammensetzung ausgewogen und angenehm für das Auge . Fügen Sie gemeinsame Elemente in verschiedenen Bereichen der Seite Design ein Gefühl der Fließfähigkeit erstellen. Stellen Sie jedes Element der Seite aus wie es gehört und passt die Seite.
5
Duplizieren Sie Ihre Leinwand , wenn Sie mit Ihrem Web -Design zufrieden sind. Klicken Sie auf der Ebenen- Dropdown-Menü und wählen Sie " Bild zusammenfügen . " Teilen Sie die verschiedenen Content-Bereiche von Ihrer Seite und trennen sie in einzelne Bilddateien. Schnappen Sie sich das Auswahl-Werkzeug , ziehen Sie ein Rechteck um ein grafisches Element mit der rechten Maustaste und wählen Sie " Kopieren". Fügen Sie diese Kopie in eine neue Image-Datei und das Bild zuschneiden , um die Kanten des visuelles Element . Wiederholen Sie diesen Schritt für alle Elemente einer Seite , und speichern Sie jede Datei in ein web-freundlichem Format des Bildes .
