Wie man transparente Banner in Photoshop

September 21

Einen Web-Banner in Photoshop entwerfen kann eine wesentliche Arbeit der Liebe--das Banner wird oft als erstes Web-Surfer zu sehen, wann Ihre Seite in die Ansicht geladen. Das letzte, was, das Sie wollen, ist für das Banner, blockartig, zu suchen, wo es von einem weißen Bereich des Raumes umgeben ist, die viele Bilder bekommen, wenn sie nicht transparent ist. Mit Adobe Photoshop kann man nicht nur einen transparenten Banner, der jedem Hintergrund Farbe oder das Muster passen, aber Sie können auch experimentieren und Transparenz innerhalb der Banner selbst, die BannerText und Grafiken einen verblichenen Look.

Anweisungen

1 Starten Sie Photoshop. Klicken Sie auf "Datei". Klicken Sie "Neu." Geben Sie "TransBanner" in das Feld "Name". Geben Sie die Abmessungen des Banners in die Felder "Breite" und "Höhe"--Ihre Web-Seite Design-Programm oder online Website kann Anforderungen für diese Dimensionen haben. Wählen Sie "Pixel" aus den beiden Dimensionen des Dropdown-Menüs. Wählen Sie "Transparent", Menü "Hintergrundinhalt". Klicken Sie auf "OK".

2 Klicken Sie auf das Symbol "T" zum Öffnen Photoshops "Typ" Symbolleiste am oberen Rand des Arbeitsbereichs. Wählen Sie eine Schriftart, Textfarbe und für die Banner-Text. Klicken Sie auf die Banner-Leinwand, die aussieht wie eine graue und weiße Schachbrett symbolisiert es transparent ist, und geben Sie den Bannertext, z. B. "Ollies Online Outpost."

3 Beachten Sie die neue Textebene in der Palette "Ebenen" von der rechten Seite des Bildschirms. Sie den Schieberegler "Deckkraft" nach links, drehen den Text selbst halbtransparent. Je weiter links, die Sie schieben, desto transparenter wird der Text sein. Dieser Schritt ist optional,--lassen Sie die Deckkraft auf 100 Prozent standardmäßig für vollständig deckend, nicht-transparente, Text.

4 Geben Sie weiteren Text wie gewünscht, ändern Schriftart, Größe und Farbe nach Bedarf.

5 Klicken Sie auf das Pinsel-Werkzeug. Doppelklicken Sie auf das farbige Kästchen unter dem Pinsel-Werkzeug und wählen Sie eine Farbe malen. Klicken Sie auf "OK".

6 Zeichnen Sie eine Design auf das Banner wie ein Ballon, Smiley-Gesicht oder Blume. Klicken Sie das Füllwerkzeug, und klicken Sie in die Gestaltung mit Farbe gefüllt.

7 Wechseln Sie zurück zu den Pinsel, und fügen Sie zusätzliche Designs wie gewünscht. Verwenden Sie den Schieberegler "Deckkraft" in der Pinsel-Symbolleiste am oberen Rand des Arbeitsbereichs, um einen semi-transparenten Lack-Look zu erzielen.

8 Mit der Maustaste eine der Ebenen in der Palette "Ebenen". Wählen Sie "Verbinden sichtbar." Klicken Sie im Menü "Datei". Klicken Sie auf "Speichern unter". Klicken Sie im Menü "Format" und wählen Sie "PNG" oder "GIF". Beide bieten Transparenz; Ihre Web-Generator-Protokoll kann vorschreiben, die Sie verwenden. Klicken Sie auf "Speichern".

Tipps & Warnungen

  • Obwohl diese Anweisungen einen transparenten Web-Banner erstellen detail, können Sie eine einfache Anpassung vornehmen, wenn Sie bei der Gestaltung der konkreten Banner interessiert. Beim Einrichten des Banners geben Sie die korrekten Abmessungen und wählen Sie die Optionen "Zoll" auf den Dropdown-Menüs statt Pixel. Denken Sie daran, die Sie mehr als wahrscheinlich benötigen Hilfe von einer Druckerei drucken Sie das Banner anfordern, denn grundlegende Startseite Drucker Papier Banner-Format nicht umgehen.
  • ~
  • Die Gestaltungsvorschläge für die Banner-Dekorationen sind genau das--Anregungen. Experimentieren Sie mit verschiedenen Text und Designs und verwenden Sie, was am besten für Ihr Banner arbeiten.