If you're new here, you may want to subscribe to my RSS feed . Wenn Sie neu hier sind, können Sie abonnieren, um mein RSS-Feed. Thanks for visiting! Vielen Dank für Ihren Besuch!
We will learn in this Adobe Photoshop how to create a web page header. Wir lernen in diesem Adobe Photoshop zum Erstellen einer Web-Seite-Header. The most important graphical element of any website is its header image. Der wichtigste grafische Element jeder Website ist deren header image. It's the image that will be seen more than any other on your web site, so it's important to get it looking good. Es ist das Bild zu sehen sein wird mehr als jede andere auf Ihrer Website, daher ist es wichtig, dass man es gut. This tutorial gives an example of how to use Adobe Photoshop to make a graphical header image for your web page that has some button functionality too. Dieses Tutorial gibt ein Beispiel dafür, wie Adobe Photoshop zu verwenden, um eine grafische Header-Image für Ihre Web-Seite, hat einige Button Funktionalität zu. This can also be implemented to Adobe Photoshop CS2. Dies kann auch durchgeführt werden, um Adobe Photoshop CS2.
Open Adobe Photoshop and make a new image. Öffnen Sie den Adobe Photoshop und erstelle ein neues Bild. Set the image's width to the width you'd like your header to be on your web page. Stellen Sie die Bild-Breite auf die Breite, Sie möchten, dass Ihre Header werden auf Ihrer Web-Seite. Hold down on the Pen tool, and select Freeform Pen. Halten Sie auf dem Pen-Tool, und wählen Sie Freeform Pen. Draw a small line. Zeichne eine kleine Zeile. (Make sure you have the "Paths" option at the top left of the screen selected.) You can hold down Ctrl and drag the points around, or you can manipulate a single point by dragging its "arms". (Stellen Sie sicher, dass die "Wege" in der oberen linken Ecke des Displays aktiviert.) Sie können mit gedrückter Strg und ziehen Sie die Punkte um, oder Sie können eine einzige Anlaufstelle zu manipulieren, indem Sie seine "Waffen". Remember to always hold down Ctrl while you do it. Denken Sie daran, immer mit gedrückter Strg, während Sie es tun.
![]()
Use curves liberally in your web pages. Verwenden Sie Kurven freizügig in Ihre Web-Seiten. A number of factors, including the easy use of tables, have made modern web design very straight-edged. Eine Reihe von Faktoren, darunter die einfache Nutzung von Tabellen, haben moderne Web-Design sehr straight-edged. By using curves in your pages, you can give your page a much more organic feel. Durch die Verwendung von Kurven in Ihre Seiten können Sie Ihre Seite eine viel organischer fühlen.
![]()
Hold down Ctrl and drag one point to each side of your image. Halten Sie Strg gedrückt und ziehen Sie einen Punkt auf jeder Seite Ihres Bildes. Drag the arms away from the points to make the curves more gradual. Ziehen Sie die Arme weg von den Punkten, um die Kurven mehr schrittweise. To see outside the canvas, you may need to maximize the window you're working in, or zoom out (Ctrl -). Um zu sehen, außerhalb der Leinwand, die Sie benötigen, um die Fenster in der Sie arbeiten, oder auszoomen (Strg -).
It's important that you form a whole shape with the Freeform Pen tool. Es ist wichtig, dass Sie bilden eine Einheit mit der Form Freeform Pen-Tool. Simply creating a line isn't enough. Erstellen Sie einfach eine Zeile ist nicht genug. Without pressing Ctrl, click on the line just next to the leftmost point. Ohne Drücken von Strg, klicken Sie auf die Zeile neben der links. This will create a new point. Es wird eine neue Nummer. You can then drag the leftmost point up above the top of the image as shown. Sie können dann ziehen Sie den Punkt oben links oben auf dem Bild, wie gezeigt.
![]()
Repeat the process, by clicking just below your highest point, to make a new point and then moving your highest point way over to the right. Wiederholen Sie den Vorgang, indem Sie einfach unten Ihren höchsten Punkt, um einen neuen Punkt und dann bewegte Ihren höchsten Punkt über die Art und Weise auf der rechten Seite. Right click your line (you must right-click a part of the line that's inside your image.) Click Make Selection. Rechter Mausklick Ihre Zeile (Sie müssen mit der rechten Maustaste auf einen Teil der Zeile, die in Ihrem Bild.) Klicken Sie auf Auswahl. This connects the last point on your line to the first point. Diese verbindet den letzten Punkt auf der Linie zu den ersten Punkt. Make a new layer, select a color, click on the Paint Bucket tool, and fill the selected area. Erstellen Sie eine neue Ebene, wählen Sie eine Farbe, klicken Sie auf das Paint Bucket Tool, und füllen Sie den ausgewählten Bereich.
Right click on your layer, and select effects (Adobe Photoshop 5.0) or Blending Options (Adobe Photoshop 6.0 and Adobe Photoshop 7.0). Rechter Mausklick auf Ihre Schicht, und wählen Sie Effekte (Adobe Photoshop 5.0) oder Blending-Optionen (6,0 Adobe Photoshop und Adobe Photoshop 7.0). Give the layer a Shadow and an Inner Bevel. Geben Sie die Ebene ein Schatten und ein Inner Bevel. Click on the Gradient Tool. Klicken Sie auf das Gradient Tool. Then click on the visual representation of the gradient or click on the Options tab and then click Edit . Dann klicken Sie auf die visuelle Darstellung des Verlaufs oder klicken Sie auf die Registerkarte "Optionen" und klicken Sie auf "Bearbeiten". Put in an alternating series of about eight black and white tabs, as shown, and click Ok. Put in abwechselnder Reihe von etwa acht Schwarz-Weiß-Tabs, wie gezeigt, und klicken Sie auf Ok.
![]()
Now Apply the Gradient. Jetzt bewerben der Gradient. Create a new layer. Erstellen Sie eine neue Ebene. If the blue area isn't already selected, Ctrl+Click the layer that the blue area is in. Click on your new layer in the layer list, and apply the Gradient Tool across it. Wenn die blaue Fläche noch nicht ausgewählt ist, Ctrl + Klicken Sie auf die Schicht, die blaue Fläche ist in. Klicken Sie auf den neuen Layer in der Layer-Liste, und das Farbverlaufswerkzeug über sie. Change the layer from Normal to Overlay. Ändern Sie die Ebene von "Normal" zu Overlay.
![]()
Links you may find interesting - Links finden Sie interessante --
- How to create Web Buttons using Photoshop Wie Web-Buttons erstellen Sie mit Photoshop
- How to Bend a Sheet and to make a Flip type Pattern using Photoshop How to Bend ein Blatt und eine Flip-Art-Muster mit Photoshop
- How to Create Reflections in Images to Create logo and Header using Photoshop Wie erstelle Reflections in Bilder zu erstellen Logo und Header mit Photoshop
- How to make Random colored Shadows in Photoshop How to make Random farbige Schatten in Photoshop
- How to Blend Two Images (put one image on another) using Photoshop? How to Blend Zwei Bilder (die ein Bild auf einem anderen) mit Photoshop?













