Top-Themen

Aktuelle Themen (A bis Z)

Administrator.de FeedbackApache ServerAppleAssemblerAudioAusbildungAuslandBackupBasicBatch & ShellBenchmarksBibliotheken & ToolkitsBlogsCloud-DiensteClusterCMSCPU, RAM, MainboardsCSSC und C++DatenbankenDatenschutzDebianDigitiales FernsehenDNSDrucker und ScannerDSL, VDSLE-BooksE-BusinessE-MailEntwicklungErkennung und -AbwehrExchange ServerFestplatten, SSD, RaidFirewallFlatratesGoogle AndroidGrafikGrafikkarten & MonitoreGroupwareHardwareHosting & HousingHTMLHumor (lol)Hyper-VIconsIDE & EditorenInformationsdiensteInstallationInstant MessagingInternetInternet DomäneniOSISDN & AnaloganschlüsseiTunesJavaJavaScriptKiXtartKVMLAN, WAN, WirelessLinuxLinux DesktopLinux NetzwerkLinux ToolsLinux UserverwaltungLizenzierungMac OS XMicrosoftMicrosoft OfficeMikroTik RouterOSMonitoringMultimediaMultimedia & ZubehörNetzwerkeNetzwerkgrundlagenNetzwerkmanagementNetzwerkprotokolleNotebook & ZubehörNovell NetwareOff TopicOpenOffice, LibreOfficeOutlook & MailPapierkorbPascal und DelphiPeripheriegerätePerlPHPPythonRechtliche FragenRedHat, CentOS, FedoraRouter & RoutingSambaSAN, NAS, DASSchriftartenSchulung & TrainingSEOServerServer-HardwareSicherheitSicherheits-ToolsSicherheitsgrundlagenSolarisSonstige SystemeSoziale NetzwerkeSpeicherkartenStudentenjobs & PraktikumSuche ProjektpartnerSuseSwitche und HubsTipps & TricksTK-Netze & GeräteUbuntuUMTS, EDGE & GPRSUtilitiesVB for ApplicationsVerschlüsselung & ZertifikateVideo & StreamingViren und TrojanerVirtualisierungVisual StudioVmwareVoice over IPWebbrowserWebentwicklungWeiterbildungWindows 7Windows 8Windows 10Windows InstallationWindows MobileWindows NetzwerkWindows ServerWindows SystemdateienWindows ToolsWindows UpdateWindows UserverwaltungWindows VistaWindows XPXenserverXMLZusammenarbeit

Photoshop: Glossy Text als Banner

Anleitung Multimedia Grafik

Mitglied: 26126

26126 (Level 1)

04.03.2006, aktualisiert 05.03.2006, 15387 Aufrufe, 2 Kommentare

HowTo: Mit Photoshop (CS 2) selber einen Banner machen.

In diesem (ersten) Tutorial zeige ich, wie man ein Banner fuer die Homepage oder diverses gestalten kann.
Ihr braucht dafuer nur das Grafikprogramm Photoshop (Link: <link="http://www.adobe.de/products/photoshop/main.html;>Photoshop" CS 2</link>)
<hr noshade size="5">
<h5 align="center">1. Teil</h5>
<h4 align="center">Die "Vorbereitung"</h4>

Zuerst erstellt ihr ein neues Bild, wobei die Groesse keine Rolle spielt (Es sollte aber nicht zu klein sein).
Faerbt nun den Hintergrund mit der Farbe, die ihr benutzen moechtet.
In unserem Beispiel nehmen wir als Hintergrundfarbe mal ein leichtes Blau (#92bbd1)
<img src='/images/articles/35fbb7dbb302441db598dff185bcad12-01.JPG' align='default' hspace='0' vspace='0' border='0'>
Schreibt nun euren Text.
In diesem Beispiel habe ich 'Datis' genommen.
Beispiel:
<img src='/images/articles/50a8539114d9904f446070a8834bd213-02.JPG' align='default' hspace='0' vspace='0' border='0'>
Arbeiten wir nun an dem Style des Bildes.
Klickt mit der rechten Maustaste auf den gerade erstellten Textlayer im Ebenenfenster auf 'Ebenenstil'.
Es oeffnet sich ein das erwuenschte Fenster.
Setzt bei Kontur einen Haken bei Kontur. Die weiteren Einstellungen sind unten abgebildet:
<img src='/images/articles/2826f19284017f788ab66ad18979a429-03.JPG' align='default' hspace='0' vspace='0' border='0'>

Der Text sollte nun eine Umrandung haben.
Im naechsten Schritt waehlt ihr bitte den Text aus und klickt im Menue auf: 'Auswahl' -> 'Auswahl veraendern' -> 'Erweitern'.
Es oeffnet sich ein huebsches Fensterchen.
Gebt in dem Feld 5 ein, um die Auswahl des Textes um 5 Punkte zu erweitern.
Es sollte ca so aussehen:
<img src='/images/articles/06cb688fb46755cb3634db9cc2592b63-04.JPG' align='default' hspace='0' vspace='0' border='0'>

Diese Auswahl solltet ihr speichern, da wir diese gleich noch brauchen.
Klickt also auf: 'Auswahl' -> 'Auswahl speichern'.
Screenshot:
<img src='/images/articles/b7f7486a3fefea2e0f68381913bf96e2-05.JPG' align='default' hspace='0' vspace='0' border='0'>

Beachtet dabei, dass ihr einen neuen Kanal macht und diesem einen Namen gebt.
Ihr solltet hier angekommen sein:
<img src='/images/articles/daf0e6e224e89effdbcf4d5635259de4-06.JPG' align='default' hspace='0' vspace='0' border='0'>
<hr size="5" noshade></hr>

<h5 align="center">2. Teil</h5>
<h4 align="center">Der "Glossy Effekt"</h4>
Erstellt eine neue Ebene mit einer Ellipse (Gefuellt mit weiss und direkt ueber dem Text)
So koennte es bei euch aussehen:
<img src='/images/articles/03a9e74334b1bcb85aeafb05d47984d2-07.JPG' align='default' hspace='0' vspace='0' border='0'>
Stellt die Deckkraft im Ebenenfenster auf 20-30.
Ich habe in diesem Beispiel 25% genommen.
Jetzt ist die Ellipse durchsichtig:
<img src='/images/articles/55597d70dbdb52048558e93339e01aba-08.JPG' align='default' hspace='0' vspace='0' border='0'>

Jetzt kommt der letzte und (vielleicht) wichtigste Schritt:
Bleibt auf der Ebene der Ellipse und ladet eure gespeicherte Auswahl.
Das macht ihr so:
Klickt aus 'Auswahl' -> 'Auswahl laden'.
Es oeffnet sich ein neues Fenster. In einer Auswahlbox koennt ihr dann eure Auswahl laden.
In diesem Beispiel (siehe oben) ist das "Bannerauswahl".
Tada!
Ihr habt eure Auswahl des Textes.
Klickt nun noch einmal auf 'Auswahl' und dann auf 'Auswahl umkehren'.
Nun sollte alles um dem Text herum ausgewaehlt sein.
Drueckt nun also entf oder klickt auf 'Bearbeiten' -> 'Loeschen'.
Alles was jetzt uebrig bleibt kann bleiben.
Auf dem Text sollte nun der "Glossy-Effekt" sein.
<img src='/images/articles/412cb374f0f0e1ccb312358223c813b9-09.jpg' align='default' hspace='0' vspace='0' border='0'>

Wenn ihr mit dem Effekt ein bisschen herum spielt, koennen tolle Sachen dabei rauskommen:
<img src='/images/articles/9e8fb735a4d2aa19cb2d7d494a89cfbb-10.JPG' align='default' hspace='0' vspace='0' border='0'>
Mitglied: 26126
05.03.2006 um 13:32 Uhr
Falls ihr noch Fragen habt koennt ihr Mailen:
masterdatis at aol punkt com

at=@
punkt=.
Bitte warten ..
Mitglied: rattlesnake722
04.09.2010 um 14:08 Uhr
kollege, s is ja schön, des dus in html geschrieben hasst, aber man sieht die Bilder net, sry
wie wärs mitm webspace wwo du se hochlädst ?
oder nem freehoster ?
Ansonsten sehr gut !
Bitte warten ..
Ähnliche Inhalte
Batch & Shell
Powershell - Text-to-Speech (Text zu Sprache)
Tipp von colinardoBatch & Shell3 Kommentare

Für alle die in Powershell ein Text-To-Speech benötigen, hier ein Code-Beispiel wie dies damit realisiert werden kann: Beispiel mit ...

Administrator.de Feedback
Entwicklertagebuch: Zitate, Text- und Codeblöcke
Information von admtechAdministrator.de Feedback8 Kommentare

Hi, heute habe ich ein paar sehr, sehr alte Fehler auf Administrator.de behoben. Sie stammen noch aus den Anfangszeiten ...

Microsoft Office
Text in Zahlen umwandeln
Tipp von logischeMicrosoft Office

Beim Import von Daten aus anderen Anwendungen kommt es häufig vor, dass Zahlen als Textwerte in der Excel-Tabelle erscheinen. ...

Windows 7
Windows 7 - Gadgets sind transparent und lila bzw. purple nach IE11-Update (bei vergrössertem Text in der Anzeige)
Anleitung von schmitziWindows 7

Beispiel Weather/Wetter-Gadget: Das betroffene Gadget schliessen. Die betroffene Datei wegkopieren/sichern. Dann die Datei editieren und die Zeile löschen. (keine ...

Neue Wissensbeiträge
Apple

IOS 11.2.1 stopft HomeKit-Remote-Lücke

Tipp von BassFishFox vor 13 StundenApple

Das Update für iPhone, iPad und Apple TV soll die Fernsteuerung von Smart-Home-Geräten wieder in vollem Umfang ermöglichen. Apple ...

Windows 10

Windows 10 v1709 EN murkst bei den Regionseinstellungen

Tipp von DerWoWusste vor 18 StundenWindows 10

Dieser kurze Tipp richtet sich an den kleinen Personenkreis, der Win10 v1709 EN-US frisch installiert und dabei die englische ...

Webbrowser

Kein Ton bei Firefox Quantum über RDP

Tipp von Moddry vor 18 StundenWebbrowser

Hallo Kollegen! Hatte das Problem, dass der neue Firefox bei mir auf der Kiste keinen Ton hat, wenn ich ...

Internet

EU-DSGVO: WHOIS soll weniger Informationen liefern

Information von sabines vor 1 TagInternet4 Kommentare

Wegen der europäische Datenschutzgrundverordnung stehen die Prozesse um die Registrierung von Domains auf dem Prüfstand. Sollte die Forderungen umgesetzt ...

Heiß diskutierte Inhalte
Windows Server
RODC kann nicht aus Domäne entfernt werden
Frage von NilsvLehnWindows Server18 Kommentare

HAllo, ich arbeite in einem Universitätsnetzwerk mit 3 Standorten. Die Standorte haben alle ein ESXi Cluster und auf diesen ...

Windows XP
Windows XP Aktivieren geht nicht
Frage von tetikmiroWindows XP13 Kommentare

Hallo Ich habe einen Windows XP mit einen vCenter Converter umgezogen auf eine ESXI. Soweit funktioniert dies auch ohne ...

Blogs
Immer wiederkehrende PHP Fehlermeldung bei Wordpress UTF-8 - ASCII
gelöst Frage von vcdweltBlogs11 Kommentare

Hi, seit einiger Zeit wird mein error_log meines Wordpress Blogs mit immer der gleichen Fehlermeldung überschwemmt. 14-Dec-2017 08:18:05 UTC ...

Switche und Hubs
Redundante L2 LWL Leitung über 2 Standorte - Spanning Tree - HP Equipment
gelöst Frage von ResolvSwitche und Hubs10 Kommentare

Hallo, ich stehe vor der Herausforderung eine Redundante L2 LWL Leitung über 2 Standorte herzustellen. Grundsätzliches Switching Know How ...