Suggerimento rapido crea un'illustrazione righello trasparente

Nel seguente tutorial imparerai come creare un righello trasparente. La griglia e lo snap alla griglia torneranno utili dato che stiamo per creare diversi percorsi con dimensioni precise. Usando più riempimenti e tratti con varie modalità di fusione e percentuali di opacità creeremo l'illustrazione generale del righello. Per i dettagli finali useremo un pennello incorporato e alcuni effetti di base.


Passo 1

Crea un documento RGB da 700 x 300 px. Innanzitutto, attiva la griglia (Visualizza> Griglia) e la Scatta alla griglia (Visualizza> Aggancia alla griglia). Successivamente, avrai bisogno di una griglia ogni 1 pixel. Vai a Modifica> Preferenze> Guide> Griglia, inserisci 1 nella griglia ogni casella e 1 nella casella Sottori. Puoi anche aprire il pannello Informazioni (Finestra> Informazioni) per un'anteprima dal vivo con le dimensioni e la posizione delle tue forme. Non dimenticare di sostituire l'unità di misura in pixel da Modifica> Preferenze> Unità> Generale. Tutte queste opzioni aumenteranno significativamente la tua velocità di lavoro.


Passo 2

Seleziona lo strumento Rettangolo (M) e fai clic sulla tua tavola da disegno. Inserire 628 nella casella della larghezza e 60 nella casella dell'altezza, quindi fare clic su OK. Riempi la forma risultante con R = 209 G = 211 B = 212 quindi crea una copia davanti (Control + C> Control + F). Girare la visibilità per questa copia, ne avrai bisogno in seguito.


Passaggio 3

Afferra lo strumento Penna (P), disegna un percorso orizzontale di 628 px e posizionalo come mostrato nella prima immagine. Riempi con nessuno e aggiungi un 1pt, tratto bianco. Ancora una volta, crea una copia di questo percorso (Control + C> Control + F) e rendilo invisibile. Ora seleziona le due forme visibili e fai clic sul pulsante Dividi dal pannello Elaborazione tracciati. Dovresti ottenere un gruppo con due nuove forme. Selezionalo dal pannello Livelli e separalo (Shift + Control + G).


Passaggio 4

Seleziona lo strumento Ellisse (L), crea una forma 12 x 12 px e posizionala come mostrato nella prima immagine. Crea una copia di questo cerchio e rendilo invisibile, ne avrai bisogno in seguito. Seleziona il cerchio visibile insieme alla forma inferiore, grigia (creata nel passaggio precedente) e fai clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati.


Passaggio 5

Ora aggiungiamo uno sfondo piacevole per questo righello. Puoi usare questo sfondo di legno che Laszlo Prekop è stato così gentile da offrire. Salvalo sul tuo disco rigido e trascinalo nel tuo file di Illustrator. Mandalo nella parte inferiore del pannello Livelli (Shift + Control + Left Square Bracket) quindi bloccalo per assicurarti di non selezionarlo o spostarlo accidentalmente.


Passaggio 6

Seleziona lo strumento Penna (P), disegna un nuovo percorso di 628 px e posizionalo come mostrato nella prima immagine. Riempi con nessuno e usa il pennello "Chalk-Scribble" per il tratto. Dovresti averlo nel tuo pannello Pennelli. Se non ci sei, ecco come puoi trovarlo: apri il menu a comparsa del pannello Pennelli e vai a Apri libreria Pennelli> Artistico> Artistico_CalcoCucchiaioCucchiaio. Rendilo bianco, quindi abbassa la sua opacità al 10%.


Passaggio 7

Riseleziona la parte inferiore, grigia e fai una copia davanti (Control + C> Control + F). Riempi con il bianco e portalo in primo piano (Shift + Control +]), quindi selezionalo insieme al pennello bianco e vai al pannello Trasparenza. Aprire il menu a comparsa e fare clic su Crea maschera di opacità. Questo maschererà la metà inferiore del pennello.


Passaggio 8

Ora, aggiungiamo alcuni nuovi colori per le forme grigie. Seleziona la forma inferiore e riempila con il gradiente lineare sinistro mostrato sotto, quindi vai al pannello Aspetto. Seleziona il riempimento in uscita e riduci la sua opacità al 40%, quindi apri il menu a comparsa del pannello Aspetto e fai clic su Aggiungi nuovo riempimento. Ovviamente, questo aggiungerà un secondo riempimento per la tua forma. Selezionalo dal pannello Aspetto, abbassa l'opacità al 10% e usa il gradiente lineare destro mostrato sotto.

Prestare particolare attenzione alle immagini a gradiente. I numeri bianchi indicano la posizione di opacità mentre i numeri gialli indicano la percentuale di opacità. Ciò significa che è necessario selezionare i cursori del gradiente e impostare le percentuali di opacità e posizione come mostrato nell'immagine seguente.


Passaggio 9

Passiamo alla massima forma. Innanzitutto, sostituisci il grigio piatto con il gradiente lineare sinistro, quindi aggiungi un secondo riempimento e utilizza il gradiente lineare destro. Riselezionare il primo riempimento e abbassarne l'opacità al 40%, quindi selezionare il secondo riempimento e abbassare l'opacità al 30%. Non dimenticare di impostare le percentuali di opacità e posizione come mostrato nell'immagine seguente.


Passaggio 10

Concentrati sull'area sinistra delle forme esistenti. Seleziona lo strumento Rettangolo (M), crea una forma di 120 per 60 pixel e posizionala come mostrato nella prima immagine. Seleziona lo strumento di selezione diretta (A), seleziona il punto di ancoraggio superiore, destro e spostalo di 60 px a sinistra. Ora, la tua forma dovrebbe apparire nella seconda immagine. Riempilo con il gradiente lineare mostrato nell'immagine finale e abbassa la sua opacità al 10%.


Passaggio 11

Ritorna a visibile per la copia fatta nel terzo passaggio e portalo in primo piano (Shift + Control + Right Square Bracket). Torna indietro per visualizzare la copia effettuata nel secondo passaggio e portarla in primo piano (Shift + Control + Right Square Bracket). Riempi con nessuno e aggiungi un 2pt, allineato al tratto esterno.

Imposta il suo colore a R = 109 G = 110 B = 113, quindi apri il menu a comparsa del pannello Aspetto e fai clic su Aggiungi nuovo rifornimento. Questo aggiungerà un secondo tratto per la tua forma. Selezionare se dal pannello Aspetto, renderlo bianco e impostare la dimensione su 1pt. Riseleziona l'intero percorso e vai a Effetto> Stilizzazione> Angoli arrotondati. Immettere un raggio di 1 pixel, quindi fare clic su OK.


Passaggio 12

Torna al visibile per la copia eseguita nel quarto passaggio e portalo in primo piano (Shift + Control + Right Square Bracket). Riempi con nessuno e aggiungi un 2pt, tratto bianco. Allinearlo all'esterno, quindi aggiungere un secondo tratto. Imposta il colore su R = 109 G = 110 B = 113 e la dimensione su 1pt, quindi assicurati che sia allineato all'esterno.


Passaggio 13

Disattiva la visibilità per l'immagine di sfondo. Seleziona lo strumento Penna (P), disegna un 9px, percorso verticale e posizionalo come mostrato nella prima immagine. Dai un'occhiata più da vicino alla griglia nell'immagine ingrandita per capire la posizione esatta. Riempi con nessuno, aggiungi un tratto 1pt e imposta il suo colore a R = 65 G = 64 B = 66. Successivamente, vai al pannello Traccia (Finestra> Traccia), controlla il pulsante Arrotonda maiuscolo quindi vai a Effetto> Stilizzazione> Sfalsa ombra. Immettere i dati mostrati di seguito, fare clic su OK, quindi su Effetto> Distorci e Trasforma> Trasforma. Inserire i dati mostrati nell'immagine seguente, quindi fare clic su OK.


Passaggio 14

Continuare con lo strumento Penna (P) e tracciare quattro nuovi percorsi verticali. Rendili alti 5 px e utilizza le proprietà del tratto mostrate nel passaggio precedente. Aggiungi lo stesso effetto Ombra esterna quindi raggruppa questi nuovi percorsi (Control + G). Infine, seleziona questo gruppo e vai su Effetto> Distorci e Trasforma> Trasforma. Inserire i dati mostrati nell'immagine seguente, quindi fare clic su OK.


Passaggio 15

Ritorna a visibile per l'immagine di sfondo. Riseleziona le due forme grandi e duplicale (Control + C> Control + F). Seleziona queste copie e fai clic sul pulsante Unite dal pannello Pathfinder. Riempi la forma risultante con R = 35 G = 31 B = 32 e invialo nella parte inferiore del pannello Livelli, proprio sopra l'immagine di sfondo. Abbassa la sua opacità al 10%, colpisci la freccia destra una volta e la freccia giù due volte poi vai a Effetto> Sfocatura> Sfocatura gaussiana. Immettere un raggio di 2 pixel, quindi fare clic su OK.


Passaggio 16

Infine, puoi aggiungere alcuni nuovi colori per il tuo righello. Riseleziona le due forme grandi che compongono il righello complessivo e aggiungi un terzo riempimento. Abbassa la sua opacità al 10%, quindi usa un colore semplice e piatto.


Conclusione

Ecco come dovrebbe apparire la tua illustrazione finale. Naturalmente, puoi usare vari colori per il tuo righello. Ci sono innumerevoli possibilità, vedi cosa puoi inventare!