Lägg till Layout i Lyyti

Notera att Lyyti utvecklas hela tiden, och din vy kanske inte alltid matchar 100% med hur vyn ser ut i artikeln.

Funktionen är inkluderad i följande licenspaket: Starter, Basic, Professional, Enterprise

För en layout behöver du en .jpg eller en .png-bildfil, som du redigerat klart för Lyytis layout. Gif-filer kan också användas i bannern, men vi kan inte garantera att de fungerar rätt på olika enheter.

I Lyyti kan man inte redigera bilder, utan man för in bilder i Lyyti som färdiga layout-banners.

En bra banner är:

• 800 pixel bred
• max 300 pixel hög. Det finns inga tekniska orsaker till varför bannern inte skulle kunna vara högre, men vi rekommenderar att den är relativt låg så att anmälningssidan ser snygg ut. 

Då du skapar en layout går du igenom dessa steg:

1. Redigera bannern med ett bildredigeringsprogram så att den ser ut som du önskar. 
2. Redigera bannerns storlek så att den är ca 800x300 px.
3. Lägg till layouten i Lyyti under Material > Lägg till Layout.
4. Välj den nya layouten till din anmälningssida på Anmälningssida: Anmälningssidans layout. 

Om du vill ha med flera bilder eller logotyper, är det en bra idé att först skapa en vit bakgrund utan kanter och sedan placera bilderna på den enligt eget tycke. Spara bilden och lägg till den i Lyyti under Material > Lägg till layout.

I denna guide skapas bilden med PowerPoint, varefter den med hjälp av ett bildredigeringsprogram ändras i rätt storlek, för att sedan sparas i Lyyti.

1) Skapa banner

Så här skapar du en banner med logotyp i PowerPoint:

1. Spara logotypen (logotyperna) på din dator
2. Öppna PowerPoint och ta fram en ny sida (radera alla textrutor etc.)
3. Rita en rektangel med formverktyget, som till höjd och bredd är ungefär den storlek som bannern ska vara
4. Lägg till bilderna som du vill ha med i din banner. Du kan även redigera bilderna genom att t.ex. klippa eller ändra storleken på dem.
5. Placera bilderna innanför rektangeln enligt eget tycke.
   En bild placerad på blå rektangel i Power Point.
   
   
6. Dölj rektangelns konturlinjer och fyllnadsfärg. Detta gör du enklast genom att högerklicka på rektangeln och välja Redigera bild (eller annat motsvarande kommando, formuleringen beror på vilken version av Power Point du använder). Nu har du en vit rektangel med logotyperna positionerade på rätt ställe.
7. Gruppera nu alla komponenter så att de bildar en enhetlig bild. Markera alla delar av bannern, dvs. både rektangeln och bilderna. Genom att trycka Crlt + A markeras alla komponenter på sidan, varefter du genom att högerklicka kan välja Gruppera.
8. För sedan markören på den grupperade bilden, högerklicka och välj Spara som bild (jpeg.).

Nu när din bild är nästan klar kan du stänga Power Point. Det enda som saknas är rätt pixelstorlek.

2) Ändra bildstorleken

1. Öppna den nyskapade bilden i ett bildredigeringsprogram, som  t.ex. Microsoft Office Picture Manager eller Preview-programmet på Mac.
2. Ändra bildstorleken så att redigeringen påverkar höjd och bredd i samma proportioner.
3. Definiera bredden som 800 pixel.

Nu är din banner klar att sparas och brukas i Lyyti.

3) Lägg till layout: Ladda upp en egen layout till Lyyti

Öppna vid Material > Layouter för anmälningssida

1. Lägg till layout. Ge ett namn till layouten. Vi råder att du namnger den enligt evenemanget, så att du lätt hittar rätt banner till rätt anmälningssida.
2. Välj den design du vill ska användas i din layout. Designen är alltså färger och fonter för bl.a knappar och bakgrund etc. Om ditt företag har en egen skräddarsydd design, använd den. Om inte, kan du använda Lyytis färdiggjorda desinger. 
3. Ladda upp dina bilder, som övre och nedre banner, eller så kan du också lämna en av dom tomma.
4. Välj rättigheter till layouten d.v.s. bestäm vem som inom ert företag har rätt att använda den layouten.
5. Spara.

Du hittar din nya banner ner i Lyyti under Material > Layouter. 

4) Välj ny layout för evenemanget

När du vill använda din layout vid ett Lyyti evenemang, gå in i evenemanget, välj Anmälningssidan och välj layouten vid Anmälningssidans Layout.