Kako ustvariti maketo video zaslona v Photoshopu

Makete so odličen način, da hitro in v idealnem okolju pokažete svoje delo. Medtem ko večina ljudi uporablja makete slik, bo video maketa pritegnila pozornost in poskrbela, da bodo ljudje vključeni v vaše delo. Dodajanje videoposnetka na zaslon je kul način za prikaz svojega dela, ki ga tudi ni težko narediti.

Kaj je maketa video zaslona?

Maketa je digitalni način za prototipiranje dizajna ali uporabo dizajna na njegovem izdelku v realnem času, ne da bi ga izdelali. Razlogov za to je veliko, toda eden glavnih razlogov za ustvarjanje makete je, da bodo vaši modeli, ilustracije ali karkoli, kar želite pokazati, videti bolj realistično. Občinstvu pomaga vizualizirati, kako bo komad videti na koncu.

Namesto dodatnega časa, denarja in truda, ki bi ga potrebovali za izdelavo dejanskega izdelka, lahko ustvarite digitalno maketo, ki prikazuje vašo umetnost, dizajn, spletno mesto itd.

Zdaj je animirani model zaslona zelo podoben koncept, vendar z maketo na zaslonu, kot je telefon ali računalnik. In namesto slike bo maketa prikazala premikajočo se zasnovo ali video.

Te gibljive zasnove so lahko vse od videa do prototipa oblikovanja UX/UI ali posnetka zaslona.

Zakaj bi morali uporabiti animirani model zaslona?

Eden najboljših razlogov za ustvarjanje animirane makete zaslona je razkazovanje spletnega mesta. To je odličen način, da pokažete spletno mesto, ki ste ga oblikovali v svojem portfelju.

Uporaba makete daje vašemu portfelju nekoliko več ustvarjalnosti kot preprosti posnetki zaslona vašega spletnega mesta. To je odličen način za popestritev videza vaših modelov.

Če želite prikazati videoposnetek, ki ste ga ustvarili, je to lahko tudi ustvarjalen način, da ga prikažete, namesto da samo vdelate videoposnetek iz YouTuba itd. Na splošno je animirani model zaslona zabaven način za prikaz vašega dela.

Kako ustvariti animirani model zaslona v Photoshopu

Čeprav večina ljudi pozna Photoshop kot orodje za urejanje slik, ga lahko uporabite tudi za ustvarjanje animacij in videoposnetkov. Torej, tukaj so koraki za ustvarjanje video makete z uporabo Photoshopa.

Kakšen video bi morali uporabiti?

Obstaja veliko možnosti za vaš animirani model zaslona. Manjša video datoteka bo najbolje delovala. Čeprav lahko s to tehniko prikažete resnične video posnetke, bo zaradi velikosti težje upodabljati v Photoshopu.

Iz tega razloga bomo ustvarili maketo za pomikanje po spletni strani. Če uporabite krajši videoposnetek brez drugih oblikovnih vidikov, bo to hitrejše in prineslo visokokakovosten rezultat.

Uporabite snemalnik zaslona, ​​da ustvarite videoposnetek svojega zaslona. To lahko storite na mobilnem ali namiznem računalniku, odvisno od tega, na kaj želite, da je vaša maketa. Uporabljali bomo Quicktime Player na Macu in Novo snemanje zaslona možnost, vendar jih je veliko druge možnosti za Mac. Če imate iPhone, lahko vidite kako posneti zaslon na iPhonu. V tem posnetku ne potrebujete nobenega zvoka.

Za naš video smo posneli spletno stran Makeuseof.com, ki prikazuje vrsto člankov o grafičnem oblikovanju. Snemate lahko na zaslonu, kar je za vas smiselno. Držite se enakomerno in se prepričajte, da ni niti prehitro niti prepočasno.

Ko je vaš kratek posnetek končan, ga shranite kot MP4 in ga shranite v enostavno dostopno mapo.

Kakšno fotografijo bi morali uporabiti?

Za najboljše rezultate v tej maketi uporabite fotografijo, ki prikazuje neoviran zaslon. To je lahko mobilni zaslon, računalnik ali celo TV zaslon. Čeprav lahko vaša slika prikazuje nekaj perspektive, je najbolje, če je zaslon večinoma obrnjen proti vam.

Možno je uporabite oviran zaslon ali sliko s težko perspektivo za bolj zapleteno maketo, vendar jo bomo danes ohranili preprosto.

Lahko posnamete svojo fotografijo ali jo prenesete s spletnega mesta brez licenčnin, kot je npr Unsplash. Za to vadnico ne bomo uporabljali vnaprej pripravljenega modela PSD, zato vam ne bo treba delati težav pri iskanju.

Kako narediti video maketo

Odprite svojo sliko v Photoshopu.

Če ste sliko prenesli s spletnega mesta brez licenčnin ali jo posneli z visokokakovostnim fotoaparatom, je lahko velikost precej velika. Velikost slike lahko zmanjšate.

Kliknite Slika > Velikost slike. Končne dimenzije so na vas, vendar priporočamo širino okoli 1200. Pri spreminjanju velikosti naj bodo omejitve slike sorazmerne. Kliknite v redu.

Zdaj ustvarite prostor, kjer bo videoposnetek. Poiščite dimenzije svojega izvirnega videoposnetka; če zaslon posnamete s telefona, poiščite dimenzije zaslona telefona, in če ste na zaslonu posneli spletno mesto, lahko uporabite standardno 1680 x 1050, razen če poznate natančne dimenzije.

Z orodjem za pravokotnik (U) kliknite na svoje platno. To bo prineslo pojavno okno, v katerem lahko določite dimenzije. Vnesite širino in višino posnetka zaslona in kliknite v redu. Odstranite črto in izberite črno ali temno sivo barvo polnila.

Na sloju pravokotnika z desno tipko miške kliknite in pojdite na Pretvori v pametni objekt. Zdaj lahko pravokotnik spremenite tako, da se popolnoma prilega zaslonu. To pomeni, da bo vsaka slika, postavljena na pametni predmet, sledila isti transformaciji oblike.

Če želite preoblikovati svoj pravokotnik, uporabite orodje Transform. To lahko najdete tako, da obiščete Uredi > Brezplačna transformacija ali z udarcem cmd + T (Mac) oz ctrl + T (Windows).

Orodje Transform bo spremenilo samo velikost pravokotnika. Spremenite velikost tako, da bo čim bolj podobna zaslonu. Nato uporabite funkcijo Distort.

Ponovno pojdite na Uredi meni, potem Preoblikovanje > Popači. To vam bo omogočilo, da povlečete in raztegnete vogale, da se popolnoma ujemajo z zaslonom. To deluje odlično, če ima vaša slika nekaj dodatne perspektive. Ko poravnate vse vogale in robove, dvokliknite pravokotnik. Če robovi niso pravilno poravnani, znova uporabite orodje Transform in Distort, dokler niso.

Svoj videoposnetek lahko vstavite v pametni predmet pravilne velikosti in oblike. Kliknite okno > Časovnica da odprete časovnico animacije. Prepričajte se, da je na časovni premici videoposnetka in ne na animaciji okvirja.

Dvokliknite pametni predmet na plošči plasti tako, da kliknete ikono s papirjem in kvadratom na sličici vašega pametnega predmeta. To se odpre v novem oknu.

Povlecite videoposnetek v okno pametnega predmeta. Vaš videoposnetek mora biti enake velikosti kot vaš pravokotnik. Če so dimenzije izključene, lahko to enostavno popravite: povlecite vogale, dokler se ne prilegajo celotnemu oknu.

Če morate obrezati robove, lahko to storite. Karkoli lahko vidite, bo prikazano v končnem modelu. Ko ste zadovoljni, dvokliknite, da potrdite velikost in postavitev.

Zdaj boste na časovni premici videoposnetka videli dve plasti časovnice: eno za pravokotnik in eno za nov video. Povlecite dolžino časovne osi pravokotnika, da se ujema z dolžino videoposnetka. To zagotavlja, da bo video viden ves čas trajanja.

Kliknite gumb za predvajanje, da preverite svoj videoposnetek. Nalaganje lahko traja nekaj časa in se zato predvaja počasneje od dejanskega časa.

Če želite, da bo vaš video zaslon videti bolj realističen, spremenite način mešanja video plasti. Prav tako lahko zmanjšate motnost na video plasti). Igrajte se z različnimi nastavitvami mešanja, dokler niste zadovoljni. Če ga želite pustiti brez tega koraka, je tudi to v redu. Omogočil bo jasnejši pogled na zaslon.

Zdaj, če želite videoposnetek shraniti v svoj model, shranite okno pametnega predmeta. To lahko storite tako, da obiščete mapa > Shrani ali udarjanje cmd + S (Mac) oz ctrl + S (Windows). Ko shranite, zapustite okno pametnega predmeta.

Vrnili se boste v okno makete. Videoposnetek boste videli na mestu zaslona.

Če želite shraniti svoj model, pojdite na mapa > Izvozi > Upodabljanje videa… Tukaj lahko spremenite velikost končnega modela. Spreminjanje velikosti bo pomagalo tudi pri nalaganju in splošni velikosti datoteke. Ko ste zadovoljni z nastavitvami, kliknite Render.

To bo povzročilo končno video datoteko MP4 z vašo dokončano video maketo.

Popeljite svoje makete še naprej z video posnetkom zaslona

Z uporabo videa v maketah zaslona boste lahko delili več dela in vključili več ljudi. Ta dinamični slog makete, ustvarjen v Photoshopu, je enostaven za izdelavo in ima odlične rezultate.

Čeprav lahko to tehniko uporabite za statično maketo z uporabo samo slike, se z uporabo videa naučite nove veščine in spodbujate ljudi, da se dlje ukvarjajo z vašim delom. Video maketo je redko videti, presenečenje pa bo pritegnilo pozornost vseh, ki jih gledajo.

Kako narediti model embalaže škatle v Photoshopu

Preberite Naprej

O avtorju