Seite 1 von 1

Symbolrand definieren

Verfasst: Fr 15. Jan 2010, 15:03
von Aldi_Sniper
Bislang konnte mir google nicht viel geben, aber ich weiß auch nicht genau, nach welchen Begriffen ich suchen muss.

Ich hoffe Ihr könnt mir bei folgendem Problem weiterhelfen:

Ich möchte ein Logo abspeichern. Die Form des Logos ist für die Problemstellung unwichtig, aber man kann von einem Stern ausgehen, um das Problem zu verdeutlichen:
Die Sternform selber soll den Rand des Logos definieren. Wenn ich ein Bild irgendwo (als Rechteck) einfüge, sind außerhalb der Ränder weiße Flächen. Wenn ich diesen "Stern" nun irgendwo einfüge, soll der Bereich zwischen den Zacken transparent sein.

Ich hab das Ganze mal stark vereinfacht in ein Bild gezeichnet, um das Problem zu verdeutlichen (sorry für den großen weißen rand):
Spoiler: anzeigen
Bild
Die weißen Bereiche außerhalb des Sterns sollen transparent (hier also blau) sein. Wie kann ich das realisieren?

Re: Symbolrand definieren

Verfasst: Fr 15. Jan 2010, 15:11
von Spike
Mit einem entsprechenden Programm. Entweder den Stern in Vektoren anlegen (z. B. Adobe Illustrator) oder den blauen Bereich drumherum nachträglich mit einem Grafikprogramm (z. B. Photoshop) freistellen, dann als transparente GIF oder PNG abspeichern.

Re: Symbolrand definieren

Verfasst: Fr 15. Jan 2010, 16:34
von Aldi_Sniper
Ok, in der Richtung bin ich bislang auch weiter gekommen: Es muss definitiv als .gif abgespeichert werden und der Randbereich (der wohl definitiv vorhanden sein muss) wird als Transparent abgespeichert.

Danke!

Ich such dann mal nach geeigneten Programmen

Re: Symbolrand definieren

Verfasst: Fr 15. Jan 2010, 16:38
von Spike
Freeware:
http://www.gimp.org/

Kann dir da aber nicht weiterhelfen, da ich von berufs wegen Photoshop verfallen bin ;)

Re: Symbolrand definieren

Verfasst: Fr 15. Jan 2010, 18:39
von Aldi_Sniper
prima, damit hats geklappt! Danke

Re: Symbolrand definieren

Verfasst: Fr 15. Jan 2010, 18:49
von Scooby Doo
Geht doch ganz einfach mit Paint und Irfanview.

Ich kann Dein Bild leider nicht sehen, wird hier geblockt (wieso nicht einfach im Forum anhängen?! ;) ).

Einfach den Stern in Paint zeichnen / kopieren, die weiße Fläche blau ausfüllen (oder eben mit einer Farbe, die sonst nicht im Bild vorkommt), das Ganze nach Irfanview, save-as GIF, bei den GIF-Optionen "save transparent color" und "choose ... during save" ... das Blau im Bild auswählen, fertig.

Re: Symbolrand definieren

Verfasst: Fr 15. Jan 2010, 20:30
von Aldi_Sniper
der Stern war nur ein vereinfachtes beispiel ;-)
das logo an sich ist etwas komplizierter (ist für die firma). Daher wäre ein einfaches "nachzeichnen" ein wenig viel aufwand gewesen. mit gimp ging es gott sei dank sehr einfach

Re: Symbolrand definieren

Verfasst: Fr 15. Jan 2010, 23:09
von Scooby Doo
Na ja, einfaches copy&paste nach Paint, Außenbereich einfärben usw. hätte sicher auch geklappt ... egal, Hauptsache, Du hast jetzt das, was Du brauchtest. ;)

Re: Symbolrand definieren

Verfasst: Do 4. Mär 2010, 14:28
von iob
Firmenlogo als Gif?? Dir ist schon klar das es je nach Auflösung immer kleiner wird? :)

Mhm, ich bin Webtechnisch nicht auf dem neuesten Stand (unterstützt der ie schon svg?) aber gibts da kein Vektorformat was im Web verbreitet wird? :)

Gif unterliegen außerdem einigen beschränkungen (256 Farben z.B.) aber ansonsten viel Glück :).

Re: Symbolrand definieren

Verfasst: Do 4. Mär 2010, 14:30
von Spike
Vektoren werden nicht genutzt und Standard ist immer noch 1024 als Auflösung. Wenn dir das zu klein ist, Zoom halt im Firefox rauf ;)

Gif nutzt er nur, weil er Transparenz braucht. Ansonsten nimmt man besser JPEG für Logos ... und wenn man auf den alten IE verzichten kann auch PNG mit Transparenz. Lohnt sich aber nur, wenn Verläufe im Logo sind.