Како направити макету видео екрана у Пхотосхопу

Макете су одличан начин да брзо и у идеалном окружењу покажете свој рад. Док већина људи користи макете слика, видео макета ће привући пажњу и задржати људе ангажоване на вашем послу. Додавање видео снимка на екран је кул начин да покажете свој рад, а није ни тешко.

Шта је макета видео екрана?

Моцкуп је дигитални начин да се прототип дизајна или примени дизајн на производ у реалном времену без производње. Разлози за то су многи, али један од главних разлога за креирање макете је да ваши дизајни, илустрације или било шта што желите да покажете изгледају реалистичније. Помаже вашој публици да визуализује како ће комад изгледати на крају.

Уместо додатног времена, новца и труда који би били потребни за производњу стварног производа, можете креирати дигитални моцкуп који садржи вашу уметност, дизајн, веб локацију итд.

Сада, анимирани модел екрана је веома сличан концепт, али са макетом на екрану, попут телефона или рачунара. А уместо слике, макета ће приказати покретни дизајн или видео.

Ови покретни дизајни могу бити било шта, од видеа до прототипа УКС/УИ дизајна или снимка екрана.

Зашто би требало да користите анимирани модел екрана?

Један од најбољих разлога за прављење анимираног модела екрана је да се покаже веб локација. То је одличан начин да покажете веб локацију коју сте дизајнирали у свом портфељу.

Коришћење макете даје мало више креативности у вашем портфељу од једноставних снимака екрана ваше веб странице. То је одличан начин да диверзификујете како ваши макети могу да изгледају.

Ако желите да прикажете видео који сте креирали, ово такође може бити креативан начин да га прикажете уместо да само уграђујете видео са ИоуТубе-а итд. Све у свему, анимирани модел екрана је забаван начин да прикажете свој рад.

Како направити анимирани модел екрана у Пхотосхопу

Иако већина људи познаје Пхотосхоп као алат за уређивање слика, можете га користити и за прављење анимација и видео записа. Дакле, ево корака за креирање видео макете користећи Пхотосхоп.

Коју врсту видеа треба да користите?

Постоји много опција за ваш анимирани модел екрана. Мања видео датотека ће најбоље функционисати. Иако ову технику можете да користите за приказ правих видео снимака, величина ће отежати приказивање у Пхотосхопу.

Из тог разлога, направићемо макету за померање веб странице. Коришћење краћег видео снимка без других аспеката дизајна ће се приказати брже и дати резултат високог квалитета.

Користите снимач екрана да бисте направили видео снимак екрана. Ово се може урадити на мобилном или десктопу, у зависности од тога на чему желите да се налази ваш модел. Користићемо Куицктиме Плаиер на Мац-у и Ново снимање екрана опција, али има их доста друге Мац опције. Ако имате иПхоне, можете видети како снимити екран на иПхоне-у. Не треба вам никакав звук у овом снимку.

За наш видео, снимили смо веб страницу Макеусеоф.цом, приказујући низ чланака о графичком дизајну. Можете снимити екран шта год за вас има смисла. Држите стабилан скрол и уверите се да није ни пребрзо ни преспоро.

Када се ваш кратки снимак заврши, сачувајте га као МП4 и ставите га у фасциклу којој је лако приступити.

Коју врсту фотографије треба да користите?

За најбоље резултате у овом моделу, требало би да користите фотографију која приказује несметан екран. Ово може бити мобилни екран, рачунар или чак ТВ екран. Иако ваша слика може да прикаже неку перспективу, најбоље је ако је екран углавном окренут ка вама.

Могуће је користите екран са препрекама или слику са тешком перспективом за компликованији модел, али данас ћемо то учинити једноставним.

Можете да направите сопствену фотографију или да је преузмете са сајта без накнаде, као што је Унспласх. Нећемо користити унапред припремљени ПСД модел за овај водич, тако да вам неће требати муке да га пронађете.

Како направити видео макету

Отворите своју слику у Пхотосхопу.

Ако сте преузели слику са сајта без накнаде или је снимили висококвалитетном камером, величина може бити прилично велика. Можете смањити величину слике.

Кликните Слика > Величина слике. Коначне димензије су на вама, али ми препоручујемо ширину од око 1200. Држите ограничења слике у пропорцијама када мењате величину. Кликните У реду.

Сада да направите простор где ће видео бити смештен. Пронађите димензије свог оригиналног видеа; ако прегледате екран снимљен са телефона, пронађите димензије екрана телефона, а ако екран снима веб локацију, можете користити стандардну резолуцију од 1680 к 1050, осим ако не знате тачне димензије.

Користећи алатку Правоугаоник (У), кликните на своје платно. Ово ће донети искачући прозор у којем можете одредити димензије. Унесите ширину и висину снимка екрана и кликните У реду. Уклоните црту и изаберите црну или тамно сиву боју пуњења.

На слоју правоугаоника, кликните десним тастером миша и идите на Претворите у паметни објекат. Сада можете да трансформишете правоугаоник тако да се савршено уклапа у екран. То значи да ће свака слика постављена на паметни објекат пратити исту трансформацију облика.

Да бисте трансформисали свој правоугаоник, користите алатку за трансформацију. Ово можете пронаћи ако одете на Уредити > Слободна трансформација или ударањем цмд + Т (Мац) или цтрл + Т (Виндовс).

Алат за трансформацију ће променити само величину правоугаоника. Промените величину на што сличну екрану колико год можете. Затим користите функцију Дисторт.

Опет, идите на Уредити мени, онда Преобразити > Дисторт. Ово ће вам омогућити да превучете и истегнете углове како би се савршено састали са екраном. Ово одлично функционише ако ваша слика има неку додатну перспективу. Двапут кликните на правоугаоник када поравнате све своје углове и ивице. Ако ивице нису правилно поређане, поново користите алатку за трансформацију и опцију Дисторт док не буду.

Можете да уметнете свој видео у паметни објекат одговарајуће величине и облика. Кликните Прозор > Временска линија да отворите временску линију анимације. Уверите се да је на временској линији видеа, а не на анимацији кадра.

Двапут кликните на паметни објекат у панелу слојева тако што ћете кликнути на икону са папиром и квадратом на сличици вашег паметног објекта. Ово се отвара у новом прозору.

Превуците видео у прозор паметног објекта. Ваш видео треба да буде исте величине као правоугаоник. Ако су димензије искључене, можете то лако поправити: превуците углове док не стану у цео прозор.

Ако треба да исечете ивице, можете то да урадите. Шта год можете да видите је оно што ће бити приказано у коначном моделу. Када будете задовољни, двапут кликните да бисте потврдили величину и положај.

Сада ћете видети два слоја временске линије на временској линији видеа: један за правоугаоник и један за нови видео. Превуците дужину временске линије правоугаоника да одговара дужини видео снимка. Ово осигурава да ће видео бити виђен током свог трајања.

Кликните на дугме за репродукцију да бисте проверили свој видео. Може потрајати неко време да се учита и стога игра спорије од стварног времена.

Да би ваш видео екран изгледао реалистичније, промените режим мешања видео слоја. Такође можете смањити непрозирност на видео слоју). Играјте се са различитим подешавањима мешања док не будете задовољни. Ако желите да га оставите без овог корака, и то је у реду. То ће дати јаснији поглед на екран.

Сада, да бисте сачували видео у свом моделу, само сачувајте прозор паметног објекта. То можете учинити тако што ћете отићи на Филе > сачувати или ударање цмд + С (Мац) или цтрл + С (Виндовс). Када сачувате, изађите из прозора паметног објекта.

Вратићете се на прозор за макету. Видећете свој видео на месту екрана.

Да бисте сачували свој модел, идите на Филе > Извоз > Рендер видео… Овде можете променити величину коначног модела. Промена величине ће такође помоћи при учитавању и укупној величини датотеке. Када будете задовољни својим подешавањима, кликните Дати, пружити.

Ово ће резултирати коначном МП4 видео датотеком са вашом завршеном видео макетом.

Узмите своје моделе даље уз модел видео екрана

Коришћењем видео записа у макетама екрана, моћи ћете да делите више посла и ангажујете више људи. Овај динамични моцкуп стил креиран у Пхотосхопу је једноставан за прављење и има одличне резултате.

Иако ову технику можете да користите за статичну макету користећи само слику, коришћењем видеа научите нову вештину и подстичете људе да се дуже баве вашим послом. Ретко се може видети видео макета, а изненађење ће привући пажњу свакога ко га погледа.

Како направити макету паковања кутије у Пхотосхопу

Реад Нект

О аутору