Photoshop til After Effects: Artboards

At bringe statiske designs fra Photoshop til liv i After Effects er en grundlæggende del af mange kreative workflows. Photoshop (PSD) filer er generelt meget kompatible med After Effects, hvilket tillader dig at importere dine designs med bevarede lag, lagstørrelser og redigerbare tekstlag. Dette åbner døren for animation, specialeffekter og dynamiske kompositioner baseret på dine oprindelige grafiske elementer.

Når du importerer en standard PSD-fil i After Effects, får du typisk mulighed for at importere den enten som sammensat (en flad, enkeltstående billedfil) eller som en komposition med bevarede lagstørrelser eller dokumentstørrelse. Sidstnævnte er næsten altid den foretrukne metode, da den omdanner hvert Photoshop-lag til et individuelt lag i en ny After Effects komposition, klar til at blive animeret eller manipuleret uafhængigt.

Forståelse af Artboards i Photoshop

Artboards (tegnebrætter) er en fantastisk funktion i Photoshop, især nyttig for webdesignere, UI/UX-designere eller enhver, der arbejder med flere forskellige designvarianter eller skærmstørrelser inden for en enkelt fil. Hvert artboard fungerer som et separat lærred inden for samme dokument. Dette giver dig mulighed for at organisere forskellige scener, sider eller elementer overskueligt på ét sted. Lag kan enten tilhøre et specifikt artboard eller være globale for hele dokumentet.

Mens artboards er effektive i Photoshop, er de ikke en konceptuel enhed, som After Effects forstår direkte på samme måde. After Effects arbejder primært med lag og kompositioner, ikke med separate lærreder inden for en enkelt fil på Photoshop-måden. Dette er kernen i den udfordring, du oplever, når du forsøger at importere en fil med mange artboards.

Udfordringen med Artboards, især i PSB-filer

Du nævner en PSB-fil. PSB står for Large Document Format og er i bund og grund en Photoshop-fil, der kan håndtere større dimensioner og flere lag end standard PSD-formatet. Selvom det er en fil i et andet format, ligger problemet med importen til After Effects sjældent i, at det er en PSB-fil i sig selv, men derimod i den måde, indholdet er organiseret på inden i filen – specifikt brugen af mange artboards. Når du importerer en PSD eller PSB med artboards direkte ind i After Effects, vil After Effects typisk se hele dokumentet som én stor lærredsflade, der indeholder *alle* artboards. Den vil importere alle lagene, men de vil ligge spredt ud over det samlede lærredsområde i After Effects, præcis som de ligger i Photoshop-filen, uanset hvilket artboard de tilhører. After Effects opretter altså ikke automatisk en separat komposition for hvert artboard.

Dette fører til det problem, du beskriver: filen 'bryder' eller virker ikke korrekt. Det er ikke nødvendigvis, at filen er korrupt, men snarere at After Effects' fortolkning af en fil med artboards ikke matcher din forventning om at få hver scene (hvert artboard) som en separat, brugbar komposition. Lagene fra forskellige artboards kan overlappe hinanden i After Effects' enkelt-komposition, hvilket gør det svært at isolere og arbejde med elementerne fra en bestemt scene.

Løsninger til Import af Artboards til After Effects

Den mest effektive og anbefalede metode til at håndtere Photoshop-filer med artboards, når du skal bruge dem i After Effects, er at forberede filen *før* importen. Målet er at få hvert artboard isoleret, så After Effects kan behandle det som en uafhængig enhed.

Her er den foretrukne fremgangsmåde, som direkte adresserer din situation med en PSB-fil, hvor hver scene er et artboard:

Metode 1: Eksporter Artboards som Separate Filer fra Photoshop

Dette er den mest ligetil og effektive løsning. Photoshop har en indbygget funktion, der gør præcis dette – den tager hvert artboard i din fil og gemmer det som en separat PSD-fil. Hver ny PSD-fil vil kun indeholde indholdet fra det pågældende artboard, men vigtigst af alt, den vil bevare lagene inden for det artboard.

Trin-for-trin guide til eksport fra Photoshop:

1. Åbn din PSB-fil (eller PSD-fil) i Photoshop.
2. Gå til menuen File > Export > Artboards to Files... (Arkiv > Eksporter > Artboards til Filer...).
3. Et dialogvindue åbnes med forskellige indstillinger:
   • Destination: Klik på Browse... (Gennemse...) for at vælge den mappe, hvor de eksporterede filer skal gemmes. Det er en god idé at oprette en ny, tom mappe til dette.
   • File Name Prefix: Angiv et præfiks til filnavnene. For eksempel, hvis du skriver "Scene_", og dine artboards hedder "Intro", "Mid" og "Outro", vil filerne blive gemt som "Scene_Intro.psd", "Scene_Mid.psd" og "Scene_Outro.psd".
   • Export Selected Artboards Only: Hvis du kun vil eksportere specifikke artboards, kan du markere dette og derefter vælge de ønskede artboards. Normalt vil du eksportere dem alle.
   • File Type: Vælg PSD. Dette er afgørende, da du vil bevare lagene for import til After Effects. Undgå JPG, PNG osv., da de vil flade billedet ud.
   • Options:
     • Include Artboard Name in File Name: Sørg for, at denne er markeret. Det hjælper med at identificere filerne.
     • Export Content Only: Dette kan være nyttigt, men vær forsigtig. Det eksporterer kun lag, der er *inden for* artboardets grænser. Lag, der strækker sig ud over, kan blive beskåret. For After Effects er det ofte bedre at lade denne være umarkeret, så lagene beholder deres oprindelige størrelse, selvom de er delvist uden for artboardet i Photoshop. After Effects' importindstillinger kan håndtere dette bedre.
     • Include Background: Hvis du har en baggrund uden for artboards, men som skal med på alle, skal du overveje dette. For de fleste artboard-workflows er dette dog ikke relevant.
4. Klik på Run (Kør). Photoshop vil nu automatisk oprette en separat PSD-fil for hvert artboard i den angivne mappe.

Denne proces løser direkte problemet ved at give dig separate PSD-filer, én for hver 'scene' eller hvert design, der oprindeligt var et artboard. Hver af disse nye PSD-filer vil indeholde alle de lag, der var associeret med det pågældende artboard i den originale PSB-fil.

Metode 2: Manuel Forberedelse i Photoshop (Mindre Ideel for Mange Artboards)

Hvis din fil kun havde få artboards, eller hvis du havde særlige behov, kunne du manuelt kopiere indholdet af hvert artboard til et nyt, separat Photoshop-dokument. Men med mange artboards, som du beskriver ("each scene is set up in artboards"), er dette ekstremt tidskrævende og fejlbehæftet. Eksportfunktionen er langt mere effektiv.

Import af de Forberedte Filer i After Effects

Når du har eksporteret dine artboards til separate PSD-filer ved hjælp af Metode 1, er importprocessen til After Effects standard og problemfri.

Trin-for-trin guide til import i After Effects:

1. Åbn After Effects.
2. Gå til menuen File > Import > File... (Arkiv > Importer > Fil...).
3. Naviger til den mappe, hvor du eksporterede dine separate PSD-filer.
4. Vælg de PSD-filer, du vil importere. Du kan vælge flere filer på én gang ved at holde Shift eller Ctrl/Cmd nede, mens du klikker.
5. I importdialogvinduet skal du vælge følgende indstillinger:
   • Import Kind: Vælg Composition - Retain Layer Sizes (Komposition - Bevar Lagstørrelser). Dette er den vigtigste indstilling. Den opretter en ny komposition for hver importeret PSD-fil og bevarer lagene præcist, som de var, med deres individuelle størrelser og positioner. Alternativt kan du vælge Composition (Komposition), som opretter en komposition baseret på dokumentets samlede størrelse (i dette tilfælde artboardets størrelse) og placerer lagene centralt. Retain Layer Sizes er ofte at foretrække, da det giver mere fleksibilitet med lag, der måske stikker ud over artboardets grænser i Photoshop, eller hvis du har brug for præcis placering baseret på Photoshops koordinatsystem.
   • Options (hvis tilgængelig): Sørg for, at Editable Layer Styles (Redigerbare Lagstilarter) er valgt, hvis du vil kunne redigere lagstilarter (som skygger, glød osv.) direkte i After Effects.
6. Klik på Open (Åbn) eller Import (Importer).

After Effects vil nu importere hver valgt PSD-fil som en separat komposition i dit projektpanel. Hver komposition vil være navngivet efter den importerede PSD-fil (f.eks. "Scene_Intro") og vil indeholde alle de individuelle lag fra det oprindelige artboard i Photoshop, klar til animation.

Sammenligning af Importmetoder

Som tabellen viser, er eksport af artboards til separate PSD-filer den klart mest effektive og anbefalede metode til din situation. Den eliminerer problemet med den rodede enkelt-komposition og giver dig en organiseret struktur i After Effects, hvor hver 'scene' fra din PSB-fil er sin egen, håndterbare komposition.

Yderligere Tips og Overvejelser

• Navngivning af Artboards: Sørg for, at dine artboards er navngivet logisk i Photoshop. Disse navne bruges som en del af filnavnene ved eksport og senere som kompositionsnavne i After Effects, hvilket gør det meget lettere at holde styr på dit projekt.
• Lagorganisering i Photoshop: Selvom eksporten håndterer artboards, er god lagorganisering *inden i* hvert artboard stadig vigtig. Brug grupper og navngiv dine lag tydeligt i Photoshop. Dette afspejles i After Effects og gør det nemmere at finde og animere specifikke elementer.
• Smart Objects: Smart Objects importeres som regel som deres egne, indlejrede kompositioner i After Effects. Dette kan være praktisk, da du kan redigere Smart Objectet i After Effects (ved at åbne dets komposition) og ændringerne vil opdateres i den komposition, hvor det er placeret.
• Tekstlag: Redigerbare tekstlag fra Photoshop importeres som redigerbare tekstlag i After Effects. Du kan ændre tekst, skrifttype, størrelse osv. direkte i After Effects, medmindre du har valgt at rasterisere lagene under eksporten (hvilket du ikke bør gøre, hvis du vil bevare redigerbarhed).
• Filstørrelse og Ydeevne: PSB-filer kan være meget store. At opdele dem i mindre PSD-filer via eksport kan potentielt forbedre ydeevnen i After Effects, da du kun arbejder med den relevante komposition ad gangen, snarere end at have alle lagene fra hele den store PSB-fil indlæst samtidigt (selvom de er skjulte i den rodede enkelt-komposition).

Ofte Stillede Spørgsmål

Q: Hvorfor opretter After Effects ikke automatisk en komposition for hvert artboard?
A: After Effects er designet til at importere Photoshop-filer baseret på dokumentets overordnede lærred og dets lagstruktur. Artboards er en organisationsfunktion i Photoshop, som ikke har en direkte, tilsvarende struktur i After Effects' kernefunktionalitet for import. After Effects ser hele PSB/PSD-filen som ét stort lærred, der indeholder alle elementerne, uanset artboard-grænser.

Q: Jeg eksporterede artboards til PSD, men lag mangler i After Effects. Hvad gik galt?
A: Tjek dine eksportindstillinger i Photoshop. Sørg for, at du valgte PSD som filtype, og at du ikke ved et uheld valgte en indstilling, der flader billedet ud eller ekskluderer lag (som f.eks. at gemme som JPG eller PNG i stedet for at eksportere til PSD, eller hvis der er fejl i den oprindelige filstruktur i Photoshop). Sørg også for, at lagene i Photoshop faktisk var inden for eller associeret med det pågældende artboard.

Q: Kan jeg animere artboards direkte i After Effects?
A: Nej, du animerer ikke 'artboards' i After Effects. Du animerer de lag, der var indeholdt i hvert artboard, efter at du har importeret hvert artboard som en separat komposition. Hver komposition repræsenterer et tidligere artboard.

Q: Hvad er forskellen på 'Composition' og 'Composition - Retain Layer Sizes' ved import?
A: 'Composition' opretter en komposition i størrelsen på det importerede dokument (i dette tilfælde artboardets størrelse) og placerer lagene centralt. 'Composition - Retain Layer Sizes' opretter også en komposition i dokumentets størrelse, men bevarer hvert lags individuelle størrelse og position, som det var i Photoshop. Dette er ofte bedre, hvis du har lag, der stikker ud over artboardets grænser, eller hvis du har brug for præcis placering af lag baseret på Photoshop-koordinater.

Q: Min PSB-fil er kæmpe stor. Vil eksport til separate PSD'er gøre dem mindre?
A: Ja, sandsynligvis. Hver eksporteret PSD-fil vil kun indeholde indholdet og lagene fra ét artboard, i stedet for alle lagene fra alle artboards. Selvom den samlede diskplads for alle de nye PSD'er kan være tæt på den originale PSB's størrelse, vil de individuelle filstørrelser være meget mindre, hvilket er lettere for After Effects at håndtere én komposition ad gangen.

Konklusion

Selvom After Effects kan importere PSD- og PSB-filer, håndterer det ikke Photoshops artboards som separate, animerbare enheder direkte. For at arbejde effektivt med en Photoshop-fil, der bruger artboards til at organisere forskellige scener eller designs, er den bedste praksis at bruge Photoshops Export > Artboards to Files... funktion. Dette trin opdeler automatisk din originale fil i separate PSD-filer, én for hvert artboard, som derefter kan importeres problemfrit i After Effects som individuelle kompositioner. Dette giver dig den nødvendige struktur og kontrol til at bringe dine designs til live med animation og effekter, præcis som du forestiller dig det.

Hvis du vil læse andre artikler, der ligner Photoshop til After Effects: Artboards, kan du besøge kategorien Fotografi.