Iconset zum Download

[mfd]

Gibt es vielleicht ein Illustrator Template das man für neue Icons verwenden kann?

Ein Template gibt es bisher nicht, bzw. habe ich bisher noch keine Illustrator-Datei veröffentlicht.
Die Datei die alle(!) Ebenen der bestehenden Icons enthält ist sozusagen "Firmengeheimnis".

Was den SVG-Export angeht ist das eine schwierige Sache. Zumindest im Zusammenhang mit Illustrator.
Bisher waren die SVGs eher ein Nebenprodukt falls jemand damit basteln möchte und etwas als Vektor benötigt. Allerdings hat sich herausgestellt, dass die SVGs so wie sie von Illustrator (in meinem Fall über ein Script - MultiExporter2) ausgegeben werden für die Weiterverarbeitung eher unbrauchbar sind.

Es gab bereits einige Anfragen und auch Überlegungen im CV-Forumsteil aus den Icons eine Schriftart zu erstellen. Dazu müssten die SVGs IMHO anders vorliegen. Es ist mir bisher noch nicht auf einfachem Weg gelungen die bestehenden SVGs brauchbar umzuwandeln bzw. zu einem Font zu verbauen.

Dazu wäre es wohl deutlich besser von Illustartor z.B. auf Inkscape umzusteigen. Da sind die SVG-Möglichkeiten deutlich besser implementiert soweit ich das gesehen habe...
...auch wenn es darum geht "dynamische" Icons zu erstellen.

So oder so heißt das aber in jedem Fall, dass alle bestehenden Icons für "konforme" SVGs angepasst werden müssten.

[kex]

Hallo zusammen,

ich würd mich gerne beteiligen beim erstellen von Icons. Illustrator ist vorhanden und ich denke das nötige Talent zum Erstellen von Icons hab ich auch.
Leider fehlen mir noch ein paar Gundlagen.

Das beste was ich zu den Vorgaben bisher finden konnte war das hier:

Die Illustrator-Zeichenfläche hat eine Größe von 361x361px [...]
Das eigentliche Symbol darf maximal 222x222px belegen, was einem umlaufenden Rand von 69,5px entspricht.

Elaubte Strichstärken bzw. Konturen sind 3 (Ausnahme); 7; 10 (Standard); und 15px.

Runde Formen sind soweit möglich zu vermeiden, solange das Symbol dadurch nicht unkenntlich wird (Personen, "Rec",...) und ansonsten durch abgerundete Rechtecke zu ersetzen. Für abgerundete Rechtecke gibt es auch eine Vorgabe was die Eckenrundung(en) angeht allerdings habe ich diese gerade nicht im Kopf, hier am besten bei den vorhandenen SVGs nachsehen, z.B. Home-Button.
Wichtig ist auch, dass bei Skalierungen innerhalb eines Symbols die Strichstärken und Rundungen nicht (!) automatisch mitskalieren, da sonst o.g. Bedingungen nicht mehr erfüllt sind.

Ich hab rausgefunden dass der Home Button eine Eckenrundung von 32,5 px hat.

Was mir noch probleme bereitet ist der Export als SVG: Die Normale Speichern bzw. Export Funktion des Illustrators erzeugt ein anders SVG als die Icons in dem Iconset. Hier im Forum ein spezielles Skript für den Export erwähnt, leider konnte ich das Skript nirgens finden.

Oder muss die SVG Datei nachträglich durch ein weiteres Tool optimiert werden, oder passiert das sogar von Hand?

Gibt es vielleicht ein Illustrator Template das man für neue Icons verwenden kann?

Gruß
Kex

[mfd]

Ein paar User-Wünsche gehen wieder in Erfüllung. Einheitliches Design für Info-Symbole, Menüelemente. Ab sofort im Git.
Hier ein Auszug:

[starwarsfan]

Hallo miteinander

Super Bugs. Danke dafür. Sind schon eingebaut.

Also ohne den Kontext drumherum kann man diese Aussage auch ganz anders verstehen...

SCNR...

[dibbler42]

Super Bugs. Danke dafür. Sind schon eingebaut.

Thomas

[mfd]

Käfer ist ab sofort im Git verfügbar

message_bug
message_bug_filled

[dibbler42]

Ich hab mir gerade eine Debug-Bereich eingerichtet, in dem alle wichtigen und unwichtigen Daten angezeigt werden. Hier wäre ein Bug Icon super.

Danke für das Tolle Icon Set.

Thomas

[wintermute]

so, Bier ist da...
und "?" und "!" auch.
[ATTACH=CONFIG]n865880[/ATTACH] [ATTACH=CONFIG]n865881[/ATTACH]

Besten Dank!
Wenngleich ich die Auflistung "?-Bier-!" irgendwie "stimmiger" gefunden hätte

gruesse :: Michael

[starwarsfan]

Hi

so, Bier ist da...
und "?" und "!" auch.

Super, vielen Dank!

[mfd]

so, Bier ist da...
und "?" und "!" auch.
text_question_mark.png scene_beer.png

[Rasetech]

Ah das wusste ich nicht, danke!

[stBorchert]

Vielleicht stellt ja mfd ein SVG einer seiner Grafiken zur Verfügung, ich würde es gerne testen.

Die SVG-Dateien sind alle auf github verfügbar: https://github.com/OpenAutomationPro...master/raw_svg

[Rasetech]

Schade, ich habe damit keine Erfahrung bin nur gestern drüber gestolpert, vielleicht wurde der Importer mittlerweile verbessert.

Vielleicht stellt ja mfd ein SVG einer seiner Grafiken zur Verfügung, ich würde es gerne testen.

[stBorchert]

Rasetech Ich hatte auch schonmal mit fontastic und icoMoon herumgespielt. Allerdings werden die SVGs nicht sauber importiert, da die Pfade (soweit ich mich erinnere) nicht auf einer Ebene liegen (siehe dazu auch https://knx-user-forum.de/forum/play...230#post662230).
Ich hab leider keinen Weg gefunden, die SVGs per Batch so umzuwandeln, dass sie dann für die Font-Generatoren verwendbar sind.

[Rasetech]

mfd Vielen Dank für deine Antwort, ich bin gestern auf diese Seite gestoßen: http://fontastic.me/ Anscheinend muss man nur die SVG Rohdaten der Icons Uploaden, der Upload nimmt natürlich einige Zeit in Anspruch, aber einmal erledigt bietet ein Font enorme Vorteile gegenüber Grafiken bzgl. Skalierbarkeit, Farbwechsel etc.