Breng uw Affinity Designer-ontwerpen als een pro in After Effects met deze geavanceerde tijdbesparende PSD-tips.
Nu u vertrouwd bent met het gebruik van kleurverlopen, korrel en pixelborstels in Affinity Designer, gaan we kijken naar geavanceerde tips bij het exporteren van Photoshop (PSD) bestanden uit Affinity Designer voor gebruik in After Effects. Trek uw schort aan en laten we gaan koken.
Tip #1: Transparantie
Er zijn twee locaties in Affinity Designer om de ondoorzichtigheid van een laag aan te passen. U kunt de ondoorzichtigheidsschuifbalk in het kleurenpaneel gebruiken of de ondoorzichtigheid van de laag instellen. De ondoorzichtigheidsschuifbalk voor kleur wordt door After Effects genegeerd. Gebruik daarom alleen de ondoorzichtigheid van de laag.
Een uitzondering op deze regel is bij het maken van kleurverlopen. Bij het maken van kleurverlopen met het kleurverloopgereedschap kan de ondoorzichtigheidsschuifbalk voor de kleur worden gebruikt zonder negatieve neveneffecten.
Gebruik de ondoorzichtigheidswaarde in het Lagenpaneel en niet de schuifregelaar in het Kleurenpaneel. Tip #2: Samenstelling Consolidatie
In Affinity Designer wordt elke groep/laag een compositie in After Effects. Dus, wanneer u verschillende groepen/lagen in elkaar begint te nestelen, kan het voorcomposeren in After Effects een beetje diep worden. In projecten met een groot aantal geneste lagen kunnen de prestaties van After Effects afnemen.
Links - Lagen en groepen in Affinity. Rechts - Geïmporteerde Affinity PSD in After Effects. Tip #3: Consolideren
U kunt groepen/lagen samenvoegen voor elementen die zijn opgebouwd uit verschillende groepen/lagen die worden geanimeerd als één object in After Effects. Om groepen/lagen samen te voegen tot één laag in After Effects, selecteert u de betreffende groep/laag en klikt u op het selectievakje in het Effectenpaneel voor Gaussian Blur. Voeg geen vervaging toe aan de groep/laag, maar klik op het selectievakje.dwingt Affinity Designer om van de groep/laag één laag te maken bij het exporteren naar een PSD-bestand.
Boven - Logo in Affinity opgebouwd uit vijf groepen. Onder - Het logo teruggebracht tot één laag in After Effects. Tip #4: Auto Crop Precomps
Wanneer je main comp is samengesteld uit verschillende precomps, hebben de precomps de afmetingen van de main comp. Het hebben van kleine elementen die dezelfde bounding box hebben als de main comp kan frustrerend zijn bij het animeren.
Merk op dat de bounding box dezelfde grootte heeft als de comp voor de kometen. Om al uw precomps in één keer bij te snijden tot de afmetingen van het precomp bestand zonder de positie van de laag binnen de hoofdcompositie te beïnvloeden, gebruikt u het script "pt_CropPrecomps" van aescripts.com. Voer het uit op uw hoofdcompositie om alle precomps binnen de hoofdcompositie bij te snijden. Als u wilt dat de bijgesneden comps groter zijn dan de precomp assets, zijn er opties om ook een rand toe te voegen.
Boven - De voorcomp is even groot als de hoofdcomp. Onder - De voorcomp is geschaald naar de inhoud van de voorcomp. Tip #5: Behoud de bewerkbaarheid
In het vorige artikel is de PSD-voorinstelling "PSD (Final Cut Pro X)" gebruikt. Bij gebruik van deze voorinstelling is "Rasterize All Layers" aangevinkt, waardoor Affinity Designer gedwongen wordt de nauwkeurigheid van de lagen te behouden. Voor meer controle in After Effects kan de gebruiker verschillende eigenschappen selecteren om de bewerkbaarheid te behouden.
Klik op de knop "Meer" in de Exportinstellingen en vink "Alle lagen rasteren" uit. Door het vinkje uit te zetten, hebt u de mogelijkheid om de bewerkbaarheid voor specifieke elementtypes te behouden.
PSD exportbestand workflow voor After Effects
Laten we eens kijken naar de opties die van toepassing zijn op het werken in After Effects.
GRADIENTEN
Normaal gesproken kunt u kleurverlopen het beste op "Preserve Accuracy" laten staan, omdat de kleurverlopen in After Effects niet bewerkt kunnen worden. Ook worden de kleurverlopen in sommige gevallen niet perfect bewaard tijdens de overgang tussen Affinity Designer en After Effects. Zo meteen bekijken we een speciaal geval waarbij het gunstig is om de optie te wijzigen in "Preserve Editability".
AANPASSINGEN
Een van de geweldige functies die Affinity Designer onderscheidt van Illustrator zijn de aanpassingslagen. Een andere mate van controle komt voort uit de mogelijkheid om de aanpassingslagen in Affinity Designer direct naar After Effects te exporteren. De mogelijkheid om aanpassingslagen in After Effects aan te passen helpt de gebruiker aanpassingen te maken voor veranderingen die zich kunnen voordoen.
De Affinity Designer-aanpassingslagen die worden ondersteund in After Effects zijn onder andere:
- Niveaus
- HSL Verschuiving
- Recolor
- Zwart en wit
- Helderheid en contrast
- Posteriseren
- Vibrance
- Blootstelling
- Drempel
- Curves
- Selectieve kleur
- Kleurbalans
- omkeren
- Fotofilter
Links - Curvenaanpassingslaag in Affinity Designer. Rechts - Curven geïmporteerd in After Effects vanuit Affinity Designer PSD. Als u aanpassingslagen of lagen met overdrachtsmodi in een groep/laag plaatst, zorg er dan voor dat u collapse transformations aanzet voor de comp in After Effects. Als u dat niet doet, worden de aanpassingslagen en overdrachtsmodi genegeerd in de hoofdcompositie, wat het uiterlijk van uw kunstwerk drastisch kan veranderen.
Boven - Geïmporteerde Affinity Designer PSD met lagen met overdrachtsmodi in een precomp. Onder - Dezelfde laag met de knop Transformatie samenvouwen aangevinkt. LAYERS EFFECTEN
Net als Photoshop heeft Affinity Designer laagstijlen. De laagstijlen kunnen worden bewaard, zodat wanneer u uw PSD uit Affinity Designer importeert, ze kunnen worden geanimeerd als native After Effects laagstijlen voor meer flexibiliteit tijdens het werken met uw middelen.
After Effects dialoogvenster voor PSD-bestanden. 
Laagstijlen blijven bewaard in After Effects bij het importeren van een Affinity Designer PSD. Wanneer u laagstijlen toepast, moet u de stijlen toepassen op objecten en niet op groepen/lagen. Laagstijlen die worden toegepast op een groep/laag worden door After Effects genegeerd, aangezien laagstijlen niet kunnen worden toegepast op samenstellingen.
Een extra bonus van het behoud van de bewerkbaarheid van laageffecten is dat u in After Effects een extra regelaar krijgt om de vulsterkte van de laag te regelen, waarmee u de ondoorzichtigheid van de laag kunt aanpassen zonder de ondoorzichtigheid van de laagstijl te beïnvloeden.
Pas de vuldekking aan van lagen waarop laagstijlen zijn toegepast. LIJNEN
Door lijnen bewerkbaar te maken kan de gebruiker elk object laten omlijnen door een masker. Daarom kunt u in Affinity Designer streken maken en deze in After Effects laten omzetten in maskers. Met een beetje planning kunt u maskers maken om objecten langs een pad te onthullen en te animeren terwijl u uw assets ontwerpt.
Opmerking: Als u kleurverlopen hebt toegepast op uw illustraties, moet u ook de kleurverlopen wijzigen om de bewerkbaarheid te behouden, zodat maskers kunnen worden gegenereerd.
Vergeet tot slot niet de Export Persona die eerder in de serie werd genoemd. U hoeft niet al uw lagen als PSD-bestanden te exporteren. U kunt uw exportinstellingen mengen voor een combinatie van raster- en vectorbestanden.
De workflow tussen Affinity Designer en After Effects is niet perfect en uiteindelijk is Affinity Designer een ander hulpmiddel om uw fantasie tot leven te brengen. Hopelijk wordt de workflow tussen Affinity Designer en After Effects mettertijd transparanter.
Maar laat een paar veranderingen in uw workflow u er niet van weerhouden Affinity Designer een kans te geven voor Motion Graphics-werk in After Effects.
Bekijk de volledige serie
Wilt u de hele serie Affinity Designer to After Effects zien? Hier zijn de resterende 4 artikelen over de workflow tussen Affinity Designer en After Effects.
- Waarom ik Affinity Designer in plaats van Illustrator gebruik voor Motion Design
- Hoe Affinity Designer Vectorbestanden opslaan voor After Effects
- 5 tips om Affinity Designer-bestanden naar After Effects te sturen
- PSD-bestanden van Affinity Designer opslaan in After Effects