Come creare il motivo del tappeto da The Shining in Adobe Illustrator

Cosa starai creando

Nel tutorial di oggi continueremo con l'Horror Movie Special e impareremo come creare il motivo del tappeto trippy da Stanley Kubrick's Il brillante.

Lo creeremo in Adobe Illustrator utilizzando alcune tecniche della "vecchia scuola", che richiedono un'attenta gestione dello strumento Rettangolo combinato con la potenza della griglia Pixel.

Quindi, prendi una tazza di quel caffè caldo che ami e iniziamo!

Oh, e non dimenticare che puoi sempre trovare nuovi modelli sbalorditivi a Envato Market, con tonnellate di temi tra cui scegliere.

Ora puoi seguire questo tutorial in formato video sul canale Envato Tuts + YouTube.

1. Impostare un nuovo file di progetto

Apri Illustrator e configura a Nuovo documento (File> Nuovo documento o Control-N) e regolarlo usando le seguenti impostazioni:

  • Numero di tavole da disegno: 1
  • Larghezza: 602 px
  • Altezza: 600 px
  • unità: pixel 

E dal Avanzate tab:

  • Modalità colore: RGB
  • Effetti raster: Schermo (72ppi)
  • Allinea nuovi oggetti alla griglia pixel: verificato

2. Impostare una griglia personalizzata

Dato che creeremo il pattern usando un flusso di lavoro perfetto per i pixel, vorremmo creare una piccola griglia per poter avere il pieno controllo delle nostre forme.

 Passo 1

Vai al Modifica> Preferenze> Guide e griglia sottomenu e regola le seguenti impostazioni:

  • Gridline ogni: 1 px
  • suddivisioni: 1

Consiglio rapido: puoi imparare di più sulle griglie leggendo questo pezzo approfondito su come funziona il Grid System di Illustrator.

Passo 2

Una volta che abbiamo impostato la nostra griglia personalizzata, tutto ciò che dobbiamo fare per assicurarci che le nostre forme sembrino nitide è abilitare il Aggancia alla griglia opzione trovata sotto vista menu, che si trasformerà in Scatta su Pixel ogni volta che entri Anteprima pixel modalità.

Ora, poiché miriamo a creare il pattern usando un flusso di lavoro perfetto per i pixel, ti consiglio vivamente di provare come creare tutorial artistici pixel-perfect, che ti aiuteranno ad ampliare le tue capacità tecniche in pochissimo tempo.

3. Creare l'elemento ripetuto principale

La prima cosa su cui inizieremo a lavorare è l'elemento ripetitivo principale, o piuttosto la sezione del pattern, che useremo per costruire la nostra composizione più grande.

Passo 1

Prendi il Strumento rettangolo (M) e creare un 86 x 106 px forma, che coloreremo usando un arancione brillante (# DF5F18) e quindi allineare al centro del sottostante tavola da disegno.

Passo 2

Ingrandisci la forma che abbiamo appena creato e usa il Aggiungi strumento Punto di ancoraggio (+) aggiungere due nuovi punti di ancoraggio,uno al centro del suo bordo superiore, e un altro al suo fondo.

Passaggio 3

Utilizzare il Strumento di selezione diretta (A) per selezionare le ancoreche abbiamo appena creato,e poi spingerli verso l'alto entro tasto destro del mouse e andando a Trasforma> Sposta e entrando -26 px nel Verticale valore campo, lasciando il Orizzontale uno a 0 px.

Passaggio 4

Ora che abbiamo la nostra forma principale, diamo un top outline, selezionandolo, e quindi usando il Sposta strumento creare una copia a una distanza di 14 px da (tasto destro> Trasforma> Sposta> Orizzontale: 0 px> Verticale: -14px> Copia).

Passaggio 5

Prendi una copia della forma originale (Control-C) e incollarlo sopra quello che abbiamo appena creato (Control-F) usando esploratore'S Meno forma frontale per rimuovere una parte della sua sezione inferiore, colorando la forma risultante usando il nero (# 000000).

Passaggio 6

Aggiungi il contorno inferiore, usando una copia (Control-C> Control-F) di quello che abbiamo appena creato, che posizioneremo proprio sotto la forma arancione, selezionando e raggruppando (Controllo-G) tutte e tre le forme insieme in seguito.

Passaggio 7

Usando il Strumento rettangolo (M) creare un 26 x 14 px forma, che coloreremo usando # 981F24, e poi Allineamento orizzontale al centro al tavola da disegno, a una distanza di 50 px dalla punta del contorno superiore.

Passaggio 8

Regola la forma che abbiamo appena creato aggiungendo due nuovi punti di ancoraggioai suoi bordi superiore e inferiore, e poi spingendoli singolarmente verso l'esterno entro 8 px usando il Sposta strumento (tasto destro> Trasforma> Sposta> Verticale> - 8 px per quello superiore e + 8 px per quello in basso).

Passaggio 9

Dare al piccolo esagono un bel spessoredelineare, selezionandolo e poi andando verso Oggetto> Percorso> Percorso offset e entrando 12 px nel Compensare campo valore, lasciando tutte le altre opzioni così come sono.

Passaggio 10

Cambia il colore del contorno in qualcosa di più scuro (# 000000) in modo che si distingua dalla forma di riempimento interna, quindi seleziona e raggruppa entrambi utilizzando il Controllo-G scorciatoia da tastiera.

Passaggio 11

Prendi una copia (Control-C> Control-F) dell'esagono e del suo contorno, e posizionarlo sul lato sinistro dell'elemento ripetuto, ad una distanza di 74 px dalla sua punta, assicurandosi che solo la metà destra si sovrapponga.

Passaggio 12

Prendi una copia (Control-C> Control-F) del secondo dettaglio di esagono e posizionarlo verso il lato destro dell'elemento ripetuto, assicurandosi che solo la metà sinistra si sovrapponga a esso.

Passaggio 13 

Usando il Strumento rettangolo (M) creare un 12 x 62 px forma, che coloreremo usando il nero (# 000000), quindi centrare e posizionare sopra il dettaglio dell'esagono superiore.

Passaggio 14

Aggiungi lo stesso 12 x 62 px rettangolo (# 000000) agli altri due dettagli di esagono, solo questa volta posizionarlo verso l'alto.

Una volta che hai finito, seleziona e raggruppa tutte le forme che abbiamo creato finora usando il Controllo-G scorciatoia da tastiera.

Passaggio 15

A questo punto abbiamo praticamente finito di creare l'elemento ripetuto. Tutto quello che dobbiamo fare ora è mascherarlo in modo che quando iniziamo a costruire il modello più grande, i pezzi si adatteranno bene insieme.

Per fare ciò, crea semplicemente un 86 x 160 px rettangolo (evidenziato con arancione), che centreremo sulle forme che abbiamo appena raggruppato, e quindi useremo come a Maschera di ritaglio (fare clic con il tasto destro> Crea maschera di ritaglio).

Passaggio 16

Una volta che abbiamo mascherato il nostro elemento ripetuto, vorremmo allinearlo sul lato sinistro del nostro tavola da disegno dato che ne creeremo un paio di copie nella prossima fase del nostro processo.

4. Creare la sezione principale del modello

Fino a questo punto abbiamo creato l'elemento ripetitivo principale del pattern, che è ottimo, ma avremo bisogno di aggiungere un paio di istanze per farlo correttamente.

Passo 1

Seleziona l'elemento ripetuto, quindi creane otto copie (Control-C> Control-F) che posizioneremo 0 px l'uno dall'altro, assicurandosi di fare clic su quello originale per impostarlo come nostro Oggetto chiave.

Passo 2

Seleziona e raggruppa (Controllo-G) tutti gli elementi ripetuti insieme, centrandoli al tavola da disegno con l'aiuto di Allineare pannello di Centro allineamento orizzontale opzione.

Passaggio 3

Crea altre cinque righe usando quella che abbiamo e accatastandole l'una sull'altra, assicurandoti che i loro contorni superiori e inferiori si sovrappongano. Puoi rendere il processo molto più semplice riducendo l'opacità delle copie in modo da avere una visione migliore delle forme sovrapposte.

Passaggio 4

Una volta che hai aggiunto tutte le righe, imposta le loro Opacità a 100%, e poi gruppo (Controllo-G) e allinearli verticalmente al centro del tavola da disegno.

Passaggio 5

Con le righe ripetute in posizione, mascherarle usando a 602 x 600 px rettangolo in modo che gli elementi rivolti verso l'esterno del motivo vengano tagliati a metà.

5. Creare il modello di campione effettivo

Quindi a questo punto abbiamo finito di lavorare sugli elementi necessari per creare il pattern, il che significa che possiamo trasformarlo in un vero e proprio elemento della libreria di campioni.

Passo 1

Seleziona il modello mascherato e poi vai a Oggetto> Modello e colpisci Rendere che aprirà una nuova finestra con un paio di opzioni che dovremo modificare. Ma prima diamo un nome appropriato per renderlo più facile da riconoscere.

Passo 2

Avanti, abbiamo Tipo di piastrella a cui vorremmo lasciare impostato Griglia, dal momento che i nostri elementi pattern sono progettati per essere impilati insieme invece di essere distribuiti.

Passaggio 3

Quindi, abbiamo il Larghezza e Altezza che stiamo per impostare utilizzando la dimensione effettiva del nostro modello (602 x 600 px).

Passaggio 4

Lasciare il Sovrapposizione e copie impostazioni come sono, dal momento che funzioneranno bene, e quindi finalmente colpito Fatto per aggiungere il modello alla tua biblioteca di campioni.

Passaggio 5

Per utilizzare il modello, basta selezionarlo dal campione e quindi afferrare il Strumento rettangolo (M) (o qualsiasi altra forma) e disegna un nuovo oggetto, che come vedrai avrà lo stesso effetto dannoso per il cervello come quello reale del filmato.

È un involucro!

Ecco qua: un modo semplice per creare il tuo tappeto "Shining", utilizzando alcune forme base e la potenza di Illustrator's Opzioni di Pattern incorporate.

Spero che ti sia divertito tanto quanto ho fatto quando ho creato il progetto e, soprattutto, ho imparato qualcosa di nuovo lungo la strada.