Texteffekt

Sitoo Web har en mycket kraftfull grafikmotor (GRE) som kan skapa och applicera dynamiska bildeffekter såsom automatisk vattenmärkning, menyknappar med mouse-over effekt, intelligent storleksjustering med mera. Denna instruktion visar hur du skapar en tonad, grafisk menyknapp i Sitoo Web med hjälp av GRE-motorn.

Se den fullständiga instruktionen här.

I det här exemplet visar vi hur du skapar den här effekten:

A) Skapa effekten

1. Klicka på "Verktyg" > "Redigera bildeffekter..." (CTRL + SHIFT + E).

2. Klicka på "Lägg till".

3. Döp denna till "Bildeffekt Tutorial Enkel" (används som referens i instruktionen).

4. Klicka på "Redigera".

Till vänster har du listan med lager. Där ligger just nu endast lagret "Bildeffekt Tutorial Enkel" som är en mapp.

Under detta vita fält har du ett antal små ikoner. Dessa symbolierar de olika lager du kan infoga. Lagertyperna är som följer:

• Infoga bild från hårddisk.
• Infoga inmatningsbild (en bild som inte måste vara fast för effekten, utan effekten kan appliceras direkt på bilden).
• Textlager
• Färglager
• Mapp

5. Klicka på knappen näst längst till höger (Färglager).

6. Du ser att det nya lagret dyker upp under mappen i lagerlistan. Högerklicka på det i listan och välj "Byt namn".

7. Döp detta till "Gradient".

8. Längst ned till vänster ser du "Typ". Sätt denna till "Vertikal gradient".

9. Du får nu upp två färgval under. "Toppen" och "Botten". Klicka på "Toppen".

10. Du får nu upp en palett med diverse fördefinierade färger, samt projektets egen färgpalett under. För att definiera en helt egen färg kan du klicka på "Mer", eller så kan du klicka på ikonen av pipetten för att kopiera en färg vart som helst ifrån i programmet! Just nu skall vi dock bara välja en fast färg. Välj den stora grå ikonen precis under den svarta färgen högst upp till vänster. Detta blir färgen som heter "#333333".

​

11. Klicka på "Botten". Du får nu upp samma färgvalsdialog. I listan med grå färger uppe till höger (de stora ikonerna), välj den färgen i mitten. Denna färgen heter "#999999".

12. Klicka på ikonen för att lägga till ett nytt färglager.

Detta kommer nu att hamna över lagret vi precis skapade och endast ha en färg (grå), men detta är helt i sin ordning. Det tar vi hand om alldeles strax. Högerklicka på lagret, välj "Byt namn" och döp det till "Rand Vänster".

13. Du kommer att se att "Typ" är satt till "Enfärgad". Klicka på rutan med färgen som innehålls.

14. Klicka på knappen "Mer".

15. Nu kan du antingen skriva in ett eget nummer längst ned till höger, eller blanda en egen färg direkt. Nu skall vi ange en egen färg. I fältet längst ned till höger där det står "808080", skriv istället in "E15F00". Detta kommer att bli en mörk orange färg.

16. I mitten av inställningsfältet har du inställningen "Placering". Sätt denna till "Vänster".

17. Uppe till höger i inställningsfältet, precis under förhandsgranskningen av bilden har du inställningen "Bredd". Sätt denna till 6 bildpunkter (bildpunkter är standardenheten).

18. Klicka på ikonen för att infoga ett textlager.

19. Högst upp till vänster i inställningsfältet har du "Typsnitt". Sätt denna till "Arial Black".

20. Precis under har du "Storlek". Sätt denna till 16.

21. Klicka sedan på färgen till vänster om storleken.

22. Klicka på "Mer".

23. Sätt färgen till "EEEEEE".

24. Sätt "Placering" till "Vänster".

25. Längst till höger i inställningsfältet har du "Marginaler". Sätt "Vänster" till 15 och "Uppe" till 2.

26. Längst ned till vänster finns en drop-down lista där det står "Använd fast text". Ändra denna till "Inmatningstext 1".

27. Klicka nu en gång på mappen i lagerfönstret som heter "Bildeffekt Tutorial Enkel".

28. Sätt "Höjd" till 25 (enheten är "Bildpunkter").

​

Nu till sista steget. Vi vill att denna bildeffekt skall gå att infoga som en egen bild. Den skall alltså inte appliceras på någon existerande bild eller liknande, utan den skall kunna visas självständigt.

29. Högerklicka på mappen "Bildeffekt Tutorial Enkel" i lagerträdet till vänster och sätt "Typ av bildeffekt" till "Texteffekt".

30. Klicka "OK".

31. Bildeffekten är nu klar! Du infogar den genom att gå till redigeringsläge för det dokument du vill ha den på, klicka på "Bild"-ikonen högst upp (alternativt högerklicka och välja "Infoga" > "Bild") och sedan välja "Texteffekt". Välj "Bildeffekt Tutorial Enkel" och klicka på "OK".

I just den som syns ovanför har ytterligare två inställningar gjorts. Nämligen dessa:

Markera bilden och klicka på knappen "Bild" högst upp (alternativt högerklicka på den och välj "Egenskaper för bild")

• Sätt "Bredd" till 400 (enheten är bildpunkter).
• Sätt "Text 1" till "Sitoo Bildeffekter".