Share
Gravit Designer ist meiner Meinung nach das nächste große Vektorbearbeitungsprogramm. Es ist benutzerfreundlich, professionell und wirklich plattformübergreifend, da es im Browser, unter Linux, Mac, ChromeOS und Windows funktioniert und zu einem späteren Zeitpunkt auch auf iPad und Android verfügbar sein wird. Es ist in der aktiven Entwicklung, und neue Funktionen werden schnell hinzugefügt.
Darüber hinaus ist es zu 100% kostenlos, ohne Werbung oder aufdringliche Monetarisierungsmethoden. In den Worten von Alex von Gravit, wenn Sie gefragt werden, ob das Programm frei bleibt:
„Ja, es bleibt definitiv frei und wird niemals durch dummes Fremium oder was auch immer verkrüppelt. Später bieten wir vielleicht noch ein paar zusätzliche Dinge für Teams an, die möglicherweise bezahlt werden (da wir diese Serverrechnungen auch bezahlen müssen), aber der Designer bleibt frei, da wir möchten, dass jeder Zugang zu einem kostenlosen, professionellen Designtool erhält. "
In diesem Tutorial werde ich Sie durch die Funktionen führen, die den Gravit Designer so vielversprechend machen. Wir werden uns nicht zu sehr mit dem Unkraut beschäftigen und jedes Werkzeug unter die Lupe nehmen, sondern nehmen uns einen umfassenden Überblick, damit Sie die bestmögliche Vorstellung davon bekommen, was in dieser Software enthalten ist. Lass uns anfangen!
Wenn Sie eine der Desktop-Versionen von Gravit verwenden möchten, gehen Sie zu designer.io/#download und installieren Sie das Installationsprogramm für Ihr Betriebssystem. (Beachten Sie, dass im Moment ein Fehler in den Dropdown-Menüs des Linux-Builds vorhanden ist. Daher bevorzugen alle Pinguine die Browser-Version.).
Für diejenigen, die die Browserversion bevorzugen möchten, was den Vorteil hat, immer auf dem neuesten Stand zu sein, und im Moment eine bessere Leistung bieten kann: designer.gravit.io/
Von Anfang an wird es cool. Wir werden mit einem Begrüßungsbildschirm begrüßt, der uns die Möglichkeit gibt, eine bevorzugte Höhe und Breite für unser Dokument festzulegen. Wir können jedoch auch die Felder für Höhe und Breite leer lassen und unsere Leinwand wird unendlich sein. Eine fantastische Funktion, wenn Sie sich nicht sicher sind, wie groß Ihr Design sein soll.
Auf diesem ersten Bildschirm stehen uns über fünfzig vordefinierte Maßeinheiten zur Auswahl, mit neunzehn Voreinstellungen für den Druck, acht für das Website-Design, fünfzehn für Social-Media-Cover und -Inhalte, sechs für Handys und Uhren und sieben für Tablets.
Wenn Sie sich für ein kostenloses Gravit Cloud-Konto anmelden, erhalten Sie Zugriff auf die neuen vorgefertigten Vorlagen, indem Sie auf klicken Neu aus Vorlage Registerkarte auf der linken Seite des Willkommensbildschirms.
Einige vorgefertigte Social Media-Vorlagen von GravitHier finden Sie fünfzig Social-Media-Grafiken, sechsunddreißig Folienpräsentationen, achtzehn Poster, vierundzwanzig Facebook-Post-Grafiken, dreiundzwanzig Blog-Grafiken, sechsundzwanzig A4-Poster und zwanzig Kartengrafiken. Diese sind alle gebrauchsfertig oder können als Basis für die Wiederholung verwendet werden. Diese Kollektion ist erst vor wenigen Wochen brandneu, also kann man davon ausgehen, dass sie mit der Zeit wachsen wird.
Glücklicherweise ist die Benutzeroberfläche von Gravit Designer sehr intuitiv, so dass Sie sich nicht besonders verloren fühlen sollten, selbst wenn Sie blind vorbeischauen, um die Software zu erkunden. Trotzdem haben wir einen schnellen Überblick über die wichtigsten Komponenten.
Das erste, was Sie vielleicht wissen möchten, ist, dass die Schnittstelle nicht violett sein muss. Wenn Sie das Lila graben, können Sie es unverändert lassen. Wenn Sie jedoch eine monochrome Benutzeroberfläche bevorzugen, gehen Sie zum Hauptmenü oben links und wählen Sie Bearbeiten> Einstellungen und wählen Sie entweder "Dark Theme" oder "Light Theme".
Benutzer von Sketch werden die Benutzeroberfläche als etwas vertraut empfinden, da das Layout sehr ähnlich ist. Im oberen Bereich haben wir unsere Symbolleiste mit allen Werkzeugen, die Sie in einer Vektor-App erwarten würden, wie z. B. Zeichenflächenbewegungen und Einraststeuerungen, Werkzeuge zum Erstellen und Auswählen von Pfaden und Texten, Formdrehen und Drehen, Mehrformoperationen und Stapelreihenfolge Steuerung und Export- und Präsentations-Hotkeys. Beachten Sie auch, dass mehrere Dokumente gleichzeitig geöffnet sein können und über Registerkarten nach rechts oben sichtbar sind.
Auf der linken Seite haben wir drei Registerkarten: Schichten, Bibliotheken und Tutorials. Die Registerkarte "Tutorials" (wird nach verschoben Hilfe in der Menüleiste mit Version 3.2.) ist eine gute Anleitung, wenn Sie zum ersten Mal mit Gravit arbeiten. Auf der Registerkarte "Bibliotheken" finden Sie eine umfangreiche Sammlung von Drag & Drop-Elementen. Diese sind zusätzlich zu den Vorlagen, über die wir oben gesprochen haben. Die Ebenen-Registerkarte ist die, die Sie meistens geöffnet haben, da eine Liste Ihrer Seiten (in Kürze mehr auf Seiten) und natürlich Ihrer Ebenen angezeigt wird.
Auf der rechten Seite haben Sie kontextspezifische Design-Steuerelemente für Ihr aktuell ausgewähltes Objekt. Wenn nichts ausgewählt ist, werden stattdessen die Dokumenteinstellungen angezeigt.
Seiten in Gravit Designer sind eine Mischung aus Seiten und Zeichenflächen, die Sie in anderen Anwendungen finden. Jede Seite ist wie ein in sich geschlossenes Dokument mit eigenen Einstellungen für Bemaßungen, Anschnitt, Rand und Leinwandfarbe. Sie beginnen standardmäßig mit einer einzelnen Seite und fügen weitere hinzu, indem Sie auf die kleine Seite klicken Neue Seite erstellen Taste oben rechts in der Seiten Panel. Sie können dann jede Seite anzeigen, indem Sie sie in diesem Bereich auswählen.
Wenn Sie Seiten wie gewöhnliche Zeichenflächen verwenden möchten, aktivieren Sie den Umschalter links neben dem Löschsymbol. Im "Mehrseitenmodus" werden alle Ihre Seiten gleichzeitig angezeigt. Diese Seiten können ausgewählt, verschoben, manuell in der Größe geändert oder in andere voreingestellte Größen geändert werden, als wären sie einzelne Dokumente. Im Mehrseitenmodus können Sie auch Seiten duplizieren, indem Sie auf den Titel auf der Leinwand klicken, um sie auszuwählen ALT + Ziehen oder drücken STRG / CMD + D.
Gravit-Seiten verfügen auch über die beeindruckende "Masterseiten" -Funktion. Mit dieser Funktion können Sie eine Seite als "Masterseite" einrichten, deren Elemente wie Hintergründe oder Kopfzeilen für andere Seiten gelten. Dann können Sie diese anderen Seiten so einstellen, dass sie von dieser Masterseite aus gezeichnet werden. Dabei wird der gesamte Inhalt eingefügt, über den Sie zusätzliche Elemente erstellen. Wenn Sie die Elemente auf der Masterseite aktualisieren, werden auch alle anderen Seiten in Echtzeit aktualisiert.
In einer sehr coolen Funktion haben Sie durch die Verwendung der Seiten von Gravit sofort die Möglichkeit, eine „Powerpoint-artige“ Präsentation zu erstellen. Klicken Sie einfach auf abspielen Schaltfläche ganz rechts in der Symbolleiste und jede Ihrer Seiten wird zur Folie. Schlagen Sie die Pfeil nach unten um zur nächsten Folie zu gelangen und die Aufwärtspfeil zurück zu gehen.
Gravit spielt eine PräsentationDie Erstellung von Pfaden und Formen in Gravit verfügt über die bekannten Werkzeuge, die Sie in einem Vektorgrafikprogramm erwarten können. Wir haben das Standard-Stiftwerkzeug zum Zeichnen von Geraden und Bezier-Kurven sowie eine Reihe vordefinierter Formwerkzeuge für Linien, Rechtecke, Ellipsen, Polygone, Dreiecke und Sterne.
Wir haben jedoch auch ein zusätzliches Tool, das sehr hilfreich ist Bezigon Werkzeug. Wenn du gedrückt hältst ALT Beim Festlegen von Punkten mit dem Bezigon-Werkzeug werden um jeden Punkt automatisch glatte Kurven erzeugt.
Sobald Pfade und Formen gezeichnet werden, können ihre Eigenschaften in der rechten Spalte geändert werden. Regelmäßige Pfade können auf offen oder geschlossen eingestellt werden, sodass ein Pfad, der noch nicht vollständig abgeschlossen wurde, einfach geschlossen oder ein Pfad geöffnet werden kann, um weitere Punkte hinzuzufügen. Formen erhalten kontextspezifische Einstellungen, z. B. die Möglichkeit, Ellipsen in Kreisdiagramme umzuwandeln oder die Anzahl der Punkte festzulegen, die ein Polygon oder Stern haben soll.
Das Textwerkzeug funktioniert auch so, wie Sie es von anderen Anwendungen erwarten würden. Wenn das Textwerkzeug ausgewählt ist, können Sie auf einen Punkt klicken, um mit der Eingabe von Text mit dynamischer Größe zu beginnen, oder Sie können klicken und ziehen, um ein Feld zu zeichnen, in dem Ihr Text eingeschränkt ist.
Und in einer Funktion, die für Webdesigner sehr hilfreich sein wird, wenn Sie "Lorem" eingeben und dann drücken PLATZ Sie erhalten automatisch einen Absatz mit dem Platzhaltertext „Lorem ipsum“.
Wenn Text einem Pfad folgt, ist das mit Gravit sehr einfach. Zeichnen Sie einfach einen Pfad oder eine Form aus, wählen Sie das Textwerkzeug aus, bewegen Sie den Mauszeiger über den Pfad, bis eine rote Linie angezeigt wird, und klicken Sie dann auf. Dadurch wird der nächste Text instanziiert, der der Form des Pfads folgt. Der Pfad kann anschließend geändert werden und der Text wird seine Form entsprechend aktualisieren.
Wenn Sie den Text auswählen, den Sie auf einem Pfad platziert haben, können Sie auch in der rechten Spalte umschalten, um den Text innerhalb oder außerhalb des Pfads festzulegen und den Text umzukehren. Es gibt eine einfache Möglichkeit, den Text zu positionieren. Klicken Sie einfach auf den kleinen orangefarbenen Marker und ziehen Sie ihn an den Anfang des Textes.
Die meisten Designer waren schon einige Male im Web-Font-Karussell gewesen: Gehen Sie zu Google Fonts, wählen Sie eine Schriftart aus, laden Sie sie herunter, installieren Sie sie, (starten Sie in einigen Fällen die Design-App neu), wählen Sie die Schriftart in der Design-App aus , wiederholen Sie, wenn es nicht richtig aussieht. Oder vielleicht verwenden wir stattdessen einfach Skyfonts, um den Schritt "Herunterladen und Installieren" zu überspringen.
In Gravit Designer ist jedoch die gesamte Auswahl von Google Font direkt verfügbar, sodass die Verwendung von Webfonts genauso einfach ist wie die Verwendung normaler Fonts.
Darüber hinaus können Sie eigene Schriftarten importieren, wenn Sie die Webversion von Gravit verwenden Datei> Importieren> Schriftarten hinzufügen…
Natürlich bedeutet das Vorhandensein von Webfonts nicht, dass Sie keine Systemfonts verwenden können - solange Sie eine Desktop-Version von Gravit verwenden, sind auch alle Ihre lokalen Fonts verfügbar.
Etwas, das ich in Gravit liebe, und ein weiteres Feature, das Sketch-Benutzer kennen werden, sind mehrere Füllungen und Striche. Wenn Sie in vielen Anwendungen zusammengesetzte Effekte erzeugen möchten, indem Sie zum Beispiel Bildrauschen über flache Farben platzieren, müssen Sie Ihre Zielform jedes Mal duplizieren. In Gravit ist dies nicht notwendig, da Sie jeder Form beliebig viele Füllungen und Ränder hinzufügen können:
Jede Füllung oder jeder Rand verhält sich ähnlich wie eine separate Ebene, mit ihrem eigenen angezeigten oder ausgeblendeten Status, dem Mischmodus und den Deckkrafteinstellungen. Füllungen können auch in beliebiger Reihenfolge sortiert werden. Und weil Sie flache Farben, Bildtexturen, Farbverläufe oder Rauschen verwenden können, gibt es viel Raum für Kreativität.
Effekte in Gravit ähneln den Layer-Effekten, die Sie aus anderen Anwendungen kennen, aber ähnlich wie Füllungen und Striche sind Sie nicht auf einen Effekt pro Layer beschränkt. Sie können so viele haben, wie Sie möchten.
Zu den Effekten zählen der Standard-Tarif Schattenschatten (verdoppelt als äußeres Glühen), innerer Schatten (verdoppelt als inneres Glühen) und Überlagerung (Farbe oder Farbverlauf). Stroke-Effekte und Pattern-Overlays sind natürlich aufgrund der vorhandenen Füll- und Strichwerkzeuge von Gravit nicht erforderlich. Es gibt jedoch auch einige wirklich interessante zusätzliche Effekte wie "Spiegel", die unterhalb der Form einen Reflexionseffekt erzeugen, oder "gekrümmter Schatten", der einen Schatten wie diesen erzeugt:
Es gibt auch eine Gaußsche Unschärfe, eine Vignette, einen einfachen Farbtonschiebereffekt und einen tieferen Farbeinstellungseffekt. Alle diese Effekte können beliebig geschichtet und konfiguriert werden. Sie können dann an jedem Punkt des Entwurfsprozesses angepasst und neu konfiguriert werden.
Gravit bietet die Möglichkeit, Stile zu erstellen, die die Einstellungen für Füllung, Rand, Effekte und Texte einer Ebene definieren. Diese Stile haben eine Reihe von äußerst nützlichen Anwendungen.
Zum einen können Sie Stile erstellen, um verschiedene Zustände in derselben Form darzustellen, z. B. die Standardeinstellung einer Schaltfläche und das Erscheinungsbild der Schaltfläche. Zweitens, Sie können einen Stil auf mehrere Objekte auf der Leinwand anwenden. Wenn Sie den Stil eines dieser Objekte aktualisieren, können Sie ihn auch auf alle anderen Objekte anwenden.
Mithilfe der Ankereinstellungen können Sie definieren, wie eine Form reagieren soll, wenn die Größe des übergeordneten Elements geändert wird. Dies ermöglicht Ihnen die Erstellung von semi-responsiven Funktionen, die Ihnen eine Menge Zeit sparen.
Doppelte Seite (oben) verankert die obere, untere und horizontale Mitte, um die Reaktion auf ein übergeordnetes übergeordnetes Element zu steuernWenn Sie beispielsweise eine Benutzeroberfläche erstellen, die mit mehreren Bildschirmgrößen arbeiten kann, können Sie Ihr Layout in einer Größe erstellen und dann Ankerpunkte festlegen, um zu steuern, wie sich die Elemente des Designs strecken, verkleinern oder verschieben, wenn sich die Dokumentgröße ändert. Sie können dann ein Duplikat der aktuellen Seite erstellen und deren Größe ändern, um den Großteil Ihres vorhandenen Designs zu erhalten, ohne es erneut zu erstellen.
Gravit Designer ist bereits eine fantastische Software und zeigt ein starkes Versprechen für das, was kommen wird. In der nächsten Version, Version 3.2, werden wir die Einfügung von Symbolen sehen, die für einige Benutzer das letzte Teil des Anforderungspuzzles sein könnten. Um alles in den nächsten Versionen zu sehen, schauen Sie sich die Roadmap an.
Gravit ist leistungsstark, flexibel, aktiv entwickelt, wirklich plattformübergreifend und völlig kostenlos. Unabhängig von Ihrem Grund für die Arbeit mit Vektoren ist Gravit Designer absolut lohnenswert.
Um mehr zu erfahren, besuchen Sie: designer.io.
Accentsconagua