Nel seguente tutorial imparerai come creare un sacchetto di carta commerciale utilizzando Adobe Illustrator. Lavoreremo da forme base per creare questa illustrazione multiuso.
Premi Comando + N per creare un nuovo documento. Inserire 600 nelle caselle di larghezza e altezza, quindi fare clic sul pulsante Avanzate. Seleziona RGB, schermo (72ppi) e assicurati che la casella "Allinea nuovi oggetti in griglia pixel" sia deselezionata prima di fare clic su OK. Abilita la griglia (Visualizza> Mostra griglia) e la cattura alla griglia (Visualizza> Aggancia alla griglia).
Successivamente, avrai bisogno di una griglia ogni 5px. Vai a Modifica> Preferenze> Guide> Griglia, inserisci 5 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.
Usando lo strumento Rettangolo (M), crea una forma da 300 x 210 px, riempila con la sfumatura lineare mostrata sotto e vai a Effetto> Deformazione> Arco inferiore. Immettere i dati mostrati di seguito, fare clic su OK e andare su Oggetto> Espandi aspetto.
Successivamente, avrai bisogno dello script Round Any Corner. Puoi trovarlo nell'articolo Vectortuts + 20 Free e utili script di Adobe Illustrator. Salvalo sul tuo disco rigido, torna a Illustrator e prendi lo strumento di selezione diretta (A). Concentrati sulla forma creata nel passaggio precedente, seleziona i punti di ancoraggio inferiori e vai su File> Script> Altro script. Apri lo script Round Any Corner, inserisci un Raggio 3px e fai clic su OK. Alla fine la tua forma dovrebbe assomigliare alla seconda immagine. Passa al pannello Livelli e chiamalo "corpo".
Disattiva lo snap alla griglia (Visualizza> Blocca sulla griglia) quindi vai a Modifica> Preferenze> Generale e assicurati che l'incremento della tastiera sia impostato su 1 pixel. Riseleziona "corpo" e fai una copia davanti (Control + C> Control + F). Selezionalo, spostalo di 1 pixel verso il basso usando la freccia giù dalla tastiera quindi duplicalo (Control + C> Control + F). Seleziona questa nuova copia e spostala 1 pixel verso il basso. Riselezionare entrambe le copie eseguite in questo passaggio, aprire il pannello Pathfinder e fare clic sul pulsante Meno anteriore. Riempi la forma risultante con il gradiente lineare mostrato nell'immagine finale. I numeri bianchi dall'immagine del gradiente indicano la percentuale di posizione, mentre gli zeri gialli indicano la percentuale di opacità.
Riseleziona "corpo" e crea due copie davanti (Ctrl + C> Ctrl + F> Ctrl + F). Seleziona la copia in alto e spostala 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 il gradiente lineare mostrato nell'immagine finale e modifica il suo metodo di fusione in Moltiplica.
Riseleziona "corpo" e crea due copie davanti (Ctrl + C> Ctrl + F> Ctrl + F). Seleziona la copia in alto e spostala di 1 pixel a destra. Riselezionare entrambe le copie e fare clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. Riempi la forma risultante con il gradiente lineare mostrato sotto, modifica il suo metodo di fusione in Moltiplica e abbassa l'opacità al 50%.
Riseleziona "corpo" e fai una copia davanti (Control + C> Control + F). Selezionalo, spostalo a 1px a destra, quindi duplicalo (Control + C> Control + F). Seleziona questa nuova copia e spostala 2px a destra. Riselezionare entrambe le copie e fare clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. Riempi la forma risultante con il gradiente lineare mostrato sotto e modifica il suo metodo di fusione in Luce soffusa.
Riseleziona "corpo" e fai una copia davanti (Control + C> Control + F). Selezionalo, spostalo a 1px a destra, quindi duplicalo (Control + C> Control + F). Seleziona questa nuova copia e spostala di 5px a destra. Riselezionare entrambe le copie e fare clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. Riempi la forma risultante con il gradiente lineare mostrato sotto e modifica il suo metodo di fusione in Luce soffusa.
Riseleziona le forme create negli ultimi tre passaggi e vai su Oggetto> Trasforma> Rifletti. Seleziona la casella Verticale quindi fai clic sul pulsante Copia. Seleziona le forme risultanti, attiva la funzione Blocca sulla griglia (Visualizza> Blocca sulla griglia) e trascinale verso destra come mostrato nella terza immagine.
Disabilita lo snap alla griglia (Visualizza> Aggancia alla griglia). Riseleziona "corpo" e crea due copie davanti (Ctrl + C> Ctrl + F> Ctrl + F). Seleziona la copia in alto e spostala di 1px in su. Riselezionare entrambe le copie e fare clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. Riempi la forma risultante con R = 218 G = 175 B = 127.
Riseleziona "corpo" e crea due copie davanti (Ctrl + C> Ctrl + F> Ctrl + F). Seleziona la copia in alto e spostala di 4px in su. Riselezionare entrambe le copie e fare clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. Riempi la forma risultante con il gradiente lineare mostrato nell'immagine finale.
Riseleziona "corpo" e fai una copia davanti (Control + C> Control + F). Selezionalo, spostalo di 4px in alto e duplicalo (Control + C> Control + F). Seleziona questa nuova copia e spostala di 1px in su. Riselezionare entrambe le copie e fare clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. Riempi la forma risultante con il gradiente lineare mostrato nell'immagine finale.
Abilita lo snap alla griglia (Visualizza> Aggancia alla griglia). Riseleziona "corpo" e fai una copia davanti (Control + C> Control + F). Usando lo Strumento Rettangolo (M), crea una forma 165 per 245 px e posizionala come mostrato nella prima immagine. Selezionalo insieme alla copia "body" e fai clic sul pulsante Intersect dal pannello Pathfinder. Riempi la forma risultante con il gradiente lineare mostrato sotto e abbassa la sua opacità al 15%.
Riseleziona "corpo" e fai una copia davanti (Control + C> Control + F). Usando lo Strumento Rettangolo (M), crea una forma da 330 per 75 px e posizionala come mostrato nella prima immagine. Selezionalo insieme alla copia "body" e fai clic sul pulsante Intersect dal pannello Pathfinder. Riempi la forma risultante con il gradiente lineare mostrato sotto e abbassa la sua opacità al 25%.
Disabilita lo snap alla griglia (Visualizza> Aggancia alla griglia). Riseleziona la forma creata nel passaggio precedente e crea due copie davanti (Ctrl + C> Ctrl + F> Ctrl + F). Seleziona la copia in basso e spostala 1px in alto. Riselezionare entrambe le copie e fare clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. Riempi la forma risultante con il gradiente lineare mostrato sotto e abbassa la sua opacità al 35%.
Seleziona tutte le forme create finora e raggruppale (Control + G).
Abilita lo snap alla griglia (Visualizza> Aggancia alla griglia). Concentrati sul lato superiore delle forme create finora. Usando lo Strumento Rettangolo (M), crea un 270 per 25px, riempilo con il primo gradiente lineare mostrato sotto, posizionalo come mostrato nella prima immagine e poi fai una copia davanti (Control + C> Control + F). Selezionalo, disattiva lo snap alla griglia (Visualizza> Blocca sulla griglia), spostalo di 1 pixel verso il basso e poi duplicalo (Control + C> Control + F). Seleziona questa nuova copia e spostala 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 il gradiente lineare mostrato nell'immagine finale e modifica il suo metodo di fusione in Luce soffusa.
Riselezionare il rettangolo creato all'inizio del passaggio precedente e creare due copie davanti (Ctrl + C> Ctrl + F> Ctrl + F). Seleziona la copia in alto e spostala 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 il primo gradiente lineare mostrato di seguito e abbassa la sua Opacità al 10%. Abilita lo snap alla griglia (Visualizza> Aggancia alla griglia) e utilizza lo strumento Rettangolo (M). Crea una forma di 135 x 25 px, posizionala come mostrato nella quarta immagine, abbassa la sua Opacità al 10% e riempila con la seconda sfumatura lineare mostrata nell'immagine seguente.
Disabilita lo snap alla griglia (Visualizza> Aggancia alla griglia). Riselezionare il rettangolo creato all'inizio del diciassettesimo passaggio e creare due copie davanti (Ctrl + C> Ctrl + F> Ctrl + F). Seleziona la copia in alto e spostala di 1px in su. Riselezionare entrambe le copie e fare clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. Riempi la forma risultante con R = 237 G = 28 B = 36, torneremo su questo percorso più tardi. Ora seleziona questa forma rossa insieme a tutte le forme create negli ultimi due passaggi e raggruppale (Control + G).
Abilita lo snap alla griglia (Visualizza> Aggancia alla griglia). Concentrati sul lato destro del gruppo creato nel passaggio precedente. Usando lo Strumento Rettangolo (M), crea una forma di 40 x 25 px, riempila con la sfumatura lineare mostrata sotto e posizionala come mostrato nella prima immagine. Continuate a concentrarvi su questa nuova forma, prendete lo strumento di selezione diretta (A), selezionate il punto di ancoraggio superiore, sinistro e spostatelo di 10px verso il basso.
Disabilita lo snap alla griglia (Visualizza> Aggancia alla griglia). Riseleziona la forma creata nel passaggio precedente e crea due copie davanti (Ctrl + C> Ctrl + F> Ctrl + 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 il bianco e modifica il suo metodo di fusione in Luce soffusa. Continua a concentrarti su questa nuova forma, afferra lo strumento Elimina punto di ancoraggio (-) e fai semplicemente clic sul punto di ancoraggio puntato dalla freccia nella terza immagine. Alla fine la tua forma dovrebbe assomigliare alla quarta immagine.
Riseleziona la forma creata nel ventesimo passaggio e crea due copie davanti (Control + C> Control + F> Control + F). Seleziona la copia in basso e spostala di 2px in su. Riselezionare entrambe le copie e fare clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. Seleziona il rettangolo fatto nel diciassettesimo passaggio e fai una copia davanti (Control + C> Control + F). Selezionalo insieme alla forma fatta all'inizio del passo e fai clic sul pulsante Interseca dal pannello Elaborazione tracciati. Concentrati sulla forma risultante, afferra lo strumento Elimina punto di ancoraggio (-) e fai semplicemente clic sul punto di ancoraggio puntato dalla freccia nella quinta immagine. Riempi il tracciato rimanente con il gradiente lineare mostrato nella sesta immagine e abbassa la sua Opacità al 10%.
Abilita lo snap alla griglia (Visualizza> Aggancia alla griglia). Con lo strumento Rettangolo (M), crea una forma di 55 x 15 pixel, riempila con la sfumatura lineare mostrata di seguito e posizionala come mostrato nella prima immagine. Continua a concentrarti su questa nuova forma, prendi lo strumento Elimina punto di ancoraggio (-) e fai semplicemente clic sul punto di ancoraggio superiore destro.
Disabilita lo snap alla griglia (Visualizza> Aggancia alla griglia). Riseleziona la forma creata nel passaggio precedente e crea due copie davanti (Ctrl + C> Ctrl + F> Ctrl + F). Seleziona la copia in alto e spostala di 2px in su. Riselezionare entrambe le copie e fare clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. Concentrati sulla forma risultante, afferra lo strumento Elimina punto di ancoraggio (-) e fai semplicemente clic sul punto di ancoraggio puntato dalla freccia nella terza immagine. Riempi il tracciato rimanente con il gradiente lineare mostrato nell'immagine finale e abbassa la sua Opacità al 10%.
Riseleziona la forma creata nel ventitreesimo passaggio e crea due copie davanti (Control + C> Control + F> Control + F). Seleziona la copia in alto e spostala di 1 pixel a destra. Riselezionare entrambe le copie e fare clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. Riempi la forma risultante con il gradiente lineare mostrato nell'immagine finale, abbassa la sua Opacità al 50% e cambia il Metodo di fusione in Luce soffusa.
Riseleziona la forma creata nel ventitreesimo passaggio e crea due copie davanti (Control + C> Control + F> Control + F). Seleziona la copia in alto e spostala 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 il gradiente lineare mostrato nell'immagine finale e modifica il metodo di fusione in Luce soffusa.
Riseleziona la forma creata nel ventitreesimo passaggio insieme alla forma creata nel ventesimo passaggio e duplicali (Control + C> Control + F). Seleziona la prima copia e spostala di 3px in su. Riselezionare entrambe le copie e fare clic sul pulsante Interseca dal pannello Elaborazione tracciati. Concentrati sulla forma risultante, prendi il punto di ancoraggio Elimina troppo (-) e fai semplicemente clic sul punto di ancoraggio puntato dalla freccia nella terza immagine. Riempi il tracciato rimanente con il gradiente lineare mostrato nell'immagine finale e abbassa la sua Opacità al 10%.
Riseleziona la forma creata nel ventitreesimo passaggio e crea due copie davanti (Control + C> Control + F> Control + F). Seleziona la copia in basso e spostala 2px a sinistra. Riselezionare entrambe le copie e fare clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. Riempi la forma risultante con R = 237 G = 28 B = 36, afferra lo strumento Elimina punto di ancoraggio (-) e rimuovi il punto di ancoraggio puntato dalla freccia nella terza immagine. Seleziona questo sottile tracciato rosso insieme a tutte le forme create negli ultimi otto passaggi e Raggruppale (Control + G).
Abilita lo snap alla griglia (Visualizza> Aggancia alla griglia). Riseleziona il gruppo creato nel passaggio precedente e vai su Oggetto> Trasforma> Rifletti. Controlla il pulsante Verticale e fai clic sul pulsante Copia. Seleziona il gruppo appena creato, trascinalo a sinistra e posizionalo come mostrato nella terza immagine.
Seleziona le tre forme rosse create fino a quel momento e fai clic sul pulsante Unite dal pannello Pathfinder. Riempi la forma risultante con il gradiente lineare mostrato sotto e abbassa la sua Opacità all'8%. Concentrati sul pannello Livelli, seleziona questa nuova forma e trascinala all'interno del gruppo creato nel diciannovesimo passaggio.
Seleziona lo strumento Rettangolo (M), crea una forma di 50 x 130 px e posizionala come mostrato nella prima immagine. Riempi con nessuno, ma aggiungi un colpo di 4 punti. Imposta il suo colore a R = 210 G = 126 B = 142 quindi vai su Oggetto> Percorso> Aggiungi punti di ancoraggio. Passare allo strumento di selezione diretta (A), selezionare il punto di ancoraggio inferiore, centrale e premere semplicemente il tasto Canc dalla tastiera. Assicurati che il tuo percorso sia ancora selezionato, vai al pannello Aspetto, seleziona il tratto, quindi apri il pannello Traccia e controlla il pulsante "Tappo rotondo" dalla sezione Cap..
Riseleziona il percorso fatto nel passaggio precedente e vai a Effetto> Stilizzazione> Angoli arrotondati. Inserisci un raggio di 30px, fai clic su OK e vai su Effetto> Deformazione> Shell inferiore. Inserisci i dati mostrati qui sotto e vai su Oggetto> Espandi aspetto. Infine, invia questo percorso indietro (Shift + Control + [). Ci torneremo più tardi.
Con lo strumento rettangolo (M), crea una nuova forma da 50 x 130 px e posizionala come mostrato nella prima immagine. Ancora una volta, rimuovere il colore dal riempimento e aggiungere un tratto 4pt. Imposta il suo colore a R = 210 G = 126 B = 142 quindi vai su Oggetto> Percorso> Aggiungi punti di ancoraggio.
Passare allo strumento di selezione diretta (A) ed eliminare il punto di ancoraggio centrale inferiore. Assicurati che il tuo percorso sia ancora selezionato, spostati nel pannello Traccia, controlla il pulsante "Tappo rotondo" dalla sezione Cap, quindi vai a Effetto> Stilizzazione> Angoli arrotondati. Inserisci un raggio di 30px, fai clic su OK e vai su Effetto> Deformazione> Shell inferiore. Immettere i dati mostrati di seguito, fare clic su OK e andare su Oggetto> Espandi aspetto.
Riseleziona il percorso fatto nel passaggio precedente, crea una copia in primo piano (Control + C> Control + F), selezionalo e vai su Oggetto> Tracciato> Traccia contorno. Riempi la forma risultante con R = 39 G = 170 B = 225 (solo per farlo risaltare rispetto al resto delle forme) e vai su Effetto> Deformazione> Arco. Immettere i dati mostrati di seguito, fare clic su OK e andare su Oggetto> Espandi aspetto.
Riseleziona il rettangolo fatto nel diciassettesimo passaggio e fai una copia davanti (Control + C> Control + F). Selezionalo insieme alla forma blu creata nel passaggio precedente e fai clic sul pulsante Interseca dal pannello Elaborazione tracciati. Seleziona il gruppo di forma risultante, trasformalo in un tracciato composto (Oggetto> Percorso composto> Crea), riempilo con il gradiente lineare mostrato sotto e abbassa l'Opacità al 25%. Passare al pannello Livelli, selezionare il tracciato composto e trascinarlo sotto il percorso rosa anteriore.
Riseleziona il percorso rosa fatto nel trentatreesimo passaggio, fai una copia davanti (Control + C> Control + F), selezionalo e vai su Oggetto> Traccia> Traccia contorno. Ancora una volta, riempi la forma risultante con R = 39 G = 170 B = 225 e vai a Effetto> Deformazione> Arco. Immettere i dati mostrati di seguito, fare clic su OK e andare su Oggetto> Espandi aspetto.
Riseleziona "corpo" e fai una copia davanti (Control + C> Control + F). Selezionalo insieme alla forma blu creata nel passaggio precedente e fai clic sul pulsante Interseca dal pannello Elaborazione tracciati. Seleziona il gruppo di forma risultante, trasformalo in un tracciato composto (Oggetto> Percorso composto> Crea), riempilo con il gradiente lineare mostrato sotto e abbassa l'Opacità al 30%. Passare al pannello Livelli, selezionare questo percorso composto e trascinarlo sotto il percorso rosa anteriore.
Riselezionare il percorso rosa superiore, concentrarsi sul pannello Aspetto e aggiungere un nuovo tratto utilizzando il pulsante Aggiungi nuova traccia. Selezionalo, imposta il colore su R = 246 G = 246 B = 246, riduci le dimensioni a 2pt, quindi vai al pannello Traccia e controlla il pulsante Arrotonda dalla sezione Cap. Tornare al pannello Aspetto e aggiungere un terzo tratto per questo percorso. Selezionalo, imposta il colore su R = 231 G = 186 B = 195 e la dimensione su 2pt, quindi vai al pannello Traccia. Seleziona la casella Dash, inserisci 2pt nella dash dash e 2pt nella casella spazi. Spostati a destra e controlla il pulsante che "allinea i trattini agli angoli e termina il percorso, regolando la lunghezza per adattarla".
Passare al percorso rosa inferiore e aggiungere le stesse proprietà utilizzate per il percorso rosa anteriore. Puoi farlo facilmente usando le icone bersaglio (il piccolo cerchio grigio dal pannello Livelli che indica che il tuo oggetto contiene attributi Aspetto). Concentrati sul pannello Livelli, tieni premuto Alt, fai clic sull'icona di destinazione che sta per il percorso rosa superiore e trascina semplicemente sull'icona di destinazione che sta per percorso rosa in basso.
Usando lo strumento Rettangolo (M), crea una forma da 300 x 25 px, riempila di nero e posizionala come mostrato nella prima immagine. Passare allo strumento di selezione diretta (A) e concentrarsi sul lato superiore di questa nuova forma. Seleziona il punto di ancoraggio in alto a sinistra e spostalo di 5px a destra. Spostati al punto di ancoraggio destro, selezionalo e spostalo di 5px a sinistra. Assicurati che questa nuova forma sia ancora selezionata e concentrati sul pannello Aspetto. Seleziona il riempimento esistente, abbassa Opacità al 10% e vai a Effetto> Tracciato> Tracciato offset. Inserisci un offset 3px, fai clic su OK e vai a Effetto> Stilizzazione> Angoli arrotondati. Inserisci un raggio di 5px, fai clic su OK e vai su Effetto> Deformazione> Arco inferiore. Inserisci i dati mostrati nella terza immagine, fai clic su OK e vai a Effetto> Sfocatura> Sfocatura gaussiana. Inserisci un raggio di 3 pixel e fai clic su OK.
Tornare al pannello Aspetto e aggiungere un secondo riempimento nero per questa forma. Selezionalo, abbassa Opacità al 10% e vai a Effetto> Stilizzazione> Angoli arrotondati. Inserisci un raggio di 5px, fai clic su OK e vai su Effetto> Deformazione> Arco inferiore. Inserisci i dati mostrati nella quarta immagine, fai clic su OK e vai su Effetto> Percorso> Percorso offset. Immettere un offset 3px e fare clic su OK.
Usando lo strumento Ellisse (L), crea una forma di 360 per 70 px e posizionala come mostrato nella prima immagine. Riempi con R = 60 G = 36 B = 21, abbassa l'opacità al 18% e vai a Effetto> Sfocatura> Sfocatura gaussiana. Inserisci un raggio di 22 px e fai clic su OK. Continua con lo strumento Ellisse (L), crea una forma da 300 x 50 px e posizionala come mostrato nella seconda immagine. Riempi con R = 60 G = 36 B = 21, abbassa l'opacità al 10% e vai a Effetto> Sfocatura> Sfocatura gaussiana. Inserisci un raggio di 5px e fai clic su OK. Riselezionare entrambe le forme create in questo passaggio insieme a quello creato nel passaggio precedente e raggrupparle (Control + G). Seleziona questo nuovo gruppo e invialo indietro (Shift + Control + [).
Per i passaggi finali avrai bisogno di una griglia ogni 1 px. Quindi, vai a Modifica> Preferenze> Guide e griglia e inserisci 1 nella griglia ogni casella. Usando lo strumento Ellisse (L), crea un cerchio di 15px, riempilo con il gradiente radiale mostrato sotto e posizionalo come mostrato nella prima immagine. Passa al pannello Livelli e trascina questa nuova forma sotto il percorso superiore, rosa. Seleziona questo cerchio e crea due copie davanti (Ctrl + C> Ctrl + F> Ctrl + F). Seleziona la copia in alto e spostala 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 = 218 G = 175 B = 127.
Riseleziona il cerchio creato nel passaggio precedente e vai a Effetto> Stilizzazione> Sfalsa ombra. Immettere i dati mostrati di seguito, fare clic su OK, quindi concentrarsi sul pannello Aspetto e aggiungere un secondo riempimento. Selezionalo, imposta il colore su R = 218 G = 175 B = 127 e vai su Effetto> Tracciato> Tracciato offset. Immettere un offset di -4px e fare clic su OK.
Riselezionare le due forme create negli ultimi due passaggi e raggrupparle (Control + G). Crea una copia di questo gruppo (Control + C> Control + F), trascinalo a sinistra e posizionalo come mostrato nella seconda immagine.
Ora il tuo lavoro è finito. Ecco come dovrebbe apparire.