Voorbereiden van illustratorafbeeldingen voor na effecten

Sep 11, 2025
Procedures

Ik kan je niet vertellen hoeveel Adobe Illustrator Bestanden zijn aan mij doorgegeven voor animatie die duidelijk niet klaar voor waren Na effecten ​De bestanden kunnen één gigantische laag bevatten of zijn opgeslagen met het verkeerde kleurprofiel. Soms hebben ze elementen die slechts gedeeltelijk in het artboard passen of een overvloed aan andere problemen bevatten die het onmogelijk maken om met in na effecten te werken.

Het veroorzaakt veel verwarring en wrijving tussen de illustrator en animator, wat geen geweldige plek is om een ​​project te starten.

Het meest verrassende wat ik heb geleerd, is dat de ontwerper zelden enig idee heeft dat ze extra werk veroorzaken. Ze zijn gewoon niet opgeleid over welke animators van een illustratorbestand nodig hebben om te worden opgezet voor succes.

Om de pijn te verzachten, heb ik een lijst met basisprincipes gevolgd die elke illustrator op de hoogte moet zijn van het voorbereiden van illustratorafbeeldingen voor nawerkingen.

01. Maak meerdere lagen

Als je vectorafbeelding compleet is, maar je hebt maar één of twee lagen in Illustrator, ben je nog niet klaar. Om uw nieuwe afbeelding te animeren, moet u elk onderdeel (sublaag) in zijn eigen laag scheiden. Het animeren van een enkele laag die veel delen heeft, heeft de neiging om in een stijf en onprofessioneel resultaat te geven.

Als u bijvoorbeeld een logo met drie letters heeft, wilt u één laag maken met alle elementen die de eerste letter vormen, dan een andere laag voor de tweede letter en een ander voor de derde. U kunt dan elke letter automatisch zelfstandig in After Effecten animeren. Als u het zojuist hebt opgeslagen als een '.AI-bestand' zonder extra lagen te maken en eraan te brengen dat in na effecten, zou het een platte laag zijn.

Click the target icon to identify which item is which

Klik op het doelpictogram om te identificeren welk item is dat is

Klik in het paneel Illustrator Layer op het doelpictogram naast elk element om te identificeren welk item is dat. U kunt ook de zichtbaarheid van elk item omschakelen om te zien wat het item is.

Create new layers using the menu shown above

Maak nieuwe lagen met behulp van het bovenstaande menu

Maak verschillende nieuwe lagen door op de knop 'Nieuwe laag te klikken' op de onderkant van het laagpaneel en de naam van elk. Terwijl u elk item identificeert, verplaats deze deze in de juiste laag. Zorg ervoor dat de nieuwe volgorde van items in elke laag geen problemen veroorzaakt met hoe ze verschijnen.

Het afzonderlijk verplaatsen van elk item in verschillende lagen kan vervelend zijn, maar er is een veel eenvoudiger manier. Als alles in één laag staat, selecteert u eenvoudig die laag en kiest u vervolgens 'Release naar lagen (volgorde)' in het menu Lagenpaneel. Dit zal alle items in de laag in lagen zelf converteren. Deze kunnen vervolgens uit die laag worden gesleept om de volledige lijst met lagen te vullen.

Make sure you label your layers appropriately

Zorg ervoor dat u uw lagen op de juiste manier leert

Alle lagen in het laagpaneel zijn dan zichtbaar in nawerkingen, zodat u ze onafhankelijk kunt animeren. Als sommige van de nieuwe lagen kleine delen van anderen blijken te zijn, sleep dan gewoon de twee samen om ze te combineren.

Help de animator uit door ervoor te zorgen dat u elke laag op de juiste manier noemt! Wanneer het bestand wordt verplaatst naar nawerkingen, worden de laagnamen behouden. Elke laag bellen Wat het eigenlijk is, zal elk snel en pijnloos worden geïdentificeerd.

02. Wijzig het formaat van uw artboards

De grootte van uw artboard en de grafische weergave in de aangelegenheden bij het importeren van nawerkingen. Als u een 10x10px-artboard hebt met een kleine grafische grafische geïmporteerd in een samenstelling van 1920x1080, vereist het een goede deal meer werk om alles naar de juiste maat te krijgen voordat ze worden geanimeerd. Zorg ervoor dat uw artboard in Illustrator wordt geschaald, dus het is een vergelijkbare grootte of groter dan uw nawerkersamenstelling.

Ensure your artboard is a similar scale to your After Effects composition

Zorg ervoor dat uw artboard een vergelijkbare schaal is voor de samenstelling van uw nawerkingen

Voordat u opslaat, moet u er zeker van zijn dat geen deel van uw afbeelding wordt afgesneden door de randen van het artboard. Het kan er geweldig uitzien als een stilstaand beeld in Illustrator, maar als het moet worden verkleind voor animatie, is het niet goed als de randen dezelfde vorm aansluiten als de rand van het artboard. Wat er in het artboard zit, verschijnt in na effecten en alles buiten het zal niet. Simpel gezegd, zorg er dan voor dat alles wat je nodig hebt, is in de grenzen.

Als u meerdere artboards heeft, kunt u ze opslaan als afzonderlijke bestanden. Wanneer u uw bestand opslaat, wordt u gevraagd om uw illustrator-opties in te stellen. Zorg ervoor dat u 'elk artboard op een apart bestand controleert.' U kunt dan naar elk nieuw illustratorbestand gaan en ervoor zorgen dat alle lagen worden gescheiden en op de juiste manier genoemd voor animatie.

03. Wijzig de documentkleurmodus

CMYK is only for print – set your colour mode to RGB

CMYK is alleen voor afdrukken - Stel uw kleurmodus in op RGB

Voordat u uw bestand opslaat voor import in na effecten, zorg er dan voor dat u in RGB werkt. CMYK is geweldig voor afdrukken, maar als u naar de nabewerkingen beweegt, kunt u deze versie van uw afbeelding niet afdrukken en wilt u ervoor zorgen dat de kleuren correct worden weergegeven in uw definitieve animatie. Je kunt dit doen door naar 'File & GT; Document Kleurmodus & GT; RGB-kleur '.

04. Selecteer het juiste bestandstype

Save your work out as an ai file

Sla uw werk op als een AI-bestand

Het ideale bestandsindeling voor na effecten is een Adobe Illustrator (AI) -bestand. Vermijd EPS- of SVG-bestanden omdat ze niet als een compositie met veel lagen importeren. Sla je vector afbeelding op door naar 'File & GT; Bewaar AS & GT; Formaat: Adobe Illustrator (AI) '.

Make sure you have ‘Create PDF Compatible File’ checked

Zorg ervoor dat u 'PDF Compatible File' hebt gecontroleerd

Wanneer u wordt gevraagd met meer opties, moet u ervoor zorgen dat u 'PDF Compatible File' hebt gecontroleerd of het bestand niet correct importeert op nawerkingen. Als de animator in een oudere versie van After Effects werkt, kunt u ervoor kiezen om op te slaan als een legacy-versie van Illustrator bovenaan deze prompt. Anders zijn de standaardinstellingen geweldig. Klik op 'OK' om op te slaan.

05. Importeren in na effecten

Nadat u uw illustrator-bestand hebt geformatteerd, is het tijd om deze te importeren voor animatie. Kies in na effecten 'File & GT; Import & GT; Bestand 'en kies je illustrator-bestand. U wordt gevraagd hoe u wilt na de effecten om het bestand te behandelen, zorg ervoor dat de 'importsoort' is ingesteld op 'compositie' of al die lagen die u net hebt doorgebracht met het splitsen van uit elkaar wordt samengebracht.

Set to 'Composition' to preserve your layers

Ingesteld op 'compositie' om je lagen te behouden

De beeldmateriaalafmetingen zijn aan jou. Als u elke laag wilt om dezelfde pixelgrootte te blijven als de ruimte die het in beslag neemt, kiest u 'Laaggrootte' alternatief, als u elke laag zo groot wilt zijn als uw hele artboard kiest 'Documentgrootte'.

Your layers should all appear within your Timeline

Uw lagen moeten allemaal in uw tijdlijn verschijnen

Wanneer u op 'OK' klikt, wordt een nieuwe compositie gemaakt in het projectvenster. Dubbelklik op uw nieuwe compositie om al uw nieuwe lagen in de tijdlijn te openen. Ze moeten allemaal worden genoemd net zoals ze in Illustrator waren en eenvoudig onafhankelijk van de rest van je lagen geanimeerd. Je bent nu opgezet voor succes in de oprichting van de hoogst mogelijke animatie mogelijk!

Over pluralsight

Pluralsight is een leerplatform voor Enterprise Technology dat een uniform levert, eindigt om de leerervaring voor bedrijven over de hele wereld te beëindigen. Via een abonnementsdienst zijn bedrijven bevoegd om te bewegen naar de snelheid van technologie, toenemende vaardigheid, innovatie en efficiëntie. Ga voor een gratis proefperiode en meer informatie www.pluralsight.com

Gerelateerde artikelen:

  • Hoe te gaan van Photoshop naar After Effects
  • 43 Verbazingwekkend After Effects Tutorials
  • Toptips voor het maken van animaties in na effecten

Procedures - Meest populaire artikelen

Hoe een kop te tekenen: een volledige gids

Procedures Sep 11, 2025

(Beeldkrediet: Oliver Sin) Pagina 1 van 2: Hoe een hoofd uit verschillende invalshoeken te ..


3 Essentiële Zbrush Retopology-technieken

Procedures Sep 11, 2025

(Afbeelding Credit: Glen Southern) Zbrhrush-retopologie, of hoe u een model in het algemeen wilt retopiseren, is éé..


Maak een aangepaste slappe bot

Procedures Sep 11, 2025

(Afbeelding Credit: Web Designer) Slack is een steeds populairder hulpmiddel voor bedrijven en teams die onmiddellijk..


Maak uw eigen kalligrafische borstel in Illustrator

Procedures Sep 11, 2025

Een van de beste dingen over Illustrator is het vermogen om je eigen borstels te maken. Je kunt online fantastische gratis illust..


Een gids voor webhulpmiddelen van Google

Procedures Sep 11, 2025

Pagina 1 van 5: HTML, CSS & AMP bekijken en wijzigen; JS HTML, CSS &a..


Affinity Designer: Hoe de Pen-tool te gebruiken

Procedures Sep 11, 2025

Het heeft weinig introductie nodig, maar Affinity Designer is een suite van vector kunstbewerkingstools beschikbaar voor Mac / Windows en nu ook op de ipad ​Dit Grafi..


Gebruik WordPress als headless CMS

Procedures Sep 11, 2025

Ik hoorde voor het eerst over de hoofdloze CMS-benadering in een gesprek dat ik van Twin Cities Drupal bekeek. Ik hield van het i..


Verf een sci-fi game-instelling in Photoshop

Procedures Sep 11, 2025

Ik heb altijd gedacht dat originaliteit ergens tussen wat je leuk vindt en wat je observeert. Ik hou van het mengen van sci-fi en..


Categorieën