Customize Text

I den här artikeln kommer vi att utforska alla alternativ för att skapa och lägga till text i OptiSigns Designer App.

• Lägga till text
• Redigera text
• Ytterligare elementalternativ
  • Typsnitt
  • Färger
  • Textformatering
  • Länk
  • Inställningar
  • Effekter
  • Animera
  • Position
  • Lås & Kopiera stil

Att lägga till textelement i en design är enkelt, men med Designer finns det massor av alternativ för att få dina ord att verkligen sticka ut.

För mer om grundelementen i Designer, se vår guide Kom igång med Designer.

Lägga till text

Alternativet Text låter dig infoga text i designen.

Om du väljer Text från toppmenyn speglas ditt val i sidomenyn och öppnar den för fler alternativ:

Klicka på Lägg till en textruta eller något av de fördefinierade textalternativen för att lägga till en textruta i Designer-vyn:

Redigera text

Dubbelklicka eller markera texten så att du kan mata in text direkt.

Slutligen kan du klicka en gång på textens elementruta, sedan hålla ner musknappen och dra för att flytta texten.

När texten är markerad har den en komplett uppsättning alternativ:

• Duplicera - Skapar en exakt kopia av den markerade texten
• Ta bort - Tar bort den markerade texten från designen
• Mer
  • Kopiera - Kopierar den markerade texten för att klistras in senare
  • Kopiera stil -
  • Klistra in - Klistrar in element från urklipp till text
  • Duplicera - Skapar en exakt kopia av den markerade texten
  • Lägg till komponent -
  • Ta bort - Tar bort den markerade texten från designen
  • Lager - Alternativ för att ändra det markerade textlagret
    • Flytta framåt - Flyttar markerad text upp ett lager
    • Flytta längst fram - Flyttar markerad text till det översta lagret
    • Flytta bakåt - Flyttar markerad text ner ett lager
    • Flytta längst bak - Flyttar markerad text till det nedersta lagret
  • Justera element - Alternativ för att ändra den markerade textjusteringen
    • Vänster
    • Centrera
    • Höger
    • Toppen
    • Mitten
    • Botten
  • Länk - Lägg till en URL till den markerade texten.
  • Animera - Lägg till en animering till den markerade texten.

Ytterligare elementalternativ

När du klickar på texten ändras toppmenyn:

Toppmenyn har ytterligare alternativ:

Typsnitt

När du klickar på alternativet Typsnitt (som standard visas typsnittet som Roboto) öppnas avsnittet Typsnitt i sidomenyn.

Designer har hundratals typsnittsalternativ, där Google Fonts har valbara typsnittsvikter. Klicka på något för att välja det och få alternativ för hur det ska visas:

Teckenstorlek kan ändras genom att klicka på alternativen '-' eller '+', eller klicka på teckenstorleksnumret.

Klicka på teckenstorleksnumret för att välja från ett antal förinställda teckenstorlekar eller ange en anpassad storlek.

Vi erbjuder även Anpassade typsnitt genom Brand Kit.

Färger

Om du väljer alternativet Färger öppnas avsnittet Färger i sidomenyn.

Här kan du välja mellan förinställda färger, färger som redan används i denna design eller genom alternativet Färgväljare:

Färgväljare

1. Färgväljare
2. Aktuellt vald färg / Färgpipettverktyg
3. Färgreglage
4. Opacitets-/Genomskinlighetsreglage
5. Inmatning av färgkod
6. Kodväxlare - Växla mellan hexadecimal, RGB och HSLA färgkoder
7. Tidigare använda färger

Färgpipettverktyget låter dig enkelt välja vilken färg som helst.

Textformatering

Om du väljer Fet, Kursiv, Understruken eller Genomstruken kommer dessa egenskaper att tillämpas på den markerade texten. Dessa effekter kan staplas ovanpå varandra och användas i vilken kombination som helst.

Textversaler

Om du väljer Textversaler öppnas en undermeny:

Här kan du välja mellan olika bokstavsversaler för visning:

• VERSALER - Tillåter skrivning uteslutande med versaler.
• gemener - Tillåter skrivning uteslutande med gemener.
• Meningsversaler - Formaterar automatiskt text till meningsversaler.
• Titelversaler - Formaterar automatiskt text till titelversaler.

Justering

Om du väljer alternativet Justering öppnas ytterligare en undermeny:

Här kan du välja mellan Vänster, Centrera, Höger eller Marginaljusterad justering.

Avstånd

Om du väljer alternativet Avstånd öppnas ytterligare en undermeny:

Här kan du anpassa avståndet mellan dina bokstäver och dina rader.

Länk

Om du väljer alternativet Länk kan du förvandla text till ett interaktivt element, som mest används för kiosker. Det öppnar avsnittet Länkalternativ i sidomenyn:

Klicka på Lägg till länk för att uppmanas att ange en URL eller välja en tillgång:

När en länk eller tillgång har valts visas fler alternativ i avsnittet Länkalternativ:

Om du expanderar avsnittet Skala får du detta alternativ för din tillgång:

Här kan du välja hur bilden ska skalas. Det finns tre alternativ:

• Anpassa (standard) - Anpassar bilden till skärmen.
• Sträck - Sträcker bilden för att fylla hela skärmen.
• Zooma - Zoomar in på bilden för att fylla hela skärmen. Rekommenderas inte för små bilder på stora skärmar, eftersom detta skapar oskärpa.

Om du expanderar avsnittet Inställningar får du dessa alternativ för din länk:

• Varaktighet (sekunder) - När länken klickas eller trycks på, hur länge länken eller tillgången visas innan den återgår till huvuddesignen. Detta börjar från sista beröringen på skärmen eller tiden då länken klickades.
• Förladda - När denna är markerad laddas webbplatsen när designen gör det. Detta minskar tiden det tar för webbplatsen att dyka upp när länken klickas. Att ha många länkar som behöver laddas kan dock orsaka fördröjning.

Om du expanderar avsnittet Stäng & navigeringsfältsstyling får du dessa alternativ för din länk:

Detta avsnitt avser knappen som visas på dina skärmar när den pushas till dem. Om du klickar eller trycker på denna knapp återgår du till den ursprungliga designen.

• Ikonposition - Visar var denna ikon kommer att visas. Standardinställningen är Nedre mitten, men kan placeras var som helst längs toppen eller botten, eller stängas av helt.
• Ikonstil - Låter dig ställa in ikonens stil. Välj mellan Etikett, Solid, Rund eller Standard (se ovan)
• Ikonstorlek - Låter dig ändra ikonens storlek. Välj mellan Liten, Medium, Stor eller Standard (se ovan)
• Ikonfärg - Ändra ikonens hexadecimala HTML-färg för att bättre passa din design.
• Bakgrundsfärg - Ändra ikonbakgrundens hexadecimala HTML-färg för att bättre passa din design.
• Opacitet - Reglaget låter dig ändra hur ogenomskinlig eller genomskinlig ikonbakgrunden är.
• Visa navigeringsfält - När detta är markerat läggs små navigeringspilar till ikonen. Låter dig snabbt navigera genom flera länkar. Ser ut så här:

Inställningar

Om du väljer knappen Inställningar öppnas avsnittet Datamappning i sidomenyn:

Klicka på Skapa datamappning för att göra den valda texten dynamisk, mappad till en av dina befintliga datakällor. Se vår artikel om Dynamiska datakällor med OptiSync för mer information.

Effekter

Om du väljer alternativet Effekter kan du ändra ett antal olika aspekter av din text. Det öppnar avsnittet Effekter i sidomenyn:

Här har du många alternativ. Vi går igenom var och en av dem.

Om du expanderar avsnittet Färg kan du lägga till färg i texten.

Detta fungerar på samma sätt som alternativet Färger i textens toppmeny. Välj från förinställda färger, färger som används i denna design eller genom färgväljaren.

Om du expanderar avsnittet Bakgrund kan du ställa in en specifik bakgrundsfärg för texten att sitta på.

Detta kan väljas från förinställda färger, färger som redan tilldelats designen eller skapas genom färgväljaren:

Om du expanderar avsnittet Opacitet kan du variera opaciteten för det valda området - bakgrund och text tillsammans.

Detta kan justeras via reglaget. Nedan visas halv opacitet:

Om du expanderar avsnittet Kontur kan du lägga till en kontur till texten.

Du kan välja en färg från en rullgardinsmeny eller använda hexadecimal HTML och använda reglaget för att ändra dess tjocklek:

Om du expanderar avsnittet Skugga kan du skapa en skugga över din textruta. Som standard är alla reglage vita.

Om du tillämpar en färg skapas en skugga:

Genom att ändra reglagen kan du ändra oskärpan och förskjuta skuggan längs X- eller Y-axeln.

Utan bakgrund gäller skuggan endast själva texten:

Om du expanderar avsnittet Gradient visas flera gradientalternativ för din text. Om du klickar på något av dessa gradientalternativ tillämpas det på din text.

Om du expanderar avsnittet Textur visas flera texturalternativ för din text. Om du klickar på något av dessa texturalternativ tillämpas de på din text.

Animera

När du klickar på knappen Animera öppnas avsnittet Animera i sidomenyn:

För mer information om Designers animeringsfunktioner, se vår animeringsartikel.

Position

Om du väljer knappen Position öppnas avsnittet Position i sidomenyn.

• Flytta längst fram - Flyttar markerad text till det översta lagret
• Flytta framåt - Flyttar markerad text upp ett lager
• Flytta längst bak - Flyttar markerad text till det nedersta lagret
• Flytta bakåt - Flyttar markerad text ner ett lager
• Justera mot sida - Alternativ för att ändra den markerade textjusteringen
  • Vänster
  • Centrera
  • Höger
  • Toppen
  • Mitten
  • Botten
• Fördela jämnt - Justerar texten inom den större textrutan
  • Vertikalt
  • Horisontellt
• Vänd - Vänder den markerade texten
  • Horisontellt
  • Vertikalt
• Position - Tillåter specifik placering av textelement i designen
• Ändra storlek - Tillåter exakt storleksändring av det valda textelementet

Lås & Kopiera stil

Om du klickar på knappen Lås låses det valda textelementet på plats, vilket förhindrar att några ändringar görs av det.

Detta är användbart när du hanterar många element efter att ha fått texten exakt där du vill ha den.

Knappen Kopiera stil låter dig snabbt tillämpa stilen för det valda textelementet på ett annat.

Detta är användbart för att snabbt formatera många textelement.

Det var allt!

OptiSigns är ledande inom digital skyltningsprogramvara. Om du har ytterligare frågor, funderingar eller feedback om OptiSigns, kontakta gärna vårt supportteam på support@optisigns.com.