Een roterende 3D-bol animeren met Illustrator en Photoshop

Kak Sozdat Animaciu Vrasausegosa 3d Globusa S Pomos U Illustrator I Photoshop



Als IT-expert krijg ik vaak de vraag hoe ik een roterende 3D-wereldbol kan animeren met Illustrator en Photoshop. Hier is een kort overzicht van de betrokken stappen: 1. Maak eerst een nieuw document in Illustrator en teken een cirkel. 2. Voeg vervolgens een verloopvulling toe aan de cirkel en stel de hoek in op 45 graden. 3. Maak vervolgens een nieuwe laag in Photoshop en voeg een foto van een wereldbol toe. 4. Gebruik ten slotte het gereedschap Puppet Warp om de wereldbol te animeren. Hier is een korte videozelfstudie die de betrokken stappen laat zien:



Deze les laat je zien hoe maak of maak een 3D Globe draaiende, draaiende of draaiende animatie met illustrator en photoshop. Illustrator en Photoshop zijn twee van de beste grafische software van Adobe. Beide hebben enkele overeenkomsten en verschillen. Je vraagt ​​je misschien af ​​wat het verschil is. Als je beide gebruikt, zul je je realiseren dat ze allebei goed zijn in verschillende dingen.





verfrissende vensters 8.1

Een roterende 3D-bol animeren met Illustrator en Photoshop





Een roterende 3D-bol animeren met Illustrator en Photoshop

Illustrator en Photoshop hebben misschien hun verschillen, maar ze werken goed samen. Beide hebben hun sterke en zwakke punten. Maak een draaiende 3D-wereldbol met Illustrator en Photoshop. zal ieders sterke punten gebruiken om een ​​prachtig kunstwerk te maken. Illustrator zal worden gebruikt voor het 3D-gedeelte van de wereldbol en de kaart die eraan wordt toegevoegd, terwijl Photoshop de leiding heeft over het geanimeerde GIF-gedeelte.



  1. Voeg kaart toe aan symbolen
  2. Maak een 3D-bol
  3. Voeg een kaart toe aan een bol
  4. Maak foto's vanuit verschillende hoeken van de wereld
  5. Animeer afbeeldingen in Photoshop
  6. Houden

1] Kaart toevoegen aan symbolen

Een stap in het maken van een wereldbol vereist dat een wereldkaart aan de bol wordt toegevoegd. Hiervoor moet de wereldkaart worden toegevoegd aan het symbolenpalet. Zoek de wereldkaart en open deze in Illustrator, houd ingedrukt en sleep naar het deelvenster Symbolen. Geef het symbool desgewenst een naam en klik op OK om te sluiten.

2] Maak een 3D-bol

De volgende stap is het maken van een bol die de wereldkaart zal bevatten. Gebruik de Ellipse Tool in Illustrator om een ​​perfecte cirkel te maken.

3] Voeg een kaart toe aan de bol

De volgende stap is het toevoegen van een wereldkaart aan de bol.



4] Maak foto's vanuit verschillende hoeken van de wereld

De volgende stap is het fotograferen van verschillende kanten van de wereldbol. Dit is belangrijk omdat het maken van een roterende geanimeerde GIF verschillende kanten vereist om Photoshop toe te voegen. Om de afbeeldingen te krijgen, moet u beslissen hoe gedetailleerd u de draaiende wereldbol eruit wilt laten zien. Hoe meer details u wilt, hoe meer foto's u moet maken. Hoe meer foto's u wilt maken, hoe langer het proces zal duren. Dit artikel toont niet alle afbeeldingen, maar verzamelt er enkele om u een idee te geven van hoe het moet.

Beeldopname

Hoe maak je een 3D-roterende-globe-met-Illustrator-en-Photoshop-3D r

Terwijl je nog steeds in de optie 3D-rotatie bent, zie je een 3D-kubus, je zult merken dat elke keer dat je hem draait de wereldbol draait en de andere kant laat zien. Als je meer afbeeldingen wilt en je hebt geduld en je hand is stabiel, dan kun je de kubus draaien, aan elke kant stoppen, de 3D-rotatieoptie sluiten (druk op ok) en ga naar Bestand Dan Exporteren , selecteer een bestandsnaam die aangeeft welke kant en in welke volgorde u selecteert PNG als het bestandstype en klik vervolgens op Houden . Het PNG-bestandstype zorgt ervoor dat de achtergrond niet wordt opgeslagen.

Hoe maak je een 3D roterende wereldbol met behulp van Illustrator en Photoshop - Verander om rond een as te roteren

Toen je met het 3D-venster van kant wisselde, merkte je dat de waarde bij de tweede rotatiepositie steeds veranderde. De andere waarden zijn ook veranderd, maar het tweede vak van boven regelt de rotatie van het zijaanzicht.

Houd er rekening mee dat als u een meer gedetailleerde draaiende wereldbol wilt, u meer foto's moet maken. U kunt nauwkeuriger meer gezichten krijgen door waarden in te voeren in het tweede vak van boven. Maak de eerste waarde 18 graden, en wanneer u deze afbeelding opslaat, blijft u deze met 18 graden verhogen totdat u bij 360 komt. Dit betekent dat u in totaal twintig waarden heeft om in te voeren en te exporteren. Twintig afbeeldingen om te gebruiken in een geanimeerde GIF in Photoshop.

Hoe maak je een 3D roterende wereldbol met behulp van Illustrator en Photoshop - 3D roterende posities

Als u slechts enkele zijden wilt weergeven, klikt u op de vervolgkeuzepijl omhoog, Positie . Er verschijnt een vervolgkeuzemenu met alle vooraf ingestelde posities, klik op een van de posities en de bol gaat draaien. Vervolgens druk je elke keer op ok en ga je naar Bestand Dan Exporteren , selecteer een bestandsnaam die aangeeft welke kant en in welke volgorde u selecteert PNG als het bestandstype en klik vervolgens op Houden . PNG Het bestandstype zorgt ervoor dat de achtergrond niet wordt opgeslagen.

Hoe maak je een 3D roterende wereldbol met behulp van Illustrator en Photoshop met 4 zijdenAls je vier hoeken van de wereldbol gaat nemen zodat deze nauwkeurig draait, maak dan foto's Voorkant Dan Rechts , Dan Rug Dan links . Geef ze nummers in de volgorde waarin ze op de tijdlijn in Photoshop moeten worden geplaatst. Hier is hoe het eruit zal zien Voorkant 1 Dan Rechts 2 , Dan Terug 3 Dan Links 4. Ga in 3D-perspectief naar positie en selecteer vier. Gebruik deze volgorde om in Photoshop aan te passen voor de GIF.

5] Animeer afbeeldingen in Photoshop

Nu je de wereldbol hebt gemaakt en de afbeeldingen hebt opgeslagen, is het tijd om de animatie in Photoshop te maken. Om dit te doen, moet u een geanimeerde GIF maken met behulp van de tijdlijn van Photoshop om een ​​frame-voor-frame videovorm te maken. Het is alsof je in een fysiek boek tekent en vervolgens door de pagina's bladert om de afbeeldingen te animeren. Deze Photoshop-tijdlijn werkt op dezelfde manier, het gebruikt lagen en timing om een ​​bewegingseffect te creëren. Het bestand wordt opgeslagen als een GIF. Het GIF-formaat ondersteunt animatie.

vind gearchiveerde e-mails in Outlook

Tijdlijn inschakelen

Het is tijd om de afbeeldingen in Photoshop te laden. Open Photoshop en maak een nieuw document met de gewenste afmetingen. Om een ​​nieuw document te openen, selecteert u Bestand en vervolgens Nieuw of klikt u op Ctrl + Í . Het venster Nieuwe documentopties verschijnt, selecteer opties en klik Prima om ze te bevestigen. Dan ga je naar Raam Dan Grafisch En Grafisch De interface verschijnt onderaan het canvasgebied. Het gemaakte document wordt het eerste frame op de tijdlijn.

Hoe maak je een 3D roterende wereldbol met behulp van Illustrator en Photoshop met 4 zijdenHet is tijd om de afbeeldingen in Photoshop te plaatsen. Het is belangrijk om de afbeeldingen in de juiste volgorde op de tijdlijn te plaatsen. De volgorde waarin ze staan, is de volgorde waarin ze worden gespeeld. U kunt een afbeelding in Photoshop laden door naar een van beide te gaan Bestand Dan Plaats en zoek de afbeelding, klik erop en druk op 'plaats'. De opdracht 'Plaats' plaatst de afbeelding op het canvas. U kunt ook een afbeelding openen door naar te gaan Bestand Dan open zoek dan de afbeelding, selecteer deze en klik op openen. Deze methode opent de afbeelding in een nieuw document en u moet erop klikken en het naar het gewenste document slepen.

De eerste afbeelding komt op de eerste plaats op de tijdlijn. Zorg ervoor dat deze afbeelding de eerste is waarmee de animatie begint. De afbeelding is ook zichtbaar in het lagenpaneel. De tweede afbeelding kan nu in Photoshop geplaatst worden, volg de instructies om deze in Photoshop te plaatsen. Ga voor het plaatsen van een afbeelding naar de tijdlijn, klik op de knop Geselecteerde laag dupliceren icoon. De geselecteerde laag wordt gedupliceerd met de afbeelding erop en de naam van de laag Kader 2 wordt in het lagenpaneel geplaatst. Je plaatst de nieuwe afbeelding in frame 2. Doe het volgende voor elke afbeelding. Zorg ervoor dat de afbeeldingen even groot zijn en dat de laatste de vorige afbeelding volledig bedekt, tenzij je een speciaal effect creëert. Nadat alle afbeeldingen in Photoshop op de tijdlijn zijn geplaatst, moet u er rekening mee houden dat ze goed zijn uitgelijnd. Voer een testrun van de animatie uit door op de knop Animatie afspelen te klikken en kijk hoe goed ze op één lijn liggen. Maak je op dit moment geen zorgen over timing, je probeert alleen de uitlijning en grootteverschillen te bekijken.

Probleemoplossen

U kunt een probleem hebben waarbij de vorige afbeeldingen van invloed zijn op de afbeeldingen die erna komen en verschijnen waar ze niet zouden moeten zijn. Dit kan worden opgelost door de menuknop helemaal rechts op de tijdlijn te vinden, op het menu te klikken en het vinkje weg te halen. De nieuwe laag is zichtbaar in alle frames . In hetzelfde menu is het mogelijk om aan en uit te zetten Maak een nieuwe laag voor elk nieuw frame . Schakel ze in of uit en kijk hoe ze het resultaat beïnvloeden.

pinta verf

Als de miniaturen op de tijdlijn te klein zijn, drukt u op de menuknop op de tijdlijn en selecteert u Paneel opties . De opties van het Animatiepaneel worden geopend en u ziet de opties voor de miniatuurgrootte. Klein , Midden , i Groot . Medium is de standaard maat. U kunt de maat kiezen die voor u handig is.

Achtergrondkleur toevoegen (optioneel) Hoe maak je een roterende 3D-bol in Illustrator en Photoshop - witte achtergrond

Dit afbeelding is op een witte achtergrond.

Je kunt de animatie nog beter maken door wat extra elementen toe te voegen, je kunt een achtergrondkleur toevoegen om de wereldbol te laten opvallen. Om een ​​achtergrondkleur toe te voegen, gaat u naar het lagenpaneel en klikt u op de achtergrondlaag, gaat u naar de onderkant van het lagenpaneel en klikt u op het pictogram 'Een nieuwe opvul- of aanpassingslaag maken'. Kies uit effen kleur, verloop of patroon. Dit artikel gebruikt de optie Effen kleur. Gebruik een mooie kleur die ervoor zorgt dat de wereldbol opvalt. U kunt ook een donkere kleur gebruiken om ruimte te simuleren en enkele sterren toevoegen met het penseel. Wanneer u de achtergrondkleur toevoegt, moet u op elk frame klikken en de kleurlaag inschakelen. Hoe maak je een 3D-roterende-globe-met-Illustrator-en-Photoshop--

Dit afbeelding is op een zwarte achtergrond met sterren.

Installatie tijd

Dit is het gedeelte waar je de snelheid van de animatie bepaalt. Als de animatie te snel is, zal het moeilijk zijn om naar te kijken. Als het te langzaam is, wordt het saai om naar te kijken. Zoek een tijd die niet te snel en niet te langzaam is. Kies het juiste moment, afhankelijk van wat er nog meer in de animatie staat. Als er informatie is om te lezen, maak de animatie dan langzaam genoeg om genoeg tijd te hebben om te lezen.

Hoe maak je een 3D-roterende-globe-met-Illustrator-en-Photoshop-2--

Om de tijd aan te passen, gaat u naar elk frame en klikt u op de vervolgkeuzepijl waar u de seconden ziet. Er verschijnt een pop-upmenu met verschillende tijdopties. Mogelijk moet u een andere tijd kiezen en experimenteren totdat u de juiste tijd vindt. Je kunt ook elk frame een andere tijd laten hebben.

hoe prtsc te gebruiken in Windows 10

U kunt ook kiezen hoe vaak de animatie wordt herhaald voordat deze stopt.

Kijk onder de kaders en je ziet het woord Voor altijd . Dit is de standaardtijd. Klik op de vervolgkeuzepijl om een ​​menu te openen waarin u een ander aantal keren kunt selecteren. Eenmaal , drie keer En Voor altijd een bepaald aantal keren, als u een ander aantal keren wilt selecteren, selecteert u Een andere en u krijgt de mogelijkheid om het gewenste aantal keren in te voeren.

6] Opslaan

Ga naar om op te slaan als een GIF Bestand , Sparen voor internet en er verschijnt een dialoogvenster. U kunt er eenvoudig voor kiezen om een ​​voorbeeld van de GIF te bekijken of op OK klikken als u geen wijzigingen hoeft aan te brengen. De geanimeerde GIF kan in elke webbrowser worden afgespeeld. Het dialoogvenster Opslaan voor web heeft een voorbeeldknop waarmee u een voorbeeld van de GIF kunt bekijken en een kopie van de HTML-code kunt weergeven.

Dit is een geanimeerde draaiende wereldbol. Als je wilt dat het vloeiender verloopt, heb je meer afbeeldingen nodig om de bochten vloeiender te maken. Er zijn andere effecten en functies toegevoegd om de illustratie te verbeteren. Je kunt creatief worden en toevoegen wat je maar wilt.

Lezen : Een patroon maken met het gereedschap Aangepaste vorm in Photoshop

Hoe maak je een 3D-vorm in Illustrator?

In Illustrator kun je veel vormen 3D maken, in sommige gevallen moet je gewoon experimenteren. Als u een 3D-bol wilt, maakt u gewoon een cirkel in Illustrator, knipt u deze doormidden en verwijdert u de linkerkant, en gebruikt u vervolgens het 3D Rotate-effect. U kunt dan andere effecten aan de 3D-bol toevoegen.

Hoe maak je een 3D-kegel in Illustrator?

Het maken van een 3D-kegel in illustrator is heel eenvoudig, gebruik gewoon de lijntool. Trek een lijn en ga dan naar Effect Dan 3D Dan draaien , klik op Voorbeeld en u ziet de lijn veranderen in een 3D-kegel. je kunt klikken Prima om wijzigingen te sluiten en te bevestigen

Populaire Berichten