Kuidas luua Photoshopis videoekraani maketti

Maketid on suurepärane võimalus oma tööd kiiresti ja ideaalses keskkonnas näidata. Kuigi enamik inimesi kasutab pildimakette, tõmbab videomakett tähelepanu ja hoiab inimesi teie tööga seotud. Video lisamine ekraanile on lahe viis oma töö näitamiseks ja seda pole ka väga keeruline teha.

Mis on videoekraani makett?

Maket on digitaalne viis disaini prototüüpimiseks või kujunduse rakendamiseks selle reaalajas tootele ilma seda tootmata. Sellel on palju põhjuseid, kuid maketi loomise peamiseks põhjuseks on see, et teie kujundused, illustratsioonid või kõik, mida soovite näidata, näeksid realistlikumad välja. See aitab teie publikul visualiseerida, kuidas tükk lõpuks välja näeb.

Tegeliku toote tootmiseks kuluva lisaaja, raha ja vaeva asemel saate luua digitaalse maketi, mis sisaldab teie kunsti, disaini, veebisaiti jne.

Nüüd on animeeritud ekraanimakett väga sarnane kontseptsioon, kuid makett on ekraanil, näiteks telefonis või arvutis. Ja pildi asemel kuvatakse maketil liikuv kujundus või video.

Need liikuvad kujundused võivad olla kõike alates videost kuni UX/UI disaini prototüübi või ekraanisalvestuseni.

Miks peaksite kasutama animeeritud ekraani maketti?

Üks parimaid põhjusi animeeritud ekraanimaketti loomiseks on veebisaidi näitamine. See on suurepärane viis oma portfellis kujundatud veebisaidi tutvustamiseks.

Maketi kasutamine annab teie portfellis veidi rohkem loovust kui teie veebisaidi lihtsad ekraanipildid. See on suurepärane viis maketide välimuse mitmekesistamiseks.

Kui soovite kuvada enda loodud videot, võib see olla ka loominguline viis selle näitamiseks, selle asemel, et lihtsalt YouTube'ist videot manustada jne. Üldiselt on animeeritud ekraanimakett lõbus viis oma töö kuvamiseks.

Kuidas luua Photoshopis animeeritud ekraanimaketti

Kuigi enamik inimesi tunneb Photoshopit kui pilditöötlustööriista, saate seda kasutada ka animatsioonide ja videote loomiseks. Niisiis, siin on Photoshopi abil videomaketti loomise sammud.

Millist videot peaksite kasutama?

Animeeritud ekraanimudeli jaoks on palju valikuid. Väiksem videofail töötab kõige paremini. Kuigi saate seda tehnikat kasutada tõelise videomaterjali kuvamiseks, muudab suurus Photoshopis renderdamise raskemaks.

Sel põhjusel loome maketi, mis kerib veebilehte. Lühema video kasutamine ilma muude disainiaspektideta muudab kiiremaks ja annab kvaliteetse tulemuse.

Kasutage oma ekraanist video loomiseks ekraanisalvestit. Seda saab teha mobiiltelefonis või lauaarvutis, olenevalt sellest, millisel mudelil soovite oma maketi kasutada. Kasutame Quicktime Playerit Macis ja Uus ekraanisalvestus valik, kuid neid on palju muud Maci valikud. Kui teil on iPhone, näete kuidas ekraanil salvestada iPhone'is. Selle salvestise jaoks pole heli vaja.

Salvestasime oma video jaoks veebisaidi Makeuseof.com, kus kuvatakse mitmeid artikleid graafilise disaini kohta. Saate ekraanil salvestada kõike, mis on teie jaoks mõistlik. Kerige ühtlaselt ja veenduge, et see poleks liiga kiire ega liiga aeglane.

Kui teie lühike salvestus on lõpetatud, salvestage see MP4-vormingus ja asetage hõlpsasti juurdepääsetavasse kausta.

Millist fotot peaksite kasutama?

Selle maketi parimate tulemuste saavutamiseks peaksite kasutama fotot, millel on takistusteta ekraan. See võib olla mobiiliekraan, arvuti või isegi teleri ekraan. Kuigi teie pilt võib näidata teatud perspektiivi, on kõige parem, kui ekraan on enamasti otse teie poole.

On võimalik kasutage takistatud ekraani või raske perspektiiviga pilt keerulisema maketi jaoks, kuid täna jätame selle lihtsaks.

Saate teha oma foto või laadida selle alla autoritasuta saidilt, näiteks Vabastage pritsmed. Me ei kasuta selle õpetuse jaoks valmis PSD maketti, seega ei pea te selle leidmisega vaeva nägema.

Kuidas teha videomaketti

Avage oma pilt Photoshopis.

Kui laadisite pildi alla autoritasuta saidilt või tegite selle kvaliteetse kaameraga, võib suurus olla päris suur. Saate pildi suurust vähendada.

Klõpsake Pilt > Pildi suurus. Lõplikud mõõtmed on teie otsustada, kuid soovitame laiust umbes 1200. Suuruse muutmisel hoidke pildipiirangud proportsionaalsed. Klõpsake Okei.

Nüüd looge ruum, kus video istub. Otsige üles oma algse video mõõtmed; Kui salvestate ekraanikuva telefonist, leidke telefoni ekraani mõõtmed ja kui salvestate veebilehe, võite kasutada tavalist 1680 x 1050, kui te ei tea täpseid mõõtmeid.

Kasutades ristküliku tööriista (U), klõpsake oma lõuendil. See avab hüpikakna, kus saate määrata mõõtmed. Sisestage ekraanisalvestuse laius ja kõrgus ning klõpsake Okei. Eemaldage joon ja valige must või tumehall täitevärv.

Paremklõpsake ristküliku kihil ja minge lehele Teisenda nutikaks objektiks. Nüüd saate ristküliku ümber kujundada nii, et see sobiks ideaalselt ekraaniga. See tähendab, et iga nutikale objektile asetatud kujutis järgib sama kuju teisendust.

Ristküliku teisendamiseks kasutage teisendustööriista. Selle leiate, minnes aadressile Muuda > Tasuta teisendus või löömisega cmd + T (Mac) või ctrl + T (Windows).

Teisendustööriist muudab ainult ristküliku suurust. Muutke ekraani suurus võimalikult sarnaseks. Seejärel kasutage funktsiooni Distort.

Jällegi minge lehele Muuda menüü siis Teisendus > Moonutama. See võimaldab teil nurki lohistada ja venitada, et need ekraaniga ideaalselt kokku puutuksid. See toimib suurepäraselt, kui teie pildile on lisatud perspektiivi. Topeltklõpsake ristkülikut, kui olete kõik nurgad ja servad joondatud. Kui servad pole õigesti joondatud, kasutage uuesti suvandit Teisenda ja moonutage, kuni need on õiges kohas.

Saate oma video sisestada õige suurusega ja kujuga nutiobjekti. Klõpsake Aken > Ajaskaala animatsiooni ajaskaala avamiseks. Veenduge, et see oleks video ajaskaalal, mitte kaadri animatsioonil.

Topeltklõpsake kihtide paneelil nutikat objekti, klõpsates oma nutika objekti pisipildil paberi ja ruuduga ikooni. See avaneb uues aknas.

Lohistage oma video nutika objekti aknasse. Teie video peaks olema sama suur kui teie ristkülik. Kui mõõtmed on väljas, saate selle lihtsalt parandada: lohistage nurki, kuni need mahuvad kogu aknaga.

Kui teil on vaja servi ära lõigata, saate seda teha. Kõik, mida näete, on see, mida näidatakse lõplikus maketis. Kui olete rahul, topeltklõpsake suuruse ja paigutuse kinnitamiseks.

Nüüd näete video ajaskaalal kahte ajaskaala kihti: ühte ristküliku ja teist uue video jaoks. Lohistage ristküliku ajaskaala pikkust, et see vastaks video pikkusele. See tagab, et videot vaadatakse kogu selle aja jooksul.

Video kontrollimiseks klõpsake esitusnupul. Laadimine võib veidi aega võtta ja seetõttu mängida aeglasemalt kui tegelik ajastus.

Videoekraani realistlikumaks muutmiseks muutke videokihi segamisrežiimi. Samuti saate videokihi läbipaistmatust vähendada). Mängige erinevate segamisseadetega, kuni olete rahul. Kui soovite selle toiminguta jätta, on see ka hea. See annab ekraanile selgema ülevaate.

Nüüd salvestage video maketisse lihtsalt nutika objekti aken. Seda saate teha minnes aadressile Fail > Salvesta või lööb cmd + S (Mac) või ctrl + S (Windows). Pärast salvestamist väljuge nutika objekti aknast.

Naaste maketiaknasse. Näete oma videot ekraani kohal.

Maketi salvestamiseks minge aadressile Fail > Ekspordi > Renderda video… Siin saate muuta lõpliku maketi suurust. Suuruse muutmine aitab kaasa ka laadimisele ja faili üldisele suurusele. Kui olete oma seadetega rahul, klõpsake nuppu Renderda.

Selle tulemuseks on lõplik MP4-videofail koos teie lõpetatud videomaketiga.

Viige oma maketid videoekraani maketi abil edasi

Kui kasutate oma ekraanimudelites videot, saate rohkem tööd jagada ja rohkem inimesi kaasata. Seda Photoshopis loodud dünaamilist maketistiili on lihtne teha ja selle tulemused on suurepärased.

Kuigi saate seda tehnikat kasutada staatilise maketi jaoks, kasutades ainult pilti, õpite video abil uusi oskusi ja julgustate inimesi teie tööga kauem tegelema. Videomaketti näeb harva ja üllatus köidab kõigi vaatajate tähelepanu.

Kuidas teha Photoshopis karbi pakendi maketti

Loe edasi

Autori kohta