Crea un banco studenti in Vista dall'alto utilizzando forme e trame semplici

In questo tutorial ti mostrerò come creare la scrivania del tuo studente in una vista dall'alto. Per realizzarlo useremo lo strumento Rettangolo, Strumento ellisse, e useremo una trama per la scrivania e il pavimento che stiamo per realizzare. Questo tutorial è ottimo per i principianti, iniziamo!


Passo 1

Apri un nuovo documento a qualsiasi dimensione desideri. Ho usato dimensioni 600 x 600 px, quindi l'ho aumentato perché ho aumentato le dimensioni della scrivania dopo il passaggio 14. Utilizza lo strumento Rettangolo (M) e disegna un rettangolo con dimensione W: 380 px H: 195 px e angoli arrotondati: 5 px.


Passo 2

Quando si seleziona il rettangolo del passaggio precedente, aggiungere un colore di riempimento di R: 233 G: 155 B: 107 e applicare Traccia: 1px con R: 196 G: 129 B: 92 colore.


Passaggio 3

In questo passaggio avremo bisogno della texture che applicheremo alla scrivania. Scarica la texture e posizionala sulla forma del passaggio precedente, modifica la modalità di fusione da normale a schermo e riduci l'opacità al 40%. Quindi copia la forma dal passaggio precedente ma prima assicurati di aver impostato Oggetto> Espandi aspetto alla forma a cui hai arrotondato gli angoli in Passaggio 1 con Comando + C, posiziona sulla trama con Comando + F. Seleziona la texture e la forma che hai posizionato su di esso e vai su Oggetto> Maschera di ritaglio> Crea (Comando + 7).


Passaggio 4

Prendi lo strumento Rettangolo (M), disegna un rettangolo con la dimensione W: 245px H: 75 e gli angoli arrotondati Raggio: 5px e subito dopo fai clic su Oggetto> Espandi Aspetto.


Passaggio 5

Quando viene selezionato il rettangolo del passaggio precedente, riempilo con i colori del gradiente lineare R: 233 G: 155 B: da 107 a R: 128 G: 85 B: 57, Angolo: 90 gradi e applica Tratto: 1px con R: 189 G : 126 B: 87 colori.


Passaggio 6

Applica allo stesso modo la stessa texture applicata per la parte superiore della scrivania come mostrato nella figura sotto e invia la forma sotto tutte le altre forme (Oggetto> Disponi> Invia a Indietro).


Passaggio 7

Prendi lo strumento Rettangolo (M), disegna un rettangolo con la dimensione W: 14px H: 230px e angoli arrotondati Raggio: 6px. Fare clic su Oggetto> Espandi aspetto e riempirlo con un gradiente lineare come mostrato.


Passaggio 8

Utilizza lo strumento Ellisse (L), disegna due cerchi con la dimensione W: 20px H: 20px con il colore nero e posizionali in posizione come mostrato nella figura seguente:


Passaggio 9

Selezionando entrambe le forme del passaggio precedente, raggruppale (Oggetto> Raggruppa) e quindi invia sotto la forma del Passaggio 7 (Oggetto> Disponi> Porta indietro)..


Passaggio 10

Utilizza lo strumento Ellisse (L), disegna due cerchi con la dimensione W: 6px H: 6px in posizione come mostrato di seguito e riempili con una sfumatura radiale in colori da grigio a nero.


Passaggio 11

Seleziona tutte le forme del passaggio 7 che hai creato fino ad ora e raggruppale (Oggetto> Gruppo).


Passaggio 12

Duplica il gruppo con Command + C e posiziona dietro l'originale con Command + B, quindi apri il Pathfinder Panel. Fai clic sul pulsante Aggiungi alla forma area, cambia il colore in Nero, applica Gaussian Blur con Raggio: 5px e modifica il metodo di fusione da Normale a Moltiplica. Quindi aggiungi questa forma a cui hai applicato Gaussian Blur nel gruppo con la gamba.


Passaggio 13

Quando il gruppo della gamba è selezionato, vai su Oggetto> Trasforma> Sposta e nella nuova finestra di apertura imposta Orizzontale: 273px e fai clic sul pulsante Copia. In questo modo creerai anche la seconda gamba della scrivania.


Passaggio 14

Ora seleziona i gruppi con entrambe le gambe e mandali dietro a tutti gli altri (Oggetto> Disponi> Invia a Indietro).

Seleziona tutte le forme della scrivania e raggruppale (Oggetto> Raggruppa).

Come ho detto all'inizio, ora ho cambiato la dimensione del documento in 800x600px con lo strumento tavola da disegno (Shift + O).


Passaggio 15

Prendi lo strumento Rettangolo (M), disegna un rettangolo con dimensione W: 250px H: 35px, riempiendolo con un colore sfumato lineare R: 233 G: 155 B: da 107 a R: 128 G: 85 B: 57 e posizionalo la parte superiore del documento come mostrato di seguito:


Passaggio 16

Mentre il rettangolo è selezionato vai su Effetto> Trasforma> Trasforma e fai le seguenti impostazioni: Sposta orizzontale: 250px, Copie: 3 e fai clic su Ok.


Passaggio 17

Poiché la nuova forma che è apparso nel passaggio precedente è ancora selezionata, vai su Effetto> Trasforma> Trasforma. Si aprirà una finestra in cui è necessario fare clic su Applica nuovo effetto, quindi eseguire le seguenti impostazioni: Sposta orizzontale: 125 px, Verticale: 35 px, Copie: 1 e fare clic su OK.


Passaggio 18

Andate ancora su Effetto> Trasforma> Trasforma. Si aprirà una finestra in cui è necessario fare clic su Applica nuovo effetto, quindi eseguire le seguenti impostazioni: Sposta verticale: 70px, Copie: 8, fare clic su Ok e destra dopo andare a Oggetto> Espandi Aspetto.


Passaggio 19

Cambia l'inclinazione del gradiente in ogni linea delle forme con il pannello Sfumatura come mostrato nell'immagine seguente:


Passaggio 20

In questo passaggio applicheremo la stessa texture che abbiamo usato per la scrivania. Per posizionare la texture sulle forme create in precedenza, modifica la modalità di fusione da normale a schermo e riduci l'opacità al 50%.

Raggruppa la trama e le forme del passaggio 19 per modificare l'inclinazione del gradiente in (Oggetto> Gruppo).


Passaggio 21

Disegna un rettangolo sul gruppo creato in precedenza con la dimensione del documento che in questo caso è 800x600px. Quindi seleziona il gruppo e il rettangolo appena creato e vai su Oggetto> Maschera di ritaglio> Crea.


Passaggio 22

Disegna un altro rettangolo con la stessa dimensione 800x600px, riempilo con un gradiente radiale colori Nero a R: 161 G: 127 B: 89 e modifica il metodo di fusione da normale a moltiplicatore.


Passaggio 23

In questa fase puoi aggiungere tutto ciò che è necessario sulla scrivania, aumentare la dimensione e ruotarla sulla scrivania che è necessaria per te. Ho aumentato la scrivania del 160% (Oggetto> Trasforma> Scala 160%) e ruotato (Oggetto> Trasforma> Ruota di 10 gradi).

E con questo abbiamo finito ed ecco il risultato finale: