Wie sehen die Bilder aus?
Stephan
- grafik
0 MudGuard0 Stephan0 Der Hans
0 dbenzhuser0 Fritz
Hallo,
ich habe nicht viel Ahnung von der Logoerstellung, habe mich aber trotzdem mal etwas angestrengt. Könnt ihr euch die mal ansehen und Euere Meinung sagen?
http://www.bildungszentrum-hyperkinetik.de/de/index2.php3 (Die drei unten in der Mitte)
http://life.bildungszentrum-hyperkinetik.de/index.php3?site=ads
http://www.bzhgroup.com/germany/business.php3?site=managementtraining
und
http://www.bzhgroup.com/germany/business.php3?site=sprachencoaching
Bei dem ersten Link bei dem Bild mit dem L(exikon) meinte Tom, es sehe aus, wie ein Tisch, der um die Ecke geht.
Wäre toll, wenn mir jemand Tipps geben könnte...
Danke schon jetzt
Stephan
Hi,
ich habe nicht viel Ahnung von der Logoerstellung, habe mich aber trotzdem mal etwas angestrengt. Könnt ihr euch die mal ansehen und Euere Meinung sagen?
Du solltest in Deinem Graphikprogramm mal das Anti-Aliasing aktivieren.
cu,
Andreas
Was heisst das und wo mache ich das? Habe Paint Shop Pro 7...
Hallo,
Was heisst das und wo mache ich das?
zur ersten Frage: der Computer kann nur kleine vierecke "malen" (Pixel). eine schräge Linie malt er als Treppe. Damit aber diese Treppe nicht so sehr wie eine Treppe aussieht (eins rechts, eins rauf, eins rechts etc) kann man tricksen. Man "verwässert" den Rand in dem man hellere Farben "drumherum" malt (bzw eben den PC das malen läst): defacto besteht die Linie immer noch nur aus vierecken, die aneinander gereiht wurden, aber das menschliche Auge nimmt das im gewusel der weiteren, meist helleren Farben nicht mehr so arg wahr. Nachteil der Technik: der Rand wird etwas "aufgeweicht", eben wie weichgezeichnet. Hier ein Beispiel eines Kreises mit und ohne Antialisierung inklusive einer Vergrößerung der entsprechenden Stellen. Du wirst sehen, der linke Kreis sieht weniger "ausgefranst" aus....
<img src="http://www.chraecker.de/forum/antikreis.gif" border="0" alt="">
Nun zur zweiten Frage: in PSP gibt es zu jedem Werkzeug ein Eigenschaftenfenster, Stilpalette genannt. Sollte das bei Dir ausgeblendet sein, dann drück mal die F7-Taste. Bei allen "linienwerkzeugen" (also Formen, Linien und Text etc) gibt es eine Häkchenmöglichkeit für Antialiasierung:
<img src="http://www.chraecker.de/forum/antia.gif" border="0" alt="">
Chräcker
Ah, klasse, Danke! Was hälst Du von den Bildern, findest Du die gut oder nicht??
Wäre für Deine Meinung dankbar...
Stephan
Hallo,
ahhh, wie sage ich es dem Kinde ;-) Also mal so: noch entwicklungsfähig ;-)
Also: Bevor wir (ich) drangehen kann, uns geschmacklich Deine Bilder anzusehen, solltest Du (wir ,-)) noch mehr grundsätzliche theoretische Vorarbeit leisten.
Wenn ich das richtig verstanden habe, bastelst Du da keine Logos (Firmenerkennungszeichen) sondern Pictogramme. Dieser Unterschied (den ich jetzt nicht durch Dudennachschlagen gefestigt habe ;-)) ist wichtig. Es geht doch hier um Symbole, die eine "grafische" Themenverstärkende Aussagekraft haben soll. Sie sollen leiten, das Hirn unterstützen, Erinnerungen wachrufen (und eben nicht an "Tisch" denken lassen, wenn es um "Lexikon" geht) und der Seite einen Zusammenhalt durch eine gewisse vereinheitlichung geben. Dabei sollen sie auch noch sich in die Formensprache der ganzen Seite integrieren.
Du hast z.Bsp. letzteres durch die Farbwahl versucht. Aber Du nutzt verschiedene Blautöne. (der Punkt bei bzh-News, der zum Ball wird oder das eigentliche Firmenlogo....)
Dann nutzt Du für die Pictogramme unterschiedliche Stile. Sie haben zwar alle einen gleichen Rahmen, aber sie sind unterschiedlich groß (ADS ist größer als die anderen) und mal stehtv Text drin, mal nicht, mal ist der Text mit einer Linie vom Bild abgegrenzt, mal nicht (managerTraining....apropo: mal verläst die Grafik den Rahmen, mal nicht ;-) alles, ohne einen Sinn erkennen zu lassen.)
Das alles ist noch etwas "wirr" und sollte als erstes gestriegelt werden. Denn diese Pictogramme leiten und helfen und erfreuen nur, wenn sie einheitlicher sind damit man sie schneller erkennt und die Seite einen einheitlicheren "Look" bekommt und man ein Geländer in ihnen sieht. Mein Sohn (ein-einhalb) liebt Geländer ;-))
Mir persönlich gefällt übrigens das Schema: "oben Bild, dann Strich, dann Text" am besten.... beim community-Picto würde ich die beiden "Forums" rausschmeissen (steht doch schon als Link dadrunter) und schon hast Du ein weiteres einheitliches Schema wie folgt:
Der "Satz" Pictogramme sollte aus einem Guß sein. (Du könntest häöchstens nacher überlegen, mal für jedes eine andere Farbe zu nehmen, aus einer möglichst einheitlichen Stimmungs-Palette, sagen wir "Pastelltöne" oder was-weiß-ich. Das gäbe der Seite noch eine "Farbcodierung" - aber später, später.... Wenn Du die Pictogramme in PSP als Vektor erstellst, dann ist das Umfärben ja nacher kein Problem. Lediglich reine "Rastergrafik" kann man kaum noch nachhaltig umfärben, wegen dem Antialisierung.... (oder wie man das nun schreibt ;-))
Chräcker
OK, dann setzte ich mich heute dran und bringe alles in ein einheitliches Muster:
Text/Symbol
Strich
BZH-blabla
Danke für den Tipp!
Jetzt muss ich mir nur noch überlegen, wie ich das Bild Community mache...
Danke für die Hilfe
Stephan
Hallo.
Wenn ich das richtig verstanden habe, bastelst Du da keine Logos (Firmenerkennungszeichen) sondern Pictogramme. Dieser Unterschied (den ich jetzt nicht durch Dudennachschlagen gefestigt habe ;-)) ist wichtig. Es geht doch hier um Symbole, die eine "grafische" Themenverstärkende Aussagekraft haben soll.
Ich stimme deinen anderen Ausführungen gern zu, aber Pictogramme beziehen ihre Deutlichkeit eben daraus, dass sie meist keine Symbole, sondern Ikons oder Indizes sind. Und genau darin unterscheiden sie sich sehr häufig von Logos.
MfG, at
Moin!
Du solltest in Deinem Graphikprogramm mal das Anti-Aliasing aktivieren.
Das wäre zu einfach: Er sollte sie mal kleiner machen und nicht keiner machen _lassen_!
Gruß
Der Hans
OK, das ist eine gute Idee, sonst ist ja so viel Ladezeit...
Moin!
OK, das ist eine gute Idee, sonst ist ja so viel Ladezeit...
Und man könnte (s.o.) auf die Idee kommen, du hättest keine Ahnung von Anti-Aliasing ;-)
Gruß
Der Hans
Habe ich auch nicht, was muss ich machen?
Moin!
Habe ich auch nicht, was muss ich machen?
O.k., das kommt vielleicht erschwerend hinzu! ;-)
Du musst gar nichts machen, dein Grafikprogramm scheint das automatisch korrekt
eingestellt zuhaben ... per default quasi.
Du musst nur die Grafiken verkleinern und schauen, wie sie dann aussehen.
Da kann ich dir schon sehr unterschiedliche Ergebnisse versprechen.
Bei den schlechteren Ergebissen empfehle ich komplett andere Motive!
Gruß
Der Hans
Hallo,
OK, das ist eine gute Idee, sonst ist ja so viel Ladezeit...
nicht nur das. Es ist auch eine Qualitätsfrage. Schau mal, der Browser muß ja nun das Bild verkleinern. Von 480.333 Pixeln bleiben nach der Verkleinerung nur noch 32.400 Pixel übrig. Die restlichen "schmeist" er einfach weg. Und das "ohne Sinn und Verstand", weil er (als Browser) für so eine Aufgabe gar nicht gedacht ist. Dadurch wird aus England (z.Bsp.) so ein undefinierbarer Pixelhaufen:
<img src="http://www.chraecker.de/forum/171103-1.gif" border="0" alt="">
Besser (aber noch nicht optimal!) wäre es, diese Verkleinerungsarbeit Deinem Grafikprogramm zu überlassen. Es hat da verschiedene ausgeklügelte Routinen zur Verfügung, von denen kannst Du Dir gar eine aussuchen. (Achtung: in PSP nicht das "Deformationswerkzeug" dazu nutzen, das arbeitet auch noch nicht optimal, sondern bei Deinem PSP7 in Bild=>Bildgröße ändern.... und dort darauf achten, das unten "smart" als Änderungsmethode eingestellt ist, das haut in 90% der Fälle hin.... und die Farbanzahl sollte auf jedenfall 24 Bit tief sein (wie normalerweise....)
Dann sähe Dein Logo wie links aus:
<img src="http://www.chraecker.de/forum/171103-2.gif" border="0" alt="">
Aber auch das ist noch nicht optimal, wie Du an der Schrift sehen kannst. Wichtige Regel bei solch "grafischen" Bildern/Logos/Pictogramme: erstelle sie letztendlich in der Größe, in der Du sie auch nacher brauchst. Wenn Du sie in PSP als Vektorgrafik erstellst, dann kannst Du sie nacher auch noch verkleinern.
Vor allem Schrift sollte man immer in der nacher tatsächlich benötigten Größe stezen (also malen)....
Und noch was: solche "grafischen" Bilder sollte man möglichst in gif oder png abspeichern, und nicht als jpg. (In PSP auf Datei=>Export=>gif-optimierung und dort noch die Farben reduzieren....)
Ein Grundsatzartikel findest Du darüber hier:
http://aktuell.de.selfhtml.org/artikel/grafik/gif-jpeg/index.htm
Chräcker
OK, dann ist das ja Arbeit ;-)
Aber was haltet ihr von den Motiven? Sind die gut gewählt?
Hallo.
Aber was haltet ihr von den Motiven? Sind die gut gewählt?
Frage ein Unbeteiligten nach dem Sinn der Pictogramme und stelle fest, dass sie nicht gut gewählt sind. Dann suche dir einige gute Bücher oder Tutorien im Netz und fange von vorn an. Und entwickle auch gleich ein neues Logo. Deine Lernwilligkeit, Dialogfreude und Verbissenheitheit im positiven Sinne werde dich auch dabei schnell zu besseren Ergebnissen kommen lassen.
MfG, at
Servus
Wäre toll, wenn mir jemand Tipps geben könnte...
Das mit der Größenanpassung wurde ja schon gesagt.
Außerdem solltest du für solche Bilder (wenig Farben, Schemazeichnung, etc.) auf jeden Fall das GIF (alternativ PNG) -Format wählen. das gibt neben wahrscheinlich kleineren Dateien auf jeden fall ein saubereres Bild, weil die Kompressionsartefakte wegfallen.
Und ja, das Ding sieht aus wie ein Tisch :)
dbenzhuser
Hallo, danke, dann mache ich die in das GIF-Format (gehe aber erst Essen :-)) und wie kann ich denn das machen, dass es nicht mehr aussieht wie ein Tisch, soll ich die 90° Linien verbinden, die das Ding 3d machen??
Danke schon jetzt
Stephan
hi,
und wie kann ich denn das machen, dass es nicht mehr aussieht wie ein Tisch, soll ich die 90° Linien verbinden, die das Ding 3d machen??
vor allem solltest du dir mal klar machen, dass die entwicklung eines aussagekräftigen, zu einem unternehmen o.ä. passenden logos mehr aufwand bedeutet, also mal eben fünf minütchen im grafikprogramm irgendwelche formen zusammenzubasteln.
und gutes logo besteht nicht aus ein paar formelementen mit 3D-effekt, die "gut aussehen", sondern da sollte mehr dahinterstecken.
gruss,
wahsaga
Das waren viel mehr als 5 Minuten, die ich da dransaß...
Hallo Stephan,
_Alle_ Deine Bilder haben einen weißen Hintergrund, auch die Rahmengrafiken etc.
Da ich aber auf meinem Browser einen andersfarbigen Hintergrund eingestellt habe, sitzen alle Deine Bilder in weißen Kästchen. Sieht nicht sehr elegant aus.
Mach entweder den Hintergrund Deiner Seiten auch weiß, oder die Bilder mit transparentem Hintergrund.
Gruß Fritz
Hallo,
Mach entweder den Hintergrund Deiner Seiten auch weiß, oder die
Bilder mit transparentem Hintergrund.
...und da Stephan gerade "lernt", was Antialisierung bedeutet, geht nur ersteres. Denn Antialisierung arbeitet Hintergrundabhängig und kann sich, einmal als gif abgespeichert, nicht mehr den individuellen Hintergründen der Besucher anpassen. (Jaja, mit png und einem anständigem Browser wäre das möglich ;-))
Chräcker
Ich habe gerade die hintergrundfarbe eingestellt und arbeite an meinen Logos :-)
Danke fpr die Antwort
Stephan