In questo articolo vedremo come creare un cuore vettoriale con Illustrator. Inoltre vedremo come adattare perfettamente un testo alla forma creata, nel caso nostro, un cuore.

Per creare il cuore ho applicato una tecnica molto semplice, facilmente replicabile.

Creare un cuore vettoriale

Cominciamo subito creando un nuovo documento di formato 1080 x 1080 px.

Scegliamo lo strumento rettangolo, clicchiamo sul foglio di lavoro e impostiamo:

Larghezza: 185 px

Altezza: 380 px

Una volta creato il rettangolo, clicchiamo nel simbolino circolare all’interno dello spigolo in alto a destra del rettangolo e, senza lasciare il click, trasciniamolo verso il centro della forma.

creazione rettangolo

In questo modo andremo a smussare tutti gli angoli. Trasciniamo fino al raggio massimo (dovrebbe essere 120 px).

smusso angoli cuore

Adesso dobbiamo roteare la forma di 45°.

Poi duplichiamo la forma, quindi selezioniamo l’oggetto e copiamolo:

CTRL + C (Windows) o CMD + C (Mac)

incolliamo sulla stessa posizione:

CTRL + F (Windows) o CMD + F (Mac)

Adesso rotiamo l’oggetto duplicato di 90°

duplica elemento

Adesso utlizziamo lo strumento crea forme, clicchiamo e trasciniamo nelle z0ne che diventeranno il nostro cuore vettoriale (vedi il video o l’immagine qui sotto).

creazione forma cuore

Adesso andiamo ad eliminare le parti circolari inferiori sempre con lo strumento crea forme, ma tenendo premuto il tasto ALT.

eliminazione elementi

A questo punto avremo ottenuto un fantastico cuore vettoriale.

cuore vettoriale

Qui sotto scopriremo come creare un testo a forma di cuore.

guida grafico freelance

Scarica Gratis la Guida per il Grafico Freelance

Cosa fa un grafico e come guadagna online, come creare un personal branding efficace e tanto altro in una guida consultabile anche da mobile.

Scarica la guida

Testo a forma di cuore

Per prima cosa duplichiamo il nostro cuore.

Basta semplicemente, con lo strumento selezione, spostare il nostro oggetto tenendo premuto il tasto ALT.

A questo punto selezionando l’oggetto duplicato andiamo su:

Oggetto > Tracciato > Scostamento tracciato

Impostiamo:

Scostamento: 10px

Spigoli: viva

Limite smusso: 4

Questo cuore più grande di 10 px, ci permetterà di visualizzare bene il testo all’interno del cuore.

Adesso ritorniamo al primo cuore e posizioniamo al di sopra un testo.

Possibilmente scegliete un font a bastoni corposo (io ho scelto il Montserrat ExtraBold), di qualasi dimensione.

testo inscritto nel cuore

Posizionate il testo al di sotto del cuore:

Oggetto > Ordina > Porta sotto

Ripeti l’opearazione, magari con i tasti rapidi finchè il testo non sta sotto.

A questo punto selezioniamo entrambi gli oggetti e andiamo su:

Oggetto > Distorsione involucro > Crea con oggetto in primo piano

cuore vettoriale distorsione involucro

A questo punto per completare possiamo mettere il testo a forma di cuore sotto l’altro cuore e allinearli centralmente.

Infine cambiare colore del testo uguale allo sfondo.

cuore vettoriale

Ti è piaciuto questo tutorial? Fammi sapere nei commenti.

Ciao