Sådan tilpasses en Photoshop-skabelon

• Kan 17, 2024

I denne Photoshop CC-tutorial lærer vi, hvordan man tilpasser en forudbestemt Photoshop-skabelon. Uanset om det er en animeret skabelon eller ej, kan du starte med en skabelon spare en masse tid. Når du bruger en Photoshop-skabelon til dine designprojekter, udføres alt designarbejde for dig, og du skal bare udskifte de generiske designelementer, kaldet pladsholdere, med din brugerdefinerede video, tekst, grafik eller fotos.

Med den øgede popularitet af animerede gifs og video kan du bruge en forudindrettet animeret skabelon til at tilføje animation til dit websted og sociale websteder. For eksempel kan du sende en video til dine Instagram-indlæg eller -historier og uploade en video som dit Facebook-omslag. Du vil blive overrasket over, hvad du kan oprette med Photoshop-tidslinje-animation.

Der er mange steder på nettet, der tilbyder forudindstillede Photoshop-skabeloner, og det er let at tilpasse disse skabeloner til dine specifikke behov. Lad os se på, hvordan du udskifter nogle af de generiske skabelonpladsholdere med dit eget indhold.

Skrifttyper

Den første ting, du måske kan se, når du åbner skabelonen i Photoshop, er beskeden om manglende skrifttyper (se skærmbillede). Hvis du allerede har de skrifttyper, der er brugt i skabelonen installeret på din maskine, får du naturligvis ikke denne meddelelse. De fleste skrifttyper, der bruges i designskabeloner, er gratis, og der er mange steder med gratis skrifttyper. Hvis du ikke ønsker at installere de manglende skrifttyper, vælger Photoshop automatisk den bedste erstatningstype.

Adobe har tilføjet en ny gratis Creative Cloud-medlemskab, som inkluderer ubegrænset brug af skrifttyperne i Basic-biblioteket. I mine skabeloner kan jeg godt lide at bruge disse Adobe-skrifttyper, fordi de er tilgængelige ved at tilmelde mig et gratis Adobe-ID, er lette at synkronisere, og brugsbetingelserne er meget tydelige til både personlig og kommerciel brug. Når du har synkroniseret de manglende skrifttyper, er skrifterne knyttet til dit Adobe ID og vil være tilgængelige for enhver Adobe-software.

Levende former

Nogle lag indeholder vektorobjekter, kaldet Levende former i en Photoshop-skabelon, og kan genkendes af det lille ikon i nederste højre hjørne af lagets miniature (se skærmbillede). Normalt har disse former en standardfarve, og du kan ændre denne farve, så den passer til dine behov. Klik på miniaturebilledet åbner farvevælgeren. Brug blot kontrollerne eller skriv farvekoden til at indstille en ny farve.

Lagstilarter

Lagstilarter kan anvendes på næsten enhver type lag i Photoshop. Du vil genkende disse lag fra fx-ikonet til højre for lagnavnet (se skærmbillede).

Hvis du vil redigere lagstilarter, skal du dobbeltklikke på laget for at åbne vinduet Lagstilarter. Som du kan se (se skærmbillede), kan du ændre farve, mønster eller gradientoverlejring på objektet samt anvende indre skygge, ydre glød, dråbe skygge og mere.

Smarte objekter

Der er flere anvendelser til Photoshop Smart Objects i designskabeloner, hvor fotos og videoer er det mest almindelige. Smart Objekter kan også være pladsholdere for logoer og anden grafik, som du ønsker at udskifte til dit eget brand. Du genkender disse Smart-objekter ved det lille ikon nederst til højre i lagets miniature (se skærmbillede). Disse smarte objekter kan have smarte filtre eller andre justeringslag vedhæftet.

Skabelondesigneren vil normalt give dig instruktioner om formålet med Smart Object. Hvis et foto f.eks. Er indeholdt i et smart objekt, kan instruktionerne muligvis være i lagnavnet, f.eks [baggrundsbillede her]. Når du dobbeltklikker på lagets miniature, åbnes Smart Object i en ny .psb temp-fil (se skærmbillede). Du redigerer indholdet af Smart Object i denne temp-fil. Den nemmeste metode er at kopiere og indsætte det nye indhold i temp-filen eller trække / slippe indholdet til Photoshop fra skrivebordet eller mappen. Når du gemmer temp-filen og vender tilbage til skabelonen, vil du se Smart Object opdateret.

Dimensionerne på temp-filen vil være de samme som Smart Object's størrelse i skabelonen. Hvis dit erstatningsindhold ikke har de samme dimensioner, kan du ændre størrelsen på og ændre indholdets placering inde i Smart Object-laget.

Du kan vælge at erstatte billedet af Smart Object-pladsholderen med en farveudfyldning. Fra den øverste menu skal du klikke på Rediger - Udfyld og indstil indholdet til Farve i udfyldningsvinduet (se skærmbillede). Når farvevælgeren åbnes, skal du vælge en farve.

Nogle smarte objekter er sammenkædet, og når du erstatter pladsholderen med dit eget indhold til et smart objekt, opdateres alle de andre sammenkædede smarte objekter. Naturligvis behøver du kun at redigere en af ​​de sammenkoblede smarte objekter. For at forhindre forvirring indstiller jeg lagnavnet til [rediger ikke] for alle undtagen et af de tilknyttede smarte objekter.

Tekstlag

Tekstlag indeholder tekstobjekter. Selvfølgelig vil du ændre pladsholderteksten med dine egne oplysninger. Du vil genkende disse lag ved T-ikonet til venstre for lagnavnet (se skærmbillede).

Normalt vil lagnavnet angive den nødvendige informationstype, f.eks [virksomhedsnavn her]. Dobbeltklik på T-ikonet for at vælge tekstfeltet i dokumentet. Klik i tekstboksen for at ændre ordene i dokumentet. Du kan også redigere skrifttypen, skrifttypen, skrifttypestørrelsen og mange flere indstillinger i vinduet Tegn (se skærmbillede).

Eksport

Hvis skabelonen ikke er animeret, eksporterer du normalt skabelonen som en .gif, .png eller .jpg, afhængigt af formålet med skabelonen. Hvis skabelonen er animeret, skal du eksportere som en .mp4-video eller animeret .gif til internettet.

Eksporter video

Klik på for at eksportere eller gengive skabelonen som en .mp4-video File - Export - Render Video (se skærmbillede). I vinduet Render Video (se skærmbillede) skal du give et navn til din fil og vælge en gem lokalitet. Indstil formatet til H.264, som automatisk gengiver videoen i .mp4-format. Indstil rækkevidden til Alle rammer og klik Render. Når din skabelon er gengivet, kan du se videoen i QuickTime.

Gem som animeret Gif

Klik på for at gemme skabelonen som en animeret .gif Fil - Eksport - Gem til web (se skærmbillede). I vinduet Gem til web (se skærmbillede) skal du indstille filtypen til GIF og Looping-muligheder til For evigt. Behold de andre standardindstillinger, og klik på Gemme. For at se gif'et skal du åbne det i en webbrowser.

Arbejde med animation

For de fleste animerede skabeloner er nogle af designelementerne, f.eks. Fotos, der skal redigeres, kun synlige for dele af hele animationen. For at se disse objekter, du vil redigere, skal du bare flytte Playhead langs tidslinjen, indtil objekterne er synlige.

De fleste animerede objekter er designet til at bevæge sig inden for et specifikt område af scenen. Hvis du flytter eller ændrer størrelse på disse objekter, kan animationen muligvis være ødelagt. Så foretag kun ændringer til animerede objekter, hvis du er bekendt med Photoshop-animation.

Når du erstatter pladsholderindholdet med dit eget indhold til et animeret Smart Object, skal du gøre et ekstra trin. Hvis tidslinjen ikke er åben, skal du klikke på Vindue - tidslinje. Som standard slutter det nye indhold 5 sekunder på tidslinjen. Vi har brug for det for at udvide til slutningen af ​​animationen. Så træk den højre kant af sporet til at udvide over hele tidslinjen (se skærmbillede).

Fordelene ved et gratis Creative Cloud-medlemskab
//helpx.adobe.com/creative-cloud/help/benefits-creative-cloud-free-membership.html

Velkommen til Adobe-skrifttyper
//fonts.adobe.com/about

Copyright 2018 Adobe Systems Incorporated. Alle rettigheder forbeholdes. Adobe-produktskærmbilleder (r) genudtrykt med tilladelse fra Adobe Systems Incorporated. Adobe, Photoshop er / er enten [a] registreret varemærke [er] eller et varemærke [s] fra Adobe Systems Incorporated i USA og / eller andre lande.

Video Instruktioner: Working with Templates in Photoshop CC 2017 (Kan 2024).