FLoorfiLLa
Ehrenmember
- Joined
- Jul 28, 2001
- Messages
- 3,767
- Points
- 0
Wie baue ich nen' Banner?
Da es hier ziemlich oft Topics mit dem Thema der Bannererstellung gibt, habe ich hier mal das wichtigste zusammengefasst, so das nicht immer gleich ein neues Topic mit dem Thema aufgemacht werden muss.
Hier könnt ihr auch eure Bannerwünsche posten! (siehe weiter unten)
<center><b>
----------------------------------<i>Programme</i>----------------------------------</b>
Zum Banner erstellen benötigt ihr als erstes mal ein Grafikprogramm wie zB.
Photoshop, Photopaint, Photoimpact oder das FreewareTool Gimp.
<b>----------------------------------<i>Format</i>----------------------------------</b>
Es gibt einige PixelFormate die für Banner am gebräuchigsten sind
und die oft in Toplisten verwendet werden.
Hier eine kleine Liste von groß nach klein:
<table bgcolor=white width=500 height=100>500x100</table>
<table bgcolor=white width=468 height=60>468x60</table>
<table bgcolor=white width=380 height=50>380x50</table>
<table bgcolor=white width=88 height=31>88x31</table>
Im Dateiformat werden fast ausschließlich jpg und gif Dateien verwendet.
<b>----------------------------------<i>Einleitung</i>----------------------------------</b>
Um einen etwas ansehnlichen Banner zu entwerfen,
benötigt ihr schon ein bisschen Praxis mit dem Programm ansonsten wird es schwer.
Jedoch kann man sich recht schnell in so ein Grafikprogramm reinfinden.
Der Aufbau eines Banner besteht oft aus einigen Bildern die etwas mit dem Game,
was derjenige spielt, zutun haben und einem kleinen Text mit
Nick, Clan und/oder Motto.
Solche Bilder findet ihr auf Offiziellen- oder FanSeiten zum Spiel ohne Ende.
Dann braucht ihr euch nurnoch die Bilder, die ihr gesammelt habt,
ein wenig zurecht zu schneiden, so dass sie in den Banner passen.
Mit ein paar Effekten lässt sich vorher leicht noch ein schöner
Hintergrund erzeugen oder man verwendet die Effekte bei den eingefügten
Bildern um ihnen einen gewissen Style zu verpassen.
Zum Schluss sollte man die Schrift/den Text plazieren
Dieser sollte gut lesbar sein und auch mit einigen
schönen Effekten versehen werden.
Mit ein bisschen rumprobieren lassen sich mit den
Effekten des Programmes spitzen Ergebnisse erziehlen.
<b>----------------------------------
<i>Genauere Erläuterungen:</i>
----------------------------------<i>Hintergrund</i>----------------------------------</b>
Mit Photoshop kann man ganz leicht schöne Hintergründe für einen
Banner entwerfen.
Dazu solltet ihr ein bisschen mit den Filtern rumspielen.
Ihr könnt einen einfachen Farbverlauf oder aber
den nützlichen Wolken Filter benutzen.
Mit den Photoshopwolken kann man durch einige
Weichzeichnungsfilter schnell einen coolen Hintergrund zaubern.
Diesen Hintergrund kann man dann leicht mit Bild > Einstellen > Sättigung/Farbton einfärben.
Einach unten bei Färben einen Haken machen und dann mit den Reglern rumspielen bis man die geschwünschte Farbe erreicht hat.
Auch ein Text der kaum sichtbar (Tranparent) ist kann dem
Hintergrund einen besonderen kick verleihen.
Diese Texte nimmt man dann meist in einer großen Schrift
so das sie den ganzen Banner bedecken.
Probiert es aus!
<p align=left>
<b>-----<i>Praxis für Photoshop</i>-----</b>
-neuen layer
-noise>add noise(störungsfilter>störung hinzufügen)[monochromatic,uniform,nach eigenem ermessen]
-layer kopieren
-layer a mit blur>motion blur[0°,nach eigenem ermessen]
-layer b mit blur>motion blur[90°,ebenfalls eigenes ermessen]
-layer a über layer b setzen und sichtbarkeit(opaticity oder so) so einstellen das man beide layer erkennen kann
-beide layer mergen(STRG+E,wenn der obere ausgewählt ist)
so nun gibt es noch 2 möglichkeiten
1)
-stylize>glowing edges[einstellen wie man lustig ist]
-(eventuel invertieren, strg i)
-färben mit strg u und haken bei colorize
2)
-stylize>find edges[wie mans will]
-stylize>glowing edges[einstellen wie man lustig ist]
-(eventuel invertieren, strg i)
-färben mit strg u und haken bei colorize
<i>added by deamon</i>
</p>
<b>----------------------------------<i>Animierte Banner</i>----------------------------------</b>
Um einen animierten/bewegten Banner zu erstellen, benötigt ihr ein Programm wie den Ulead Gif Animator, der bei PaintshopPro dabei ist.
Hiermit lassen sich ganz leicht verschiedene Bilder auswählen, die dann per Animation gewechselt werden.
Das Programm ist einfach zu bedienen, deshalb gehe ich darauf nicht weiter ein.
Animierte Banner können nur im gif Format gespeichert werden!
Als alternative bietet sich die Möglichkeit einen Flashbanner zu bauen.
Hier hab ich allerdings keine Erfahrung und kann daher nichts dazu Erläutern.
Flashbanner haben immer das swf Format.
<b>----------------------------------<i>Einbau im Forum</i>----------------------------------</b>
um euren Banner im Forum hier einzubauen benötigt ihr folgenden Code:
<font face=system>[ IMG]http://www.url.de/banner.jpg[ /IMG]</font>
Um einen Banner zu verlinken benutzt ihr folgenden Code:
<font face=system>[ URL="http://www.url.de"][ IMG]http://www.url.de/banner.jpg[ /IMG][ /URL]</font>
das ganze ohne die Leerzeichen nach den [ !!!
Den Forum-Code kann man auch in der Hilfe nachlesen.
<center>
<b>---------------------------------------------------------------
Viel Spaß beim Bannerbau!
---------------------------------------------------------------</b>
<b>----------------------------------<i>Bannerwünsche</i>----------------------------------</b>
Wenn ihr einen Banner erstellt haben wollt, postet einfach, was für einen Text er enthalten soll, welche Farben ihr euch vorgestellt habt und welche Bilder drin vorkommen sollen (alles optional).
</center>
<table border=0>
<tr><td bgcolor=black><center><font face=Verdana size=2>
<img src=http://www.united-forum.de/images/smilies/attention.gif height=30 width=30>
<b>Durch Posts von euch kann diese Anleitung noch Verbessert oder Erweitert werden.
Hier können ebenfalls User Posten, die etwas nich verstanden haben bzw. keine Lust haben einen Banner zu bauen und einen gemacht haben wollen.
Die geschriebenen Posts werden nach ihrer bearbeitung gelöscht.</b>
<img src=http://www.united-forum.de/images/smilies/attention.gif height=30 width=30>
</font></center>
</td></tr>
</table>
Da es hier ziemlich oft Topics mit dem Thema der Bannererstellung gibt, habe ich hier mal das wichtigste zusammengefasst, so das nicht immer gleich ein neues Topic mit dem Thema aufgemacht werden muss.
Hier könnt ihr auch eure Bannerwünsche posten! (siehe weiter unten)
<center><b>
----------------------------------<i>Programme</i>----------------------------------</b>
Zum Banner erstellen benötigt ihr als erstes mal ein Grafikprogramm wie zB.
Photoshop, Photopaint, Photoimpact oder das FreewareTool Gimp.
<b>----------------------------------<i>Format</i>----------------------------------</b>
Es gibt einige PixelFormate die für Banner am gebräuchigsten sind
und die oft in Toplisten verwendet werden.
Hier eine kleine Liste von groß nach klein:
<table bgcolor=white width=500 height=100>500x100</table>
<table bgcolor=white width=468 height=60>468x60</table>
<table bgcolor=white width=380 height=50>380x50</table>
<table bgcolor=white width=88 height=31>88x31</table>
Im Dateiformat werden fast ausschließlich jpg und gif Dateien verwendet.
<b>----------------------------------<i>Einleitung</i>----------------------------------</b>
Um einen etwas ansehnlichen Banner zu entwerfen,
benötigt ihr schon ein bisschen Praxis mit dem Programm ansonsten wird es schwer.
Jedoch kann man sich recht schnell in so ein Grafikprogramm reinfinden.
Der Aufbau eines Banner besteht oft aus einigen Bildern die etwas mit dem Game,
was derjenige spielt, zutun haben und einem kleinen Text mit
Nick, Clan und/oder Motto.
Solche Bilder findet ihr auf Offiziellen- oder FanSeiten zum Spiel ohne Ende.
Dann braucht ihr euch nurnoch die Bilder, die ihr gesammelt habt,
ein wenig zurecht zu schneiden, so dass sie in den Banner passen.
Mit ein paar Effekten lässt sich vorher leicht noch ein schöner
Hintergrund erzeugen oder man verwendet die Effekte bei den eingefügten
Bildern um ihnen einen gewissen Style zu verpassen.
Zum Schluss sollte man die Schrift/den Text plazieren
Dieser sollte gut lesbar sein und auch mit einigen
schönen Effekten versehen werden.
Mit ein bisschen rumprobieren lassen sich mit den
Effekten des Programmes spitzen Ergebnisse erziehlen.
<b>----------------------------------
<i>Genauere Erläuterungen:</i>
----------------------------------<i>Hintergrund</i>----------------------------------</b>
Mit Photoshop kann man ganz leicht schöne Hintergründe für einen
Banner entwerfen.
Dazu solltet ihr ein bisschen mit den Filtern rumspielen.
Ihr könnt einen einfachen Farbverlauf oder aber
den nützlichen Wolken Filter benutzen.
Mit den Photoshopwolken kann man durch einige
Weichzeichnungsfilter schnell einen coolen Hintergrund zaubern.
Diesen Hintergrund kann man dann leicht mit Bild > Einstellen > Sättigung/Farbton einfärben.
Einach unten bei Färben einen Haken machen und dann mit den Reglern rumspielen bis man die geschwünschte Farbe erreicht hat.
Auch ein Text der kaum sichtbar (Tranparent) ist kann dem
Hintergrund einen besonderen kick verleihen.
Diese Texte nimmt man dann meist in einer großen Schrift
so das sie den ganzen Banner bedecken.
Probiert es aus!
<p align=left>
<b>-----<i>Praxis für Photoshop</i>-----</b>
-neuen layer
-noise>add noise(störungsfilter>störung hinzufügen)[monochromatic,uniform,nach eigenem ermessen]
-layer kopieren
-layer a mit blur>motion blur[0°,nach eigenem ermessen]
-layer b mit blur>motion blur[90°,ebenfalls eigenes ermessen]
-layer a über layer b setzen und sichtbarkeit(opaticity oder so) so einstellen das man beide layer erkennen kann
-beide layer mergen(STRG+E,wenn der obere ausgewählt ist)
so nun gibt es noch 2 möglichkeiten
1)
-stylize>glowing edges[einstellen wie man lustig ist]
-(eventuel invertieren, strg i)
-färben mit strg u und haken bei colorize
2)
-stylize>find edges[wie mans will]
-stylize>glowing edges[einstellen wie man lustig ist]
-(eventuel invertieren, strg i)
-färben mit strg u und haken bei colorize
<i>added by deamon</i>
</p>
<b>----------------------------------<i>Animierte Banner</i>----------------------------------</b>
Um einen animierten/bewegten Banner zu erstellen, benötigt ihr ein Programm wie den Ulead Gif Animator, der bei PaintshopPro dabei ist.
Hiermit lassen sich ganz leicht verschiedene Bilder auswählen, die dann per Animation gewechselt werden.
Das Programm ist einfach zu bedienen, deshalb gehe ich darauf nicht weiter ein.
Animierte Banner können nur im gif Format gespeichert werden!
Als alternative bietet sich die Möglichkeit einen Flashbanner zu bauen.
Hier hab ich allerdings keine Erfahrung und kann daher nichts dazu Erläutern.
Flashbanner haben immer das swf Format.
<b>----------------------------------<i>Einbau im Forum</i>----------------------------------</b>
um euren Banner im Forum hier einzubauen benötigt ihr folgenden Code:
<font face=system>[ IMG]http://www.url.de/banner.jpg[ /IMG]</font>
Um einen Banner zu verlinken benutzt ihr folgenden Code:
<font face=system>[ URL="http://www.url.de"][ IMG]http://www.url.de/banner.jpg[ /IMG][ /URL]</font>
das ganze ohne die Leerzeichen nach den [ !!!
Den Forum-Code kann man auch in der Hilfe nachlesen.
<center>
<b>---------------------------------------------------------------
Viel Spaß beim Bannerbau!
---------------------------------------------------------------</b>
<b>----------------------------------<i>Bannerwünsche</i>----------------------------------</b>
Wenn ihr einen Banner erstellt haben wollt, postet einfach, was für einen Text er enthalten soll, welche Farben ihr euch vorgestellt habt und welche Bilder drin vorkommen sollen (alles optional).
</center>
<table border=0>
<tr><td bgcolor=black><center><font face=Verdana size=2>
<b>Durch Posts von euch kann diese Anleitung noch Verbessert oder Erweitert werden.
Hier können ebenfalls User Posten, die etwas nich verstanden haben bzw. keine Lust haben einen Banner zu bauen und einen gemacht haben wollen.
Die geschriebenen Posts werden nach ihrer bearbeitung gelöscht.</b>
</td></tr>
</table>
Last edited: