Crea uno sfondo desktop strappato con testo angolato

Questo tutorial è perfetto per l'artista di Adobe Illustrator all'inizio che vuole portare le proprie abilità al livello successivo. Imparerai come lavorare con il tipo per creare uno sfondo desktop fresco e aggiungere cicatrici per completare il design. Andiamo ad esso!

Anteprima dell'immagine finale

Di seguito è riportato il progetto finale su cui lavoreremo. Questo desktop è progettato a 1680 pixel per 1050 pixel. 

Passo 1

Imposta il tuo documento fino a qualsiasi dimensione desideri creare il tuo desktop. Successivamente, disegna un rettangolo usando lo Strumento rettangolo (M) e riempilo con un colore a tua scelta. Metti questo rettangolo sul suo stesso livello. Ogni volta che realizzi un disegno con diversi elementi, è una buona idea mettere ogni oggetto sul proprio livello. Tieni questo a mente mentre aggiungi altri oggetti al design, poiché non metterò in evidenza quando aggiungo nuovi livelli in questo tutorial.

Passo 2

Aggiungi un arguto e breve detto che puoi dividere in più parti per creare un disegno. Ho usato ITC Franklin Gothic per il mio testo. Per accedere rapidamente al pannello dei tipi, premere Comando + T.

Passaggio 3

Angola il tipo per dargli un aspetto unico. L'angolazione del tipo è semplice come selezionarla e passare il mouse vicino a uno degli angoli. Usando lo Strumento selezione diretta (V) quando il cursore si trasforma in una freccia a due lati è possibile ruotare il tipo. Quando si ruota il tipo, tenere premuto il tasto Maiusc per ruotare facilmente fino a un angolo di 45 gradi.

Passaggio 4

Quando inizi a deporre il testo, prova a sistemarlo in modo che l'intero detto cada all'interno dell'area centrale del disegno. Come noterai, sono andato avanti e ho inserito le parole più grandi in uno schema che mi piace. Una volta fatto lo stesso puoi continuare a costruire le altre parole attorno alle lettere esistenti.

Passaggio 5

Continua a duplicare le parole, mescolarle e provare combinazioni diverse in modo che si adattino bene l'una all'altra. Duplica rapidamente le parole tenendo premuto il tasto opzione mentre fai clic e trascina. A questo punto, è giusto consentire ai disegni di sovrapporsi ai bordi della tavola da disegno.

Passaggio 6

Osserva come il layout appare completo e completo (ad eccezione della piccola area sulla destra che aggiungerò il mio nome e il logo VECTORTUTS a.)

Passaggio 7

Per rendere la texture sullo sfondo utilizzare una semplice ellisse che trasformeremo in un pennello di dispersione in modo da poter creare rapidamente una texture. Disegna un'ellisse usando lo strumento Ellisse (L). Riempi di nero.

Passaggio 8

Apri i pennelli (F5) e trascina l'ellisse nella palette Pennelli. Quando lo fai, si aprirà una finestra di dialogo. Seleziona Nuovo pennello di dispersione e fai clic su OK.

Passaggio 9

La finestra di dialogo Opzioni pennello di dispersione ha diverse opzioni per aiutarti a creare motivi casuali. Imposta la dimensione, la spaziatura e la dispersione in casuale. Regola i piccoli triangoli evidenziati sotto per includere i numeri negativi e positivi su ciascun cursore. Ciò garantirà al tuo pennello una varietà sufficiente. Ovviamente non è necessario regolare l'opzione Rotazione poiché la forma è un cerchio.

Passaggio 10

Seleziona l'ellisse nella palette Pennelli, quindi seleziona lo strumento Pennello (B). Disegna semplicemente una forma arbitraria e avrai immediatamente una trama simile a quella sottostante!

Se non ti piace il modo in cui il pennello sta dipingendo, fai doppio clic sull'ellisse nella palette Pennelli e modifica le opzioni. Se apporti delle modifiche dopo aver già dipinto una forma, ti verrà chiesta la finestra di dialogo Avviso cambio pennello. È possibile applicare a tratti o lasciare tratti come mostrato di seguito.

Passaggio 11

Continua a costruire le tue forme. Dopo aver creato una grande quantità di forme, sarà necessario espanderle. Seleziona tutte le tue forme e vai su Oggetto> Espandi aspetto. Una volta che espandi i tuoi oggetti vedrai che ci sono delle piccole linee (punti gialli) all'interno delle forme. Utilizzare lo strumento selezione diretta (V) per selezionare queste forme ed eliminarle. Dopodiché, seleziona la massa di punti e usa il Pathfinder e seleziona Aggiungi all'area di forma (punto verde a sinistra), quindi fai clic su Espandi (punto verde a destra).

Passaggio 12

Ora sei rimasto con una massa di punti che sono completamente fusi in un'unica forma.

Passaggio 13

Posiziona la forma sopra gli angoli dell'opera. Seleziona tutte e quattro le sezioni di punti e seleziona Aggiungi all'area di forma ed espandi come abbiamo fatto nel passaggio 11.

Passaggio 14

È possibile tagliare i punti sul bordo del disegno disegnando una forma rettangolare su cui si desidera tagliare i punti. Dopodiché seleziona Sottrai da Area forma (punto giallo a sinistra) seguito da Espandi (punto a destra giallo).

Regola l'opacità dei punti usando la palette Trasparenza. Ho deciso che Opacity of 29 è adatto a questo layout.

Passaggio 15

Crea altri punti bianchi per aggiungere un altro livello di interesse al design.

Passaggio 16

Aggiungiamo un effetto spotlight al disegno disegnando un rettangolo usando lo strumento Rettangolo e dandogli un gradiente radiale. Accedi al pannello Gradiente andando su Finestra> Gradiente. Fare clic sul cursore Sfumatura e utilizzare la palette Colori (F6) per mettere a punto i colori.

Passaggio 17

Sposta l'intero rettangolo sul disegno. Nella tavolozza della trasparenza selezionare Moltiplica dall'elenco a discesa. Ciò consentirà di vedere la grafica sotto il gradiente.

Passaggio 18

Per creare un effetto carta strappata disegna una forma arbitraria con lo Strumento matita (N). Il modo più semplice per chiudere una forma aperta è tenere premuto il tasto Opzione quando sei pronto per chiudere la forma.

Passaggio 19

Sempre usando lo strumento Matita, disegna altre due forme di carta strappata che rappresentano i bordi della carta mentre si arriccia verso l'alto.

Passaggio 20

Dare alla parte accartocciata del foglio una sfumatura da nero a bianco.

Passaggio 21

Aggiungi un bagliore interno andando su Effetto> Stilizzazione> Bagliore interno. Imposta la Modalità su Schermo e Opacità su 25. La tua Dimensione Sfocatura potrebbe non essere esattamente ciò che mostro nel mio esempio. Assicurati solo che ti stiano bene, quindi premi OK.

Passaggio 22

Dare alla forma un'ombreggiatura andando su Effetto> Stilizzazione> Sfalsa ombra. Imposta la modalità su Moltiplica, Opacità su 75, Offset X e Y su 0 e Sfocatura. premere OK.

Passaggio 23

Ripeti questi passaggi per l'altro lato del bordo della carta, oppure mentre applichi l'effetto puoi selezionare entrambi i bordi della carta arricciati in modo che l'effetto sia applicato ad entrambi allo stesso tempo!

Ora hai un effetto carta strappato efficace. Posiziona la carta strappata sul bordo della grafica per completare il disegno.

Immagine finale

Ecco come appare il desktop finale. L'ultimo passaggio è il salvataggio del disegno da utilizzare sul desktop. Vai a Oggetto> Sezione> Clip alla tavola da disegno. Infine, vai su File> Salva per Web e dispositivi, quindi salva la grafica utilizzando le impostazioni desiderate. Tutto quello che resta da fare è impostare l'immagine come desktop!

Ora dovresti essere sulla buona strada per esplorare tutte le potenti funzionalità che Adobe Illustrator ha da offrire.

indennità

Come bonus aggiuntivo, ho incluso una varietà di dimensioni alternative del desktop che è stato progettato in questo tutorial per il download:

  • 1920x1200px
  • 1680x1050px
  • 1440x900px
  • 1280x1024px
  • 1280x800px
  • 1024x768px
  • iPhone 320x480px