Een Photoshop-sjabloon aanpassen

• April 20, 2024

In deze Photoshop CC-zelfstudie leren we hoe u een vooraf ontworpen Photoshop-sjabloon kunt aanpassen. Of het nu een geanimeerde sjabloon is of niet, beginnen met een sjabloon kan veel tijd besparen. Wanneer u een Photoshop-sjabloon voor uw ontwerpprojecten gebruikt, wordt al het ontwerpwerk voor u gedaan en hoeft u alleen de generieke ontwerpelementen te vervangen, genaamd placeholders, met uw aangepaste video, tekst, afbeeldingen of foto's.

Met de toegenomen populariteit van geanimeerde gifs en video, kunt u een vooraf ontworpen geanimeerde sjabloon gebruiken om animatie toe te voegen aan uw website en sociale sites. U kunt bijvoorbeeld een video op uw Instagram-berichten of -verhalen plaatsen en een video uploaden als uw Facebook-omslag. U zult verrast zijn over wat u kunt maken met Photoshop Timeline-animatie.

Er zijn veel plaatsen op internet die vooraf ontworpen Photoshop-sjablonen bieden en het is eenvoudig om deze sjablonen aan te passen aan uw specifieke behoeften. Laten we eens kijken hoe we enkele van de generieke sjabloonplaatsaanduidingen kunnen vervangen door uw eigen inhoud.

fonts

Het eerste dat u mogelijk ziet wanneer u de sjabloon in Photoshop opent, is het bericht over ontbrekende lettertypen (zie screenshot). Natuurlijk, als u al de lettertypen gebruikt in de sjabloon op uw machine hebt geïnstalleerd, krijgt u dit bericht niet. De meeste lettertypen die in ontwerpsjablonen worden gebruikt, zijn gratis en er zijn veel plaatsen met gratis lettertypen. Als u de ontbrekende lettertypen niet wilt installeren, kiest Photoshop automatisch het beste vervangende lettertype.

Adobe heeft een nieuwe toegevoegd vrij Creative Cloud-lidmaatschap, inclusief onbeperkt gebruik van de lettertypen in de Basic-bibliotheek. In mijn sjablonen gebruik ik deze Adobe-lettertypen omdat ze beschikbaar zijn door zich aan te melden voor een gratis Adobe ID, eenvoudig te synchroniseren en de gebruiksvoorwaarden zeer duidelijk zijn voor zowel persoonlijk als commercieel gebruik. Nadat u de ontbrekende lettertypen hebt gesynchroniseerd, worden deze aan uw Adobe ID gekoppeld en zijn ze beschikbaar voor alle Adobe-software.

Live vormen

Sommige lagen bevatten vectorobjecten, genaamd Live vormen in een Photoshop-sjabloon en is te herkennen aan het kleine pictogram in de rechterbenedenhoek van de laagminiatuur (zie screenshot). Gewoonlijk hebben deze vormen een standaardkleur en u kunt deze kleur aanpassen aan uw behoeften. Als u op de miniatuur klikt, wordt de kleurkiezer geopend. Gebruik gewoon de knoppen of typ de kleurcode om een ​​nieuwe kleur in te stellen.

Laagstijlen

Laagstijlen kunnen op vrijwel elk type laag in Photoshop worden toegepast. Je herkent deze lagen aan het fx-pictogram rechts van de laagnaam (zie screenshot).

Om de laagstijlen te bewerken, dubbelklikt u op de laag om het venster Laagstijlen te openen. Zoals u kunt zien (zie screenshot), kunt u de kleur, het patroon of de overlay van het verloop van het object wijzigen, evenals binnenste schaduw, buitenste gloed, slagschaduw en meer toepassen.

Slimme objecten

Er zijn verschillende toepassingen voor Photoshop Smart Objects in ontwerpsjablonen, met foto's en video's als meest voorkomende. Smart Objects kunnen ook tijdelijke aanduidingen zijn voor logo's en andere grafische afbeeldingen die u voor uw eigen merk wilt vervangen. U herkent deze slimme objecten aan het kleine pictogram rechtsonder in de laagminiatuur (zie screenshot). Aan deze slimme objecten kunnen slimme filters of andere aanpassingslagen zijn bevestigd.

De sjabloonontwerper geeft u meestal instructies over het doel van het slimme object. Als een foto zich bijvoorbeeld in een slim object bevindt, staan ​​de instructies mogelijk in de laagnaam, zoals [achtergrondafbeelding hier]. Nadat u dubbelklikt op de laagminiatuur, wordt het slimme object geopend in een nieuw .psb-tempbestand (zie screenshot). U zult de inhoud van het slimme object in dit tijdelijke bestand bewerken. De eenvoudigste methode is om de nieuwe inhoud te kopiëren en in het tijdelijke bestand te plakken of de inhoud van het bureaublad of de map naar Photoshop te slepen. Nadat u het tijdelijke bestand hebt opgeslagen en teruggaat naar de sjabloon, wordt het slimme object bijgewerkt.

De afmetingen van het tijdelijke bestand zijn hetzelfde als de grootte van het slimme object in de sjabloon. Als uw vervangende inhoud niet dezelfde afmetingen heeft, kunt u het formaat wijzigen en de positie van de inhoud binnen de laag Smart Object wijzigen.

U kunt ervoor kiezen om de afbeelding van de Smart Object-tijdelijke aanduiding te vervangen door een kleurvulling. Klik in het bovenste menu op Bewerken - vullen en stel de inhoud in op Kleur in het vulvenster (zie screenshot). Wanneer de kleurkiezer wordt geopend, kiest u een kleur.

Sommige slimme objecten zijn aan elkaar gekoppeld en wanneer u de tijdelijke aanduiding vervangt door uw eigen inhoud voor het ene slimme object, worden alle andere gekoppelde slimme objecten bijgewerkt. Natuurlijk hoeft u slechts een van de gekoppelde slimme objecten te bewerken. Om verwarring te voorkomen, heb ik de laagnaam ingesteld op [niet aanpassen] voor alle behalve een van de gekoppelde slimme objecten.

Tekstlagen

Tekstlagen bevatten tekstobjecten. Natuurlijk wilt u de plaatsaanduidingstekst met uw eigen informatie wijzigen. Je herkent deze lagen aan het T-pictogram links van de laagnaam (zie screenshot).

Gewoonlijk geeft de laagnaam het type informatie aan dat nodig is, zoals [bedrijfsnaam hier]. Dubbelklik op het T-pictogram om het tekstvak in het document te selecteren. Klik in het tekstvak om de woorden in het document te wijzigen. Je kunt ook het lettertype, de tekenstijl, de tekengrootte en nog veel meer opties bewerken in het tekenvenster (zie screenshot).

Exporteren

Als de sjabloon niet geanimeerd is, exporteert u de sjabloon meestal als een .gif, .png of .jpg, afhankelijk van het doel van de sjabloon. Als de sjabloon geanimeerd is, wilt u deze exporteren als een .mp4-video of een geanimeerde .gif voor het web.

Video exporteren

Klik op om de sjabloon als .mp4-video te exporteren of weer te geven Bestand - Exporteren - Video weergeven (zie screenshot). Geef in het venster Video weergeven (zie screenshot) een naam op voor uw bestand en kies een opslaglocatie. Stel het formaat in op H.264, waardoor de video automatisch wordt weergegeven in de indeling .mp4. Stel het bereik in op Alle frames en klik geven. Nadat uw sjabloon is gerenderd, kunt u de video in QuickTime bekijken.

Opslaan als geanimeerde Gif

Klik op om de sjabloon op te slaan als een geanimeerde .gif Bestand - Exporteren - Opslaan voor web (zie screenshot). Stel het bestandstype in het venster Opslaan voor web (zie screenshot) in GIF en Looping-opties voor Voor altijd. Behoud de andere standaardinstellingen en klik Opslaan. Om de gif te bekijken, open je deze in een webbrowser.

Werken met animatie

Voor de meeste geanimeerde sjablonen zijn sommige ontwerpelementen, zoals foto's, die moeten worden bewerkt, slechts voor delen van de gehele animatie zichtbaar. Om deze objecten te zien die u wilt bewerken, verplaatst u de afspeelkop langs de tijdlijn totdat de objecten zichtbaar zijn.

De meeste geanimeerde objecten zijn ontworpen om binnen een specifiek gebied van de scène te bewegen. Als u deze objecten verplaatst of de grootte ervan wijzigt, kan de animatie worden onderbroken. Breng dus alleen wijzigingen aan in geanimeerde objecten als u bekend bent met Photoshop-animatie.

Wanneer u de inhoud van de tijdelijke aanduiding vervangt door uw eigen inhoud voor een geanimeerd slim object, moet u een extra stap uitvoeren. Als de tijdlijn niet is geopend, klikt u op Venster - Tijdlijn. Standaard eindigt de nieuwe inhoud na 5 seconden op de tijdlijn. We hebben het nodig om uit te breiden tot het einde van de animatie. Sleep dus de rechterrand van de track om over de hele tijdlijn uit te vouwen (zie screenshot).

Voordelen van een gratis Creative Cloud-lidmaatschap
//helpx.adobe.com/creative-cloud/help/benefits-creative-cloud-free-membership.html

Welkom bij Adobe-lettertypen
//fonts.adobe.com/about

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.

Video-Instructies: Werkbalk bewerken naar eigen wens in Photoshop (April 2024).