{"id":255940,"date":"2024-05-01T14:57:00","date_gmt":"2024-05-01T11:57:00","guid":{"rendered":"https:\/\/inform.click\/tutorial-di-illustrator-come-creare-una-calcolatrice-3d-realistica\/"},"modified":"2024-05-01T14:57:00","modified_gmt":"2024-05-01T11:57:00","slug":"tutorial-di-illustrator-come-creare-una-calcolatrice-3d-realistica","status":"publish","type":"post","link":"https:\/\/inform.click\/it\/tutorial-di-illustrator-come-creare-una-calcolatrice-3d-realistica\/","title":{"rendered":"Tutorial di Illustrator: come creare una calcolatrice 3D realistica"},"content":{"rendered":"

\n Fare qualsiasi cosa in Adobe Illustrator richiede davvero il doppio del tempo in quanto pu\u00f2 essere un po' complicato mettere le mani in giro. Nel seguente tutorial imparerai come creare una calcolatrice 3D realistica in Adobe Illustrator<\/strong>.\n<\/p>\n

\n Nel seguente tutorial imparerai come creare una calcolatrice 3D realistica utilizzando alcuni strumenti di base, la palette Pathfinder, i gradienti, le forme duplicate e l'effetto 3D. Quindi iniziamo.\n<\/p>\n

\n Risultato finale\n<\/p>\n

\n Vediamo cosa creerai in questo tutorial.\n<\/p>\n

\n Crea una calcolatrice 3D realistica in Illustrator
\n<\/h3>\n
\n Crea un nuovo documento
\n<\/h5>\n

\n 1 Avviare Illustrator e quindi premere (Ctrl + N<\/strong>) per creare un Nuovo<\/strong> documento. Seleziona Pixel<\/strong> dal menu a discesa Unit\u00e0, inserisci<\/strong> 680<\/strong> nella casella della larghezza e 570<\/strong> nella casella dell'altezza, quindi fai clic sul  pulsante Avanzate<\/strong>. Seleziona RGB<\/strong>, Schermo (72ppi)<\/strong> e assicurati che la  casella Allinea nuovi oggetti alla griglia pixel<\/strong> sia deselezionata prima di fare clic su OK<\/strong>.\n<\/p>\n

\"\"<\/a><\/p>\n

\n Crea le forme principali
\n<\/h5>\n

\n 2 Inizia disegnando due oggetti (576 per 336 px<\/strong> e 576 per 112 px<\/strong>) utilizzando lo strumento Rettangolo (M)<\/strong>. Quindi posiziona due oggetti appena creati nelle posizioni corrette come mostrato nella seconda immagine.\n<\/p>\n

\"\"<\/a>\"\"<\/a><\/p>\n

\n 3 Scegli lo strumento di selezione diretta (A)<\/strong> e usa questo strumento per selezionare due punti di ancoraggio a sinistra evidenziati con il magenta, quindi spostali di 94 px<\/strong> a destra. Quindi seleziona due punti di ancoraggio a destra evidenziati con il magenta e spostali di 94 px<\/strong> a sinistra. Continua con il Strumento di selezione diretta (A)<\/strong>, seleziona il punto di ancoraggio in alto a sinistra dell'oggetto pi\u00f9 piccolo e spostalo 116px<\/strong> a destra. Quindi seleziona il punto di ancoraggio in alto a destra e spostalo di 116 px<\/strong> a sinistra. Alla fine i tuoi oggetti dovrebbero assomigliare alla terza immagine mostrata.\n<\/p>\n

\"\"<\/a>\"\"<\/a>
\n\"\"<\/a><\/p>\n

\n 4 Ora seleziona due oggetti appena creati, duplicali (Ctrl +C, Ctrl +F<\/strong>) una volta e poi nascondi (Ctrl +3<\/strong>) le copie. Con l'aiuto dello strumento Segmento di linea()<\/strong> crea due linee orizzontali e posizionale nelle posizioni come vedi nell'immagine, quindi blocca queste linee (Ctrl +2<\/strong> ). Quindi seleziona lo strumento Aggiungi punti di ancoraggio (+)<\/strong> e aggiungi quattro punti di ancoraggio nei punti evidenziati con il magenta. Dopo aver aggiunto i punti di ancoraggio, premi (Ctrl + Alt +2<\/strong>) per sbloccare le linee orizzontali e quindi rimuoverle.\n<\/p>\n

\"\"<\/a><\/p>\n

\n 5 Premere (Ctrl +Alt +3<\/strong>) per mostrare due oggetti nascosti nel passaggio 4<\/strong>. Riseleziona l'oggetto pi\u00f9 piccolo e vai a Effetto> Stilizzazione> Angoli arrotondati<\/strong> … Inserisci un Raggio di 11px<\/strong> e poi fai clic su OK<\/strong>. Quindi riseleziona l'oggetto pi\u00f9 grande e vai su Effetto> Stilizzazione> Angoli arrotondati<\/strong> … Inserisci un Raggio di 21px<\/strong> e poi fai clic su OK<\/strong>. Infine riseleziona due oggetti rossi e vai su Oggetto> Espandi aspetto<\/strong>.\n<\/p>\n

\"\"<\/a>\"\"<\/a><\/p>\n

\n 6 Con lo strumento Segmento di linea ()<\/strong> crea una linea verticale e posizionala nella posizione come vedi nell'immagine, quindi blocca questa linea (Ctrl +2<\/strong> ). Quindi seleziona lo strumento Aggiungi punti di ancoraggio (+)<\/strong> e aggiungi un punto di ancoraggio nel punto evidenziato con il magenta. Dopo aver aggiunto i punti di ancoraggio, premi (Ctrl + Alt +2<\/strong>) per sbloccare la linea verticale e quindi rimuoverla. Ora riseleziona il punto di ancoraggio appena creato e spostalo di 7px<\/strong> verso il basso. Assicurati che il punto di ancoraggio appena creato sia ancora selezionato, fai clic sul pulsante ” Converti i punti di ancoraggio selezionati in levigati<\/strong> ” dalla barra delle propriet\u00e0<\/strong>. Quindi scegli il Strumento di selezione diretta (A)<\/strong>, tieni premuto ilTasto Maiusc<\/strong>, quindi fare clic sulla maniglia destra del punto di ancoraggio appena creato e spostarlo verso destra per aumentare la lunghezza di questa maniglia. Quindi tieni premuto il tasto Maiusc<\/strong>, quindi fai clic sulla maniglia sinistra e spostala a sinistra.\n<\/p>\n

\"\"<\/a>\"\"<\/a><\/p>\n

\n 7 Selezionare due oggetti rossi e bloccarli (Ctrl +2<\/strong> ). Quindi seleziona quattro punti di ancoraggio degli oggetti neri evidenziati in blu e quindi rimuovili. Prima di continuare, premi (Ctrl + Alt +2<\/strong>) per sbloccare due oggetti rossi. Ora seleziona l'oggetto nero pi\u00f9 grande e l'oggetto rosso pi\u00f9 grande, quindi apri la palette Pathfinder (<\/strong> Finestra> Pathfinder<\/strong>) e fai clic sul pulsante Unisci<\/strong>. Infine seleziona i due oggetti rimanenti e fai clic sul pulsante Unisci<\/strong>. Alla fine i tuoi nuovi oggetti dovrebbero assomigliare alla quinta immagine mostrata.\n<\/p>\n

\"\"<\/a>\"\"<\/a>
\n\"\"<\/a>
\n\"\"<\/a>
\n\"\"<\/a><\/p>\n

\n 8 Riempi l'oggetto pi\u00f9 piccolo con R=92, G=92, B=88<\/strong>. Quindi riempi l'oggetto rimanente con R=193, G=198, B=200<\/strong>. Ora seleziona la forma pi\u00f9 grande, duplicala (Ctrl +C, Ctrl +F, Ctrl +F<\/strong>) due volte e nascondi una copia (Ctrl +3<\/strong> ). Seleziona la copia rimanente e sostituisci il colore esistente con R=107, G=113, B=113<\/strong>. Quindi sposta la forma appena creata di 20 px<\/strong> verso il basso e quindi inviala indietro (Ctrl + Maiusc + Parentesi quadra sinistra<\/strong> ). Mantieni selezionata questa forma, vai su Oggetto> Trasforma> Scala<\/strong> … Nella finestra di dialogo Scala<\/strong>, seleziona Non uniforme<\/strong> e inserisci 95<\/strong> in Orizzontale<\/strong>casella, quindi fare clic su OK<\/strong>. Ora riseleziona due grandi forme e vai su Oggetto> Miscela> Opzioni di fusione<\/strong> … Segui i dati come mostrato nella quarta immagine e quindi fai clic su OK<\/strong>. Quindi vai su Oggetto> Miscela> Crea (Ctrl + Alt + B)<\/strong>.\n<\/p>\n

\"\"<\/a>\"\"<\/a>
\n\"\"<\/a>
\n\"\"<\/a><\/p>\n

\n 9 Premere (Ctrl +Alt +3<\/strong>) per mostrare la forma nascosta nel passaggio 8<\/strong> e quindi sostituirne il colore esistente con il gradiente lineare come mostrato di seguito.\n<\/p>\n

\"\"<\/a><\/p>\n

\n 10 Inizieremo a creare luci e ombre sulle forme principali per dare loro un aspetto pi\u00f9 3D. Prima usando lo strumento Segmento di linea ()<\/strong> crea una linea orizzontale, con un tratto di 2px (<\/strong> R=0, G=0, B=0<\/strong>) e nessun riempimento. Quindi scegli lo strumento Penna (P)<\/strong> e usa questo strumento per creare tre percorsi come vedi nella terza immagine qui sotto. Una volta che i tuoi percorsi sono stati disegnati, seleziona due percorsi rossi, riempili con nessuno e aggiungi un tratto 2px (<\/strong> R=129, G=129, B=130<\/strong> ), quindi applica il profilo di larghezza 4<\/strong> per il risultato. Mantieni selezionati gli oggetti risultanti, vai su Effetto> Sfocatura> Sfocatura gaussiana<\/strong> … Inserisci un raggio 3px<\/strong> e quindi fai clic su OK<\/strong>. Ora seleziona il percorso blu, riempilo con nessuno e aggiungi un tratto di 3px<\/strong> (R=242, G=246, B=246<\/strong> ). Quindi applica il Profilo larghezza 1<\/strong> e un effetto Sfocatura gaussiana 4px<\/strong> per l'oggetto risultante. Continua a creare un percorso curvo con lo strumento Penna (P)<\/strong> come nella sesta immagine in basso. Una volta disegnato il percorso, riempilo con nessuno e aggiungi un tratto di 2px (applica il gradiente lineare attraverso il tratto), quindi applica il<\/strong> profilo di larghezza 3<\/strong> per il risultato.\n<\/p>\n

\"\"<\/a>\"\"<\/a>
\n\"\"<\/a>
\n\"\"<\/a>
\n\"\"<\/a><\/p>\n

\n 11 Fare doppio clic sull'oggetto sfumato creato nel passaggio 8<\/strong>, selezionare la forma pi\u00f9 scura e premere (Ctrl +C<\/strong>) per copiarla. Quindi fai doppio clic su un punto qualsiasi al di fuori dell'oggetto unito, quindi premi (Ctrl + F<\/strong>) per incollare la copia davanti. Sostituisci il colore esistente di questa copia con R=0, G=0, B=0<\/strong>, riduci l' opacit\u00e0<\/strong> all'80 %<\/strong> e quindi applica un effetto Sfocatura gaussiana 3px<\/strong> per la forma risultante. Infine, invia questa nuova forma in secondo piano (Ctrl + Maiusc + Parentesi quadra sinistra<\/strong> ).\n<\/p>\n

\"\"<\/a>\"\"<\/a><\/p>\n

\n Crea la tastiera
\n<\/h5>\n

\n 12 Con lo strumento Rettangolo (M)<\/strong> crea un oggetto di 60 x 60 px<\/strong>. Assicurati che l'oggetto appena creato sia ancora selezionato, vai su Effetto> Stilizzazione> Angoli arrotondati<\/strong> … Inserisci un raggio di 5px<\/strong> e fai clic su OK<\/strong>, quindi vai su Oggetto> Espandi aspetto<\/strong>. Riempi il nuovo oggetto con R=101, G=105, B=97<\/strong>, duplica la forma risultante una volta e sostituisci il colore esistente della copia con R=43, G=43, B=39<\/strong>. Quindi sposta la forma risultante di 5px<\/strong> in basso e di 2px<\/strong> a destra, quindi inviala all'indietro (Ctrl + parentesi quadra sinistra<\/strong> ).\n<\/p>\n

\"\"<\/a><\/p>\n

\n 13 Riselezionare la forma appena creata creata nel passaggio 12<\/strong>, andare su Oggetto > Percorso > Percorso offset<\/strong> … Immettere un Offset 1px<\/strong> e quindi fare clic su OK<\/strong>. Sposta la nuova forma 1px<\/strong> in basso e 1px<\/strong> a destra, quindi sostituisci il colore esistente con R=0, G=0, B=0<\/strong>.\n<\/p>\n

\"\"<\/a><\/p>\n

\n 14 Selezionare la forma pi\u00f9 chiara creata nel passaggio 12<\/strong>, andare su Oggetto > Percorso > Offset percorso<\/strong> … Immettere un -1px Offset<\/strong> e fare clic su OK<\/strong>, quindi nascondere questa nuova forma. Riseleziona due forme create nel passaggio 12<\/strong> e crea una fusione tra di loro. Ora premi (Ctrl + Alt +3<\/strong>) per mostrare la forma nascosta in questo passaggio, sostituisci il colore esistente di questa forma con R=72, G=73, B=66<\/strong> e vai su Effetto> Stilizzazione> Piuma<\/strong> … Inserisci un 8px<\/strong> Raggio<\/strong> e fai clic su OK<\/strong>, quindi sposta la forma risultante di 1 pixel<\/strong> verso l'alto. Infine seleziona e raggruppa (Ctrl + G<\/strong>) tutte le forme create dall'inizio del passaggio 12<\/strong> fino a questo momento, quindi denominare questo gruppo “pulsante_01”.\n<\/p>\n

\"\"<\/a><\/p>\n

\n 15 Segue il secondo pulsante. Con lo strumento Rettangolo (M)<\/strong> crea un oggetto 60 per 60 px .<\/strong> Assicurati che l'oggetto appena creato sia ancora selezionato, vai su Effetto> Stilizzazione> Angoli arrotondati<\/strong> … Inserisci un raggio di 5px<\/strong> e fai clic su OK<\/strong>, quindi vai su Oggetto> Espandi aspetto<\/strong>. Riempi il nuovo oggetto con R=76, G=78, B=77<\/strong>, duplica la forma risultante una volta e sostituisci il colore esistente della copia con R=43, G=43, B=39<\/strong>. Quindi sposta la forma risultante di 5 pixel<\/strong> in basso e di 1 pixel<\/strong> a destra, quindi inviala all'indietro (Ctrl + parentesi quadra sinistra<\/strong>). Assicurati che la forma appena creata sia ancora selezionata, vai su Oggetto> Percorso> Percorso offset<\/strong> … Inserisci un Offset 1px<\/strong> e quindi fai clic su OK<\/strong>. Sposta la nuova forma 1px<\/strong> in basso e 1px<\/strong> a destra, quindi sostituisci il colore esistente con R=0, G=0, B=0<\/strong>.\n<\/p>\n

\"\"<\/a><\/p>\n

\n 16 Selezionare la forma “1” creata nel passaggio 15<\/strong>, andare su Oggetto > Percorso > Percorso offset<\/strong> … Immettere un Offset -1px<\/strong> e fare clic su OK<\/strong>, quindi nascondere questa nuova forma. Riseleziona due forme (“1” e “2”) create nel passaggio 15<\/strong> e crea una fusione tra di loro. Ora premi (Ctrl + Alt +3<\/strong>) per mostrare la forma nascosta in questo passaggio, sostituisci il colore esistente di questa forma con R=50, G=53, B=49<\/strong> e vai a Effetto> Stilizzazione> Piuma<\/strong> … Inserisci un 8px Raggio<\/strong> e fai clic su OK<\/strong>, quindi sposta la forma risultante di 1px<\/strong> verso l'alto. Infine seleziona e raggruppa (Ctrl + G<\/strong>) tutte le forme create dall'inizio del passaggio 15<\/strong> fino a questo momento, quindi denominare questo gruppo “pulsante_02”.\n<\/p>\n

\"\"<\/a><\/p>\n

\n 17 Per creare il terzo pulsante, selezionare prima il gruppo “pulsante_02” e creare una copia di questo gruppo (Ctrl +C, Ctrl +V<\/strong> ). Fare doppio clic sul gruppo appena creato, quindi fare doppio clic sull'oggetto unito. Seleziona la forma pi\u00f9 scura e spostala di 1px<\/strong> a sinistra, fai doppio clic su un punto qualsiasi al di fuori dell'oggetto sfumato. Quindi fai di nuovo doppio clic sul gruppo, seleziona l'oggetto nero e spostalo di 2px<\/strong> a sinistra, quindi fai doppio clic su un punto qualsiasi al di fuori del gruppo appena modificato. Assegna un nome a questo nuovo gruppo “pulsante_03”.\n<\/p>\n

\"\"<\/a><\/p>\n

\n 18 Selezionare tre gruppi appena creati, aprire la palette Allinea (<\/strong> Finestra\/Allinea<\/strong>) e fare clic sul pulsante ” Allineamento orizzontale a sinistra<\/strong> “, quindi fare clic sul pulsante ” Allineamento verticale in alto<\/strong> “. Seleziona il gruppo “button_03” e spostalo di 170 px<\/strong> a destra. Quindi seleziona il gruppo “button_02” e spostalo di 92px<\/strong> a destra.\n<\/p>\n

\"\"<\/a><\/p>\n

\n 19 Aprire la palette Carattere<\/strong> (Finestra > Tipo > Carattere<\/strong>) e quindi impostare i dati come mostrato di seguito. Quindi scegli il Tipo Strumento (T)<\/strong>, fai semplicemente clic sulla tua tavola da disegno e aggiungi il numero “0”. Fai due copie di questo numero e poi posizionale nelle posizioni corrette come mostrato di seguito.\n<\/p>\n

\"\"<\/a><\/p>\n

\n 20 Selezionare tre pulsanti appena creati e passare a Oggetto > Trasforma > Sposta<\/strong>. Segui i dati come mostrato di seguito e fai clic su Copia<\/strong>. Quindi premi (Ctrl + D<\/strong>) tre volte per ottenere i risultati come vedi nell'immagine qui sotto. Ora seleziona tre pulsanti in alto (tranne i numeri “0”) e vai su Oggetto> Trasforma> Trasforma ogni<\/strong> … Inserisci un 80<\/strong> nella casella Verticale<\/strong> e quindi fai clic su OK<\/strong>.\n<\/p>\n

\"\"<\/a>\"\"<\/a><\/p>\n

\n 21 Mostra i righelli<\/strong> (Visualizza > Visualizza righelli > Mostra righello<\/strong>) o (Ctrl + R<\/strong> ). Quindi trascina una guida verticale dai righelli (se le guide sono bloccate, vai su Visualizza> Guide> Blocca guide<\/strong>) o (Ctrl + Alt + ;<\/strong> ). Ora seleziona un pulsante della terza colonna, tieni premuto il tasto Shift<\/strong>, fai clic sulla guida appena creata, rilascia il tasto Shift<\/strong> e poi clicca nuovamente sul pulsante (per fissarne la posizione). Quindi apri la tavolozza Allinea<\/strong> (Finestra> Allinea<\/strong>) e fai clic sul pulsante ” Centro allineamento orizzontale<\/strong> “. Ora seleziona due colonne di pulsanti come vedi nell'immagine qui sotto, scegli lo strumento Rifletti (O)<\/strong>, tieni premuto il tasto Alt<\/strong> e fai clic sulla guida appena creata. Nella casella Rifletti<\/strong>, seleziona Verticale<\/strong> e quindi fai clic su Copia<\/strong>. Quindi seleziona tutti i numeri “0” di due colonne appena create e vai su Oggetto> Trasforma> Trasforma ogni<\/strong> … Nella finestra di dialogo Trasforma ogni, seleziona<\/strong> Rifletti X<\/strong> e quindi fai clic su OK<\/strong>.\n<\/p>\n

\"\"<\/a>\"\"<\/a>
\n\"\"<\/a><\/p>\n

\n 22 Selezionare il pulsante in basso della seconda colonna (tranne il numero “0”) e andare su Oggetto > Trasforma > Trasforma ogni<\/strong> … Seguire i dati come mostrato di seguito e quindi fare clic su OK<\/strong>.\n<\/p>\n

\"\"<\/a><\/p>\n

\n 23 Segui la sequenza delle immagini e sostituisci i numeri “0” con altri numeri, lettere e simboli. Ora seleziona tutti i numeri, le lettere, i simboli e poi vai su Oggetto> Espandi Aspetto<\/strong>. Quindi vai su Oggetto> Espandi<\/strong> e quindi fai clic su OK<\/strong> quando viene visualizzata la casella Espandi<\/strong>.\n<\/p>\n

\"\"<\/a>\"\"<\/a>
\n\"\"<\/a><\/p>\n

\n 24 Selezionare e raggruppare (Ctrl + G<\/strong>) tutte le forme create dall'inizio del passaggio 12<\/strong> fino a questo momento. Mentre il gruppo appena creato \u00e8 selezionato, vai su Effetto> 3D> Ruota<\/strong> … Segui i dati come mostrato di seguito e quindi fai clic su OK<\/strong>. Infine posiziona il risultato nella posizione corretta come vedi nell'immagine finale.\n<\/p>\n

\"\"<\/a>\"\"<\/a><\/p>\n

\n Crea due commutatori
\n<\/h5>\n

\n 25 Con l'aiuto dello strumento Rettangolo (M)<\/strong> crea un oggetto di 72 x 12 px<\/strong>. Mantieni selezionato l'oggetto appena creato, vai su Effetto> Stilizzazione> Angoli arrotondati<\/strong> … Inserisci un raggio di 8px<\/strong> e fai clic su OK<\/strong>, quindi vai su Oggetto> Espandi aspetto<\/strong>. Assicurati che l'oggetto risultante sia ancora selezionato, vai su Oggetto> Trasforma> Scala<\/strong> … Controlla Non uniforme<\/strong>, inserisci un 150<\/strong> nella casella Orizzontale<\/strong> e inserisci un 120<\/strong> nella casella Verticale<\/strong>, quindi fai clic su Copia<\/strong>. Quindi sposta il nuovo oggetto 10px<\/strong>a destra e vai su Oggetto> Trasforma> Scala<\/strong> … Inserisci un 90<\/strong> nella casella Scala<\/strong> e quindi fai clic su Copia<\/strong>.\n<\/p>\n

\"\"<\/a>\"\"<\/a>
\n\"\"<\/a><\/p>\n

\n 26 Mettere a fuoco il lato destro di due oggetti rossi, selezionare quattro punti di ancoraggio evidenziati in blu e fare clic sul pulsante ” Taglia tracciato nei punti di ancoraggio selezionati<\/strong> ” dalla barra delle propriet\u00e0<\/strong>. Quindi rimuovi due piccoli oggetti rossi.\n<\/p>\n

\"\"<\/a>\"\"<\/a><\/p>\n

\n 27 Usa lo strumento selezione diretta (A)<\/strong> fai clic sul punto di ancoraggio superiore evidenziato in blu e spostalo fino al punto evidenziato in verde. Quindi seleziona il punto di ancoraggio inferiore evidenziato in blu e spostalo verso il basso nel punto evidenziato in verde. Ora usa lo strumento di selezione diretta (A)<\/strong> seleziona due punti di ancoraggio evidenziati in nero e quindi fai clic sul pulsante ” Connetti punti finali selezionati<\/strong> ” dalla barra delle propriet\u00e0<\/strong>. Ripeti la stessa cosa per due punti di ancoraggio evidenziati con il magenta.\n<\/p>\n

\"\"<\/a><\/p>\n

\n 28 Selezionare il punto di ancoraggio evidenziato in magenta e spostarlo di 20 px<\/strong> a sinistra. Ora riseleziona l'oggetto rosso e riempilo con il gradiente lineare. Quindi seleziona l'oggetto nero e riempilo con il gradiente radiale.\n<\/p>\n

\"\"<\/a>\"\"<\/a><\/p>\n

\n 29 Creare una copia della forma pi\u00f9 scura (Ctrl +C, Ctrl +F<\/strong> ). Mentre questa copia \u00e8 selezionata e vai su Oggetto> Percorso> Percorso offset<\/strong> … Inserisci un offset di -1px<\/strong> e fai clic su OK<\/strong>, quindi sposta la forma risultante di 1px<\/strong> verso il basso. Quindi seleziona due forme appena create, apri la palette Pathfinder (<\/strong> Finestra> Pathfinder<\/strong>) e fai clic sul pulsante Fronte meno<\/strong>, quindi sostituisci il colore esistente della forma risultante con R=50, G=53, B=49.<\/strong>\n<\/p>\n

\"\"<\/a><\/p>\n

\n 30 Continuare a riselezionare la forma pi\u00f9 scura creata nel passaggio 28<\/strong> e andare su Oggetto > Trasforma > Trasforma ogni<\/strong> … Immettere i dati come mostrato di seguito e quindi fare clic su Copia<\/strong>. Quindi sostituisci il colore esistente della nuova forma con il gradiente lineare. Mantieni selezionata la forma risultante e vai su Oggetto> Trasforma> Scala<\/strong> … Inserisci un 98<\/strong> nella casella Scala<\/strong> e quindi fai clic su OK<\/strong>. Quindi sostituisci il colore esistente della nuova forma con R=133, G=139, B=139<\/strong>.\n<\/p>\n

\"\"<\/a>\"\"<\/a><\/p>\n

\n 31 Con lo strumento Ellisse (L)<\/strong> crea un oggetto di 16 x 12 px<\/strong> e poi riempilo con R=40, G=44, B=44<\/strong>. Mentre la forma risultante \u00e8 selezionata, vai su Oggetto> Trasforma> Scala<\/strong> … Inserisci un 92<\/strong> nella casella Scala<\/strong> e quindi fai clic su OK<\/strong>. Quindi sostituisci il colore esistente della nuova forma con R=58, G=60, B=62<\/strong>. Mantieni la nuova forma selezionata, duplicala una volta, sposta la copia di 6px<\/strong> in alto e poi sostituisci il colore esistente con R=128, G=130, B=133<\/strong>. Assicurati che la forma risultante sia ancora selezionata, duplicala una volta e poi nascondi la copia. Ora seleziona due ellissi appena create e crea una fusione tra di loro. Quindi mostra la forma nascosta in questo passaggio e vai su Oggetto> Trasforma> Scala<\/strong> … Inserisci un 85<\/strong> nella casella Scala<\/strong> e quindi fai clic su OK<\/strong>. Sostituisci il colore di riempimento esistente della nuova forma con il gradiente lineare, aggiungi un tratto di 2px (<\/strong> R=118, G=120, B=128<\/strong>) e quindi applica il profilo di larghezza 2<\/strong> per il risultato.\n<\/p>\n

\"\"<\/a>\"\"<\/a>
\n\"\"<\/a><\/p>\n

\n 32 Selezionare e raggruppare (Ctrl + G<\/strong>) tutte le forme create dall'inizio del passaggio 30<\/strong> fino a questo momento. Quindi riseleziona nuovamente la forma pi\u00f9 scura creata nel passaggio 28<\/strong>, duplicala una volta e poi portala in primo piano (Ctrl + Maiusc + Parentesi quadra destra<\/strong> ). Seleziona due punti di ancoraggio superiori della nuova forma e spostali di 10px<\/strong> verso l'alto. Ora riseleziona la forma appena creata e il gruppo appena creato, quindi vai su Oggetto> Maschera di ritaglio> Crea (Ctrl +7)<\/strong>. Infine seleziona e raggruppa tutte le forme create dall'inizio del passaggio 25<\/strong> fino a questo momento.\n<\/p>\n

\"\"<\/a>\"\"<\/a>
\n\"\"<\/a><\/p>\n

\n 33 Riselezionare il nuovo gruppo e andare su Oggetto > Trasforma > Rifletti<\/strong> … Selezionare Verticale<\/strong> e quindi fare clic su Copia<\/strong>. Fai doppio clic sul nuovo gruppo, quindi seleziona la forma come vedi nella terza immagine e rimuovila. Quindi seleziona la forma come mostrato nella quinta immagine e sostituisci il colore esistente con R=174, G=180, B=182<\/strong>.\n<\/p>\n

\"\"<\/a>\"\"<\/a><\/p>\n

\n 34 Continua a selezionare la forma come vedi nella prima immagine in basso e quindi sostituisci il colore esistente con il gradiente radiale. Quindi usa lo strumento selezione diretta (A)<\/strong> seleziona tutti i punti di ancoraggio sul lato sinistro di due forme scure e poi spostali di 15px<\/strong> a sinistra. Ora seleziona tutte le forme come mostrato nella quarta immagine e poi spostale nella posizione come mostrato nell'immagine finale qui sotto. Infine, fai doppio clic su un punto qualsiasi al di fuori del gruppo appena modificato.\n<\/p>\n

\"\"<\/a>\"\"<\/a><\/p>\n

\n 35 Posizionare due gruppi appena creati nelle posizioni corrette come mostrato di seguito.\n<\/p>\n

\"\"<\/a><\/p>\n

\n 36 Per aggiungere alcuni dettagli, crea prima sette ellissi (R=92, G=92, B=88<\/strong> ). Quindi apri la palette Carattere<\/strong> (Finestra> Tipo> Carattere<\/strong>) e quindi imposta i dati come mostrato nella seconda immagine in basso. Quindi scegli il Tipo Strumento (T)<\/strong>, fai semplicemente clic sulla tua tavola da disegno e aggiungi alcuni numeri e lettere, quindi posizionali nelle posizioni corrette come mostrato di seguito. Ora riseleziona tutti i nuovi numeri e lettere, quindi vai su Oggetto> Espandi aspetto<\/strong>. Mentre i risultati sono selezionati, vai su Oggetto> Trasforma> Taglio<\/strong> … Segui i dati come mostrato nella terza immagine e poi fai clic su OK<\/strong>.\n<\/p>\n

\"\"<\/a>\"\"<\/a>
\n\"\"<\/a><\/p>\n

\n 37 Ripetere la stessa procedura per aggiungere questi dettagli sul lato sinistro della calcolatrice. A questo punto la tua calcolatrice dovrebbe apparire come nella seconda immagine qui sotto.\n<\/p>\n

\"\"<\/a>\"\"<\/a><\/p>\n

\n Crea la schermata di visualizzazione
\n<\/h5>\n

\n 38 Con lo strumento Rettangolo (M)<\/strong> crea un oggetto di 358 x 60 px<\/strong> come di seguito. Seleziona il punto di ancoraggio in alto a sinistra del nuovo oggetto e spostalo di 10px<\/strong> a destra. Quindi seleziona il punto di ancoraggio in alto a destra e spostalo di 10px<\/strong> a sinistra. Ora riseleziona il nuovo oggetto e vai su Effetto> Stilizzazione> Angoli arrotondati<\/strong> … Inserisci un Raggio di 10px<\/strong> e poi fai clic su OK<\/strong>. Infine riempi l'oggetto risultante con R=213, G=218, B=221<\/strong> e aggiungi un tratto di 1px (R=65, G=64, B=66<\/strong> ).\n<\/p>\n

\"\"<\/a>\"\"<\/a>
\n\"\"<\/a><\/p>\n

\n 39 Riseleziona la forma appena creata e vai su Oggetto > Trasforma > Scala<\/strong> … Seleziona Non uniforme<\/strong>, inserisci 95<\/strong> nella casella Orizzontale<\/strong> e inserisci 83<\/strong> nella casella Verticale<\/strong>, quindi fai clic su Copia<\/strong>. Sostituisci il colore esistente della nuova forma con R=159, G=188, B=167<\/strong>. Mantieni selezionata la forma risultante, apri la palette Aspetto<\/strong> (Finestra> Aspetto<\/strong>) e fai clic sulla sezione Angoli arrotondati .<\/strong> Nella finestra di dialogo Angoli arrotondati<\/strong>, inserisci un raggio di 5px<\/strong> e fai clic su OK<\/strong>. Assicurati che la forma risultante sia ancora selezionata, vai a Effetto> Stilizzazione> Bagliore interno<\/strong>. Seguire i dati come mostrato nella seconda immagine e quindi fare clic su OK<\/strong>.\n<\/p>\n

\"\"<\/a>\"\"<\/a><\/p>\n

\n 40 Aprire la palette Carattere<\/strong> (Finestra > Tipo > Carattere<\/strong>) e quindi impostare i dati come mostrato di seguito. Quindi scegli il Tipo Strumento (T)<\/strong>, fai semplicemente clic sulla tua tavola da disegno e aggiungi il numero “8”. Riseleziona il numero “8” e vai a Oggetto> Trasforma> Sposta<\/strong>. Inserisci un 24<\/strong> in una casella orizzontale<\/strong> e fai clic su Copia<\/strong>, quindi premi (Ctrl + D<\/strong>) dieci volte. Riseleziona tutti i numeri “8” appena creati, raggruppali e riduci l' opacit\u00e0<\/strong> di questo gruppo al 20%<\/strong>, quindi chiamalo “dodici_otto”. Ora fai una copia (Ctrl +C, Ctrl +V<\/strong>) del nuovo gruppo e cambia l' opacit\u00e0<\/strong>della copia al 100%<\/strong>. Sostituisci i numeri “8” del nuovo gruppo con altri numeri, quindi aggiungi alcuni dettagli come vedi nell'immagine finale. Infine seleziona e raggruppa (Ctrl + G<\/strong>) il nuovo gruppo e questi dettagli appena creati, quindi chiamalo “numeri”.\n<\/p>\n

\"\"<\/a>\"\"<\/a><\/p>\n

\n 41 Riselezionare il gruppo “twelve_eights” e passare a Effetto > Distorci e trasforma > Distorsione libera<\/strong> … Nella casella Distorsione libera<\/strong>, trascinare verso sinistra la maniglia dell'angolo superiore destro del riquadro di delimitazione, quindi fare clic su OK<\/strong>.\n<\/p>\n

\"\"<\/a><\/p>\n

\n 42 Riselezionare il gruppo “numeri” e passare a Effetto > Distorci e trasforma > Distorsione libera<\/strong> … Nella casella Distorsione libera<\/strong>, trascinare verso sinistra la maniglia dell'angolo superiore destro del riquadro di delimitazione, quindi fare clic su OK<\/strong>.\n<\/p>\n

\"\"<\/a><\/p>\n

\n 43 Prima di continuare, seleziona e rimuovi due otto dal gruppo “numeri”. Quindi riselezionare due gruppi appena creati, aprire la palette Allinea (<\/strong> Finestra > Allinea<\/strong> ), fare clic sul pulsante ” Allineamento orizzontale<\/strong> a destra” e quindi fare clic sul pulsante ” Allineamento verticale in basso “.<\/strong> Infine posiziona questi gruppi nella posizione corretta come mostrato nell'immagine finale qui sotto.\n<\/p>\n

\"\"<\/a>\"\"<\/a><\/p>\n

\n 44 Aprire la palette Carattere<\/strong> (Finestra > Tipo > Carattere<\/strong>) e quindi impostare i dati come mostrato di seguito. Quindi scegli il Tipo Strumento (T)<\/strong>, fai clic sulla tua tavola da disegno e aggiungi il pezzo di testo “Calcolatrice”. Riseleziona il nuovo testo e vai su Effetto > Distorci e trasforma > Distorsione libera<\/strong> … Nella casella Distorsione libera<\/strong>, trascina verso destra la maniglia dell'angolo in alto a sinistra sul riquadro di delimitazione, quindi fai clic su OK<\/strong>. Il risultato dovrebbe assomigliare all'immagine finale qui sotto.\n<\/p>\n

\"\"<\/a>\"\"<\/a>
\n\"\"<\/a><\/p>\n

\n 45 Per aggiungere alcuni dettagli, seleziona prima lo strumento Rettangolo (M)<\/strong> e usa questo strumento per creare un oggetto di 26 x 23 px, quindi riempi il nuovo oggetto con il gradiente lineare.<\/strong> Mantieni selezionata la forma risultante, vai a Oggetto> Trasforma> Sposta<\/strong>. Immettere un 26<\/strong> nella casella Orizzontale<\/strong> e fare clic su Copia<\/strong>, quindi premere (Ctrl + D<\/strong>) due volte. Quindi scegli il Strumento Segmento di linea ()<\/strong> e disegna tre percorsi verticali come mostrato di seguito. Una volta che i tuoi percorsi sono stati disegnati, riempili con nessuno e aggiungi un tratto di 1px<\/strong> (R=49, G=39, B=40<\/strong> ). Ora seleziona tutti gli oggetti creati in questo passaggio e raggruppa (Ctrl + G<\/strong>) loro. Continua a creare un'altra forma (110 per 25 px<\/strong>) con lo strumento Rettangolo (M)<\/strong> e poi riempila con R=35, G=31, B=32<\/strong>. Mantieni selezionata la forma risultante, tieni premuto il tasto Maiusc<\/strong> e fai clic sul gruppo appena creato. Apri la palette Allinea (<\/strong> Finestra> Allinea<\/strong> ), fai clic sul pulsante ” Allineamento orizzontale al centro<\/strong> ” e fai clic sul pulsante ” Allineamento verticale in basso<\/strong> “, quindi vai su Effetto> Distorci e trasforma> Distorsione libera<\/strong>. Nella casella Distorsione libera<\/strong>, trascina verso sinistra la maniglia nell'angolo superiore destro del riquadro di delimitazione, quindi fai clic su OK<\/strong>. Infine posiziona il risultato nella posizione come mostrato nell'immagine finale qui sotto.\n<\/p>\n

\"\"<\/a>\"\"<\/a>
\n\"\"<\/a><\/p>\n

\n Risultato finale
\n<\/h4>\n

\n Ecco come appare il progetto completato. Spero ti piaccia questo tutorial.\n<\/p>\n

\n Congratulazioni! Hai completato la lezione. Spero che tu abbia scoperto alcune cose utili in questo tutorial. L'immagine del risultato finale \u00e8 sotto. Divertiti!\n<\/p>\n

\"\"<\/a><\/p>\n

\n Conclusione
\n<\/h4>\n

\n Per quanto difficile possa sembrare, sono molto sicuro che se seguirai il mio tutorial troverai molto aiuto usando le tue abilit\u00e0 e le tue immagini per produrre la tua creazione! Ancora una volta Grazie per aver utilizzato il nostro tutorial, saremo molto felici di rispondere a qualsiasi domanda tu possa avere, puoi semplicemente lasciare un feedback o un commento qui sotto.\n<\/p>\n

\n Scarica i file sorgente dei risultati
\n<\/h3>\n
    \n
  • \n Scarica il file sorgente .ai (.zip, 1,93 MB)\n <\/li>\n<\/ul>\n
    \n Fonte di registrazione: instantshift.com\n<\/div>\n","protected":false},"excerpt":{"rendered":"

    Fare qualsiasi cosa in Adobe Illustrator richiede davvero il doppio del tempo in quanto pu\u00f2 essere un po’ complicato mettere le mani in giro. Nel seguente tutorial imparerai come creare una calcolatrice 3D realistica in Adobe Illustrator. Nel seguente tutorial imparerai come creare una calcolatrice 3D realistica utilizzando alcuni strumenti di base, la palette Pathfinder, i gradienti, le forme duplicate e l’effetto 3D. Quindi iniziamo. Risultato finale Vediamo cosa creerai in questo tutorial. Creare una calcolatrice 3D realistica in Illustrator Creare un nuovo documento 1. Avviare Illustrator e quindi premere (Ctrl +…<\/p>\n","protected":false},"author":1,"featured_media":130877,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[225,706,602,56],"tags":[],"class_list":["post-255940","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-libri-di-testo","category-software-3-tecnologia-e-altro","category-tecnologia-e-altro","category-web-e-wordpress"],"_links":{"self":[{"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/posts\/255940","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/comments?post=255940"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/posts\/255940\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/media\/130877"}],"wp:attachment":[{"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/media?parent=255940"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/categories?post=255940"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/tags?post=255940"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}