Photos, GIFs, and QR Codes in Designer

I den här artikeln kommer vi att gå igenom hur man lägger till och redigerar foton, GIF-filer och QR-koder i Designer.

• Foton
  • Bakgrund
  • Filter
  • Beskära
  • Mask
  • Ersätta
  • Bakgrundsborttagning
  • Länk
  • Inställningar
  • Effekter
  • Animera
  • Position
  • Lås / Kopiera stil
• GIPHY
• QR-koder

Med Designer kan du använda ett brett utbud av lagerfoton, GIF-filer från GIPHY och anpassningsbara QR-koder för att göra dina designer mer dynamiska.

För mer allmän information om Designer-appen, se vår guide Komma igång med Designer.

Dessa alternativ kan nås från Designers sidomeny:

Foton

Genom att välja alternativet Foton öppnas fotosektionen i sidomenyn:

Här kan du söka efter valfritt lagerfoto som du vill använda. När det är valt kommer det att placeras i designen.

För att redigera fotot, välj det. Alternativen i toppmenyn kommer att ändras:

Vi går igenom vart och ett av dessa alternativ i tur och ordning.

Bakgrund

Alternativet Bakgrund låter dig ändra bakgrundslagret på fotot.

Filter

Alternativet Filter öppnar sidomenyn där du kan välja olika filter att lägga till på ditt foto:

Beskära

Alternativet Beskära gör att du kan beskära det valda fotot eller bilden.

Beskärningsområdet kan dras, expanderas och krympas, med alternativ för Bildförhållande och möjlighet att vända och rotera bilden. En förhandsgranskning av den beskurna bilden visas i det övre högra hörnet av skärmen, och bildens storlek anges. Slutligen kan beskärningsområdet ändras till att vara en Rektangel eller Cirkel.

Mask

Genom att klicka på alternativet Mask öppnas maskalternativet i sidomenyn.

Genom att välja en form från maskmenyn appliceras automatiskt en mask av den formen på bilden. Bilden kan fortfarande flyttas när masken är applicerad.

Genom att klicka på Redigera mask kan du flytta själva masken runt bilden. Genom att klicka på Invertera byts de områden som maskeras. Genom att klicka på Applicera mask appliceras masken på bilden igen.

Ersätta

Alternativet Ersätta låter dig ersätta bilden eller fotot med en bild från den aktuella enheten. Detta kan nås via toppmenyn eller snabbåtgärdsfältet:

Bakgrundsborttagning

Alternativet Bakgrundsborttagning upptäcker och tar automatiskt bort bakgrunder från bilder. För närvarande stöder det endast automatisk borttagning och det är inte möjligt att anpassat radera eller återställa bakgrunden.

Du måste vänta på att laddningsikonen slutförs:

När det är klart, klicka på Spara, så kommer bakgrunden att ha försvunnit.

Länk

Genom att välja alternativet Länk kan du omvandla ditt foto eller din bild till ett interaktivt element, främst för kiosker. Det öppnar sektionen Länkalternativ i den vänstra navigeringsfältet:

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 detta alternativ 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 ut - Sträcker ut bilden för att fylla hela skärmen.
• Zooma - Zoomar in på bilden för att fylla upp hela skärmen. Rekommenderas inte för små bilder på stora skärmar, eftersom detta skapar suddighet.

Genom att expandera sektionen 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 startar från den sista beröringen på skärmen eller tiden då länken klickades.
• Förladda - När detta är markerat laddas webbplatsen när designen laddas. Detta minskar tiden det tar för webbplatsen att visas när länken klickas. Men att ha många länkar som behöver laddas kan orsaka fördröjning.

Genom att expandera sektionen Stäng- och navigeringsfältsformattering får du dessa alternativ för din länk:

Denna sektion refererar till knappen som visas på dina skärmar när den skickas till dem. Genom att klicka eller trycka på denna knapp återgår du till den ursprungliga designen.

• Ikonposition - Visar var denna ikon kommer att visas. Standard är Nedre centrum, 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 den hexadecimala HTML-färgen på ikonen för att bättre passa din design.
• Bakgrundsfärg - Ändra den hexadecimala HTML-färgen på ikonbakgrunden för att bättre passa din design.
• Opacitet - Skjutreglaget 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 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 klicka på Skapa datamappning kan du 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

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

Här har du många alternativ. Vi går igenom vart och ett av dem i tur och ordning.

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

Välj från förinställda färger, färger som används i denna design eller genom färgväljaren.

Genom att expandera sektionen Bakgrund kan du ställa in en specifik bakgrundsfärg för fotot eller bilden att ligga på. Detta är funktionellt samma sak som bakgrundsalternativet från toppmenyn.

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

Detta kan justeras via skjutreglaget. Nedan visas halv opacitet:

Genom att expandera sektionen Kontur kan du lägga till en kontur på fotot eller bilden. Du kan välja en färg från en rullgardinsmeny eller använda färgväljaren och använda skjutreglaget för att ändra dess tjocklek.

Genom att expandera sektionen Skugga kan du skapa en skugga över fotot eller bilden. Som standard kommer alla skjutreglage att vara vita.

Genom att applicera en färg skapas en skugga, och genom att ändra skjutreglagen kan du ändra suddigheten och förskjuta skuggan längs X- eller Y-axeln.

Genom att expandera sektionen Gradient presenteras flera gradientalternativ för din text. Genom att klicka på något av dessa gradientalternativ appliceras det på din text.

Sektionen Textur liknar gradientsektionen. Den presenterar flera texturalternativ för din text. Genom att klicka på något av dessa texturalternativ appliceras de på din text.

Animera

Genom att välja knappen Animera kan du lägga till animationer på dina foton eller bilder. Genom att klicka på den öppnas området Animera i sidomenyn:

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

Position

Genom att välja alternativet Position öppnas positionssektionen i sidomenyn. Detta gör att du kan placera fotot eller bilden exakt eller ändra dess lagerordning.

• Flytta till framsidan - För valt foto eller bild till det översta lagret
• Flytta framåt - För valt foto eller bild upp ett lager
• Skicka till baksidan - För valt foto eller bild till det nedersta lagret
• Skicka bakåt - För valt foto eller bild ner ett lager
• Justera till sidan - Alternativ för att ändra det valda fotots eller bildens justering
  • Vänster
  • Centrerat
  • Höger
  • Topp
  • Mitt
  • Botten
• Fördela jämnt - Justerar fotot eller bilden inom den större markeringen
  • Vertikalt
  • Horisontellt
• Vänd - Vänder det valda fotot eller bilden
  • Horisontellt
  • Vertikalt
• Position - Tillåter specifik placering av foto eller bild i designen
• Ändra storlek - Tillåter exakt storleksändring av det valda fotot eller bildelementet
• Behåll bildförhållande - När markerat, behålls bildförhållandet vid storleksändring

Lås / Kopiera stil

Genom att klicka på knappen Lås låses det valda fotot eller bilden på plats och förhindrar att ändringar görs på den.

Detta är användbart när man hanterar många element i en design.

Knappen Kopiera stil låter dig snabbt applicera stilen för det valda fotot på ett annat.

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

GIPHY

Alternativet GIPHY i sidomenyn låter dig välja från en mängd olika klistermärken, GIF-filer, emojis och animerade textalternativ att placera i din design.

Funktionen Sök låter dig hitta den GIF, klistermärke, emoji eller animerade text du vill använda från GIPHY. När de är valda kommer de att placeras i din design och animeras automatiskt:

Dessa kan finjusteras ytterligare med knappen Position.

Genom att klicka på detta medan GIF-filen är vald öppnas positionsfliken i sidomenyn:

• Flytta till framsidan - För vald GIF till det översta lagret
• Flytta framåt - För vald GIF upp ett lager
• Skicka till baksidan - För vald GIF till det nedersta lagret
• Skicka bakåt - För vald GIF ner ett lager
• Justera till sidan - Alternativ för att ändra den valda GIF-filens justering
  • Vänster
  • Centrerat
  • Höger
  • Topp
  • Mitt
  • Botten
• Fördela jämnt - Justerar GIF-filen inom den större rutan
  • Vertikalt
  • Horisontellt
• Vänd - Vänder den valda GIF-filen
  • Horisontellt
  • Vertikalt
• Position - Tillåter specifik placering av GIF-filen i designen
• Ändra storlek - Tillåter exakt storleksändring av GIF-filen

Behåll bildförhållande - När markerat, behålls automatiskt bildförhållandet vid storleksändring.

Använd som bakgrund - När markerat, tillåts GIF-filen att användas som bakgrund i designen.

QR-kod

Alternativet QR-kod i sidomenyn låter dig lägga till en QR-kod i vilken design som helst. Genom att trycka på Lägg till QR-kod får du många alternativ:

Välj:

• Webbplats-URL - Skickar användaren till webbplatsen när QR-koden skannas
• E-post - Skickar ett e-postmeddelande till en angiven adress när QR-koden skannas.
• Text - Visar text när användaren skannar QR-koden
• Ring - Ringer ett telefonsamtal när användaren skannar QR-koden
• SMS - Skickar ett textmeddelande till ett specifikt nummer när QR-koden skannas
• App Store - Skickar användaren till antingen Apple Store eller Google Play-butiken när QR-koden skannas.
• Facebook - Skickar användaren till Facebook-sidan när QR-koden skannas.
• Instagram - Skickar användaren till Instagram-sidan när QR-koden skannas.
• X - Skickar användaren till X-profilen när QR-koden skannas.
• WiFi - Ger användaren tillgång till ett WiFi-nätverk när QR-koden skannas.
• WhatsApp - Skickar ett meddelande på WhatsApp när QR-koden skannas.
• Tillgång - Välj en OptiSigns-tillgång för användaren att se när QR-koden skannas.

Genom att klicka på Uppdatera QR-kod kan du ändra typen av QR-kod eller uppdatera eventuell information.

Slutligen kan flera QR-koder läggas till i designen om så önskas.

Det är allt!

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