https://zefanjas.de/tags/icons/ Recent content in Icons on zefanjas.de - Open Source & Education Hugo -- gohugo.io de-DE Mon, 26 Jan 2009 14:15:01 +0000 https://zefanjas.de/schone-icons-mit-inkscape/ Mon, 26 Jan 2009 14:15:01 +0000 https://zefanjas.de/schone-icons-mit-inkscape/ <p>Heute will ich kurz zeigen, wie man mit ein paar Schritten schöne Icons mit <a href="http://wiki.ubuntuusers.de/Inkscape">Inkscape</a> gestalten kann.</p> <p>Zuerst öffnet man Inkscape und zeichnet z.B. einen Kreis. Man kann natürlich auch eine andere Form nehmen. Als nächstes dupliziert man den Kreis (mit <strong>Strg+D</strong>) und verschiebt ihn an eine andere Stelle. Bei gedrückter Strg-Taste bleibt die horizontale bzw. vertikale Ausrichtung gleich.</p> <img loading="lazy" decoding="async" class="aligncenter size-medium wp-image-141" title="2kreise1" src="http://zefanja.files.wordpress.com/2009/01/2kreise1.png?w=300" alt="2kreise1" width="183" height="103" /> <p>Nun bearbeitet man den zweiten Kreis so mit dem Pfadwerkzeug (Umschalt+F6), dass ein Bogen entsteht. Der Bogen ist das Wichtige. Ansonsten muss der Pfad noch geschlossen werden, d.h. am Anfangspunkt wieder enden.</p> <img loading="lazy" decoding="async" class="aligncenter size-medium wp-image-143" title="pfadkreis2" src="http://zefanja.files.wordpress.com/2009/01/pfadkreis2.png?w=298" alt="pfadkreis2" width="155" height="156" /> <p>Dann markiert man den Kreis und den Pfad (Umschalt gedrückt halten) und wählt im Pfad-Menü <em>Intersektion</em> aus. Das „Reststück“ wird nun weiß eingefärbt und wieder zurück über den ersten Kreis geschoben.</p> <p style="text-align:center;"> <a href="http://zefanja.files.wordpress.com/2009/01/einweisen1.png?w=100"><img loading="lazy" decoding="async" class="aligncenter size-thumbnail wp-image-146" title="einweisen1" src="http://zefanja.files.wordpress.com/2009/01/einweisen1.png?w=100" alt="einweisen1" width="100" height="95" /></a> </p> <p>Der nächste Schritt besteht in der Anpassung der Deckkraft. Um einen „Glaseffekt“ hinzu bekommen, empfiehlt sich eine Deckkraft zw. 20% und 30% – je nach Geschmack.</p> <p>Auf dem Kreis braucht man jetzt nur noch ein Symbol oder Text einfügen. Dabei sollte man darauf achten, dass die Symbol bzw. Textebene zwischen den „Kreisen“ liegt. Jetzt ist man eigentlich schon fertig, doch man kann dem Icon noch ein wenig Unschärfe am Rand hinzufügen. Dazu passt man die Unschärfe bei dem ersten Kreis an.</p> <p style="text-align:center;"> <a href="http://zefanja.files.wordpress.com/2009/01/unscharfe2.png"><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-148" title="unscharfe2" src="http://zefanja.files.wordpress.com/2009/01/unscharfe2.png" alt="unscharfe2" width="320" height="169" /></a> </p> <p style="text-align:center;"> So&#8230;das war es dann aber auch schon. Fertig ist das Icon! </p> <p style="text-align:center;"> <a href="http://zefanja.files.wordpress.com/2009/01/logofertig1.png"><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-149" title="logofertig1" src="http://zefanja.files.wordpress.com/2009/01/logofertig1.png" alt="logofertig1" width="156" height="157" /></a> </p> <p style="text-align:left;"> Im <a href="http://wiki.ubuntuusers.de/Inkscape">Wiki-Artikel</a> findet man noch viele weitere Links zu Tutorials, die einen Blick wert sind. </p>