Instagram Sitatmal i Swift Publisher
I denne opplæringen vil vi designe en Instagram-sitatmal i Swift Publisher. Ved å bruke en mal kan du effektivisere opprettelsesprosessen når du lager sosial grafikk. Du vil kunne tilpasse bakgrunnen og teksten i malen for hvert nye Instagram-sitat du oppretter med malen.

En dimensjon på Instagram-innlegg er 1080 x 1080 piksler, så vi vil bruke disse målingene til malen vår. Denne malen vil ha to hoveddesignelementer. Det første er bakgrunnslaget, som kan fylles med foto, illustrasjon, mønster, gradient eller ensfarge. For malen vil vi bruke et bilde fra den innebygde utklippssamlingen. Deretter har vi forgrunnen laget for all teksten. Vi lærer hvordan du bruker tekstboksverktøyet og tekstpanelet.

La oss åpne Swift Publisher og komme i gang. Når du starter programmet, vil du se velkomstskjermen (se skjermdump), med en liste over videoer til venstre. Men la oss se på det laget.

  1. Klikk på Lukk-knappen nederst på velkomstskjermen. Dette åpner vinduet Template Gallery.

  2. Som du ser er det mange maler du kan velge mellom. Men vi designer vår egen mal.

  3. I delen Desktop Publishing i Template Gallery-vinduet velger du Blank Landscape-malen (se skjermdump).

  4. Malen åpnes i arbeidsområdet. Inspektøren er på høyre side av arbeidsområdet og inneholder de fleste kontrollene for utforming av prosjektet vårt. Den har fire faner, som er kategoriene Dokument, Geometri, Utseende og Tekst.

  5. Velg kategorien Dokument, så vil du se sidestørrelse og annen informasjon om den nye siden vår (se skjermdump). Endre måleenhetene fra tommer til piksler. Deretter endrer du bredde og høyde fra 8,5 x 11 til 1080 x 1080 piksler.

  6. Nederst på inspektøren har vi lag-panelet (se skjermbilde), med to standardlag for forgrunnen og bakgrunnen. Vi vil legge til et rektangel i bakgrunnslaget som vil fungere som en plassholder. For malen vil vi legge til et bilde til plassholderen, men vi kan endre dette til en farge, gradient, foto eller illustrasjon etter behov for hvert prosjekt.

  7. Når bakgrunnslaget er aktivt, velg rektangelverktøyet fra redigeringsverktøy-delen på den øverste verktøylinjen (se skjermdump). Tegn et rektangel over hele designduken.

  8. Øverst på Geometri-panelet vil du se at formen vår er riktig størrelse (1080 x 1080 px) og X- og Y-stillingene er begge null.

  9. Klikk på begge knappene i sentrumsseksjonen (se skjermdump). Den venstre knappen vil midtre justere rektangelformen horisontalt, og den høyre knappen sentreres loddrett.

  10. Dette rektangelet er nå vår bakgrunnsholder. For malen legger vi til et bilde.

  11. Velg rektangelplassholder. I Utseende-panelet fjerner du merket for Fargefyll-alternativet (se skjermdump). Dette vil tømme rektangelfeltet.

  12. Når rektangelet er valgt, drar du valget av bilde fra kategorien Foto i kilde-panelet til rektangelfeltet (se skjermdump). Hvis bildet ikke dekker hele rektangelet, holder du nede Skift-tasten og endrer størrelsen på bildet. Gå tilbake til fanen Utseende på inspektøren og sett rullegardinmenyen Strekk til Fyll (se skjermdump).

  13. Nå kan vi legge til teksten vår i forgrunnen.

  14. Velg Forgrunnslaget i lag-panelet.

  15. Velg tekstboksverktøy fra toppmenyen (se skjermdump). Klikk på lerretet og dra for å tegne en tekstboks. Klikk i tekstboksen og skriv inn eller lim inn sitateteksten.

  16. Som standard er teksten en liten 9 pkt. La oss endre font og forstørre teksten ved å bruke Tekst-panelet i Inspektøren.

  17. Velg teksten og klikk på kategorien Tekst i inspektøren, og klikk på A-knappen for å åpne skrifttypen-panelet (se skjermdump). Velg font, stil, farge og størrelse. I inspektøren setter du justeringen til senter.

  18. Gjenta disse trinnene for å legge til en mindre tekstboks under den første boksen og legge til personens navn tilskrevet sitatet.

    Valgfritt: Hvis du ønsker å merke tilbudsgrafikken, må du legge til firmanavn eller nettadresse url nedre kant av grafikken (se skjermdump).

    Nå kan vi lagre dette prosjektet som en tilpasset mal, slik at vi kan bruke det igjen. Avhengig av bakgrunn og skrifttype vi bruker hver gang, kan Instagram-grafikken se veldig annerledes ut.

  19. Fra toppmenyen klikker du på Fil - Lagre som mal og navngir malen Instagram sitatmal.

  20. Deretter lagrer vi prosjektet i Swift Publisher. Spub-format og deretter igjen i .jpg-format for nettet.

  21. Fra toppmenyen klikker du Fil - Lagre og navngi prosjektet ditt.

  22. Deretter klikker du på File - Export (se skjermdump) og eksporterer prosjektet igjen som en .jpg.

  23. Swift Publisher
    Amadine
    BeLight-programvare

    Swift Publisher-skjermbilder brukt med tillatelse fra BeLight Software Ltd.


    Video Instruksjoner: Instagram Photo Editor Auto Layout in Xcode 9 with Swift 4 (Mars 2024).