Ich werde zunächst etwas sagen, das viele vielleicht wissen ... aber es spielt keine Rolle: HTML5 + CSS3 + JS ... einfach perfekt 🙂
Ein Benutzer schrieb mir eine E-Mail und fragte mich nach einem Tutorial für ihn, um flache Symbole zu erstellen, solche, die flach sind und die die neue Mode im Web sind. Speziell gewünscht von Inkscape o Gimpe eine Schaltfläche im Chat-Stil oder etwas, das dienen würde (oder Referenz) Snapchat.
Da ich mit Inkscape schrecklich bin und auch mit Gimp Inhalte von Grund auf neu erstellen kann, stinkt es ... Ich erinnerte mich, dass ich vor einiger Zeit eine kleine Webanwendung gesehen habe (eine index.html mit einigen css und js), die es uns ermöglichten, einfache und schnelle flache Symbole in der aktuellen Art und Weise zu erstellen.
Flacher Symbolgenerator
Es hat eine Reihe von vordefinierten Symbolen, zum Beispiel Laptop-Symbol, mobile Geräte (das, das ich im Screenshot zeige), Geschenk, Fahrrad ... uff, sie sind ziemlich viel, wirklich eine große Vielfalt:
Es geht aber nicht nur darum, das Symbol zu platzieren, und jetzt ... können wir die Größe des Symbols oder die Größe des Bildes als solches (Symbol + Hintergrund) mithilfe von zwei horizontalen Balken definieren. Offensichtlich sehen wir die quadratische Größe in Pixel… 256… 512… usw.
Mit der nächsten Option können wir die Farbe des Hintergrunds sowie die Farbe des Symbols auswählen. Standardmäßig ist das Symbol weiß und der Hintergrund blau, so dass es nicht zu Konflikten kommt.
In dieser Leiste links neben den Optionen können wir schließlich definieren, ob die Ränder des Symbols quadratisch sind oder ob das Endergebnis kreisförmig sein soll.
Ich hinterlasse Ihnen einen Screenshot dieser Optionen:
Auf der anderen Seite werden im oberen Teil die Informationen des Symbols angezeigt, das in Echtzeit generiert und geändert wird. Das heißt, wenn Sie mit den Größen und Farben herumspielen, werden Sie feststellen, dass sich diese Informationen immer in Echtzeit ändern:
Wie Sie sehen können, haben wir auch einen Knopf Holen Sie sich das SymbolDies würde uns das bereits in PNG generierte Symbol auf einer anderen Registerkarte anzeigen, auf der wir mit der rechten Maustaste + Speichern klicken können. Das ist das flache Symbol, das wir im gewünschten Ordner auf unserem Computer generieren.
Laden Sie den Flat Icon Generator herunter
Wenn du es selbst ausprobieren willst (was ich mir so vorstelle, haha), hier ist der Link:
Damit hoffe ich, den Anforderungen des Benutzers per E-Mail zu entsprechen, obwohl es kein Tutorial ist, die Schaltfläche mit Gimp oder Inkscape zu erstellen. Nun, ich stelle mir immer noch vor, dass sie Ihren Wünschen entspricht. Tatsächlich können Sie nicht einfach die Schaltfläche für den Link aus generieren Snapchat herunterladen, aber es könnte sogar die überwiegende Mehrheit der Symbole oder Schaltflächen für Ihre Site oder was auch immer Sie tun generate generieren
Grüße und ich hoffe du hast es interessant gefunden.
Ich habe nicht verstanden, wie man es benutzt pueden Kannst du nur die Symboloptionen machen, die es gibt?
Es ist sehr gut, ich schreibe den Link.
Normalerweise benutze ich die IcoMoon App (https://icomoon.io/app/#/select) was auch sehr interessant und sehr vollständig ist; obwohl ich nicht weiß, ob es genau das ist, worauf sich der Beitrag bezieht.
Grüße.
Ich mochte die Idee, Symbole anzupassen, ich mochte die Links (Ihre und der Benutzer Percaff_TI99). Ich werde sie in meinen Favoriten speichern 😀
Interessante Vorschläge, obwohl ich Inkscape bereits bevorzuge, weil es so einfach ist, flache Symbole zu erstellen (tatsächlich ist es praktischer als ein anderer Vektoreditor, den ich verwendet habe, obwohl ich mich noch nicht daran gewöhnt habe, mit dieser Anwendung erweiterte Vektorgrafiken zu erstellen).
Sehr praktisch und einfach zu bedienen. Sie können diese Anforderungen auch mit Font Awesome abdecken: http://fortawesome.github.io/Font-Awesome/
Danke für das Teilen! dass 🙂
Gehen Sie so interessant sicher, dass es für viele Projekte dienen wird. Ich habe mich gefragt, wie eine Webanwendung aussieht. Kann sie für Firefox-Betriebssysteme portiert werden? Erstellen Sie eine Webanwendung, eine direkte Verknüpfung oder ähnliches, um sie zu verwenden? Entschuldigung, ich weiß nicht warum ich frage.
Jetzt, da wir Weihnachten sind, werden viele Eltern ihren Kindern ein Smartphone für Könige geben. Was ist eines der ersten Dinge, die Sie mit diesen Geräten tun werden? Ohne Zweifel wird einer von ihnen, wenn nicht der erste, das Herunterladen von Snapchat sein, und ein anderer von ihnen wird die Beschreibung von WhatsApp sein. Da es sich um kostenlose Anwendungen handelt, haben die meisten Teenager sie auf ihren Handys.
Ich denke, dass eine der Ursachen für den Erfolg von Anwendungen der Art von Snapchat in erster Linie darin besteht, dass sie kostenlos sind. Andererseits wurde die Mode geschaffen, um Bilder von fast allem zu senden, was im Laufe des Tages gemacht wird und schließlich, weil es darum geht einer sehr einfach zu bedienenden App
Ausgezeichnet! Diese Website hat mir sehr geholfen, das Logo für meine neue Website auf Snapchat zu erstellen, das mit dem Benutzer übereinstimmt, der die Abfrage durchgeführt hat. Ich schicke dir eine Umarmung aus Paraguay, die Seite ist sehr gut 😉 Grüße.