Iniziare con Gravit Designer

Gravit Designer è, a mio parere, il prossimo grande programma di editing vettoriale. È facile da usare, di livello professionale e veramente multipiattaforma in quanto funziona nel browser, su Linux, Mac, ChromeOS e Windows, e in un secondo momento sarà disponibile anche su iPad e Android. È in fase di sviluppo attivo con l'aggiunta di nuove funzionalità ad alta velocità.

E in più, è anche 100% gratuito senza pubblicità o metodi di monetizzazione intrusivi. Nelle parole di Alex di Gravit, quando gli viene chiesto se il programma rimarrà libero:

"Sì, rimarrà sicuramente libero e non sarà mai paralizzato dallo stupido fremio o qualsiasi altra cosa. In seguito, potremmo offrire alcune cose aggiuntive per i team che potrebbero essere pagati (dato che dobbiamo pagare anche le bollette del server) ma il Designer rimarrà libero perché vogliamo che tutti possano accedere a uno strumento di progettazione gratuito e professionale. "

In questo tutorial ti illustrerò le funzionalità che rendono Gravit Designer così promettente. Non entreremo nelle erbacce e metteremo tutti gli strumenti sotto il microscopio, piuttosto faremo una panoramica generale in modo da ottenere la migliore idea possibile di ciò che è incluso in questo software. Cominciamo!

Installa e prima esecuzione

Se desideri utilizzare una delle versioni desktop di Gravit head su designer.io/#download e prendi il programma di installazione per il tuo sistema operativo. (Nota che al momento c'è un bug nei menu a discesa sulla build di Linux, quindi per ora tutti i pinguini potrebbero preferire usare la versione del browser).

Per coloro che preferirebbero utilizzare la versione del browser, che ha il vantaggio di essere sempre la più aggiornata e al momento può offrire prestazioni migliori, vai a: designer.gravit.io/

Fin dall'inizio le cose si raffreddano. Siamo accolti con una schermata di benvenuto che ci dà la possibilità di impostare un'altezza e una larghezza preferite per il nostro documento. Tuttavia possiamo anche lasciare vuoti i campi di altezza e larghezza e la nostra tela sarà infinita; una caratteristica fantastica per quando non sei sicuro di quale sarà il tuo progetto.

Inoltre in questa prima schermata otteniamo oltre cinquanta serie di dimensioni predefinite tra cui scegliere, con diciannove preimpostazioni per la stampa, otto per la progettazione di siti Web, quindici per copertine e contenuti per social media, sei per telefoni e orologi e sette per tablet..

Inoltre, se si registra gratuitamente l'account Gravit Cloud è possibile accedere alla nuova gamma di modelli premade facendo clic sul Nuovo dal modello scheda sul lato sinistro della schermata di benvenuto.

Alcuni dei modelli di social media premiati di Gravit

Qui troverai una cinquantina di social media grafica pronti all'uso, trentasei presentazioni di diapositive, diciotto poster, ventiquattro grafici di post su Facebook, ventitré grafici per blog, ventisei poster in formato A4 e venti schede grafiche. Questi sono tutti pronti per l'uso così come sono o possono essere usati come base per l'iterazione. Questa collezione è nuova di zecca solo da un paio di settimane fa, quindi aspettati che cresca con il passare del tempo.

Panoramica dell'interfaccia rapida

Per fortuna, l'interfaccia di Gravit Designer è abbastanza intuitiva, quindi non dovresti trovarti particolarmente perso anche se vai in cieco per esplorare il software. Tuttavia avremo una rapida panoramica dei componenti chiave.

La prima cosa che potresti voler sapere è che l'interfaccia non deve essere viola. Se scavi il viola puoi lasciarlo così com'è, ma se preferisci un'interfaccia utente monocromatica vai al menu principale nell'angolo in alto a sinistra, scegli Modifica> Impostazioni e seleziona "Tema scuro" o "Tema chiaro".

Gli utenti di Sketch troveranno l'interfaccia un po 'familiare visto che il layout è molto simile. In cima abbiamo la nostra barra degli strumenti con tutti gli strumenti che ci si aspetterebbe di trovare in un'app vettoriale, come il movimento del canvas e controlli di snapping, strumenti di creazione e selezione del percorso e del testo, shape flipping e rotazione, operazioni multi-shape, ordine di impilamento controllo e tasti di scelta rapida per l'esportazione e la presentazione. Nota anche che più documenti possono essere aperti contemporaneamente e saranno visibili tramite le schede in alto a destra.

Sul lato sinistro abbiamo tre schede: Livelli, biblioteche e Esercitazioni. La scheda delle esercitazioni (da spostare in Aiuto nella barra dei menu con la versione 3.2.) è un ottimo aiuto quando si inizia a utilizzare Gravit. La scheda librerie offre un'ampia raccolta di risorse di trascinamento della selezione, che si aggiungono ai modelli di cui sopra abbiamo parlato. La scheda dei livelli è ciò che aprirai la maggior parte del tempo, in quanto visualizza un elenco delle tue pagine, (più a breve sulle pagine) e, naturalmente, i tuoi livelli.

Sul lato destro sono presenti controlli di progettazione specifici del contesto per l'oggetto attualmente selezionato. Se non è selezionato nulla, verranno invece visualizzate le impostazioni del documento.

pagine; Come tavole da disegno con bonus "Powerpoint"

Le pagine in Gravit Designer sono un ibrido tra le pagine e le tavole da disegno che potresti trovare in altre applicazioni. Ogni pagina è come un documento autonomo, con le proprie dimensioni, margini, margini e impostazioni del colore della tela. Si inizia con una singola pagina per impostazione predefinita e si aggiunge altro facendo clic sul piccolo Crea nuova pagina pulsante in alto a destra del pagine pannello. È quindi possibile visualizzare qualsiasi pagina selezionandola in quel pannello.

Se desideri utilizzare le pagine come generalmente utilizzi le tavole da disegno, attiva l'interruttore a sinistra dell'icona di eliminazione e vedrai tutte le tue pagine contemporaneamente in "Modalità multipagina". Queste pagine possono essere selezionate, spostate, ridimensionate manualmente o modificate in diverse dimensioni predefinite come se fossero documenti individuali. In modalità multipagina è anche possibile duplicare le pagine facendo clic sul titolo sulla tela per selezionarle, quindi su entrambi ALT + trascinamento o premendo CTRL / CMD + D.

Le pagine Gravit hanno anche la fantastica funzione "Pagine Master". Con questa funzione è possibile impostare una pagina per fungere da "pagina master", con elementi come sfondi o intestazioni che saranno comuni ad altre pagine. Quindi puoi impostare quelle altre pagine per trarre da questa pagina master, inserendo tutto il suo contenuto, su cui creare elementi aggiuntivi. Quando aggiorni gli elementi nella pagina principale, anche tutte le altre pagine si aggiorneranno in tempo reale.

E in una caratteristica molto interessante, utilizzando le pagine di Gravit hai immediatamente la possibilità di creare una presentazione simile a "Powerpoint". Basta fare clic sul Giocare pulsante all'estrema destra della barra degli strumenti e ciascuna delle tue pagine diventa una diapositiva. Colpire il Freccia in giù per andare alla diapositiva successiva, e il freccia in su tornare indietro.

Gravit che suona una presentazione

Percorsi e forme

La creazione di percorsi e forme in Gravit ha gli strumenti familiari che ti aspetteresti da qualsiasi programma di grafica vettoriale. Abbiamo lo strumento penna standard per disegnare linee rette e curve di bezier e una serie di strumenti di forma predefiniti per linee, rettangoli, ellissi, poligoni, triangoli e stelle.

Tuttavia abbiamo anche uno strumento extra che è abbastanza utile, e questo è il bezigon strumento. Se tieni premuto ALT mentre si stabiliscono i punti con lo strumento Bezigon, le curve morbide verranno generate automaticamente attorno a ciascun punto.

Una volta tracciati i percorsi e le forme, le loro proprietà possono essere alterate nella colonna di destra. I percorsi regolari possono essere impostati per aprire o chiudere, semplificando la chiusura di un percorso che non è stato completato correttamente o per aprire un percorso per continuare ad aggiungere punti. Le forme ottengono impostazioni specifiche del contesto, come la possibilità di convertire ellissi nel grafico a torta come forme o impostare il numero di punti che un poligono o una stella dovrebbe avere.

Testo normale e testo su un percorso

Lo strumento di testo funziona anche come ci si aspetterebbe dall'utilizzo di altre applicazioni. Con lo strumento di testo selezionato puoi fare clic su un punto per iniziare a digitare un testo di dimensioni dinamiche, oppure puoi fare clic e trascinare per disegnare una casella in cui il testo sarà limitato all'interno.

E in una funzione che sarà di grande aiuto per i web designer, se digiti "lorem", premi SPAZIO riceverai automaticamente un paragrafo di testo segnaposto "Lorem ipsum" generato automaticamente.

Avere il testo seguire un percorso è estremamente semplice con Gravit. Basta disegnare qualsiasi tracciato o forma, selezionare lo strumento testo, passare con il mouse sul percorso fino a quando non viene visualizzata una linea rossa, quindi fare clic. Questo istanzia un testo successivo che seguirà la forma del percorso. Il percorso può essere modificato in seguito e il testo aggiornerà la sua forma in modo corrispondente.

Quando selezioni il testo che hai posizionato su un percorso, puoi anche accedere alla casella laterale destra per impostare il testo all'interno o all'esterno del percorso e invertire il testo. E c'è un modo semplice per posizionare il testo - basta fare clic e trascinare il piccolo segno arancione all'inizio del testo e questo è tutto ciò che serve.

Caratteri Google integrati

La maggior parte dei designer è già stata sulla giostra dei font web diverse volte: vai su Google Fonts, scegli un font, scaricalo, installalo, (riavvia l'app di design in alcuni casi), seleziona il carattere nell'app di design , ripeti se non sembra giusto. O forse potremmo semplicemente usare Skyfonts invece di saltare il passaggio "download and install".

Tuttavia in Gravit Designer l'intera selezione di caratteri di Google è disponibile in linea, fuori dalla scatola, quindi usare i caratteri web è facile come usare i normali caratteri.

Inoltre, puoi importare i tuoi font quando usi la versione web di Gravit con File> Importa> Aggiungi caratteri ...

Ovviamente la presenza di caratteri web non significa che non si possano usare i font di sistema, purché si utilizzi una versione desktop di Gravit anche tutti i font locali saranno disponibili.

Più riempimenti e tratti

Qualcosa che adoro in Gravit e un'altra caratteristica che gli utenti di Sketch conoscono, sono molteplici riempimenti e tratti. In molte applicazioni, se si desidera creare effetti compositi posizionando, ad esempio, il rumore sulla sovrapposizione delle immagini su un colore piatto, è necessario duplicare ogni volta la forma desiderata. In Gravit non è necessario perché puoi aggiungere tutti i riempimenti e i bordi che vuoi a qualsiasi forma data:

Ogni riempimento o bordo si comporta come un livello separato, con il proprio stato visualizzato o nascosto, la modalità di fusione e le impostazioni di opacità. I riempimenti possono anche essere ordinati in qualsiasi ordine tu voglia. E poiché puoi usare colori piani, trame delle immagini, sfumature o rumore, c'è molto spazio per la creatività.

effetti; Meglio di stili di livello

Gli effetti in Gravit sono molto simili agli effetti di livello con cui avrai familiarità con altre applicazioni, ma molto simile a riempimenti e tratti non sei limitato a un effetto per livello; puoi avere quante ne vuoi.

Gli effetti includono la tariffa standard dell'ombra discendente (raddoppia come bagliore esterno), l'ombra interna (raddoppia come bagliore interno) e la sovrapposizione (colore o gradiente). Ovviamente gli effetti di tratto e gli overlay di pattern non sono necessari a causa degli strumenti di riempimento e di ictus di Gravit. Tuttavia ci sono anche alcuni effetti aggiuntivi molto interessanti come "mirror", che crea un effetto di riflessione sotto la forma, o "ombra curva", che crea un'ombra come questa: 

C'è anche una sfocatura gaussiana, una vignetta, un semplice effetto di ricolorazione del cursore di tonalità e un effetto di regolazione del colore più approfondito. Tutti questi effetti possono essere stratificati e configurati come preferisci, quindi ottimizzati e riconfigurati in qualsiasi momento del processo di progettazione.

Stili condivisi; per gli stati e il risparmio di tempo

Gravit ha la capacità di creare stili che definiscono il riempimento, il bordo, gli effetti e le impostazioni del testo di un livello. Questi stili hanno un paio di applicazioni vantaggiose.

Uno, è possibile creare stili per rappresentare stati diversi sulla stessa forma, come ad esempio l'aspetto predefinito di un pulsante e il passaggio del mouse. Due, puoi applicare uno stile a più oggetti nell'area di disegno, quindi quando aggiorni lo stile su uno di quegli oggetti puoi farlo applicare anche a tutti gli altri.

Ancore per semi-reattività

Le impostazioni di ancoraggio ti consentono di definire il modo in cui una forma deve rispondere quando il suo genitore viene ridimensionato, il che a sua volta ti consente di creare funzionalità semi-reattive e di risparmiare un sacco di tempo.

Pagina duplicata (in alto) ancorata in alto, in basso e in orizzontale per controllare la risposta a un genitore ridimensionato

Ad esempio, se si sta creando un'interfaccia utente che deve funzionare su più dimensioni dello schermo, è possibile creare il layout in una sola dimensione quindi impostare i punti di ancoraggio per controllare il modo in cui gli elementi del disegno devono allungarsi, restringersi o spostarsi quando le dimensioni del documento cambiano. È quindi possibile creare un duplicato della pagina corrente e ridimensionarlo, mantenendo la maggior parte del design esistente in modo intatto senza doverlo ripetere.

Avvolgendo

Gravit Designer è già un software fantastico e mostra una promessa molto forte per ciò che verrà. Nella prossima versione, la versione 3.2, vedremo l'inclusione di simboli, che per alcuni utenti potrebbe essere il pezzo finale del puzzle dei requisiti. Per dare un'occhiata a tutto ciò che sta arrivando nelle prossime versioni controlla la roadmap.

Gravit è potente, flessibile, attivamente sviluppato, veramente multipiattaforma e completamente gratuito. Quindi, qualunque sia la ragione per cui lavori con i vettori, Gravit Designer è assolutamente degno di essere visto.

Per saperne di più visita: designer.io.