Kuinka luoda videonäytön malli Photoshopissa

Mallit ovat loistava tapa näyttää työsi nopeasti ja ihanteellisessa ympäristössä. Vaikka useimmat ihmiset käyttävät kuvamalleja, videomalli herättää huomion ja pitää ihmiset mukana työssäsi. Videon lisääminen näytölle on hieno tapa näyttää työsi, eikä myöskään kovin vaikea tehdä.

Mikä on videonäytön malli?

Malli on digitaalinen tapa prototyypittää malli tai soveltaa mallia sen reaaliaikaiseen tuotteeseen valmistamatta sitä. Syitä tähän on monia, mutta yksi tärkeimmistä syistä mallin luomiseen on tehdä kuvioistasi, kuvituksistasi tai kaikesta, mitä haluat esitellä, näyttämään realistisemmalta. Se auttaa yleisöäsi visualisoimaan, miltä teos näyttää lopussa.

Varsinaisen tuotteen tuottamiseen tarvittavan ylimääräisen ajan, rahan ja vaivan sijaan voit luoda digitaalisen mallin, joka sisältää taidettasi, suunnitteluasi, verkkosivustoasi jne.

Nyt animoitu näyttömalli on hyvin samankaltainen käsite, mutta malli on näytöllä, kuten puhelimessa tai tietokoneessa. Ja kuvan sijasta malli näyttää liikkuvan kuvion tai videon.

Nämä liikkuvat kuviot voivat olla mitä tahansa videosta UX/UI-suunnittelun prototyyppiin tai näytön tallenteeseen.

Miksi sinun pitäisi käyttää animoitua näyttömallia?

Yksi parhaista syistä animoidun näyttömallin luomiseen on esitellä verkkosivustoa. Se on loistava tapa esitellä portfolioosi suunnittelemaasi verkkosivustoa.

Mallin käyttäminen antaa portfolioosi hieman enemmän luovuutta kuin yksinkertaiset kuvakaappaukset verkkosivustostasi. Se on loistava tapa monipuolistaa malliesi ulkoasua.

Jos haluat näyttää luomasi videon, tämä voi olla myös luova tapa näyttää se sen sijaan, että upottaisit videon YouTubesta jne. Kaiken kaikkiaan animoitu näyttömalli on hauska tapa esitellä työtäsi.

Animoidun näytön mallin luominen Photoshopissa

Vaikka useimmat ihmiset tietävät Photoshopin kuvankäsittelytyökaluna, voit käyttää sitä myös animaatioiden ja videoiden luomiseen. Joten tässä on vaiheet videomallin luomiseen Photoshopilla.

Millaista videota kannattaa käyttää?

Animoidulle näytön mallille on monia vaihtoehtoja. Pienempi videotiedosto toimii parhaiten. Vaikka voit käyttää tätä tekniikkaa todellisen videomateriaalin näyttämiseen, koko vaikeuttaa sen hahmontamista Photoshopissa.

Tästä syystä luomme mallin, joka vierittää verkkosivua. Lyhyemmän videon käyttäminen ilman muita suunnittelunäkökohtia hahmontaa nopeammin ja tuottaa korkealaatuisen tuloksen.

Käytä näytön tallenninta videon luomiseen näytöstäsi. Tämä voidaan tehdä matkapuhelimella tai työpöydällä riippuen siitä, missä haluat mallisi olevan. Käytämme Quicktime Playeria Macissa ja Uusi näytön tallennus vaihtoehto, mutta niitä on paljon muut Mac-vaihtoehdot. Jos sinulla on iPhone, voit nähdä kuinka näytön tallennus iPhonessa. Et tarvitse ääntä tähän tallenteeseen.

Tallensimme videoamme varten Makeuseof.com-verkkosivuston, joka näyttää useita graafista suunnittelua koskevia artikkeleita. Voit tallentaa näyttöön mitä tahansa, mikä on sinulle järkevää. Pidä rullaa tasaisesti ja varmista, ettei se ole liian nopea tai hidas.

Kun lyhyt tallennus on valmis, tallenna se MP4-muodossa ja laita se helposti käytettävään kansioon.

Millaista valokuvaa kannattaa käyttää?

Parhaan tuloksen saavuttamiseksi tässä mallissa sinun tulee käyttää kuvaa, jossa näkyy esteetön näyttö. Tämä voi olla mobiilinäyttö, tietokone tai jopa television näyttö. Vaikka kuvasi voi näyttää perspektiiviä, on parasta, jos näyttö on enimmäkseen suoraan sinuun päin.

Onko mahdollista käytä tukkeutunutta näyttöä tai kuva, jossa on raskas perspektiivi monimutkaisempaa mallia varten, mutta pidämme sen yksinkertaisena tänään.

Voit ottaa oman valokuvasi tai ladata sen rojaltivapaalta sivustolta, kuten Poista roiskeet. Emme käytä tässä opetusohjelmassa esivalmistettua PSD-mallia, joten sinun ei tarvitse vaivautua sellaisen löytämiseen.

Kuinka tehdä videomalli

Avaa kuvasi Photoshopissa.

Jos latasit kuvan rojaltivapaalta sivustolta tai otit sen laadukkaalla kameralla, koko voi olla melko suuri. Voit pienentää kuvan kokoa.

Klikkaus Kuva > Kuvan koko. Lopulliset mitat ovat sinun päätettävissäsi, mutta suosittelemme noin 1200 leveyttä. Pidä kuvan rajoitukset oikeassa suhteessa kokoa muuttaessasi. Klikkaus OK.

Luo nyt tila, jossa video istuu. Etsi alkuperäisen videosi mitat; Jos nauhoitat näyttöä puhelimesta, etsi puhelimen näytön mitat, ja jos nauhoitat verkkosivuston, voit käyttää tavallista 1680 x 1050, ellet tiedä tarkat mitat.

Napsauta suorakulmiotyökalulla (U) kankaastasi. Tämä tuo esiin ponnahdusikkunan, jossa voit määrittää mitat. Syötä näytön tallenteen leveys ja korkeus ja napsauta OK. Poista viiva ja valitse täyteväriksi musta tai tummanharmaa.

Napsauta suorakulmion tasoa hiiren kakkospainikkeella ja siirry kohtaan Muunna älykkääksi objektiksi. Nyt voit muuttaa suorakulmion sopimaan täydellisesti näyttöön. Tämä tarkoittaa, että mikä tahansa älykkäälle objektille asetettu kuva noudattaa samaa muotomuutosta.

Käytä muunnostyökalua suorakulmion muuttamiseksi. Löydät tämän menemällä osoitteeseen Muokata > Ilmainen muunnos tai lyömällä cmd + T (Mac) tai ctrl + T (Windows).

Muunnostyökalu muuttaa vain suorakulmion kokoa. Muuta näytön kokoa mahdollisimman vastaavaksi. Käytä sitten Vääristy-ominaisuutta.

Mene taas osoitteeseen Muokata valikko sitten Muuttaa > Vääristää. Tämän avulla voit vetää ja venyttää kulmia täydellisesti näytön kanssa. Tämä toimii hyvin, jos kuvaasi on lisätty perspektiiviä. Kaksoisnapsauta suorakulmiota, kun olet kohdistanut kaikki kulmat ja reunat. Jos reunat eivät ole oikein linjassa, käytä Transform-työkalua ja Vääristä-vaihtoehtoa uudelleen, kunnes ne ovat.

Voit lisätä videosi oikean kokoiseen ja muotoiseen älyobjektiisi. Klikkaus Ikkuna > Aikajana avataksesi animaation aikajanan. Varmista, että se on videon aikajanalla kehysanimaatioiden sijaan.

Kaksoisnapsauta älykästä objektia tasopaneelissa napsauttamalla älykkään objektin pikkukuvassa olevaa kuvaketta, jossa on paperi ja neliö. Tämä avautuu uuteen ikkunaan.

Vedä videosi älykkään objektin ikkunaan. Videosi tulee olla samankokoinen kuin suorakulmio. Jos mitat ovat poissa, voit korjata sen helposti: vedä kulmia, kunnes ne sopivat koko ikkunaan.

Jos sinun on leikattava reunat pois, voit tehdä sen. Kaikki mitä näet, näkyy lopullisessa mallissa. Kun olet tyytyväinen, vahvista koko ja sijoitus kaksoisnapsauttamalla.

Näet nyt kaksi aikajanatasoa videon aikajanalla: yksi suorakulmiolle ja toinen uudelle videolle. Vedä suorakulmion aikajanan pituus vastaamaan videon pituutta. Tämä varmistaa, että video näkyy sen keston ajan.

Tarkista video napsauttamalla toistopainiketta. Latautuminen voi kestää hetken ja siksi toistaa hitaammin kuin todellinen ajoitus.

Muuta videokerroksen sekoitustilaa, jotta videonäyttö näyttää realistisemmalta. Voit myös vähentää videokerroksen peittävyyttä). Käytä erilaisia ​​sekoitusasetuksia, kunnes olet tyytyväinen. Jos haluat jättää sen ilman tätä vaihetta, sekin on hyvä. Se antaa selkeämmän kuvan näytöstä.

Tallenna nyt video malliin tallentamalla älykäs objekti-ikkuna. Voit tehdä tämän menemällä osoitteeseen Tiedosto > Tallentaa tai lyömällä cmd + S (Mac) tai ctrl + S (Windows). Kun olet tallentanut, poistu Smart Object -ikkunasta.

Palaat malliikkunaan. Näet videosi näytön paikalla.

Tallenna mallisi siirtymällä osoitteeseen Tiedosto > Viedä > Renderöi video… Täällä voit muuttaa lopullisen mallin kokoa. Koon muuttaminen auttaa myös lataamisessa ja tiedoston yleisessä koossa. Kun olet tyytyväinen asetuksiin, napsauta Renderöi.

Tämä johtaa lopulliseen MP4-videotiedostoon valmiin videomallin kanssa.

Vie malliesi pidemmälle videonäyttömallin avulla

Käyttämällä videota näyttömalleissasi voit jakaa enemmän töitä ja saada enemmän ihmisiä mukaan. Tämä Photoshopilla luotu dynaaminen mallityyli on helppo tehdä ja sillä on erinomaisia ​​tuloksia.

Vaikka voit käyttää tätä tekniikkaa staattiseen malliin pelkällä kuvalla, videon avulla opit uusia taitoja ja rohkaiset ihmisiä olemaan tekemisissä pidempään. Videomallia näkee harvoin, ja yllätys kiinnittää jokaisen katsojan huomion.

Kuinka tehdä laatikkopakkausmalli Photoshopissa

Lue Seuraava

Kirjailijasta