Suggerimento rapido come creare un'illustrazione sullo schermo del proiettore

In questo nuovo suggerimento rapido imparerai come creare una semplice illustrazione della schermata del proiettore usando alcune forme di base e il pannello Aspetto. Cominciamo!


Passo 1

Crea un documento RGB 600 x 600 px. Innanzitutto, abilitare la griglia (Visualizza> Mostra griglia) e la funzione Blocca sulla griglia (Visualizza> Blocca sulla griglia). Successivamente, avrai bisogno di una griglia ogni 10px. Vai a Modifica> Preferenze> Guide> Griglia, inserisci 10 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 crea una forma 400 per 270 pixel. Riempi con il gradiente lineare mostrato sotto e vai a Effetto> Stilizzazione> Angoli arrotondati. Immettere un raggio di 3 pixel, fare clic su OK e andare su Oggetto> Espandi aspetto. I numeri bianchi dall'immagine del gradiente rappresentano la percentuale di posizione.


Passaggio 3

Seleziona lo strumento Rettangolo (M) e crea due forme da 420 x 30 px. Riempi di nero e posizionali come mostrato nella prima immagine. Abbassa la loro opacità al 2% e trasformali in un tracciato composto (Oggetto> Percorso composto> Crea).


Passaggio 4

Riseleziona il rettangolo arrotondato e fai una copia davanti (Comando + C> Comando + F). Seleziona questa copia insieme al percorso composto creato nel passaggio precedente, apri il pannello Pathfinder (Finestra> Pathfinder) e fai clic sul pulsante Interseca.


Passaggio 5

Seleziona lo strumento Rettangolo (M) e crea una forma 400 x 10 px. Riempi con il gradiente lineare mostrato di seguito, posizionalo come mostrato nell'immagine seguente e vai a Effetto> Stilizzazione> Angoli arrotondati. Immettere un raggio di 3 pixel, fare clic su OK e andare su Oggetto> Espandi aspetto.


Passaggio 6

Disattiva lo snap alla griglia (Visualizza> Aggancia alla griglia) quindi vai a Modifica> Preferenze> Generale (Comando + K) e assicurati che l'incremento della tastiera sia impostato su 1px. Riseleziona la forma creata nel passaggio precedente e crea due copie in primo piano (Comando + C> Comando + F> Comando + F). Seleziona la copia in alto e premi la freccia giù una volta (per spostarla di 1 pixel verso il basso). Riselezionare entrambe le copie e fare clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. Riempi la forma risultante con R = 126 G = 138 B = 152.


Passaggio 7

Riseleziona il rettangolo arrotondato creato nel quinto passaggio e crea due copie in primo piano (Comando + C> Comando + F> Comando + F). Seleziona la copia in alto e spostala di 2 pixel verso il basso. Riselezionare entrambe le copie e fare clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. Riempi la forma risultante con R = 208 G = 242 B = 240.


Passaggio 8

Riattiva lo snap alla griglia (Visualizza> Aggancia alla griglia). Seleziona le tre forme create negli ultimi tre passaggi e raggruppale (Comando + G). Crea una copia di questo gruppo (Comando + C> Comando + F), trascinalo verso il basso e posizionalo come mostrato nell'immagine seguente.


Passaggio 9

Riselezionare il rettangolo arrotondato grande creato nel secondo passaggio, aprire il pannello Aspetto (Finestra> Aspetto) e aggiungere un secondo riempimento utilizzando il pulsante Aggiungi nuovo riempimento. È la piccola icona bianca e quadrata dalla parte inferiore del pannello Aspetto. Seleziona questo nuovo riempimento, abbassa la sua opacità al 20% e usa la sfumatura lineare mostrata sotto. Lo zero giallo dall'immagine del gradiente indica la percentuale di opacità.


Passaggio 10

Riselezionare il rettangolo arrotondato modificato nel passaggio precedente e aggiungere un tratto. Rendilo largo 2pt, imposta il suo colore al bianco e allinearlo all'interno. Aggiungi un secondo tratto per questa forma usando il pulsante Aggiungi nuovo tratto dalla parte inferiore del pannello Aspetto. Seleziona questo nuovo tratto, rendilo largo 1pt, imposta il suo colore a R = 209 G = 209 B = 209 e allinearlo all'interno.


Passaggio 11

Riselezionare il rettangolo arrotondato modificato nel passaggio precedente e concentrarsi sul pannello Aspetto. Seleziona il riempimento inferiore e vai a Effetto> Stilizzazione> Sfalsa ombra. Inserisci i dati mostrati di seguito e fai clic su OK. Seleziona questo rettangolo arrotondato di grandi dimensioni, assicurati che nessun riempimento o tratto sia selezionato (nel pannello Aspetto) e vai a Effetto> Stilizzazione> Sfalsa ombra. Ancora una volta, inserire i dati mostrati nell'immagine seguente e fare clic su OK.


Passaggio 12

Seleziona lo strumento Rettangolo (M) e crea una forma 380 per 80 pixel. Riempi con nessuno e aggiungi un 1pt, tratto nero. Passare allo Strumento selezione diretta (A), selezionare i punti di ancoraggio superiori e andare su Oggetto> Percorso> Media. Seleziona il pulsante Entrambi e fai clic su OK. Seleziona la forma risultante, mandala indietro (Shift + Command + Left Square Bracket) e vai su Object> Path> Outline Stroke.


Passaggio 13

Seleziona la forma creata nel passaggio precedente e riempila con il gradiente lineare mostrato sotto.


Passaggio 14

Riselezionare la forma modificata nel passaggio precedente e aggiungere un secondo riempimento. Selezionalo, trascinalo nella parte inferiore del pannello Aspetto, riempilo con il gradiente lineare mostrato e vai su Effetto> Distorci e Trasforma> Trasforma. Inserire i dati mostrati nell'immagine seguente e fare clic su OK.


Passaggio 15

Riseleziona la forma modificata nel passaggio precedente e vai a Effetto> Stilizzazione> Sfalsa ombra. Inserire i dati mostrati di seguito e fare clic su OK.


Passaggio 16

Per i seguenti passaggi avrai bisogno di una griglia ogni 1 pixel. Quindi, vai a Modifica> Preferenze> Guide> Griglia e inserisci 1 nella griglia ogni casella. Scegli lo strumento Ellisse (L) e crea un cerchio di 6px. Riempilo con la sfumatura lineare mostrata sotto e posizionala come mostrato nell'immagine seguente.


Passaggio 17

Riseleziona la circonferenza creata nel passaggio precedente e vai su Oggetto> Tracciato> Tracciato offset. Inserisci un offset di -1px e fai clic su OK. Duplica la forma risultante (Comando + C> Comando + F) e sposta la copia di 1 pixel verso il basso. Seleziona questa copia insieme alla prima forma creata all'inizio di questo passaggio e fai clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. Riempi la forma risultante con il bianco.


Passaggio 18

Riseleziona la circonferenza creata nel passaggio 16 e vai a Effetto> Stilizzazione> Sfalsa ombra. Inserire i dati mostrati di seguito e fare clic su OK.


Passaggio 19

Seleziona lo strumento Penna (P), disegna un 10px, percorso verticale e posizionalo come mostrato nella prima immagine. Passa allo strumento Ellisse (L), crea un cerchio di 10px e posizionalo come mostrato nella prima immagine. Aggiungi un 1pt, tratto nero per questi due percorsi e vai a Oggetto> Percorso> Cenni di contorno. Seleziona le forme risultanti e fai clic sul pulsante Unite dal pannello Pathfinder.


Passaggio 20

Seleziona la forma creata nel passaggio precedente e riempila con il gradiente lineare mostrato nell'immagine seguente. Spostati nel pannello Aspetto, seleziona il riempimento e vai a Effetto> Stilizzazione> Sfalsa ombra. Inserire i dati mostrati di seguito e fare clic su OK. Deseleziona il riempimento dal pannello Aspetto e torna a Effetto> Stilizzazione> Sfalsa ombra. Inserisci i dati mostrati nell'immagine seguente, fai clic su OK e il gioco è fatto.


Conclusione

Ora il tuo lavoro è finito. Ecco come dovrebbe apparire. Spero che tu abbia apprezzato questo tut.