Getting Started with Designer

I denna artikel kommer vi att gå igenom de grundläggande funktionerna i OptiSigns Designer-app.

• Öppna Designer
• Översikt av Designer-appen
• Canvas
• Toppmeny - Grundläggande funktioner
  • Namnge din design
  • Flytta, spara, ny design och nedladdningsfunktioner
  • Bild
  • Text
  • Former
  • Bakgrund
  • Ram
  • Filter
  • Rita
  • Ändra storlek
  • Animera
  • Förhandsgranska och skicka till skärmar
  • Stäng
  • Ångra/Gör om
  • Zoom
• Högerkolumn - Positionering
  • Lager
  • Historik
  • Handverktyg
• Sidomeny - Avancerade funktioner
• Växla mellan Designer 2.0 och Designer 1.0

OptiSigns Designer-app är vår mest funktionsrika applikation som möjliggör komplett skapande av innehåll för visning på digitala skyltar. Denna guide hjälper dig komma igång med att skapa innehåll inom OptiSigns-plattformen.

Öppna Designer

För att öppna Designer, klicka på Filer/Tillgångar, sedan App.

Klicka sedan på Designer. Detta öppnar Designer-appen.

Översikt av Designer-appen

Designer-appen är uppdelad i 4 huvudzoner:

1. Toppmeny - Grundläggande funktioner
2. Canvas
3. Verktygsfält - Positionering
4. Sidomeny - Avancerade funktioner

Vi kommer att gå igenom var och en av dessa.

Canvas

Designer-vyn är där din design skapas. Varje element är synligt och valbart inom fönstret.

Element kan flyttas, storleksändras, tas bort och mer härifrån.

Toppmeny - Grundläggande funktioner

Toppmenyn i designfönstret är där grundläggande funktioner finns. Dessa inkluderar att lägga till bilder, text, former, bakgrunder, filter, animering och ramar, namnge din design, rita och ändra storlek på din design.

Namnge din design

Som standard kommer varje ny design att heta "Your new untitled design", som visas nedan.

Vi rekommenderar att du ändrar detta namn så snart som möjligt, eftersom det är möjligt att spara en design med standardnamnet men det blir svårt att identifiera i din tillgångsmapp.

När designen har fått ett namn kommer det att visas där genom hela designprocessen.

Flytta, spara, ny design och nedladdningsfunktioner

Funktionerna Flytta, Spara, Ny design och Ladda ner finns till höger om namnet.

Dessa fungerar på samma sätt som i de flesta andra applikationer:

Flytta - Låter dig flytta designtillgången till olika mappar. När du klickar på denna knapp visas en popup där du kan Välj mapp.

Du kan också skapa en ny mapp här om det behövs.

Spara - Sparar din designtillgång. Detta kommer att skriva över alla tidigare versioner av tillgången, såvida du inte ger den ett annat namn.

Varje gång en ändring görs i din design utan att spara visas ett meddelande i toppmenyn som varnar dig om att du har osparade ändringar:

Ny design - Stänger den aktuella designen och skapar en ny. Panelen Ny design visas i vänster sidofält:

Här kan du bestämma den nya designens orientering och storlek.

Ladda ner - Laddar ner den aktuella designen till din lokala enhet. Du kan byta namn på filen och välja mellan filtypen PNG och JPG.

Bild

Alternativet Bild låter dig ladda upp bilder till din design.

När du klickar på den får du två alternativ: Min enhet och Bildtillgångar.

Om du klickar på Min enhet kan du ladda upp en bild från den aktuella enheten du använder, medan Bildtillgångar låter dig ladda upp en bild direkt från ditt Filer/Tillgångar-bibliotek.

För mer information, se vår artikel Bilder/Foton i Designer.

Text

Alternativet Text låter dig infoga text i designen.

Text kan väljas från antingen toppmenyn eller sidomenyn. Båda öppnar sidomenyn för fler alternativ:

Om du klickar på Lägg till en textruta eller ett av de fördefinierade textalternativen läggs en textruta till i Designer-vyn:

Gör som uppmaningen säger så öppnas många alternativ. Först har själva texten en komplett uppsättning alternativ:

Att klicka på texten ändrar också toppmenyn:

Dubbelklicka eller välj texten för att skriva in text direkt.

Slutligen, genom att klicka på texten en gång, sedan hålla ned musknappen och dra kan du flytta om texten.

För en komplett genomgång av textfunktionen, se vår artikel Text i Designer.

Former

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

Att välja Former från toppmenyn öppnar 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.

Att klicka på en form eller ett element lägger till det i designen:

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

Att klicka på formen eller elementet ändrar toppmenyn och tillämpas direkt på valet:

Slutligen har själva formen eller elementet en komplett uppsättning alternativ:

För en komplett genomgång av Former och Element, se vår artikel Former och element.

Bakgrund

Alternativet Bakgrund låter dig ändra bakgrundsfärgen på din design.

Att klicka på den öppnar området Canvas-bakgrund i sidomenyn:

Att välja någon av färgerna tillämpar den på din design:

Om ingen av standardfärgerna passar dina behov kan du också välja från färgväljaren och sedan använda dra-och-släpp för att välja färg eller HEX-, RGBA- eller HSLA-färgkoder med pilarna.

Ram

Att välja alternativet Ram låter dig lägga till en ram runt din design

Att klicka på den öppnar området Ram i sidomenyn:

Att klicka på en av dessa ramar tillämpar den på din design:

Filter

Att välja alternativet Filter låter dig tillämpa ett av flera filter på designen.

Att klicka på den öppnar panelen Filter i sidomenyn:

Dessa filter kan tillämpas på hela designen eller på enskilda bild- eller bakgrundselement såhär:

Vissa filter tillämpas automatiskt. Andra har reglage som kan ge finjustering. Slutligen kan varje filter staplas med andra.

Rita

Att välja alternativet Rita möjliggör frihandsritning på din design.

Att klicka på den öppnar panelen Rita i sidomenyn:

Här har du några alternativ:

• Sluta rita - Håller ritpanelen öppen men tillåter justeringar av bilden. När den klickas ändras detta till Börja rita.
• Penseltyp - Väljer vilken typ av pensel som ska användas vid ritning.
• Penselstorlek - Låter dig anpassa storleken på din pensel.
• Penselfärg - Välj penselfärg från en uppsättning standardfärger eller genom färgväljaren.

När de alternativ du vill ha valts kan du rita vad du vill på designen:

Dessa ritade element kan väljas och redigeras precis som alla andra element i designen.

Ändra storlek

Att välja alternativet Ändra storlek låter dig ändra storleken på designen.

Att klicka på den öppnar området Ändra storlek i sidomenyn:

Här har du några alternativ:

• Orientering - Växla mellan liggande och stående orientering.
• Ny storlek - Låter dig ändra bredd och höjd på designen. Standard- eller anpassade nummer kommer att byta för att anpassa sig till vald orientering.
• Behåll bildförhållande - När den är markerad kommer varje ändring av bredd eller höjd att speglas av det andra värdet.
• Använd procent - Ändrar bredd- och höjdvärdena från pixlar till procent. Kommer att gråmarkera orienteringsvalen.
• Ändra endast canvasstorlek - När den är markerad kommer endast storleken på canvasen att ändras, inte några av elementen som finns i designen. Om den inte är markerad kommer alla element i designen att storleksändras för att matcha canvasen.

När du har gjort de justeringar du vill ha, tryck på knappen Ändra storlek och din design kommer att storleksändras.

Animera

Att välja knappen Animera låter dig lägga till animationer till dina designelement.

Att klicka på den öppnar området Animera i sidomenyn:

För att lägga till animationer måste du välja ett element i din design. Tryck sedan på Lägg till:

Det finns många alternativ för att lägga till animationer till din design. För mer information om detta, se vår artikel om Animationer.

Förhandsgranska och skicka till skärmar

Dessa alternativ låter dig förhandsgranska hur designen kommer att se ut när den visas på en skärm, eller omedelbart skicka designen till en skärm.

Förhandsgranska

Knappen Förhandsgranska visar hur din design kommer att se ut om den skickas till en skärm.

Observera att denna förhandsgranskning kan skilja sig något från vad som faktiskt visas beroende på vilken hårdvara du använder för att köra OptiSigns och olika andra faktorer.

Skicka till skärmar

Här kan du tilldela tillgången till en skärm eller tagg. För mer information, se vår artikel om Skicka innehåll till skärmar.

Stäng

Att trycka på knappen Stäng stänger designen. Om denna knapp klickas innan designen har sparats visas följande popup:

Detta ger dig alternativet att fortsätta redigera, kasta ändringar eller spara ändringar och stänga.

Ångra/Gör om

Alternativet Ångra gör precis vad det låter som - det ångrar den senaste åtgärden. Om denna knapp trycks av misstag kommer knappen Gör om att fixa det.

Verktygsfält - Positionering

Verktygsfältet på höger sida används främst för att positionera element i din design via funktionerna Zoom, Lager, Historik och Handverktyg.

Zoom

Visar zoomnivån på designen. Kan justeras med knapparna '+' eller '-'.

Kan justeras med knapparna '+' eller '-'.

Lager

Knappen Lager låter dig ändra lagringen av elementen i din design.

När den klickas öppnas fönstret Position i sidomenyn under fliken Lager.

Här kommer de olika elementen i din design att ordnas från det översta lagret till det nedersta lagret. De kan dras och släppas för att ordna om lagren, såhär:

Observera att widgets inte kan ordnas om och alltid kommer att visas ovanpå designen.

Historik

Att välja knappen Historik låter dig visa historiken för alla ändringar som gjorts i designen.

Att klicka på den öppnar fönstret Position i sidomenyn under fliken Historik:

Detta visar de åtgärder som vidtagits i fallande ordning, från hur designen var när den först öppnades genom varje enskild ändring. Att klicka på var och en tar designen tillbaka till den punkten:

Observera att fliken Historik rensas varje gång designen stängs och öppnas igen.

Handverktyg

Att välja Handverktyget låter dig flytta hela designen i motsats till bara enskilda element av den.

När den är vald blir handverktygsikonen grön och din markör ändras till en hand. Canvasen kan sedan flyttas:

Sidomeny - Ytterligare funktioner

Sidomenyn är där de flesta av de ytterligare funktionerna för OptiSigns Designer-app finns.

Dessa funktioner är vad som låter dig förvandla din design från en enkel, statisk bild till dynamisk skyltning med:

• Vårt omfattande mallbibliotek
• Dina mallar och komponenter
• Widgets
• Foton, GIF-bilder, klistermärken/emojis och QR-koder
• Dynamiska datakällor och repeaterare med OptiSync
• Text
• Former och element
• Varumärkeskit

Var och en av dessa huvudfunktioner beskrivs mer i detalj i sina respektive artiklar, länkade ovan.

Växla mellan Designer 2.0 och Designer 1.0

För att gå tillbaka till den gamla 1.0-versionen av Designer, klicka helt enkelt på knappen Använd Designer 1.0 i det övre högra hörnet av skärmen.

Det var allt!

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