Creare grafica con Gimp — Tutorial martedì

Benvenuti in un altro tutorial martedì! Oggi ti mostrerò come creare un'immagine per un blog usando Gimp .

Gimp è un programma di design simile a PhotoShop ma un po' meno user-friendly e molto più gratuito (come completamente gratuito). Gimp è un po' meno intuitivo da usare rispetto ad opzioni come Canva semplicemente perché in realtà ha una vasta gamma di funzioni per la maggior parte dei tipi di progettazione grafica: ci vuole solo un po' più di know-how per muoversi rispetto ad alcuni programmi freemium.

Se ti impegni per imparare Gimp, avrai più controllo sulle immagini che crei.

Puoi scaricare una copia di Gimp qui: http://www.gimp.org/downloads/

Come nota rapida, non c'è il salvataggio automatico in Gimp, quindi salva la tua immagine tramite la barra degli strumenti o "ctrl+s" spesso. Se c'è un aumento di corrente o qualcosa del genere e devi rifare tutto il tuo lavoro, sarai MOLTO triste.

Iniziamo!

Passaggio 1: apri Gimp

Quando apri Gimp, dovrebbe assomigliare a questo:

Nota che hai tre finestre qui:

1. Casella degli strumenti : qui è possibile accedere facilmente agli strumenti più comunemente utilizzati. Questa finestra è tua amica.
2. Tela : è qui che si aprirà l'immagine. Tutto il lavoro effettivamente svolto verrà svolto in questa finestra.
3. Livelli : qui è dove puoi tenere traccia di quali elementi e livelli hai attivi sulla tua tela. Non useremo molto questa finestra per questo tutorial, ma è molto utile per progetti più complicati.

Passaggio 2: apri il livello di sfondo

Per prima cosa hai bisogno della tua immagine di sfondo. È più semplice salvare un'immagine sul computer in modo da poterla aprire selezionando "File" nella barra degli strumenti e quindi "Apri":

Da qui dovresti essere in grado di scegliere la tua immagine da dove l'hai salvata e premere "Apri". Ho chiamato la mia immagine "uccelli" a causa degli uccelli:

L'immagine di sfondo dovrebbe aprirsi su una propria tela, adatta alle dimensioni:

Passaggio 3: aggiungi testo

Per aggiungere del testo, dovrai accedere al tuo "Strumento testo". Puoi trovare il tuo strumento di testo nella finestra della casella degli strumenti:

Selezionalo dalla finestra della tua casella degli strumenti in questo modo:

Con lo strumento Testo selezionato, fai clic praticamente ovunque sulla tela per stabilire un livello di testo. Forse sono solo io, ma il mio appare sempre molto piccolo sulla mia tela. Non importa! Vai avanti e digita il testo, anche se è testo per formiche. Non preoccuparti per gli errori di battitura, puoi correggerli in seguito.

Non puoi ancora vederlo correttamente, ma ho scelto una citazione di Han Solo per questo tutorial perché sono rimasto senza supervisione per lunghi tratti:

Nota: a questo punto potresti notare un'utile barra degli strumenti mobile che appare sopra la casella di testo:

Sarebbe eccessivamente drammatico dire che è una trappola e non è affatto utile. Ma dirò che ho avuto, nella migliore delle ipotesi, un successo variabile con le modifiche apportate in questa barra degli strumenti che hanno costantemente effetto sulla tela.

Con questo in mente, suggerirei di lavorare invece dalla finestra Toolbox, come ho fatto in questo tutorial. Oppure provalo e dimmi cosa ho sbagliato. tu fai tu.

La creazione di immagini eccezionali è solo metà dell'equazione del content marketing. Devi anche promuovere quel contenuto per assicurarti che venga visualizzato nelle ricerche. Scarica la nostra lista di controllo gratuita per scoprire come!

Passaggio 4: regola il testo

Guarda di nuovo la finestra della tua casella degli strumenti. Poiché il tuo livello di testo è attualmente selezionato, la tua casella degli strumenti avrà ora le opzioni per il tuo strumento di testo nella sezione "Opzioni strumento". Qui è dove puoi apportare modifiche al tuo testo:

Ci sono solo tre aggiustamenti con cui faremo confusione in questo momento per il tuo testo.

Taglia:

Colore:

Font:

Passaggio 4a: regola le dimensioni del testo

Prima pasticciare con la dimensione del testo (così possiamo vedere la cosa dang). Nella tua casella degli strumenti, fai doppio clic sulla casella accanto a "Dimensione" per poter inserire un nuovo valore di dimensione:

Inserisci un valore e premi invio per dare finalmente una buona occhiata al tuo testo. Ho fatto uno scatto al buio e ho messo 200, che alla fine è sembrato a posto, ma potresti aver bisogno di armeggiare un po' per ottenere il testo delle dimensioni che ti piacciono.

Passaggio 4b: regolare il colore del testo

Una volta che il tuo testo è di buone dimensioni, puoi rivolgere la tua attenzione al suo colore. Di nuovo nella finestra della casella degli strumenti, fai clic sulla casella accanto a "Colore":

Apparirà una nuova mini finestra con tutta una serie di cose con cui giocare:

Puoi armeggiare finché non trovi un colore che ti piace o cercare il numero di notazione HTML per una tonalità specifica che desideri e inserirlo in:

Ho optato per il bianco o la notazione HTML #FFFFFF per i ragazzi fantastici. Quando sei soddisfatto del tuo colore, premi "Ok".

Passaggio 4c: regola il carattere del testo

Infine, scegli il tuo carattere. Nella finestra della tua casella degli strumenti, troverai una casella di testo con il nome del testo predefinito, in questo caso "Sans". Se conosci il nome del carattere che desideri, puoi digitarlo in quella casella di testo:

Se vuoi giocare un po' con i caratteri, fai clic sul grafico "Aa" e scorri l'elenco a discesa dei tipi di carattere:

Tieni presente che in Gimp non sono precaricati tutti i testi del mondo. Ci sono modi per caricare un font in Gimp, ma sono sicuro che non tratterò questo processo qui. Prova questa guida video: https://www.youtube.com/watch?v=MHlCn9vYZXU

Ho scelto "Segoe Script Bold" come font perché mi ricordava un poster motivazionale:

Passaggio 5: sposta il livello di testo

Per ottenere il testo dove desideri, seleziona il tuo "Strumento di spostamento" dalla finestra della casella degli strumenti. Sembra un piccolo piano di coordinate cartesiane:

Con lo strumento Sposta selezionato, afferra la casella di testo e trascinala dove vuoi che vada. Può essere un po' pignolo, quindi assicurati che il bordo tratteggiato attorno alla casella di testo sia solido prima di trascinare o probabilmente trascinerai lo sfondo direttamente dalla tela:

Se stai lottando con questo, puoi selezionare il livello della casella di testo nella finestra Livelli prima di fare clic su di esso nella tela:

A volte questo aiuta.

Passaggio 6: aggiungi immagine

Ora parliamo se desideri aggiungere una grafica, ad esempio il logo di Linkarati. Ancora una volta, è più semplice salvare la grafica desiderata sul computer.

Per aprirlo sulla tela, vai sulla barra degli strumenti e seleziona "File" e poi "Apri come livelli":

Proprio come quando hai aperto lo sfondo, scegli la tua immagine da dove l'hai salvata sul tuo computer e poi premi "Apri":

E proprio come la tua casella di testo quando l'hai creata per la prima volta, la tua immagine probabilmente si aprirà davvero, davvero ridicolmente poco:

Passaggio 7: regolare l'immagine

Per rendere questa immagine visibile a persone più grandi di Tom Thumb, seleziona il tuo "Strumento di scala" dalla finestra della casella degli strumenti:

Quindi fai clic sulla tua piccola immagine, che aprirà una finestra pop-up:

Prima di fare confusione con le dimensioni, assicurati di fare clic su questa cosaamabob qui...

...in modo che assomigli a questo:

Questo bloccherà le tue dimensioni in modo da non distorcere la tua immagine in qualche ombra grottesca del suo sé originale.

Per regolare la scala, porta il cursore su uno degli angoli dell'immagine e tira fino a raggiungere la dimensione desiderata, quindi fai clic su "Scala":

Per spostare l'immagine, seleziona di nuovo lo strumento Sposta e trascinalo come hai fatto per il livello della casella di testo.

Passaggio 10: "Esporta come" - Salvataggio dell'immagine come .jpg

Gimp usa uno strano tipo di file per impostazione predefinita, .cxf. Per salvare la tua immagine come qualcosa di più comune, vai alla barra degli strumenti e seleziona "Esporta come":

Verrà visualizzata una finestra in cui è possibile rinominare il file e selezionare dove verrà salvato. Ancora più importante, ti consentirà di selezionare il tipo di file con cui desideri salvarlo.

Per fare ciò, fai clic sul piccolo "+" accanto a "Seleziona tipo di file"...

...che verrà visualizzato in un elenco di opzioni:

La scelta più comune, ovviamente, sarà .jpg, che è quello che ho scelto.

Quando fai clic su "Esporta" ti verrà visualizzata un'altra finestra relativa alla qualità dell'immagine:

Le immagini di qualità superiore saranno file più grandi e occuperanno più spazio sul tuo computer, ma ti consiglio di alzare il cursore della qualità su "100" prima di premere nuovamente "Esporta":

Ora dovresti avere una copia della tua bellissima immagine sul tuo computer, ovunque tu l'abbia salvata. Il mio è apparso sul mio desktop in questo modo:

E si apre in una bella immagine .jpg gestibile quando fai clic su di essa:

Conclusione

Quindi ecco qua! Dovresti avere un'immagine adorabile che attiri un serio interesse visivo per il tuo post sul blog, o per il tuo post sui social, o come immagine promozionale, o come sfondo del computer (e prima che me lo chieda, sì, ovviamente puoi usare il mio immagine di Han Solo per il tuo computer).

Ancora una volta, Gimp potrebbe non essere così facile da usare come le sue controparti basate sul web come Canva e Pablo , ma ha molta più potenza. Se ti impegni per imparare a sfruttare quella potenza, Gimp ti porterà più lontano. Sarai in grado di creare immagini molto più ambiziose con tutti i tipi di cose fantasiose come testo avvolto e grafica personalizzata. È più fai-da-te e richiede più lungimiranza e abilità, ma dai un'occhiata e vedi cosa puoi ottenere.

Questo tutorial martedì è solo la punta dell'iceberg.

Progettazione felice!