Bildeffekt

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 bildeffekt som automatiskt skriver om en bildfil. Instruktionen visar hur du skapar en automatisk vattenmärkning på en bild.

Nedan syns slutresultatet av en automatisk vattenmärkning på en bild efter denna instruktion:

Instruktionen förutsätter att du har en bild att använda som vattenmärkning på din hårddisk (alternativt redan importerad till projektet).

1. Välj "Verktyg" > "Redigera dynamiska bilder (GRE)".

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

3. Döp denna till "Vattenmärkning", markera "Kopiera befintlig" och välj där "Storleksjustering" (längst ned).

4. Dubbelklicka på ikonen av knappen, eller klicka på knappen "Redigera".

Du får nu upp egenskaperna för den dynamiska bilden. Till vänster har du lagerträdet där just nu två lager finns; mappen "Vattenmärkning" och lagret "Inmatningsbild". Denna kommer att ersätta bilden som effekten appliceras på.

Nedanför lagerträdet har du knapparna för att infoga de olika lagertyperna. Dessa knappar/lager är som följer från vänster; "Bild från hårddisk", "Inmatningsbild", "Textlager", "Färglager", "Grupp" (mapp).

5. Klicka på knappen för "Bild från hårddisk" (eller om du redan har bilden som skall användas som vattenmärkningen i "Filhanteraren", klicka på "Inmatningsbild".

5a. (Ifall du importerade en bild ifrån "Filhanteraren", klicka på "Byt bild".)

6. Bilden kommer nu att dyka upp ovanpå lagret "Inmatningsbild". Sätt "Opacitet" till 170.

7. Klicka på knappen för "Textlager" (tredje från vänster).

8. Klicka på knappen för textfärg (under typsnittsväljaren).

9. Välj pipetten.

10.Klicka på förhandsgranskningen av den nu något genomskinliga bilden för vattenmärkningen så att texten får samma färg.

11. Sätt "Opacitet" till 170.

12. Sätt "Placering" till "Nere till höger".

13. Sätt "Marginaler" till 5 bildpunkter i alla fyra fälten.

14. Ändra texten "Exempeltext" nere till vänster till önskad copyright-text (t.ex "Copyright 2009 Sitoo AB").

15. Klicka "OK".

Du har nu skapat en vattenmärkning som du enkelt applicerar på alla bilder.

Hur du applicerar effekten på en bild i projektet*

1. Gå till sidan som bilden ligger på.

2. Klicka på knappen "Redigera".

3. Markera bilden.

4. Dialogen ovan kommer nu att bytas ut mot de tillgängliga bildeffekterna. I denna, välj effekten "Vattenmärkning" (den kommer troligen att ligga längst ned).

Effekten har nu applicerats på bilden.

Hur du applicerar effekten på samtliga bilder i ett bildspel* (förutsätter att ett bildspel redan existerar som effekten skall appliceras på)

1. Gå till sidan eller layouten som innehåller bildspelet.

2. Klicka på knappen "Redigera".

3. Dubbelklicka på den blå rutan som utgör bildvisningskomponenten.

4. Du får nu upp  egenskaperna för bildvisaren. Klicka på "Välj" bredvid "Egenskaper för huvudbilden".

5. Klicka på "Bildeffekt".

6. Klicka på "Vattenmärkning".

7. Klicka på "Välj".

8. Klicka "OK" på båda de öppna dialogerna.

9. Spara layouten eller sidan.

Effekten kommer nu att appliceras på samtliga bilder i bildspelet.

Alla bilder på vilken effekten appliceras kommer att sparas om så att effekten blir en del av bilden. På detta sätt kan besökaren på sidan inte rundgå vattenmärkning eller liknande genom att välja "Visa bild", gå direkt till bildens plats på servern eller liknande. Originalfilerna som inte har någon vattenmärkning förs inte över.