Bereik een Microfilm Machine Look

Deze tutorial behandelt een techniek om stap voor stap een microfilmmachine-look te creëren. Het begint met het zoeken naar en analyseren van referenties en gaat vervolgens verder met het verzamelen van bronmateriaal, het animeren van de verschillende attributen en het geven van de compositie een laatste gepolijste look. Dit kan handig zijn als een bewegende grafische stijl of voor het weergeven van de inhoud voor schermvervangingen in film of tv.


Stap 1

Het eerste dat je doet voor een project als dit, is om te zoeken naar referenties over hoe het scherm van de microfilmmachine eruit ziet. Ik ging naar de dichtstbijzijnde bibliotheek en nam wat foto's van de microfilmmachines. Op deze manier kunt u beginnen na te denken over de verschillende functies waaruit het "kijken" van dit scherm.

Met de referenties ziet u duidelijk een geelachtige afdruk op alles, een sterk maar ongelijk vignetteereffect met een roodachtige toon in de rechterbovenhoek, naar een groenachtige tint op de andere hoeken. Voor de textuur is er veel stof, graan, kleine haartjes en resten van plakband en pasta.



Stap 2

Laten we vervolgens zoeken naar referenties over hoe de machine beweegt. Hier heb ik een kleine referentievideo over hoe de machine werkt; Er is handmatige controle over de x / y-as ten opzichte van de afbeelding en de rotatie in het midden van het scherm. Er is ook handmatige controle over de focus. De zoomlens is mechanisch en het vermenigvuldigt de ingevoerde beweging. Eindelijk is er een schuifknop die snel door de microfilmrol rolt.



Stap 3

Start nu in photoshop. Maak een schone plaat van de achtergrond door een van de referentiebeelden te klonen en te helen. U kunt het referentiebestand "ReferenceScreen.jpg" vinden in de map elementen.



Stap 4

Herbouw daarna de verschillende overlay-elementen, de rasters en de cijfers met behulp van de tools van uw voorkeur. Nu hebben we gescheiden lagen voor de achtergrond en overlays van het scherm van de machine. Je kunt het voltooide photoshop-bestand "screen.psd" vinden in de map elementen. Zorg ervoor dat je een photoshop-bestand krijgt met alleen de overlay- en achtergrondlagen en noem ze op die manier.



Stap 5

Krijg textuurmaterialen. Zoals je hebt gezien zijn er vuil, stof, haren, plakband en dat soort texturen overal op ons scherm. Gebruik uw scanner en wees er creatief mee. In de map elementen vindt u een reeks bestanden met de naam "TransparentElement09", wat van pas kan komen als u geen scanner in de buurt hebt.



Stap 6

Dit is een bonusstap waar je niet doorheen hoeft te gaan. Je zou artefacten moeten vinden die kenmerkend zijn voor deze specifieke media (zoals de universele tegenleiders op films). Omdat de microfilmmachines gewoonlijk scanners zijn, kunt u deze artefacten gemakkelijk terughalen voor uw gebruik. Je kunt diegene vinden die ik "otherArtifacts" heb genoemd in de map elementen.



Stap 7

Na zoveel voorbereiding gaan we aan de slag. Laad je materiaal in na-effecten, samen met de inhoud die je erin wilt plaatsen. Vergeet niet om het scherm photoshop-bestand te importeren als een compositie om de lagen te behouden.

Zorg ervoor dat u het project op 16bit instelt, zodat we geen strepen meer kunnen maken, omdat deze look sterk afhankelijk is van het gebruik van verschillende kleurovergangen. Begin met een compositie, ik gebruik graag de NTSC D1 breedbeeldvierkant pixel vooraf ingesteld. Noem de laag 'Base' en laat het 10 seconden duren bij 24 fps.



Stap 8

In deze basissamenstelling zullen we een diagram maken voor het beeld dat we in onze machine willen zien. Je kunt het een krantenuitdrukking geven door verschillende grote koppen, middelgrote fragmenten en kleine paragrafen te gebruiken.

Ik zal dit diagram op wit over zwarte achtergrond maken om alle textuurelementen later gemakkelijk te zien. Omdraai dus de afbeeldingen die u zo nodig plaatst en maak ze in grijstinten. Kleurcorrectie> Kanaalmixer is mijn favoriete optie voor grijswaarden.

Ik zal de alinea's met lipsum vullen en het een beetje op een krantenpagina laten lijken.



Stap 9

Gebruik de transparante elementen, keer ze om en plaats ze rond met de mengmodus "Scherm". Gebruik zo nodig niveaus en maskers om ervoor te zorgen dat ze hun grenzen niet verlaten. U kunt ook het vormgereedschap gebruiken om enkele lijnen naar afzonderlijke tekstblokken te tekenen. Volg het uiterlijk van kranten op de manier waarop je je er beter over voelt en adverteer veel textuur omdat je denkt dat dit de structuur is die de film heeft. De textuur van de machine komt later.



Stap 10

Activeer de bewegingsonscherpte van elke laag (we zullen later de functie samenvouwen transformaties gebruiken). Voeg een aanpassingslaag toe met een box blur-effect met een straal ingesteld op 0,5. Dit verzacht alles een beetje zodat het er minder digitaal uitziet. Nu kunnen we alles waarvan het de naam "film" geeft, precomponeren en laten we beginnen met animeren.



Stap 11

Allereerst animeren de vertalingen. De machine heeft een zeer mechanisch gevoel dat wordt beïnvloed door de precisie van de handen van de persoon die het gebruikt. Het wordt meestal met één as tegelijk bewogen, met zeer pittige bewegingen, altijd een klein beetje terug (zetting) om de positie van het beeld aan te passen.

Dit is de keyframe-distributie die ik heb gebruikt, je kunt in het bewegingspad duidelijk zien dat het beeld snel horizontaal of verticaal beweegt, herpositioneert en terugkeert naar zijn vorige positie. Bekijk de bewegingsreferentie en controleer hoe deze op de x- en y-as ten opzichte van de afbeelding beweegt. Probeer dit gedrag zo goed mogelijk na te bootsen.



Stap 12

Voeg een standaard null toe en noem deze "Rotatie", maak de film precomp een kind van deze nul en animeer de rotatie op dezelfde manier als de vertaling. Pittige bewegingen en lange rusten. Ik maakte de rotaties tussen -45 en 13 graden. Merk op dat alle rotaties relatief zijn ten opzichte van het midden van het scherm en volledig onafhankelijk zijn van de vertalingen van de film.



Stap 13

Nu we de animatie voor de film hebben, plaats je de afbeelding "otherArtifacts01.png" in de compositie; dit is de bovenrand van de machine, te zien wanneer het beeld naar beneden gaat. Het beweegt mee met het beeld terwijl het op en neer gaat, maar het schuift niet zijwaarts mee omdat het in het apparaat is gefixeerd.

Maak het Artefact-kind van de laag die we net hebben geanimeerd, schaal het tot het horizontaal in de compositie past en gebruik de expressie [-ThisComp.layer ( "film"). Transform.position [0] + 872/2, -190,9] om de horizontale beweging van de andere laag om te keren en de verticale animatie te behouden.



Stap 14

Schakel de bewegingsonscherpte-schakelaars voor alle lagen in. Nu kunnen we zien hoe onze machine eruit ziet in beweging. Nu kunnen we ook de zoom van de laag animeren.

Voeg een nieuwe null toe en noem deze "Zoom" en ouder de rotatie null naar deze. Animeer de schaal op dezelfde manier waarop we de andere kenmerken hebben geanimeerd, ik animeerde mijn zoomlens tussen 100% en 200%. Onthoud dat alles er mooier zal uitzien als je de verschillende attributen in verschillende timing animeert, op die manier zal het er meer monteur uitzien.



Stap 15

Op dit moment moet je animatie er best cool uitzien, dus laten we beginnen met de look. Voeg een zwarte achtergrond toe Achter alles om te zorgen dat de lagen die we stapelen van invloed zijn op alles onder hen.

Voeg nu een aanpassingslaag toe met een kanaal / invert effect bovenop de film precomp om het positief te maken. Noem het "Omkeren"



Stap 16

Voeg de achtergrondlaag van onze psd toe aan de compositie, gebruik deze om de kleuren te krijgen die we aan de compositie zullen toevoegen. Gebruik twee tinten groen, een donkerrood, een gemiddeld donker geel en een lichtgeel. Creëer een degelijke kleur voor elke kleur en stem de toon naar wens af.

Sorteer ze met de donkerste onderaan en de lichtste bovenaan.



Stap 17

Nu zullen we maskers en overvloeimodi toewijzen voor elk van onze vaste lagen. Van beneden naar boven, de donkerste met vermenigvuldigingsmodus.



Stap 18

Hetzelfde met de volgende solid, deze keer met behulp van de tintmengmodus en deze maskerinstellingen.



Stap 19

Nu wordt de mengmodus donkerder gebruikt.



Stap 20

De eerste gele met overlay



Stap 21

En de laatste met lineair licht.



Stap 22

Voeg de overlay-laag toe vanuit ons screen.psd-bestand. positioneer het zoals je wilt in onze compositie. Voeg een ... toe Perspectief / Slagschaduw effect op en stel de schaduw in op een lichtgeel, met een zeer lichte dekking. Voeg nu een vakonderscheiding toe met een straal van 1,2 om de overlay te verzachten en nog een beetje meer te mengen.



Stap 23

Voeg het andereArtifacts07 -bestand toe aan de compositie. Dit wordt het stof en de haren van de lens van onze machine. Je kunt ook een frame uit filmclutter van 35 mm gescand materiaal gebruiken en een mooi resultaat krijgen. Stel deze in om de overvloeimodus te vermenigvuldigen en plaats deze net onder de rasteroverlay.



Stap 24

Laten we de hele animatie een beetje meer schokkerig maken. Verdraai eerst elke laag behalve de omgekeerde aanpassingslaag in 3d lagen. Plaats ze in de z-as en houd daarbij rekening met de scheiding die ze in het echte leven zouden hebben door de Z-positie van de filmlaag in 0 te houden.

Maak een nieuwe nul en noem deze jitter. Laat alle niet-geschikte lagen eraan zitten, behalve de aanpassingslaag. Met behulp van de wiggle-expressie laten de wiggler of opgeslagen cameratrillingsgegevens de lagen een klein beetje wiebelen met de positie-animatie van de jitterlaag.



Stap 25

Tijd voor de laatste hand. Als je de videofiguren hebt bekeken, heb je waarschijnlijk gemerkt dat er een significante hobbel is op de hoeveelheid licht die in de machine wordt weergegeven wanneer wordt ingezoomd. Om dit te simuleren, verbinden we met expressies de lichtste gele laag met de schaal van de zoomnull. Neem de dekking van de gele laag en voeg deze expressie eraan toe thisComp.layer ( "Zoom"). transform.scale [0] / 2 zodat de laag een dekking van 50% heeft wanneer we 100% zoomlenzen zijn en 100% wanneer we 200% inzoomen. U kunt de gele laag dupliceren om meer nadruk te leggen op dit effect en te experimenteren met overvloeimodi om het passend te maken voor de stijl die u het beste lijkt.

U kunt ook een zwarte solid toevoegen met een vignetmasker met dezelfde expressie om de randen donkerder te maken en meer contrast te krijgen.



Stap 26

We gaan lensvervaging toevoegen aan de machine. Voeg een nieuwe aanpassingslaag toe net onder de andereArtifacts07 laag (de stoflaag van de machine). Noem deze laag "vervagen" en voeg een toe utility / grow bounds effect op een waarde van 30 pixels. Dit helpt ons om alles hieronder te vervagen zonder nieuwe kleuren aan de randen toe te voegen. Voeg vervolgens een lensvervagingseffect toe aan de laag en animeer de iris-straal op dezelfde snelle manier waarop we elk ander attribuut hebben geanimeerd.



Stap 27

Om de onscherpte in de filmlaag tegen te gaan, kunnen we de inverse hoeveelheid vervaging toepassen op de laag voor vervaging van de machine. Voeg een lensonscherpte-effect toe aan de andereArtifacts07-laag en voeg deze uitdrukking toe aan de irisstraal 30-thisComp.layer ("blur"). Effect ("Lens Blur") ("Iris Radius"). Op deze manier zullen de film en het machinestof er uitzien alsof ze zich op verschillende brandpuntsvlakken van de machinelens bevonden.



Stap 28

Voor een leuk detail laten we een beetje schalen toevoegen aan de vervaging, net als een echte lens die een klein beetje groter inzoomt wanneer de focus verandert. Voeg de expressie toe in de null-laag met rotatie $ temp = 100 + thisComp.layer ("blur"). effect ("Lens Blur") ("Iris Radius") / 5;
[$ Temp, $ temp]
naar het schaalkanaal.

Deze uitdrukking maakt de schaal 100% plus een hoeveelheid gegeven door de focusverandering gedeeld door 5, voor zowel de x- als de y-as.



Stap 29

Laten we tot slot wat korrel toevoegen aan de compositie door er een zwarte laag aan toe te voegen geluid en korrel / geluid ingesteld op 100% zonder kleurruis en een Box Blur met vervagingstraal 1. Maak een elliptisch masker door te dubbelklikken op het elliptische maskerpictogram en stel de modus in om af te trekken met 500 pixels veer.

Deze uitdrukking maakt de schaal 100% plus een hoeveelheid gegeven door de focusverandering gedeeld door 5, voor zowel de x- als de y-as.



Het einde

Als u een omgekeerde look aan dingen wilt toevoegen, kunt u de transparantie van de invertlaag animeren en lichtgele flitsen aan de compositie toevoegen door een lichtgele laag te maken, de overvloeimodus in te stellen en de transparantie van 0 tot 30 en terug naar 0 te animeren. 5 of 6 frames.

En daar ga je. Verander de samenvouwtransformatieschakelaar van de filmlaag om de details te behouden en de compositie weer te geven in het formaat van uw voorkeur. Naast wat je hier hebt gezien, kun je texturen of bewegingen toevoegen die je leuk vindt. Verder kun je stock footage van filmclutter gebruiken om het geheel een meer analoge look te geven (als tip: het graan ziet er veel mooier uit als het uit stock footage van een grijze kaart komt). U kunt ook stockfoto's gebruiken om uw krant meer leven te geven. Je kunt een stap verder gaan door de inhoud van de film te animeren of er een volledige 3D-compositie van te maken, waardoor het de uitstraling krijgt van een futuristische microfilmmachine die de 3D-stijl van de gegevens navigeert ... of wat je maar kunt bedenken.


Ik hoop echt dat je deze tutorial leuk vond, suggesties of vragen zijn welkom. Bedankt voor jullie aandacht.