Shapes and Elements

I den här artikeln utforskar vi alla alternativ för att skapa och lägga till former och element i Designer.

• Lägga till former och element
• Alternativ för former och element
  • Färger
  • Bakgrund
  • Länk
  • Inställningar
  • Effekter
  • Animera
  • Position
  • Lås och kopiera stil

Att lägga till former och element i en design är enkelt, men med Designer finns det mängder av alternativ för att få dina ord att verkligen sticka ut. Från

För mer information om de grundläggande elementen i Designer, se vår guide Kom igång med Designer.

Lägga till former och element

Alternativet Former låter dig lägga till färdiga former eller element till designen.

Genom att välja Former från toppmenyn öppnas fliken Element i sidomenyn:

Här kan du välja mellan Former och Element att lägga till i designen. Det finns ett stort antal av dessa, så välj de som passar dina behov.

Genom att klicka på en form eller ett element läggs det till i designen:

Former är reaktiva och kan ändras i storlek eller roteras efter behov:

Alternativ för former och element

Formen eller elementet har en fullständig uppsättning alternativ:

• Duplicera - Skapar en exakt kopia av den valda formen eller elementet
• Radera - Tar bort den valda formen eller elementet från designen
• Mer
  • Kopiera - Kopierar den valda formen eller elementet för att klistras in senare
  • Kopiera stil - Kopierar stilen för den valda formen eller elementet för att överföra till en annan form eller element
  • Klistra in - Klistrar in element från urklipp över den valda formen eller elementet
  • Duplicera - Skapar en exakt kopia av den valda formen eller elementet
  • Lägg till komponent -
  • Radera - Tar bort den valda formen eller elementet från designen
  • Lager - Alternativ för att ändra den valda formens eller elementets lager
    • Flytta framåt - Flyttar den valda formen eller elementet upp ett lager
    • Flytta längst fram - Flyttar den valda formen eller elementet till det översta lagret
    • Flytta bakåt - Flyttar den valda formen eller elementet ner ett lager
    • Flytta längst bak - Flyttar den valda formen eller elementet till det nedersta lagret
  • Justera element - Alternativ för att ändra den valda formens eller elementets justering
    • Vänster
    • Centrera
    • Höger
    • Topp
    • Mitten
    • Botten
  • Länk - Lägg till en URL till den valda formen eller elementet.
  • Animera - Lägg till en animering till den valda formen eller elementet.

Genom att klicka på formen eller elementet ändras toppmenyn och tillämpas direkt på markeringen:

Färger

Genom att välja alternativet Färger öppnas färgsektionen i sidomenyn. Genom att välja någon av dessa färger tillämpas den på den valda formen eller elementet:

Här väljer du mellan förinställda färger, färger som redan används i den här designen eller genom alternativet Färgväljare.

Färgväljare

1. Färgväljare
2. Aktuell vald färg
3. Färgreglage
4. Opacitet/Transparensreglage
5. Färgkodinmatning
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.

Bakgrund

Genom att välja alternativet Bakgrund öppnas bakgrundssektionen i sidomenyn. Genom att välja någon av dessa färger tillämpas de på bakgrunden för din form eller ditt element:

Här väljer du mellan förinställda färger, färger som redan används i den här designen eller genom alternativet Färgväljare.

Länk

Genom att välja alternativet Länk kan du förvandla din form eller ditt element till en hyperlänk. Det öppnar sektionen Länkalternativ i sidomenyn:

Genom att klicka på Lägg till länk uppmanas du att ange en URL eller välja en tillgång:

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

Genom att expandera sektionen Skala får du det här alternativet för din tillgång:

Här väljer du 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 bildskärmar eftersom det skapar oskärpa.

Genom att expandera sektionen Inställningar får du dessa alternativ för din URL eller tillgång:

• 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.
• Förladda - När det är markerat laddas webbplatsen eller bilden när designen gör det. Detta minskar tiden det tar för webbplatsen att visas när länken klickas. Men om det finns många länkar som behöver laddas kan det orsaka fördröjning.

Genom att expandera sektionen Stäng- och navigeringsfältsstyling får du dessa alternativ för din URL eller tillgång:

Den här sektionen avser knappen som visas på dina skärmar när den skickas till dem. Genom att klicka eller trycka på den här knappen återgår du till den ursprungliga designen.

• Ikonposition - Visar var den här ikonen kommer att visas. Standard ä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 hexadecimal HTML-färg för ikonen för att bättre passa din design.
• Bakgrundsfärg - Ändra hexadecimal HTML-färg för ikonbakgrunden för att bättre passa din design.
• Opacitet - Reglaget låter dig ändra hur ogenomskinlig eller transparent ikonbakgrunden är.
• Visa navigeringsfält - När det är markerat läggs små navigeringspilar till ikonen. Låter dig navigera snabbt genom flera länkar. Ser ut så här:

Inställningar

Genom att välja knappen Inställningar öppnas sektionen Datamappning i sidomenyn:

Genom att trycka på Skapa datamappning kan du göra den valda formen eller elementet dynamiskt, kopplat till en av dina befintliga datakällor. Se vår artikel om Dynamiska datakällor med OptiSync för mer information.

Effekter

Genom att välja alternativet Effekter kan du ändra ett antal olika aspekter av din form eller ditt element. Det öppnar sektionen Effekter i sidomenyn:

Här har du många alternativ. Vi kommer att gå igenom var och en av dem i tur och ordning.

Genom att expandera sektionen Färg kan du lägga till färg på formen eller elementet.

Detta är funktionellt samma som Färger-alternativet i toppmenyn för former och element. Här väljer du mellan förinställda färger, färger som redan används i den här designen eller genom alternativet Färgväljare.

Genom att expandera sektionen Bakgrund kan du ställa in en specifik bakgrundsfärg för formen eller elementet att vila på.

Detta är också funktionellt samma som Bakgrund-alternativet i toppmenyn för former och element. Här väljer du mellan förinställda färger, färger som redan används i den här designen eller genom alternativet Färgväljare:

Genom att expandera sektionen Opacitet kan du variera opaciteten för det valda området - bakgrund och form/element.

Detta kan justeras med ett reglage. Nedan visas halv opacitet:

Genom att expandera sektionen Kontur kan du lägga till en kontur på formen eller elementet, men inte bakgrunden.

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:

Genom att expandera sektionen Skugga kan du skapa en skugga över din form eller ditt element. Som standard kommer alla reglage att vara vita.

Genom att applicera 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.

Med en transparent bakgrund tillämpas skuggan endast på själva formen eller elementet:

Genom att expandera sektionen Gradient presenteras flera gradientalternativ för din form eller ditt element. Genom att klicka på något av dessa gradientalternativ tillämpas det på din form eller ditt element.

Genom att expandera sektionen Textur presenteras flera texturalternativ för din form eller ditt element. Genom att klicka på något av dessa texturalternativ tillämpas de på din form eller ditt element.

Animera

Genom att klicka på knappen Animera öppnas sektionen Animera i sidomenyn:

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

Position

Genom att välja knappen Position öppnas sektionen Position i sidomenyn.

• Flytta längst fram - Flyttar den valda formen eller elementet till det översta lagret
• Flytta framåt - Flyttar den valda formen eller elementet upp ett lager
• Flytta längst bak - Flyttar den valda formen eller elementet till det nedersta lagret
• Flytta bakåt - Flyttar den valda formen eller elementet ner ett lager
• Justera till sida - Alternativ för att ändra den valda formens eller elementets justering
  • Vänster
  • Centrera
  • Höger
  • Topp
  • Mitten
  • Botten
• Fördela jämnt - Justerar formen eller elementet inom den större rutan
  • Vertikalt
  • Horisontellt
• Vänd - Vänder den valda formen eller elementet
  • Horisontellt
  • Vertikalt
• Position - Tillåter specifik placering av form eller element i designen
• Ändra storlek - Tillåter exakt storleksändring av den valda formen eller elementet

Lås och kopiera stil

Genom att trycka på knappen Lås låses den valda formen eller elementet på plats, vilket förhindrar att några ändringar görs på det.

Detta är användbart när du hanterar många element efter att ha fått formen eller elementet exakt där du vill ha det.

Knappen Kopiera stil låter dig snabbt tillämpa stilen för den valda formen eller elementet på en annan.

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

Det var allt!

OptiSigns är ledande inom programvara för digital skyltning. Om du har ytterligare frågor, funderingar eller feedback om OptiSigns, tveka inte att kontakta vårt supportteam på support@optisigns.com.