Apple Motion naar Adobe Photoshop CC
Veel van mijn klanten gebruiken graag Photoshop-animatiesjablonen, omdat ze het Creative Cloud-plan voor één app hebben en daarom geen After Effects hebben. Hoewel de animatie-opties in Photoshop beperkt zijn in vergelijking met After Effects, zou je versteld staan ​​van wat je kunt maken met de tijdlijn van de Photoshop-video.

Voor sommige van mijn Photoshop-sjablonen heb ik speciale animaties nodig, zoals een sneeuwval of Bokeh, die verder gaan dan de mogelijkheden van Photoshop. Dus maak ik deze speciale animaties in Apple Motion, exporteer de animatie als een afbeeldingsreeks en open de afbeeldingsreeks in Photoshop. Waarom een ​​afbeeldingsreeks? Dit is geweldig voor mijn workflow, omdat dit me de optie biedt om alle afbeeldingsframes weg te laten of te dupliceren zoals nodig voor elk project. Motion exporteert de animatie ook met een transparante achtergrond, zodat deze in elk Photoshop-project kan worden gebruikt.

Voorbeeld
In een Facebook Video Cover-sjabloonproject wilde ik een penseelstreekanimatie gebruiken onder wat tekst. Ik probeerde het eerst in Photoshop te maken, maar vond de resultaten niet leuk. Dus wendde ik me tot Motion. Het was gemakkelijk om de verfstreekanimatie te maken met de functie Write On van Motion.

Canvas grootte
Eerst wilt u beslissen welke dimensies u voor de animatie wilt gebruiken. De Facebook Video Cover-sjabloon is 820 x 462 pixels, maar dat hebben we niet allemaal nodig voor een penseelstreek. Omdat de penseelstreek achter de tekst in de sjabloon komt, heb ik een voorbeeldstreek gemaakt in Photoshop, die 590 x 170 pixels bleek te zijn. Dus besloot ik een Apple Motion-document van 600 x 200 pixels te maken. Dit zorgt voor een lege ruimte rond de verfstreek en geen harde randen.

Modulair ontwerp
Zoals hierboven vermeld, maken we ook de bewegingsafbeelding met een transparante achtergrond. Dit geeft ons de optie om de animatie te gebruiken als een modulair ontwerpelement dat we kunnen gebruiken in elke Photoshop-animatie. We zullen ook de kleur van de penseelstreek instellen op een standaardwit, waardoor we de optie hebben om een ​​Photoshop Color Overlay-stijl of tint / verzadigingsaanpassingslaag toe te passen om de verfkleur aan te passen als nodig voor elk project.

Optie voor slimme objecten
Photoshop importeert en converteert de afbeeldingsreeks naar een videolaag. Zodra we de afbeeldingsvolgorde in Photoshop hebben, kunnen we het bestand opslaan in de .psd-bestandsindeling. Ter referentie en als back-up bewaar ik dit .psd-bestand en de map met opeenvolgende afbeeldingen samen in een map met projectactiva. Vervolgens wilt u dit .psd-bestand opnieuw opslaan als het projectbestand. Als u de animatie slechts eenmaal hoeft te gebruiken, kunt u deze gebruiken zoals deze is (als een groep met videolagen). Maar als u de animatie meerdere keren in één project wilt gebruiken, converteert u deze naar een Photoshop Smart Object.

Video optie
Een andere optie is om de animatie vanuit Photoshop te exporteren in de .mov-bestandsindeling, waardoor de transparante achtergrond behouden blijft. Vervolgens kunt u het .mov-bestand in verschillende Photoshop-projecten gebruiken.

Het is eenvoudig om het .mov-bestand in een nieuw Photoshop-document te importeren met de opties Plaatsen - Ingesloten of Plaatsen - Gekoppeld. Photoshop converteert het .mov-bestand automatisch naar een slim object.

In de volgende zelfstudie doorlopen we het proces van het maken van de animatie in Motion, het exporteren van de afbeeldingsvolgorde en het gebruiken van de animatie in een Photoshop-document.

Copyright 2018 Adobe Systems Incorporated. Alle rechten voorbehouden. Schermafbeeldingen van Adobe-producten herdrukt met toestemming van Adobe Systems Incorporated. Adobe, Photoshop is / zijn [een] geregistreerd handelsmerk [s] of een handelsmerk [s] van Adobe Systems Incorporated in de Verenigde Staten en / of andere landen.

Apple, Motion, iBooks Author, GarageBand, TextEdit, Pages, iMovie en Mac zijn handelsmerken van Apple Inc., geregistreerd in de VS en andere landen. CoffeBreakBlog is een onafhankelijke publicatie en is niet geautoriseerd, gesponsord of anderszins goedgekeurd door Apple Inc. Screenshots gebruikt met toestemming.

De volgende


Video-Instructies: How to Create the 2.5D Effect Using Photoshop CS6 and Motion 5 (Mei 2024).