Kaip sukurti vaizdo įrašo ekrano maketą „Photoshop“.

Maketai yra puikus būdas greitai ir idealioje aplinkoje parodyti savo darbus. Nors dauguma žmonių naudoja vaizdų maketus, vaizdo maketas patrauks dėmesį ir įtrauks žmones į jūsų darbą. Vaizdo įrašo pridėjimas prie ekrano yra puikus būdas parodyti savo darbą ir tai padaryti nėra labai sunku.

Kas yra vaizdo ekrano maketas?

Maketas yra skaitmeninis būdas sukurti dizaino prototipą arba pritaikyti dizainą jo gaminiui realiuoju laiku jo nepagaminus. Priežasčių yra daug, tačiau viena iš pagrindinių maketo kūrimo priežasčių yra tai, kad jūsų dizainai, iliustracijos ar bet kas, ką norite parodyti, atrodytų tikroviškiau. Tai padeda jūsų auditorijai įsivaizduoti, kaip kūrinys atrodys pabaigoje.

Vietoj papildomo laiko, pinigų ir pastangų, kurių prireiktų gaminant tikrą produktą, galite sukurti skaitmeninį maketą, kuriame būtų jūsų menas, dizainas, svetainė ir kt.

Dabar animacinio ekrano maketas yra labai panaši koncepcija, bet su maketu ekrane, pavyzdžiui, telefone ar kompiuteryje. Ir vietoj vaizdo makete bus rodomas judantis dizainas arba vaizdo įrašas.

Šie judantys dizainai gali būti bet kas – nuo ​​vaizdo įrašo iki UX/UI dizaino prototipo ar ekrano įrašo.

Kodėl turėtumėte naudoti animuotą ekrano maketą?

Viena iš geriausių priežasčių sukurti animacinį ekrano maketą yra parodyti svetainę. Tai puikus būdas parodyti svetainę, kurią sukūrėte savo portfelyje.

Maketo naudojimas suteikia šiek tiek daugiau kūrybiškumo jūsų portfeliui nei paprastos jūsų svetainės ekrano kopijos. Tai puikus būdas paįvairinti, kaip gali atrodyti jūsų maketai.

Jei norite rodyti savo sukurtą vaizdo įrašą, tai taip pat gali būti kūrybiškas būdas jį parodyti, o ne tiesiog įterpti vaizdo įrašą iš „YouTube“ ir pan. Apskritai animacinis ekrano maketas yra įdomus būdas parodyti savo darbą.

Kaip sukurti animuotą ekrano maketą „Photoshop“.

Nors dauguma žmonių „Photoshop“ žino kaip vaizdo redagavimo įrankį, taip pat galite jį naudoti kurdami animacijas ir vaizdo įrašus. Taigi, čia yra žingsniai, kaip sukurti vaizdo maketą naudojant „Photoshop“.

Kokį vaizdo įrašą turėtumėte naudoti?

Yra daug animacinio ekrano maketo parinkčių. Geriausiai veiks mažesnis vaizdo failas. Nors galite naudoti šią techniką norėdami rodyti tikrą vaizdo medžiagą, dėl dydžio jį bus sunkiau atkurti naudojant „Photoshop“.

Dėl šios priežasties mes sukursime maketą, slenkantį tinklalapį. Naudojant trumpesnį vaizdo įrašą be jokių kitų dizaino aspektų, vaizdas bus greitesnis ir rezultatas bus aukštos kokybės.

Norėdami sukurti ekrano vaizdo įrašą, naudokite ekrano įrašymo įrenginį. Tai galima padaryti mobiliajame arba staliniame kompiuteryje, atsižvelgiant į tai, ką norite naudoti makete. Naudosime „Quicktime Player“ „Mac“ ir „Mac“. Naujas ekrano įrašas variantas, bet yra daug kitos „Mac“ parinktys. Jei turite iPhone, galite pamatyti kaip įrašyti ekraną iPhone. Šiame įraše jums nereikia jokio garso.

Vaizdo įrašui įrašėme Makeuseof.com svetainę, kurioje rodomi įvairūs straipsniai apie grafinį dizainą. Galite ekrane įrašyti viską, kas jums tinka. Slinkite tolygiai ir įsitikinkite, kad jis nėra nei per greitas, nei per lėtas.

Baigę trumpą įrašymą išsaugokite jį kaip MP4 ir įdėkite į lengvai pasiekiamą aplanką.

Kokią nuotrauką turėtumėte naudoti?

Norėdami gauti geriausius šio maketo rezultatus, turėtumėte naudoti nuotrauką, kurioje rodomas neuždengtas ekranas. Tai gali būti mobiliojo telefono ekranas, kompiuteris ar net televizoriaus ekranas. Nors jūsų vaizdas gali parodyti tam tikrą perspektyvą, geriausia, jei ekranas daugiausia būtų nukreiptas tiesiai į jus.

Galima naudokite užblokuotą ekraną arba vaizdas su sunkia perspektyva sudėtingesniam maketui, bet šiandien tai padarysime paprastai.

Galite padaryti savo nuotrauką arba atsisiųsti iš nemokamos svetainės, pvz., Atskleiskite purslą. Šioje pamokoje nenaudosime iš anksto paruošto PSD maketo, todėl jums nereikės vargo bandant jį rasti.

Kaip sukurti vaizdo maketą

Atidarykite savo vaizdą „Photoshop“.

Jei atsisiuntėte vaizdą iš nemokamos svetainės arba padarėte jį naudodami aukštos kokybės fotoaparatą, jo dydis gali būti gana didelis. Galite sumažinti vaizdo dydį.

Spustelėkite Vaizdas > Paveikslėlio dydis. Galutiniai matmenys priklauso nuo jūsų, tačiau rekomenduojame maždaug 1200 plotį. Keisdami dydį išlaikykite vaizdo apribojimus proporcingai. Spustelėkite Gerai.

Dabar sukurkite erdvę, kurioje bus vaizdo įrašas. Raskite savo originalaus vaizdo įrašo matmenis; Jei ekraną įrašėte iš telefono, raskite telefono ekrano matmenis, o jei ekrane įrašėte svetainę, galite naudoti standartinį 1680 x 1050, nebent žinote tikslius matmenis.

Naudodami stačiakampio įrankį (U), spustelėkite drobę. Bus parodytas iššokantis langas, kuriame galėsite nurodyti matmenis. Įveskite ekrano įrašo plotį ir aukštį ir spustelėkite Gerai. Nuimkite brūkšnį ir pasirinkite juodą arba tamsiai pilką užpildymo spalvą.

Stačiakampio sluoksnyje dešiniuoju pelės mygtuku spustelėkite ir eikite į Konvertuoti į išmanųjį objektą. Dabar galite pakeisti stačiakampį, kad jis puikiai tilptų į ekraną. Tai reiškia, kad bet koks vaizdas, uždėtas ant išmaniojo objekto, atliks tą pačią formos transformaciją.

Norėdami pakeisti stačiakampį, naudokite transformavimo įrankį. Tai galite rasti apsilankę adresu Redaguoti > Nemokama transformacija arba pataikant cmd + T („Mac“) arba Ctrl + T („Windows“).

Transformavimo įrankis pakeis tik stačiakampio dydį. Pakeiskite dydį į kiek įmanoma panašesnį į ekraną. Tada naudokite iškraipymo funkciją.

Vėlgi, eikite į Redaguoti tada meniu Transformuoti > Iškraipyti. Tai leis jums tempti ir ištempti kampus, kad jie puikiai atitiktų ekraną. Tai puikiai tinka, jei jūsų vaizdas turi papildomos perspektyvos. Sudėlioję visus kampus ir kraštus, dukart spustelėkite stačiakampį. Jei kraštai nėra tinkamai išdėstyti, dar kartą naudokite Transformavimo įrankį ir Iškraipymo parinktį, kol jos bus išlygintos.

Galite įterpti vaizdo įrašą į tinkamo dydžio ir formos išmanųjį objektą. Spustelėkite Langas > Laiko juosta Norėdami atidaryti animacijos laiko juostą. Įsitikinkite, kad jis yra vaizdo įrašo laiko juostoje, o ne kadro animacijoje.

Dukart spustelėkite išmanųjį objektą sluoksnių skydelyje, spustelėdami piktogramą su popieriumi ir kvadratu savo išmaniojo objekto miniatiūroje. Tai atsidaro naujame lange.

Nuvilkite vaizdo įrašą į išmaniojo objekto langą. Vaizdo įrašas turi būti tokio pat dydžio kaip ir stačiakampis. Jei matmenys yra netinkami, galite tai lengvai pataisyti: vilkite kampus, kol jie tilps visame lange.

Jei reikia apkarpyti bet kokius kraštus, galite tai padaryti. Viskas, ką galite pamatyti, bus rodoma galutiniame makete. Kai būsite patenkinti, dukart spustelėkite, kad patvirtintumėte dydį ir vietą.

Dabar vaizdo įrašo laiko juostoje matysite du laiko juostos sluoksnius: vieną stačiakampiui ir vieną naujam vaizdo įrašui. Vilkite stačiakampio laiko juostos ilgį, kad jis atitiktų vaizdo įrašo ilgį. Tai užtikrina, kad vaizdo įrašas bus matomas visą jo trukmę.

Spustelėkite paleidimo mygtuką, kad patikrintumėte vaizdo įrašą. Įkėlimas gali šiek tiek užtrukti, todėl žaisti lėčiau nei iš tikrųjų.

Kad vaizdo įrašo ekranas atrodytų tikroviškiau, pakeiskite vaizdo sluoksnio maišymo režimą. Taip pat galite sumažinti vaizdo sluoksnio neskaidrumą). Žaiskite naudodami skirtingus maišymo nustatymus, kol būsite patenkinti. Jei norite palikti be šio veiksmo, tai taip pat gerai. Tai suteiks aiškesnį ekrano vaizdą.

Dabar, norėdami išsaugoti vaizdo įrašą savo makete, tiesiog išsaugokite išmaniojo objekto langą. Tai galite padaryti apsilankę adresu Failas > Sutaupyti arba pataikyti cmd + S („Mac“) arba Ctrl + S („Windows“). Išsaugoję išeikite iš išmaniojo objekto lango.

Jūs grįšite į maketo langą. Ekrano vietoje pamatysite savo vaizdo įrašą.

Norėdami išsaugoti maketą, eikite į Failas > Eksportuoti > Pateikti vaizdo įrašą… Čia galite pakeisti galutinio maketo dydį. Dydžio keitimas taip pat padės įkelti ir bendrą failo dydį. Kai būsite patenkinti nustatymais, spustelėkite Pateikti.

Taip bus sukurtas galutinis MP4 vaizdo failas su užbaigtu vaizdo maketu.

Išplėskite savo maketus naudodami vaizdo ekrano maketą

Naudodami vaizdo įrašą savo ekrano maketuose galėsite bendrinti daugiau darbų ir įtraukti daugiau žmonių. Šį „Photoshop“ sukurtą dinamišką maketo stilių lengva padaryti ir pasiekti puikių rezultatų.

Nors galite naudoti šią techniką statiniam maketui naudodami tik vaizdą, naudodami vaizdo įrašą įgyjate naujų įgūdžių ir skatinate žmones ilgiau užsiimti jūsų darbu. Vaizdo maketą galima pamatyti retai, o staigmena patrauks visų ieškančių dėmesį.

Kaip sukurti dėžutės pakuotės maketą „Photoshop“.

Skaitykite toliau

Apie autorių