Elokuvaesitykset verkkosuunnittelussa

Jos lukee lukemattomia verkkosivujen suunnittelumuutoksia, jotka tulivat esiin tänä vuonna, luulet todennäköisesti lupauksen suurista sankarikokoisista elokuvista, jotka näkyvät näkyvillä kotisivuilla kaikkialla. Missä he ovat?

Vaikka muutamat fashion-forward-yritykset käyttävät niitä verkkosivustoillaan, elokuvateatteri on paljolti tuonut esiin pyöristämät artikkelit ja reddit-sivut.

No, sanon tarpeeksi tarpeeksi. On aika, että elokuvalehdet nousevat ylös ja ryhtyvät oikeaan paikkaan web-sivun herosiksi, jonka oli määrä tulla.

Miksi elokuvateokset toimivat

Ajatus seurata web design suuntaus yksinkertaisesti koska se oli ennustettu koskaan todella innoissaan minua. Mutta entä jos voisitte todellakin olla edelläkävijä tällaiseen suuntaukseen? Ja mitä jos sillä olisi itse asiassa tarkoitus ja ratkaista ongelma samanaikaisesti?

Kaikkien edellä mainittujen toteamusten ollessa kyseessä ovat elokuvateokset. Vaikka se on varmasti keskusteltu (ja jopa ennustettu trendiksi web-suunnittelussa), hyvin harvat sivustot todella käyttävät niitä. Tämän seurauksena he eivät ole edes päässeet lähelle kriittisen massan saavuttamista, joten he ovat yhä hämmästyttäviä useimmille verkkokäyttäjille.

Ei varsinainen valokuva, ei varsinainen video, elokuvista on luonnostaan ​​silmiinpistävää karkkia, koska he hämää katsojia vain tarpeeksi kauan, jotta he voivat ottaa toisen näytön. ADD-aikakaudella, jonka elämme tänään, kaikki, mitä voit käyttää käyttäjän pysähtymiseen - jopa hetkeksi - on pieni voitto yhdestä erittäin tärkeästä syystä:

Sinulla on huomionne.

Yksi erityisen tehokas tapa vetää vähän huomiota verkkosivuilla on aina ollut videota. Ihmissilmä rakastaa liikettä. Mutta suuri sankari video (jopa lyhyt) on niin suuri . Varmista, että voit pakata sen tuumalla sen elämästä, mutta sitten se vain näyttää ... pakattuina. Tai voit jättää sen yksin ja kärsivät hitaasti ladattavan web-sivun seurauksista.

Käyttämällä elokuvasekvenssiä voit säästää paljon kaistanleveyttä samalla kun se täyttää tämän liikkeen tarpeen. Oikeastaan ​​sinä upitat anteeksi, koska voit hyödyntää elokuvasi uutuusnäkökulmaa - Ihmiset eivät vain näe niitä kovin usein ja ovat vaikuttuneita, kun he tekevät.

Joten nyt, kun tiedät, miksi elokuvateatterit ansaitsevat tärkeän paikan verkossa, ottakaamme korkean tason näkemyksen siitä, miten tuomme elämään.

Glendevon-moottorit käyttää sankareidensa elokuvaelämää henkisesti ja erottuu "palkkimaailmaksi" sen kilpailijoiden keskuudessa.

Vaihtoehto 1: käytä jo olemassa olevaa elokuvamaista

On olemassa monia tapauksia, joissa valmis CG: n hankkiminen on hyväksyttävää tai edes omiaan tekemään. Sanoisin, että jos löydät mitä tarvitset, ja se on budjetillasi saada oikeudet siihen, niin se on tie. Ainoa kysymys on: mistä löydät sen?

Hyvä uutinen on, sinulla on vaihtoehtoja. Ne määräytyvät suuresti budjetillasi (tai asiakkaallasi), mutta siellä on paljon lähteitä. On jopa muutama vapaita mistä valita. Jos sinulla on kuitenkin kahdeksankymmentä dollaria, Shutterstockilla on melko ihmisarvoinen valikoima teräväpiirtoisia CG-laitteita.

(Vihje: Heillä ei ole erillistä elokuvan osaa, joten sinun on vain etsittävä termiä "cinemagraph" ja muita hakutermejäsi "kuvamateriaali" -kohdassa.)

Jos onnistut löytämään sen, mitä olet kuvitellut, luultavasti haluat edelleen pakata tiedoston tiettyyn asteeseen. Enemmän siitä vähän.

Vaihtoehto 2: Tee oma

Ehkä et löydä sitä, mitä kuvasi. Tai ehkä olet vain die-hard DIY'er, ja kunnioitan sinua siitä. Joten miten tarkalleen teemme elokuvasta tyhjästä?

Ensinnäkin se auttaa löytämään oikeat laitteet ja suunnitelmat. Tässä on suosittelen aloittamaan:

• Kamera, joka voi kuvata videota
• Jalusta
• Malli ja / tai kaikki tarpeelliset rekvisiitta
• Tietokone
• Pääsy videon muokkausohjelmaan (valinnainen)
• Pääsy Adobe Photoshop -ohjelmaan tai omistettuun elokuvasäätöohjelmistoon, kuten flixeliin

Tarvitset tämän, jotta voit tehdä elokuvan. Jotta tehokas, sinun on hyvä idea.

Mikä tekee suuresta Hero Cinemagraphista?

Vaikka teidän CG: nne yleinen teema määräytyy suurelta osin sivuston omasta kohdasta, on olemassa tiettyjä yleismaailmallisia kohtia, jotka pitää ottaa huomioon asetettaessa kohtausta. Olla varma:

• Pidä se hienovaraisena: Koko kohta käyttää CG videon sijasta on se, että sen on tarkoitus olla hieman mielenterveyhtiö. Jotkut parhaimmista CG: stä näyttävät silti hyvin silmiin, sitten yllättävät katsojan hienovaraisella liikkeellä. Puhutaan hienovaraisuudesta, varmista, että koko koostumus ei ole liian kiireinen tai kirkkaasti väriltään, jos lisäät tekstin ja CTA: n päälle. Muista, että CG: n olisi pelattava nämä elementit, eikä pidä heitä häiritä. Siitä puhuen…
• Jätä tilaa oikealle sankarille: Varmista, että tiedät missä haluat otsikkoosi, alikansio ja CTA-painikkeen siirtyäksesi elokuvaan. Tämä vaikuttaa siihen, missä sijoitat päätoiminnon kokoonpanoon.
• Pidä se ankkuroituna: tietenkin CG: llä on jonkin verran liikkeitä, mutta kohtauksen on yleisesti oltava hyvin paikallaan, jotta liikunta sopisi oikein. Jalustan pitäisi auttaa taustaliikkeen ja kameran vakauden kanssa. Jos mallin silmät on tarkoitettu siirtymään puolelta toiselle, varmista, että hän pitää päätä hyvin samanaikaisesti.
• Tee se loop-able: Koska haluat, että tiedosto on suhteellisen pieni, sinun täytyy silmukoida toiminta niin, että se toistuu mahdollisimman saumattomasti. Suunnittele tätä asetettaessa kohtausta. Ihannetapauksessa ensimmäisen sijainnin pitäisi olla hyvin lähellä lopullista sijaintia sulkemalla silmukka.
• Käytä henkilöä, jos mahdollista: Tutkimukset ovat osoittaneet että kuvat ihmisten kanssa pitävät ihmisten huomion paljon enemmän kuin ne, jotka eivät. Tämä pätee myös CG: eihin. Lisäpisteitä, jos pystyt käsittelemään mallisi CTA: n suuntaan. Tämä on osoitettu piirtää käyttäjän silmät myös siellä.

Kun kaikki elementit ovat paikoillaan, yritä kuvata noin 20-30 sekuntia videota toistamalla haluttu liike useita kertoja, noin 5 sekuntia pitämällä asiat täysin kesken. Tämän pitäisi antaa sinulle tarpeeksi raaka-aineistoa, jotta se muuttuisi silmiinpistäväksi elokuvaksi.

Yhdistetään se

Vaikka en aio mennä vaiheittaiseen prosessiin videon kääntämisestä elokuvaksi, sinulla on useita vaihtoehtoja. Voit tuhota 299 dollaria käyttämään omaperäistä elokuvien esitysohjelmaa, mutta voit laittaa mukavan CG: n yhteen Photoshopilla , (jonka arvelen käytät jo.)

Tiedoston pakkaaminen

Olitko tehnyt CG: nsi tyhjästä vai hankit sen olemassa olevan, haluat varmistaa, että se latautuu nopeasti. Onko lopullisen tulostustiedostonne gif tai video (jota suosittelen), pakkauksessasi on kaksi erillistä tekijää:

1. Laatu
2. Pituus

Henkilökohtaisesti pyrin menemään mahdollisimman korkealaatuiseksi kaikissa suurikokoisissa sankarikuva-, video- tai elokuvajuoksuissa. Mielestäni uhraaminen sellaisen tiedoston laadusta, joka on tarkoitettu tällaisen visuaalisen vaikutuksen tekemiseen, on häpeällinen. Jotta voin tasapainottaa tämän, yritän tehdä elokuvasilmukkani niin lyhyt kuin niin inhimillisesti.

Toimenpiteellä on vaikutusta siihen, kuinka lyhyt silmukka voi olla - junan sointuminen voi olla paljon lyhyempi kuin hitaus, tarkoituksellinen silmäys, joka saattaa näyttää hieman spastiselta, jos se toistuu liian nopeasti. Ota alla oleva esimerkki web-toimistosta Deep End . Koska kaikki, mitä tarvitaan täällä on, että yksi junakulkuneuvo sopisi seuraavaan, jotta saataisiin melko saumaton silmukka, sain sen leikata noin sekunniksi.

Vaikka onnistuin pitämään toiminnon erittäin ytimekkäästi, tiedoin vielä, että tiedostokokoa voitaisiin pienentää vielä nopeammin. Päätin käyttämään ilmaista online-videokompressoria, jota kutsuttiin ClipChamp . Olin pystynyt pakkaamaan videon alas useista megatavusta hitaaseen 319 kt: n tarkkuuteen. Muista, että useimmat käyttäjät poistuvat sivustostasi vain kolmen sekunnin odotuksen jälkeen, joten kannattaa olla nopea.

Ja jos lopputuloksesi jää jäljelle äärimmäisestä puristuksesta tehdyistä esineistä, voit aina käyttää kokeiltua ja todellista temppua, jota käytetään epätäydellisissä sankarivideoissa - peitä se puoliksi läpinäkyvillä kuvioitu peittokuva .

Kiinnostaako nähdä kuinka muut ovat käyttäneet elokuvateattereita sankarikuvauksina? Minulla on hyviä uutisia ja huonoja - Ei ole liian paljon muuta osoitettava, mikä on huono uutinen. Mutta hyvä uutinen on, jos teet tämän suunnitelman toimeksi, olisit etusijalla siitä, mikä lupaa olla melko suuri suuntaus.

Tässä on pari, jonka löysin verkossa:

Gilt Taste [Toimittajan huomautus: Tämä sivusto on suljettu.]

Luonnonsuojelu

Lopulliset ajatukset

Cinemagraph ei voi vain potkaista muutoin tylsää verkkosivustoa hankkeen muutamia lovia, mutta se voi itse asiassa vaikuttaa sen menestykseen. Jos yhdistät sen killer otsikkoon ja pakottaviin toimintoihin, voit todella tarttua käyttäjien huomion. Se, mitä teet tämän huomion kanssa, riippuu sinulle.

• ← 4 Modernin taustan temppuja kokeilla
• Kysely: Pitäisikö koodit oppia muotoilemaan? →