Sisällön lisääminen Zappar-projektiin

Arvioitu lukuaika: 4 minuuttia

Zappar-projektisi voi sisältää:

Painikkeita
Tekstiä
Kuvia
Videoita
3D-malleja

Ennen aloittamista huomioi alla olevat työkalut. Vasemmalta oikealle:

Move-painike: Kohteen siirtäminen (vain 3D-mallit tai 3D-tilassa)
Scale-painike: Kohteen skaalaaminen (vain 3D-mallit tai 3D-tilassa)
Rotate-painike: Kohteen kierrättäminen (vain 3D-mallit tai 3D-tilassa)
Duplicate-painike: Kohteen monistaminen
Undo-painike: Kumoa
Redo-painike: Tee uudelleen

Lisätietoa Zapparin sivuilta: Designer | Navigating the UI (docs.zap.works).

Painikkeen lisääminen Zappar-projektiin

1. Klikkaa Button-painiketta.

2. Raahaa haluttu painike taustakuvan päälle haluamaasi sijaintiin.

3. Muokkaa painikkeen ominaisuuksia klikkaamalla sitä. Löydät valitun painikkeen ominaisuudet taustakuvan oikealta puolelta.

Content, Transforms, Appearance ja Transition Effects -ominaisuudet vaikuttavat painikkeen ulkonäköön. Actions -> On Tap vaikuttaa painikkeen toimintaan. Tässä esimerkissä napauttamalla painiketta käyttäjä siirretään Kirkkokatu 16, Espoon keskus | Omnia (omnia.fi) -nettiosoitteeseen.

Lisätietoja Zapparin sivuilta: Designer | Button (docs.zap.works).

Tekstin lisääminen Zappar-projektiin

1. Klikkaa Text-painiketta.

2. Raahaa haluttu tekstityyli taustakuvan päälle haluamaasi sijaintiin.

3. Muokkaa tekstin ominaisuuksia klikkaamalla sitä. Löydät valitun tekstin ominaisuudet taustakuvan oikealta puolelta.

Transforms, Appearance ja Transition Effects -ominaisuudet vaikuttavat tekstin ulkonäköön. Content-ominaisuus vaikuttaa tekstin sisältöön. Appearance -> Font height vaikuttaa tekstin kirjainkokoon.

Lisätietoa Zapparin sivuilta: Designer | Text (docs.zap.works).

Kuvan lisääminen Zappar-projektiin

1. Klikkaa Image-painiketta.

2. Raahaa olemassa oleva kuva taustakuvan päälle tai lisää ensin uusi kuva klikkaamalla Browse from computer -painiketta.

3. Muokkaa kuvan ominaisuuksia klikkaamalla sitä. Löydät valitun kuvan ominaisuudet taustakuvan oikealta puolelta.

Transforms, Appearance ja Transition Effects -ominaisuudet vaikuttavat tekstin ulkonäköön. Actions -> On Tap vaikuttaa kuvan toimintaan sitä klikattaessa.

Lisätietoja Zapparin sivuilta: Designer | Image (docs.zap.works).

Videon lisääminen Zappar-projektiin

Zappar-projektiin ei voi lisätä upotettuja videoita esim. YouTubesta. Tässä tapauksessa toimivinta on luoda painike, joka avaa YouTube-sivun.

Suurin mahdollinen videotiedostokoko on 100 MT.

1. Klikkaa Video-painiketta.

2. Raahaa olemassa oleva video taustakuvan päälle tai lisää ensin uusi video klikkaamalla Browse from computer -painiketta.

3. Muokkaa videon ominaisuuksia klikkaamalla sitä. Löydät valitun videon ominaisuudet taustakuvan oikealta puolelta.

Transforms, Appearance ja Transition Effects -ominaisuudet vaikuttavat tekstin ulkonäköön. Content-ominaisuudet määrittävät käynnistyykö videon toisto automaattisesti, toistetaanko sitä jatkuvasti ja pysäytetäänkö muiden sisältöjen toisto kun Zapper-video alkaa.

Lisätietoja Zapparin sivuilta: Designer | Video (docs.zap.works).

3D-mallin lisääminen Zappar-projektiin

Huom. 3D-mallin lisääminen projektiin tuo esiin uusia työkaluja, joita tarvitaan 3D-mallien käsittelyyn. Projekti päivittyy niin, että uusia 3D-työkaluja käytetään myös 2D-sisällön käsittelyyn. On suositeltavaa tehdä kaikki 2D-sisältö valmiiksi ennen 3D-mallin lisäämistä. 3D-sisällön poistaminen palauttaa projektin tilaan, jossa käytetään 2D-työkaluja.

Vain .glb tai .gltf tiedostotyypit ovat tuettuja. 3D-mallin suurin mahdollinen tiedostokoko on 10 MT.

1. Klikkaa 3D-painiketta.

2. Raahaa olemassa oleva 3D-malli taustakuvan päälle tai lisää ensin uusi 3D-malli klikkaamalla Browse from computer -painiketta.

3. Muokkaa 3D-mallin ominaisuuksia klikkaamalla sitä. Löydät valitun 3D-mallin ominaisuudet taustakuvan oikealta puolelta.

Transforms ja Transition Effects -ominaisuudet vaikuttavat 3D-mallin ulkonäköön.

Helpottaaksesi 3D-mallin sijainnin hahmottamista, klikkaa ja raahaa visualisointikuutio taustakuvan päälle.

3D-mallin siirtäminen taustakuvan suhteen:

Klikkaa kyseistä 3D-mallia.
Klikkaa Move-painiketta.
Klikkaa ja raahaa 3D-mallin suuntanuolia.
a. Punainen = X-akseli. (vasen tai oikea)
b. Vihreä = Y-akseli. (ylös tai alas)
c. Sininen = Z-akseli. (eteenpäin tai taaksepäin)

3D-mallin skaalaaminen:

Klikkaa kyseistä 3D-mallia.
Klikkaa Scale-painiketta.
Klikkaa ja raahaa 3D-mallin suuntanuolia.
a. Punainen = X-akseli. (vasen tai oikea)
b. Vihreä = Y-akseli. (ylös tai alas)
c. Sininen = Z-akseli. (eteenpäin tai taaksepäin)

3D-mallin kiertäminen:

Klikkaa kyseistä 3D-mallia.
Klikkaa Rotate-painiketta.
Klikkaa ja raahaa 3D-mallin suuntanuolia.
a. Punainen = X-akseli. (vasen tai oikea)
b. Vihreä = Y-akseli. (ylös tai alas)
c. Sininen = Z-akseli. (myötäpäivään tai vastapäivään)

Lisätietoja Zapparin sivuilta: Designer | 3D (docs.zap.works).