Come animare un globo 3D rotante con Illustrator e Photoshop

In qualità di esperto IT, mi viene spesso chiesto come animare un globo 3D rotante con Illustrator e Photoshop. Ecco una rapida carrellata dei passaggi coinvolti: 1. Innanzitutto, crea un nuovo documento in Illustrator e disegna un cerchio. 2. Successivamente, aggiungi un riempimento sfumato al cerchio e imposta l'angolo su 45 gradi. 3. Quindi, crea un nuovo livello in Photoshop e aggiungi una foto di un globo. 4. Infine, usa lo strumento Puppet Warp per animare il globo. Ecco un breve video tutorial che mostra i passaggi coinvolti:

Questa lezione ti mostrerà come crea o crea un'animazione 3D Globe che gira, gira o gira con illustratore e photoshop. Illustrator e Photoshop sono due dei migliori software di grafica di Adobe. Entrambi hanno alcune somiglianze e differenze. Potresti chiederti qual è la differenza. Quando li usi entrambi, ti renderai conto che sono entrambi bravi in ​​cose diverse.

whatsapp web non funziona

Come animare un globo 3D rotante con Illustrator e Photoshop

Illustrator e Photoshop possono avere le loro differenze, ma funzionano bene insieme. Entrambi hanno i loro punti di forza e di debolezza. Crea un globo 3D rotante con Illustrator e Photoshop. utilizzerà i punti di forza di tutti per creare un'opera d'arte meravigliosa. Illustrator verrà utilizzato per la parte 3D del globo e la mappa aggiunta ad esso, mentre Photoshop si occuperà della parte GIF animata.

1. Aggiungi mappa ai simboli
2. Crea una sfera 3D
3. Aggiungi una mappa a una sfera
4. Scatta foto da diverse angolazioni del globo
5. Animare le immagini in Photoshop
6. Mantenere

1] Aggiungi mappa ai simboli

Un passaggio nella creazione di un globo richiede l'aggiunta di una mappa del mondo alla sfera. Per fare ciò, la mappa del mondo dovrà essere aggiunta alla tavolozza dei simboli. Trova la mappa del mondo e aprila in Illustrator, tieni premuto e trascina sul pannello Simboli. Assegna un nome al simbolo se lo desideri e fai clic su OK per chiudere.

2] Crea una sfera 3D

Il prossimo passo è creare una sfera che conterrà la mappa del mondo. Usa lo strumento Ellisse in Illustrator per creare un cerchio perfetto.

3] Aggiungere una mappa alla sfera

Il prossimo passo è aggiungere una mappa del mondo alla sfera.

4] Scatta foto da diverse angolazioni del globo

Il prossimo passo è fotografare diversi lati del globo. Questo è importante perché la creazione di una GIF animata rotante richiederà lati diversi per aggiungere Photoshop. Per ottenere le immagini, dovrai decidere quanto dettagliato vuoi che appaia il globo rotante. Più dettagli vuoi, più scatti dovrai fare. Più foto vuoi scattare, più tempo richiederà il processo. Questo articolo non mostrerà tutte le immagini, ma ne raccoglierà alcune per darvi un'idea di come si fa.

Acquisizione dell'immagine

Mentre sei ancora nell'opzione di rotazione 3D vedrai un cubo 3D, noterai che ogni volta che lo ruoti il ​​globo ruota e mostra l'altro lato. Se vuoi più immagini e sei paziente e la tua mano è ferma, puoi ruotare il cubo, fermandoti su ogni lato, chiudere l'opzione di rotazione 3D (premere ok) e andare a File Poi Esportare , selezionare un nome file che indichi da che parte e in quale ordine selezionare PNG come tipo di file, quindi fare clic su Mantenere . Il tipo di file PNG garantisce che lo sfondo non venga salvato.

Quando hai scambiato i lati usando la finestra 3D, hai notato che il valore nella seconda posizione di rotazione continuava a cambiare. Anche gli altri valori sono cambiati, ma la seconda casella dall'alto controlla la rotazione della vista laterale.

Tieni presente che se desideri un globo rotante più dettagliato, dovrai scattare più immagini. Puoi ottenere più volti in modo più accurato inserendo i valori nella seconda casella dall'alto. Rendi il primo valore di 18 gradi e, quando salvi questa immagine, continua ad aumentarla di 18 gradi fino ad arrivare a 360. Ciò significa che avrai un totale di venti valori da inserire ed esportare. Venti immagini da utilizzare in una GIF animata in Photoshop.

Se vuoi mostrare solo alcuni lati, puoi fare clic sulla freccia del menu a discesa verso l'alto, Posizione . Apparirà un menu a discesa con tutte le posizioni preimpostate, fare clic su una delle posizioni e la sfera ruoterà. Quindi premi ok ogni volta e poi vai a File Poi Esportare , selezionare un nome file che indichi da che parte e in quale ordine selezionare PNG come tipo di file, quindi fare clic su Mantenere . PNG Il tipo di file garantisce che lo sfondo non venga salvato.

Se hai intenzione di prendere quattro angoli del globo in modo che ruoti con precisione, scatta delle foto Davanti Poi Giusto , Poi Indietro Poi Sinistra . Assegna loro i numeri nell'ordine in cui dovrebbero essere inseriti nella timeline in Photoshop. Ecco come sarà Anteriore 1 Poi Destra 2 , Poi Indietro 3 Poi Sinistra 4. Nella prospettiva 3D, vai alla posizione e seleziona quattro. Usa questo ordine per regolare in Photoshop per la GIF.

5] Animare le immagini in Photoshop

Ora che hai creato il globo e salvato le immagini, è il momento di realizzare l'animazione in Photoshop. Per fare ciò, dovrai creare una GIF animata utilizzando la timeline di Photoshop per creare una forma video fotogramma per fotogramma. È come disegnare su un libro fisico e poi sfogliare le pagine per animare le immagini. Questa sequenza temporale di Photoshop funziona allo stesso modo, utilizza livelli e tempi per creare un effetto di movimento. Il file verrà salvato come GIF. Il formato GIF supporta l'animazione.

trova le email archiviate in Outlook

Abilita Cronologia

È ora di caricare le immagini in Photoshop. Apri Photoshop e crea un nuovo documento delle dimensioni desiderate. Per aprire un nuovo documento, selezionare File, quindi Nuovo o fare clic su Ctrl + Í . Apparirà la finestra Opzioni nuovo documento, selezionare le opzioni e fare clic Bene per confermarli. Allora vai a Finestra Poi Grafico E Grafico L'interfaccia apparirà nella parte inferiore dell'area di tela. Il documento creato sarà il primo frame sulla timeline.

È ora di inserire le immagini in Photoshop. È importante posizionare le immagini nell'ordine corretto sulla timeline. L'ordine in cui sono è l'ordine in cui verranno riprodotti. Puoi caricare un'immagine in Photoshop andando su entrambi File Poi Posto e trova l'immagine, fai clic su di essa e premi 'posiziona'. Il comando 'Posiziona' posizionerà l'immagine sulla tela. Puoi anche aprire un'immagine andando a File Poi aprire quindi trova l'immagine, selezionala e fai clic su Apri. Questo metodo aprirà l'immagine in un nuovo documento e dovrai fare clic e trascinarla nel documento desiderato.

La prima immagine occuperà il primo posto nella timeline. Assicurati che questa immagine sia la prima da cui partirà l'animazione. L'immagine sarà visibile anche nel pannello dei livelli. La seconda immagine può ora essere inserita in Photoshop, segui le istruzioni per inserirla in Photoshop. Prima di posizionare un'immagine, vai alla timeline, fai clic sul pulsante Duplica il livello selezionato icona. Il livello selezionato verrà duplicato con l'immagine su di esso e il livello nominato Fotogramma 2 verrà posizionato nel pannello dei livelli. Posizionerai la nuova immagine nel fotogramma 2. Fai quanto segue per ogni immagine. Assicurati che le immagini abbiano le stesse dimensioni e che l'ultima copra completamente l'immagine precedente, a meno che tu non stia creando un effetto speciale. Una volta che tutte le immagini sono state posizionate in Photoshop sulla timeline, nota che sono correttamente allineate. Esegui un test dell'animazione facendo clic sul pulsante Riproduci animazione e osserva come si allineano. Non preoccuparti del tempismo a questo punto, stai solo cercando di osservare l'allineamento e le differenze di dimensioni.

Risoluzione dei problemi

Potresti avere un problema in cui le immagini precedenti influenzano le immagini che vengono dopo e appaiono dove non dovrebbero essere. Questo può essere risolto trovando il pulsante del menu all'estrema destra della timeline, facendo clic sul menu e deselezionandolo. Il nuovo livello è visibile in tutti i fotogrammi . Nello stesso menu è possibile accendere e spegnere Crea un nuovo livello per ogni nuovo fotogramma . Accendili o spegnili e guarda come influenzano il risultato.

Se le miniature sulla timeline sono troppo piccole, premi il pulsante menu sulla timeline e seleziona Opzioni del pannello . Si apriranno le opzioni del pannello Animazione e vedrai le opzioni relative alle dimensioni delle miniature. Piccolo , Mezzo , io Grande . Media è la dimensione predefinita. Puoi scegliere la taglia che fa per te.

codice di errore di backup 0x81000ff

Aggiungi colore di sfondo (facoltativo)

Questa immagine è su uno sfondo bianco.

Puoi rendere l'animazione ancora migliore aggiungendo alcuni elementi extra, puoi aggiungere un colore di sfondo per far risaltare il globo. Per aggiungere un colore di sfondo, vai al pannello dei livelli e fai clic sul livello di sfondo, vai nella parte inferiore del pannello dei livelli e fai clic sull'icona 'Crea un nuovo livello di riempimento o regolazione'. Scegli tra Tinta unita, Gradiente o Motivo. Questo articolo utilizzerà l'opzione Tinta unita. Usa un bel colore che farà risaltare il globo. Puoi anche usare un colore scuro per simulare lo spazio e aggiungere alcune stelle con lo strumento pennello. Quando aggiungi il colore di sfondo, dovrai fare clic su ciascun fotogramma e attivare il livello di colore.

Questa immagine è su uno sfondo nero con stelle.

Tempo di preparazione

Questa è la parte in cui controllerai la velocità dell'animazione. Se l'animazione è troppo veloce, sarà difficile da guardare. Se è troppo lento, sarà noioso da guardare. Trova un tempo che non sia né troppo veloce né troppo lento. Scegli il momento giusto a seconda di cos'altro potrebbe esserci nell'animazione. Se ci sono informazioni da leggere, rallenta il tempo dell'animazione abbastanza da concedere abbastanza tempo per la lettura.

Per regolare l'ora, vai su ciascun fotogramma e fai clic sulla freccia del menu a discesa dove vengono visualizzati i secondi. Apparirà un menu pop-up con varie opzioni di tempo. Potrebbe essere necessario scegliere un orario diverso e sperimentare fino a trovare quello giusto. Puoi anche fare in modo che ogni fotogramma abbia un tempo diverso.

come usare prtsc in Windows 10

Puoi anche scegliere quante volte l'animazione si ripeterà prima che si fermi.

Guarda sotto le cornici e vedrai la parola Per sempre . Questo è l'orario predefinito. Fare clic sulla freccia a discesa per aprire un menu in cui è possibile selezionare un numero diverso di volte. Una volta , tre volte E Per sempre un determinato numero di volte, se si desidera selezionare un numero di volte diverso da questi, selezionare Un altro e ti verrà data la possibilità di inserire il numero desiderato di volte.

6] Salva

Per salvare come GIF, vai a File , Risparmia per il web e apparirà una finestra di dialogo. Puoi semplicemente scegliere di visualizzare l'anteprima della GIF o fare clic su OK se non è necessario apportare modifiche. La GIF animata verrà riprodotta in qualsiasi browser web. La finestra di dialogo Salva per Web ha un pulsante di anteprima che consente di visualizzare l'anteprima della GIF e mostrare una copia del codice HTML.

Questo è un globo rotante animato. Se vuoi che sia più fluido, avrai bisogno di più immagini per rendere le curve più fluide. Ci sono altri effetti e funzionalità aggiunti per migliorare la grafica. Puoi diventare creativo e aggiungere quello che vuoi.

Leggere : Come creare un motivo con lo strumento forma personalizzata in Photoshop

Come creare una forma 3D in Illustrator?

In Illustrator puoi creare molte forme 3D, in alcuni casi devi solo sperimentare. Se vuoi una sfera 3D, crea semplicemente un cerchio in Illustrator, taglialo a metà ed elimina il lato sinistro, quindi usa l'effetto 3D Rotate. È quindi possibile aggiungere altri effetti alla sfera 3D.

Come creare un cono 3D in Illustrator?

Creare un cono 3D in Illustrator è molto semplice, basta usare lo strumento linea. Disegna una linea e poi vai a Effetto Poi 3D Poi ruotare , fai clic su Anteprima e vedrai la linea cambiare in un cono 3D. puoi cliccare Bene per chiudere e confermare le modifiche