Cum se creează o machetă a ecranului video în Photoshop

Modelele sunt o modalitate excelentă de a vă arăta munca rapid și într-un cadru ideal. În timp ce majoritatea oamenilor folosesc machete de imagini, o machetă video va atrage atenția și va menține oamenii implicați în munca ta. Adăugarea unui videoclip pe un ecran este o modalitate grozavă de a-ți arăta munca și nici nu foarte dificil de făcut.

Ce este o machetă a ecranului video?

O machetă este o modalitate digitală de a prototip un design sau de a aplica un design la produsul său în timp real, fără a-l produce. Motivele pentru aceasta sunt multe, dar unul dintre principalele motive pentru a crea o machetă este să vă faceți desenele, ilustrațiile sau orice doriți să arătați să pară mai realiste. Îți ajută publicul să vizualizeze cum va arăta piesa la sfârșit.

În loc de timpul, banii și efortul suplimentar necesar pentru a produce un produs real, puteți crea o machetă digitală care să prezinte arta, designul, site-ul dvs. web etc.

Acum, o machetă de ecran animată este un concept foarte asemănător, dar cu o machetă pe un ecran, cum ar fi un telefon sau un computer. Și în loc de o imagine, macheta va afișa un design sau un videoclip în mișcare.

Aceste modele în mișcare pot fi orice, de la un videoclip la un prototip de design UX/UI sau o înregistrare de ecran.

De ce ar trebui să utilizați o machetă de ecran animată?

Unul dintre cele mai bune motive pentru a crea o machetă a ecranului animat este acela de a prezenta un site web. Este o modalitate excelentă de a arăta un site web pe care l-ați proiectat în portofoliul dvs.

Folosirea unei machete oferă un pic mai multă creativitate în portofoliul tău decât simplele capturi de ecran ale site-ului tău web. Este o modalitate excelentă de a diversifica modul în care pot arăta machetele tale.

Dacă doriți să afișați un videoclip pe care l-ați creat, acesta poate fi, de asemenea, o modalitate creativă de a-l afișa în loc să încorporați doar videoclipul de pe YouTube etc. În general, o machetă de ecran animată este o modalitate distractivă de a-ți afișa munca.

Cum se creează o machetă de ecran animată în Photoshop

Deși majoritatea oamenilor cunosc Photoshop ca instrument de editare a imaginilor, îl puteți folosi și pentru a crea animații și videoclipuri. Așadar, iată pașii pentru crearea unei machete video folosind Photoshop.

Ce fel de videoclip ar trebui să folosiți?

Există o mulțime de opțiuni pentru macheta ecranului animat. Un fișier video mai mic va funcționa cel mai bine. Deși puteți folosi această tehnică pentru a afișa imagini video reale, dimensiunea va îngreuna randarea în Photoshop.

Din acest motiv, vom crea o machetă care derulează o pagină web. Utilizarea unui videoclip mai scurt, fără alte aspecte de design, va fi redat mai rapid și va produce un rezultat de înaltă calitate.

Utilizați un recorder de ecran pentru a crea un videoclip al ecranului dvs. Acest lucru se poate face pe un dispozitiv mobil sau desktop, în funcție de ceea ce doriți să fie modelul dvs. Vom folosi Quicktime Player pe Mac și Noua înregistrare a ecranului opțiune, dar există o mulțime alte opțiuni pentru Mac. Dacă aveți un iPhone, puteți vedea cum să înregistrați ecranul pe un iPhone. Nu aveți nevoie de niciun sunet în această înregistrare.

Pentru videoclipul nostru, am înregistrat site-ul Makeuseof.com, prezentând o serie de articole despre design grafic. Puteți înregistra pe ecran orice are sens pentru dvs. Păstrați un scroll constant și asigurați-vă că nu este nici prea rapid, nici prea lent.

Odată ce înregistrarea scurtă este completă, salvați-o ca MP4 și puneți-o într-un folder ușor de accesat.

Ce fel de fotografie ar trebui să folosești?

Pentru cele mai bune rezultate în această machetă, ar trebui să utilizați o fotografie care arată un ecran neobstrucționat. Acesta poate fi un ecran mobil, computer sau chiar un ecran TV. Deși imaginea dvs. poate arăta o anumită perspectivă, cel mai bine este ca ecranul să fie în mare parte îndreptat spre dvs.

Este posibil să utilizați un ecran obstrucționat sau o imagine cu o perspectivă grea pentru o machetă mai complicată, dar o vom păstra simplă astăzi.

Puteți să vă faceți propria fotografie sau să descărcați una de pe un site fără drepturi de autor, cum ar fi Unsplash. Nu vom folosi o machetă PSD prefabricată pentru acest tutorial, așa că nu veți avea nevoie de bătaia de cap de a încerca să găsiți una.

Cum să faci o machetă video

Deschideți imaginea în Photoshop.

Dacă ați descărcat imaginea de pe un site fără drepturi de autor sau ați luat-o cu o cameră de înaltă calitate, dimensiunea poate fi destul de mare. Puteți reduce dimensiunea imaginii.

Clic Imagine > Marimea imaginii. Dimensiunile finale vă aparțin, dar vă recomandăm o lățime de aproximativ 1200. Păstrați constrângerile de imagine proporțional atunci când schimbați dimensiunea. Clic Bine.

Acum pentru a crea spațiul în care va sta videoclipul. Găsiți dimensiunile videoclipului original; dacă ecranizați înregistrarea de pe un telefon, găsiți dimensiunile ecranului telefonului, iar dacă ecranați un site web, puteți utiliza un standard de 1680 x 1050, cu excepția cazului în care cunoașteți dimensiunile exacte.

Folosind instrumentul Dreptunghi (U), faceți clic pe pânză. Aceasta va aduce o fereastră pop-up în care puteți specifica dimensiunile. Introduceți lățimea și înălțimea înregistrării ecranului și faceți clic Bine. Îndepărtați conturul și alegeți o culoare de umplere de negru sau gri închis.

Pe stratul dreptunghiului, faceți clic dreapta și accesați Convertiți în obiect inteligent. Acum puteți transforma dreptunghiul pentru a se potrivi perfect în ecran. Aceasta înseamnă că orice imagine plasată pe obiectul inteligent va urma aceeași transformare de formă.

Pentru a vă transforma dreptunghiul, utilizați instrumentul Transformare. Puteți găsi acest lucru mergând la Editați | × > Transformare libera sau lovind cmd + T (Mac) sau ctrl + T (Windows).

Instrumentul Transformare va schimba doar dimensiunea dreptunghiului. Schimbați dimensiunea la cât mai asemănătoare cu ecranul. Apoi utilizați funcția Distorsionare.

Din nou, du-te la Editați | × meniu, atunci Transforma > Denatura. Acest lucru vă va permite să trageți și să întindeți colțurile pentru a se potrivi perfect cu ecranul. Acest lucru funcționează excelent dacă imaginea dvs. are o perspectivă suplimentară. Faceți dublu clic pe dreptunghi după ce v-ați aliniat toate colțurile și marginile. Dacă marginile nu sunt aliniate corect, utilizați din nou instrumentul Transformare și opțiunea Distorsionare până când sunt.

Puteți introduce videoclipul în obiectul inteligent de dimensiunea și forma corectă. Clic Fereastră > Cronologie pentru a deschide cronologia animației. Asigurați-vă că este pe cronologia video și nu pe animația cadru.

Faceți dublu clic pe obiectul inteligent din panoul de straturi făcând clic pe pictograma cu hârtie și pătrat de pe miniatura obiectului dvs. inteligent. Aceasta se deschide într-o fereastră nouă.

Trageți videoclipul în fereastra obiectului inteligent. Videoclipul ar trebui să aibă aceeași dimensiune cu dreptunghiul. Dacă dimensiunile sunt dezactivate, îl puteți repara cu ușurință: trageți colțurile până se potrivesc cu toată fereastra.

Dacă trebuie să tăiați orice margini, puteți face asta. Orice puteți vedea este ceea ce va fi afișat în macheta finală. Odată ce sunteți mulțumit, faceți dublu clic pentru a confirma dimensiunea și plasarea.

Veți vedea acum două straturi cronologice pe cronologia videoclipului: unul pentru dreptunghi și unul pentru noul videoclip. Trageți lungimea cronologiei dreptunghiului pentru a se potrivi cu lungimea videoclipului. Acest lucru asigură că videoclipul va fi văzut pe durata sa.

Faceți clic pe butonul de redare pentru a vă verifica videoclipul. Încărcarea poate dura ceva timp și, prin urmare, redarea mai lent decât sincronizarea reală.

Pentru ca ecranul video să pară mai realist, schimbați modul de amestecare al stratului video. De asemenea, puteți reduce opacitatea stratului video). Joacă-te cu diferite setări de amestecare până când ești fericit. Dacă doriți să o lăsați fără acest pas, este bine și asta. Acesta va oferi o vedere mai clară a ecranului.

Acum, pentru a salva videoclipul pe macheta, trebuie doar să salvați fereastra obiectului inteligent. Puteți face acest lucru mergând la Fişier > salva sau lovirea cmd + S (Mac) sau ctrl + S (Windows). Odată salvat, ieșiți din fereastra obiectului inteligent.

Veți reveni la fereastra machetei. Veți vedea videoclipul în locul ecranului.

Pentru a salva macheta, accesați Fişier > Export > Redați videoclipul... Aici, puteți modifica dimensiunea machetei finale. Modificarea dimensiunii va ajuta, de asemenea, la încărcare și la dimensiunea generală a fișierului. După ce sunteți mulțumit de setările dvs., faceți clic Face.

Acest lucru va avea ca rezultat un fișier video MP4 final cu macheta video finalizată.

Du-ți machetele mai departe cu o machetă a ecranului video

Folosind videoclipuri în machetele de pe ecran, veți putea partaja mai multă muncă și veți implica mai multe persoane. Acest stil de machetă dinamic creat în Photoshop este ușor de realizat și are rezultate excelente.

Deși puteți folosi această tehnică pentru o machetă statică folosind doar o imagine, prin utilizarea videoclipului, învățați o nouă abilitate și încurajați oamenii să se implice în munca dvs. pentru mai mult timp. O machetă video este rar de văzut, iar surpriza va atrage atenția oricui caută.

Cum să faci o machetă de ambalaj cutie în Photoshop

Citiți în continuare

Despre autor