Wie Banner für Homepage erstellen?

[Pixelmauz]

Hey @ all,

ich hab vor kurzem erst mit diesem ganzen Bereich Freundschaft geschlossen, soll heißen ich lerne noch nicht so lang.

Als Übung wollte ich (soweit ich mit html komme) eine Homepage erstellen und wollte oben ein Banner haben.

Das Banner sollte links ein Bild von meinem Hund sein und rechts eines von mir und dann halt nen schönen Hintergrund, so das man nicht sieht das es quasi zwei Bilder sind.

Wie ich das ganze in die html datei einbinde weiß ich und das es 450px breit sein soll auch, ich mag nur wissen wie ich dieses Banner hinbekomme.

Geht das mit Photo Filtre?:confused:

Wenn ja wär ne Erklärung schon cool oder ne seite die mir weiter hilft.

Wenn nein ... womit würde es gehen?

Ich danke euch für Antworten und verzeiht bitte die ganzen Fragen wie gesagt ist das Neuland für mich, bin aber willig zu lernen.

[Chief Wiggum]

Soetwas erstellt man mit einem Grafikbearbeitungsprogramm.

Je nach Betriebssystem:

Adobe Photoshop, Gimp, Paint.NET oder andere Verdächtige verwenden.

Achso: Photobearbeitung will auch gelernt sein und wird erstmal mehr Frustration als Erfolg bescheren.

[Pixelmauz]

Achso: Photobearbeitung will auch gelernt sein und wird erstmal mehr Frustration als Erfolg bescheren.

Das ist halb so wild, naja sagen wir mal so, aller anfang ist schwer.

Aber gut Photoshop hab ich auch.

Mein Problem ist jetzt im großen und ganzen, ich habe ein Hintergrung und möchte nun von einem Foto von meinem Hund, nur meinen Hund haben, sprich der Hintergrund des normalen Fotos ist weg und ich setzte quasie nur meinen Hund auf den Hintergrund des Banners.

Wie schneide ich den Hund am besten aus dem Bild, gibt es da einen Trick?

Meine Güte hoffe mein Erklärung hat jemand verstanden!

Bearbeitet 2. April 2009 von Pixelmauz

[hellslawyer]

Sowas nennt man "freistellen". Je nach Hintergrund kann das äußerst komplex oder verflucht einfach sein. Da aber niemand hier Deine Bilder kennt, wird auch niemand wirklich was dazu sagen können. Nur soviel: Eine professionelle Freistellung mit Nachbearbeitung dauert nicht nur etliche Stunden, sondern wird für gewöhnlich auch sehr gut bezahlt.

[Pixelmauz]

Hört sich nach viel arbeit an

hmm ... sollt ich das wohl erstmal nach hinten verschieben.

Naja das Bild kann ich euch ja trotzdem mal zeigen.

Wollte davon nur den Hund und die Tastatur vor der sie sitzt und der rest sollte weg.

[flashpixx]

Ich schließe mich da meinen Vorpostern an. Ich arbeite mit einem Tablet (von Wacom), um exakte Freistellungen zu erhalten. Je nach Größe und Komplexität kann das schon mal einige Wochen dauern.

Was für den Anfänger relativ gute Ergebnisse liefert wäre dieses Tool SIOX: Simple Interactive Object Extraction

Du wirst aber um eine manuelle Handbearbeitung nicht herum kommen

Phil

[Pixelmauz]

Hey cool danke für den Tipp, werde mich mit deinem Link mal beschäftigen.

[Pimpermann]

Das hier könnte helfen

[Pixelmauz]

So hab mich mal versucht, es ist zwar nicht sonderlich gut, aber

für meinen Kenntnissstand und fürs erste mal finde ich es gelungen.

Was sagt ihr?

[Chief Wiggum]

Du solltest das ganze bitte auf Ladezeiten optimieren.

1,2 MB sind *hust* etwas gross und für was für Auflösungen willst du das optimieren, wenn du über 2000 Pixel Breite veranschlagst?

[Pixelmauz]

Nun ich sagte ja auch nicht das es perfekt ist.

Ich werde es noch kleiner machen, aber es ging sich mir jetzt mehr so darum,

ob das vom Aussehen okay ist.

[hellslawyer]

Nein, sorry, aber setzen: 6!

Schlecht freigestellt, Gradation stimmt nicht, Achsen sind falsch, Format ist kein Bannerformat, Typo ist grausam, Einpassungen sind nicht vorhanden, thematische zusammenhänge sind mehr als unersichtlich (was hat ein Hund mit ner Welle zu tun) ...

Sorry, aber sowas willst du nicht wirklich veröffentlichen, oder? Wenn ich das richtig im Hinterkopf habe, willst Du was in Richtung Webdesign machen?! Dann bitte erstmal die Grundlagen lernen!

Bitte nicht falsch verstehen, aber ich gebe dir lieber eine harte und dafür ehrliche Antwort, als zu sagen, dass das total toll ist, obwohl es echter mist ist.

Also bitte noch einmal von vorne anfangen und alle Elemente entsprechend aufeinander abstimmen.

[Chief Wiggum]

Ehrlich?

Proportionen stimmen überhaupt nicht: du bist so gross wie der Hund, der ein Handtaschenterrier sein muss, wenn man ihn mit der Tastatur vergleicht.

Und was hat die Welle thematisch damit zu tun?

Also ehrlich, aber das ist nicht besonders...

[Martex]

Noch einen Tipp für später:

Was gerne gemacht wird, ist scanlines über das Bild zu legen.

Damit kann man viel rausholen; wenn du die schon angesprochenen Problemchen beseitigt hast, versuch es mal.

http://www.psd-tutorials.de/images/membertutorials/748-big.gif

(Beispiel)

[Pixelmauz]

Also nur erstmal so mein Hund ist kein Taschenterrier, ich hasse solche kleinen Viehcher, wenn sie sich hinter der Tastatur so zusammen kugelt, kann ich da auch nichts für.

Die Welle ist ganz einfach zu erlären, da ich,mein Hund und die anderen Tiere gerne am/im Meer sind.

Nun ich habe nichts gegen kritik, deswegen habe ich es euch ja gezeigt aber das fand ich doch schon ganz schön hart, es als 6 abzustempeln, möchte gerne mal wissen wie ihr beim ersten Versuch da gehangen habt.

[flashpixx]

Die Welle ist ganz einfach zu erlären, da ich,mein Hund und die anderen Tiere gerne am/im Meer sind.

Diese Information hat aber der Benutzer nicht, der das Banner sieht.

Nun ich habe nichts gegen kritik, deswegen habe ich es euch ja gezeigt aber das fand ich doch schon ganz schön hart, es als 6 abzustempeln, möchte gerne mal wissen wie ihr beim ersten Versuch da gehangen habt.

Sieh es einmal so, dass es realistisch ist. Es geht hier um eine fachliche Kritik und das Banner ist definitiv weit von einem qualitativ hochwertigen Ergebnis entfernt. Die Kritikpunkte über die Achsen, Qualität der Freistellung usw sich durchaus gerechtfertigt.

Wenn Du wirklich qualitative gute Ergebnisse erzielen willst, dann würde ich anfangen im Bereich Graphikdesign entsprechend zu lernen

Phil

[Pixelmauz]

Diese Information hat aber der Benutzer nicht, der das Banner sieht.

Nun sie ist aber in der HP auf der Hauptseite zu finden.

Sieh es einmal so, dass es realistisch ist. Es geht hier um eine fachliche Kritik und das Banner ist definitiv weit von einem qualitativ hochwertigen Ergebnis entfernt. Die Kritikpunkte über die Achsen, Qualität der Freistellung usw sich durchaus gerechtfertigt.

Nun ich habe nie behauptet das es ein "qualitativ hochwertiges Ergebniss" ist, wie ich schon geschrieben habe ist das mein erster Versuch gewesen.

Ich habe dieses nie in der Schule oder sonst wo gelernt.

Wenn Du wirklich qualitative gute Ergebnisse erzielen willst, dann würde ich anfangen im Bereich Graphikdesign entsprechend zu lernen

Ich habe bisher nur html gelernt, da ich mich erst seit kurzem damit beschäftige und nicht direkt alles auf einmal in meinen Kopf knallen kann.

Wenn ich das richtig im Hinterkopf habe, willst Du was in Richtung Webdesign machen?!

Ähm ich will das lernen und nicht vorher schon alles können, ich meine wofür gibt es eine Weiterbildung? Um sich Weiterzubilden, um neues zu lernen und nicht um vorher schon der super-alles-könner zu sein.

[flashpixx]

Nun sie ist aber in der HP auf der Hauptseite zu finden.

Nein, so kannst Du nicht argumentieren. Gerade, wenn man in diesem Bereich lernt, dann gibt es gewisse Regeln (Wahrnehmungspsychologie), die besagen, wie ein Besucher einer Webseite, die Informationen wahrnimmt. Als Beispiel blenden westeuropäische Surfer den linken oberen Bereich aus, da wir häufig dort mit Werbung konfrontiert werden, denn wir beginnen oben links an zu lesen. Im asiatischen Raum sieht dieses Verhalten nun wieder anders aus.

Nun ich habe nie behauptet das es ein "qualitativ hochwertiges Ergebniss" ist, wie ich schon geschrieben habe ist das mein erster Versuch gewesen.

Ich habe dieses nie in der Schule oder sonst wo gelernt.

Dann musst Du damit auch leben, wenn Du hier in einem Fachforum "zerrissen" wirst. Aber auch hier der Hinweis, dass es auch im semi-professionellen Bereich deutlich bessere Ergebnisse gibt. Jeder hat Verständnis, dass es der erste Versuch ist, nur erwarte auch nicht, dass Du dafür Lorbeeren bekommst.

Ich habe bisher nur html gelernt, da ich mich erst seit kurzem damit beschäftige und nicht direkt alles auf einmal in meinen Kopf knallen kann.

Hier im Forum gibt es es Leute, die eine Ausbildung und/oder ein Studium abgeschlossen haben und jahrelange Berufserfahrung haben. Diese bewerten nun Deine Arbeit eben aus dieser Sicht. Es ist eben der Unterschied, ob man z.B. 3 Jahre Ausbildung + 5 Jahre Studium absolviert gegenüber Dir. Ich kann in einem solchen Zeitraum mehr lernen, nur meine Professoren loben mich auch nicht, wenn ich den ersten Versuch abgebe. Da steht dann im schlimmsten Fall, wenn es den Anforderungen nicht genügt n.b. (nicht bestanden).

Ähm ich will das lernen und nicht vorher schon alles können, ich meine wofür gibt es eine Weiterbildung? Um sich Weiterzubilden, um neues zu lernen und nicht um vorher schon der super-alles-könner zu sein.

Sicherlich klar, aber erwarte nicht, dass Du für jeden Schritt gelobt wirst. Dein erster Versuch reicht eben noch nicht aus, versuche eben aufgrund der hier direkten Kritik einen zweiten, dritten, vierten ... Versuch. Es ist normal, dass man eben nicht alles kann, es erwartet auch niemand, aber es wird erwartet, dass man eben mehr lernt. Und es wurde Dir ja schon zu Beginn des Posts gesagt, dass Du zunächst erst einmal viele Niederlagen haben wirst.

Besorge Dir Literatur, lies Tutorials und versuche bessere Ergebnisse zu erhalten

Phil