Hur du anpassar en Photoshop-mall

• April 29, 2024

I denna Photoshop CC-handledning kommer vi att lära oss att anpassa en förutbestämd Photoshop-mall. Oavsett om det är en animerad mall eller inte, kan du börja med en mall spara mycket tid. När du använder en Photoshop-mall för dina designprojekt görs allt designarbete åt dig och du behöver bara byta ut de generiska designelementen, platshållare, med din anpassade video, text, grafik eller foton.

Med den ökade populariteten för animerade gifs och video kan du använda en förutbestämd animerad mall för att lägga till animering på din webbplats och sociala webbplatser. Till exempel kan du lägga upp en video på dina Instagram-inlägg eller berättelser och ladda upp en video som ditt Facebook-omslag. Du blir förvånad över vad du kan skapa med Photoshop-tidslinjeanimering.

Det finns många platser på webben som erbjuder förutbestämda Photoshop-mallar och det är enkelt att anpassa dessa mallar för dina specifika behov. Låt oss ta en titt på hur du byter ut några av de generiska mallhållarna med ditt eget innehåll.

typsnitt

Det första du kanske ser när du öppnar mallen i Photoshop är meddelandet om saknade teckensnitt (se skärmdump). Naturligtvis, om du redan har teckensnitten som används i mallen installerad på din maskin, får du inte detta meddelande. De flesta teckensnitt som används i formgivningsmallar är gratis och det finns många platser med gratis teckensnitt. Om du inte vill installera de saknade teckensnitten väljer Photoshop automatiskt det bästa ersättningsteckensnittet.

Adobe har lagt till en ny fri Creative Cloud-medlemskap, som inkluderar obegränsad användning av teckensnitt i Basic-biblioteket. I mina mallar vill jag använda dessa Adobe-teckensnitt eftersom de är tillgängliga genom att registrera mig för ett gratis Adobe-ID, är lätta att synkronisera och användarvillkoren är mycket tydliga för både personlig och kommersiell användning. När du har synkroniserat de saknade teckensnitten kopplas teckensnitten till ditt Adobe-ID och kommer att vara tillgängliga för alla Adobe-program.

Levande former

Vissa lager innehåller vektorobjekt, kallade Levande former i en Photoshop-mall och kan identifieras av den lilla ikonen i det nedre högra hörnet av skiktminiatyren (se skärmdump). Vanligtvis har dessa former en standardfärg och du kan ändra denna färg så att den passar dina behov. Om du klickar på miniatyren öppnas färgväljaren. Använd bara kontrollerna eller skriv in färgkoden för att ställa in en ny färg.

Lagerstilar

Lagerstilar kan appliceras på nästan alla typer av lager i Photoshop. Du känner igen dessa lager från fx-ikonen till höger om lagernamnet (se skärmdump).

För att redigera Layer Styles, dubbelklickar du på lagret för att öppna Layer Styles-fönstret. Som du kan se (se skärmdump) kan du ändra färg, mönster eller gradientöverlagring på objektet, samt applicera inre skugga, yttre glöd, droppskugga och mer.

Smarta objekt

Det finns flera användningsområden för Photoshop Smart Objects i formgivningsmallar, med foton och videor som är vanligast. Smart Objects kan också vara platshållare för logotyper och annan grafik som du vill ersätta för ditt eget märke. Du känner igen dessa smarta objekt genom den lilla ikonen längst ner till höger i skiktminiatyren (se skärmdump). Dessa smarta objekt kan ha smarta filter eller andra justeringslager anslutna.

Malldesignern kommer vanligtvis att ge dig instruktioner om syftet med det smarta objektet. Till exempel, om ett foto finns i ett smart objekt, kan instruktionerna vara i lagernamnet, t.ex. [bakgrundsbild här]. När du dubbelklickar på skiktminiatyren öppnas Smart Object i en ny .psb temp-fil (se skärmdump). Du kommer att redigera innehållet i Smart Object i den här tempfilen. Den enklaste metoden är att kopiera och klistra in det nya innehållet i tempfilen eller dra / släpp innehållet till Photoshop från skrivbordet eller mappen. När du har sparat temp-filen och återgår till mallen ser du Smart Object uppdaterat.

Dimensionerna för temp-filen kommer att vara desamma som det smarta objektets storlek i mallen. Om ditt ersättningsinnehåll inte har samma dimensioner kan du ändra storleken på och ändra innehållet i Smart Object-lagret.

Du kan välja att byta ut platshållarbilden för Smart Object med en färgfyllning. Klicka på övre menyn Redigera - Fyll och ställ in innehållet till Färg i Fyllfönstret (se skärmdump). När färgväljaren öppnas väljer du en färg.

Vissa smarta objekt kopplas samman och när du byter ut platshållaren med ditt eget innehåll för ett smart objekt kommer alla andra länkade smarta objekt att uppdateras. Naturligtvis behöver du bara redigera ett av de länkade smarta objekten. För att förhindra förvirring ställer jag in lagringsnamnet på [ändra inte] för alla utom ett av de länkade smarta objekten.

Textlager

Textlager innehåller textobjekt. Naturligtvis vill du ändra platshållarens text med din egen information. Du känner igen dessa lager genom T-ikonen till vänster om lagernamnet (se skärmdump).

Vanligtvis kommer lagernamnet att ange vilken typ av information som behövs, t.ex. [företagsnamn här]. Dubbelklicka på T-ikonen för att välja textrutan i dokumentet. Klicka i textrutan för att ändra orden i dokumentet. Du kan också redigera teckensnitt, teckensnittstil, teckenstorlek och många fler alternativ i teckenfönstret (se skärmdump).

Exportera

Om mallen inte är animerad, exporterar du vanligtvis mallen som .gif, .png eller .jpg, beroende på mallens syfte. Om mallen är animerad, vill du exportera som en .mp4-video eller animerad .gif för webben.

Exportera video

För att exportera eller återge mallen som en .mp4-video klickar du på File - Export - Render Video (se skärmdump). I fönstret Render Video (se skärmdump), ge ditt namn ett namn och välj en spara plats. Ställ in formatet till H.264, som automatiskt kommer att återge videon i .mp4-format. Ställ in intervallet på Alla ramar och klicka Framställa. När din mall har återgivits kan du se videon i QuickTime.

Spara som animerad Gif

Klicka på om du vill spara mallen som en animerad .gif Fil - Exportera - Spara för webben (se skärmdump). Ställ in filtypen i fönstret Spara för webb (se skärmdump) GIF och Looping-alternativ till Evigt. Behåll de andra standardinställningarna och klicka på Spara. Öppna det i en webbläsare om du vill visa gif.

Arbetar med animering

För de flesta animerade mallar är några av designelementen, till exempel foton, som behöver redigeras synliga för endast delar av hela animationen. För att se dessa objekt som du vill redigera, flytta bara Playhead längs tidslinjen tills objekten är synliga.

De flesta animerade objekt är utformade för att röra sig inom ett specifikt område av scenen. Om du flyttar eller ändrar storlek på dessa objekt kan animationen vara trasig. Så ändra bara animerade objekt om du är bekant med Photoshop-animering.

När du byter ut platshållarinnehållet mot ditt eget innehåll för ett animerat Smart Object måste du göra ett extra steg. Om tidslinjen inte är öppen klickar du på Fönster - tidslinje. Som standard slutar det nya innehållet på 5 sekunder på tidslinjen. Vi behöver den för att sträcka sig till slutet av animeringen. Så dra den högra kanten av spåret för att expandera över hela tidslinjen (se skärmdump).

Fördelarna med ett gratis Creative Cloud-medlemskap
//helpx.adobe.com/creative-cloud/help/benefits-creative-cloud-free-membership.html

Välkommen till Adobe-teckensnitt
//fonts.adobe.com/about

Copyright 2018 Adobe Systems Incorporated. Alla rättigheter förbehållna. Adobes produktskärmbild (ar) tryckta med tillstånd från Adobe Systems Incorporated. Adobe, Photoshop är / är antingen [a] registrerat varumärke eller ett varumärke som tillhör Adobe Systems Incorporated i USA och / eller andra länder.

Video Instruktioner: Blender 2.8 Tutorial: River Rapids [VFX] (April 2024).