Skip to content

Kuinka luoda ja julkaista asiakirjoja HTML5-kankaalle (esimerkki) – helppoa ja käytännöllistä

27 de heinäkuu de 2021
logo html5 canvas

Adobe on antanut paljon puhuttavaa alusta lähtien. Tämän organisaation synnyttämät erilaiset ohjelmat ovat muuttaneet tapaa luoda, suunnitella ja muokata digitaalisen sisällön elementtejä, pääasiassa suosituimpiin sosiaalisiin verkostoihin.

On monia maailmankuuluja ohjelmia, jotka ovat osa Adobe Inc. -ohjelmaa. Tässä yhteydessä tiedät hieman enemmän siitä, mikä on Adobe Animate CC.

Mikä on Adobe Animate CC?

se on yksi yhtiön tunnetuimmista. Tämän työkalun avulla voit luoda ja käsitellä vektorigrafiikkaa, kuten Corel Photo Paint. Tämä ohjelma on ihanteellinen animaatiostudio interaktiivisen digitaalisen sisällön toimittamiseen.

Suunnittelutyökalut

Sillä on monipuolinen arsenaali työkalut jonka avulla voit mennä hieman pidemmälle luomuksissasi. Joitakin ominaisuuksia, jotka saat sen käyttöliittymästä, ovat:

  • Vektori- ja rasterigrafiikat.
  • Ääni.
  • Panoraamakoodi.
  • Videovirta.
  • Kaksisuuntainen ääni (vain käytettäessä yhdessä Macromedia Flash Communication Server -palvelimen kanssa).

Sen käyttö suurissa yrityksissä

Suurten televisiokanavien nimet ovat käyttäneet tätä ohjelmaa elokuvien ja sarjojen luomiseen ja suunnitteluun. Jotkut tunnetuimmista ovat:

  • sarjakuva verkosto: Gumballin hämmästyttävä maailma, seikkailuaika, Fosterin kartano kuvitteellisille ystäville.
  • Disney: Kick Buttowski, Gravity Falls, Wreck-It Ralph.
  • Nickelodeon: Danny Phantom, Loud House, Melko parittomat vanhemmat.
  • Pixar: Animaatio elokuvien kuten Wall-E, The Incredibles ja Ratatouille hyvityksistä.

HTML5-sovellus

Tämä ohjelma tunnettiin aiemmin nimellä Adobe Flash Professional, Macromedia Flash, Y FutureSplash-animaattori. Vasta joulukuussa 2015 yhtiö ilmoitti, että se muutetaan Adobe Animate -brändiksi, tapana poistaa aiempien ohjelmien linkitys Adoble Flash Playerilla ja HTML5: n luominen.

Canvasin kautta grafiikan luominen tai dynaaminen renderointi on sallittu sekä 2D-grafiikoille että bittikartta.

Luo ja julkaise asiakirjoja HTML5-kankaalla

Jos olet kiinnostunut tästä luomis- ja suunnittelumaailmasta, voit tällä kertaa tietää ensimmäiset vaiheet, joihin sinun on ryhdyttävä Suunnittele asiakirja ja julkaise se HTML5-kankaalle.

Luo ja julkaise asiakirjoja HTML5-kankaalla

Luomisprosessi

Voit luoda HTML5 Canvas -asiakirjan napsauttamalla Adobe Animate -kotisivulta Luo uusi -osiossa olevaa HTML-kankausvaihtoehtoa.

Jos et jostain syystä näe tätä ruutua, voit suorittaa luomisprosessin seuraavasti:

  1. Siirry Tiedosto-välilehdelle.
  2. Uusi.
  3. Valitse HTML5-kankaan tyyppi.
  4. Napsauta Hyväksy.

Suunnitteluprosessi

Kun sinulla on kohtaus, jonka voit suunnitella, on aika käyttää sitä erilaisia ​​Adobe Animate -työkaluja. Jos olet vasta aloittamassa tämän ohjelman käyttöä, sinun tulee olla kärsivällinen tutkiaksesi vaihtoehtoja.

Suunnittelun aloittaminen

Ihannetapauksessa, jos haluat oppia käyttämään Adobe Animatea, sinun on ensin käytettävä lyijykynätyökalut, koska se on yksi helpoimmista manipuloida.

Tästä toiminnosta voit aloittaa piirtämisen ja animoinnin. Lisää tyhjiä kehyksiä painamalla F7 ja jatka piirtämistä, kunnes suoritat animaation, jonka haluat tehdä.

Tallenna suunnittelu

Kun olet suorittanut luonti- ja suunnitteluprosessin, siirry kohtaan Tallenna se. Voit julkaista sen myöhemmin. Tässä mielessä sinun on napsautettava:

  • Tiedosto-välilehti.
  • Pitää.
  • Luo uusi kansio suunnittelua varten.
  • Näytä animaatio selaimessasi painamalla Ctrl + Enter.

Julkaisuprosessi

Palaa Adobe Animate -ohjelmaan nähdäksesi määritysvaihtoehdot luomasi mallin julkaisemista varten. Sitä varten:

  1. Napsauta tiedostoa.
  2. Julkaise asetukset.
  3. Näkyviin tulee valintaikkuna, jossa voit antaa suunnittelulle uuden nimen (jos mallisi olisi nimetty esimerkiksi animaatioksi, aseta se animaatioksi2).
  4. Varmista, että kaikki Tulostustiedostot-osan valintaruudut on valittu.
  5. Napsauta Hyväksy.
  6. Palaa Tiedosto-välilehteen ja valitse Julkaise-vaihtoehto.

Tällä tavalla, kun palaat takaisin suunnittelua varten luomallesi kansiolle, löydät 2 uutta tiedostoa: HTML ja JavaScript animaatiollesi antamallasi uudella nimellä.