Instagram citaatsjabloon in Swift Publisher

• Mei 16, 2024

In deze zelfstudie ontwerpen we een Instagram-offertesjabloon in Swift Publisher. Het gebruik van een sjabloon kan uw creatieproces stroomlijnen bij het maken van sociale afbeeldingen. Je kunt de achtergrond en de tekst in de sjabloon aanpassen voor elk nieuw Instagram-citaat dat je met de sjabloon maakt.

De afmetingen van een Instagram-postafbeelding zijn 1080 x 1080 pixels, dus we zullen deze metingen gebruiken voor onze sjabloon. Deze sjabloon heeft twee hoofdontwerpelementen. De eerste is de achtergrondlaag, die kan worden gevuld met een foto, illustratie, patroon, verloop of effen kleur. Voor de sjabloon gebruiken we een foto uit de ingebouwde clipart-collectie. Vervolgens hebben we de voorgrondlaag voor alle tekst. We zullen leren hoe het gereedschap Tekstvak en het tekstpaneel te gebruiken.

Laten we Swift Publisher openen en aan de slag gaan. Wanneer u het programma start, ziet u het welkomstscherm (zie screenshot), met links een lijst met video's. Maar laten we die laag bekijken.

1. Klik op de knop Sluiten onderaan het welkomstscherm. Hiermee wordt het venster Sjabloongalerij geopend.

Zoals u ziet, zijn er veel sjablonen waaruit u kunt kiezen. Maar we ontwerpen ons eigen sjabloon.


2. Kies in het gedeelte Desktop Publishing van het venster Sjabloongalerij de sjabloon Leeg landschap (zie screenshot).

De sjabloon wordt geopend in de werkruimte. De inspecteur bevindt zich aan de rechterkant van de werkruimte en bevat de meeste bedieningselementen voor het ontwerpen van ons project. Het heeft vier tabbladen, namelijk de tabbladen Document, Geometry, Appearance en Text.


3. Selecteer het tabblad Document en u ziet de paginagrootte en andere informatie over onze nieuwe pagina (zie screenshot). Wijzig de meeteenheden van inches naar pixels. Wijzig vervolgens de breedte en hoogte van 8,5 x 11 inch in 1080 x 1080 pixels.

Onderaan de Inspector hebben we het deelvenster Lagen (zie screenshot), met twee standaardlagen voor voorgrond en achtergrond. We zullen een rechthoek toevoegen aan de achtergrondlaag die zal fungeren als een tijdelijke aanduiding. Voor de sjabloon voegen we een foto toe aan de tijdelijke aanduiding, maar we kunnen deze voor elk project wijzigen in een kleur, verloop, foto of illustratie.


4. Terwijl de achtergrondlaag actief is, selecteert u het gereedschap Rechthoek in het gedeelte Bewerkingsgereedschap van de bovenste werkbalk (zie screenshot). Teken een rechthoek over het hele ontwerpcanvas.

Boven aan het deelvenster Geometrie ziet u dat onze vorm de juiste grootte heeft (1080 x 1080 px) en de X- en Y-posities beide nul zijn.


5. Klik op beide knoppen in het middengedeelte (zie screenshot). Met de linkerknop wordt de rechthoek horizontaal gecentreerd en wordt de rechterknop verticaal gecentreerd.

Deze rechthoek is nu onze tijdelijke aanduiding voor de achtergrond. Voor de sjabloon zullen we een foto toevoegen.


6. Selecteer de rechthoekige tijdelijke aanduiding. Schakel in het deelvenster Vormgeving de optie Kleurvulling uit (zie screenshot). Hierdoor wordt de rechthoekige tijdelijke aanduiding leeggemaakt.


7. Sleep de geselecteerde foto en sleep je foto naar het tabblad Foto van het paneel Bron naar de tijdelijke aanduiding voor de rechthoek (zie screenshot). Als de foto niet de hele rechthoek bedekt, houdt u de Shift-toets ingedrukt en wijzigt u het formaat van de foto. Ga vervolgens terug naar het tabblad Uiterlijk van de Inspector en stel het vervolgkeuzemenu Uitrekken in op Opvullen (zie screenshot).

Nu kunnen we onze tekst toevoegen aan de voorgrondlaag.


8. Selecteer de voorgrondlaag in het deelvenster Lagen.


9. Selecteer het gereedschap Tekstvak in het hoofdmenu (zie screenshot). Klik op het canvas en sleep om een ​​tekstvak te tekenen. Klik in het tekstvak en typ of plak uw citaattekst.

Standaard is de tekst een kleine 9 pt. Laten we het lettertype wijzigen en de tekst vergroten met behulp van het deelvenster Tekst in het infovenster.


10. Selecteer de tekst en klik op het tabblad Tekst in het infovenster en klik op de knop A om het paneel Lettertypen te openen (zie screenshot). Kies je lettertype, stijl, kleur en grootte. Stel in het infovenster de uitlijning in op midden.

Herhaal deze stappen om een ​​kleiner tekstvak onder het eerste vak toe te voegen en de naam van de persoon toe te voegen aan het citaat.

Optioneel: als u de offerteafbeelding wilt gebruiken, voegt u uw bedrijfsnaam of website-URL toe aan de onderkant van de afbeelding (zie screenshot).

Nu kunnen we dit project opslaan als een aangepaste sjabloon, zodat we het opnieuw kunnen gebruiken. Afhankelijk van de achtergrond en het lettertype dat we elke keer gebruiken, kan de Instagram-afbeelding er heel anders uitzien.


11. Klik in het bovenste menu op Bestand - Opslaan als sjabloon en geef de sjabloon een naam Instagram citaatsjabloon.

Vervolgens zullen we het project opslaan in de Swift Publisher .spub-indeling en vervolgens opnieuw in de .jpg-indeling voor het web.


12. Klik in het bovenste menu op Bestand - Opslaan en geef uw project een naam.


13. Klik vervolgens op Bestand - Exporteren (zie screenshot) en exporteer uw project opnieuw als een .jpg.

Snelle uitgever
Amadine
BeLight-software

Swift Publisher screenshots gebruikt met toestemming van BeLight Software Ltd.


Instagram quote template in Swift Publisher, Digital Art and Design, Instagram quote graphic in Swift Publisher