З увядзеннем панэлі "Храналогія" ў Photoshop CS6, Adobe зрабіла вялікую частку новых магчымасцей рэдагавання відэа, якія дазваляюць рэдагаваць, паляпшаць і рэндэрызаваць відэа непасрэдна ў Photoshop. Нягледзячы на тое, што Adobe рэкламуе яго галоўным чынам як інструмент для рэдагавання відэа, для мяне сапраўды цікавая магчымасць ствараць хуткія аніміраваныя ўкусы непасрэдна з Photoshop без неабходнасці пераключэння праграмных пакетаў.
Тут я пакажу вам, як хутка стварыць кароткі аніміраваны застаўку для iPad. Для дызайнераў, якія прывыклі працаваць з Flash або After Effects, гэтыя інструменты могуць здацца даволі простымі, але для любога дызайнера, які хоча выкарыстоўваць графіку руху, яны забяспечваюць хуткае і простае ўвядзенне ў паняцце тэрмінаў і ключавых кадраў. Вядома, канчатковы выхад не павінен быць для экрана-застаўкі iPad, таму вы толькі абмежаваныя сваёй фантазіяй у тым, для чаго выкарыстоўваецца ваш канчатковы выхад.
01 Пачніце з налады новага дакумента з патрэбным дазволам iPad з выпадальнага меню "Мабільныя прылады". Запоўніце фон колерам па вашаму выбару (у дадзеным выпадку шэрым), стварыце ў цэнтры белы квадрат на новым пласце, затым стварыце дзве чорныя кропкі і прывяжыце іх да двух процілеглых кутоў, зноў на асобных слаях. Пазначце ўсё належным чынам, каб пазней палегчыць жыццё.
02 На панэлі Timeline націсніце Create Video Timeline, і ўсе вашы пласты з'явяцца на часовай шкале. Усталюйце 00:00, выберыце Spot 01 і разгарніце пласт, выкарыстоўваючы значок трыкутніка. Цяпер націсніце ўкладку Position, каб стварыць ключавы кадр. Перамясціце часовую шкалу на 01:00 і стварыце іншы ключавы кадр пазіцыі. Цяпер перамесціце пляма ўлева злева ад квадрата і паўтарыце працэс для другога месца, выкарыстоўваючы сапраўды такія ж тэрміны. Паўтарайце працэс з плямамі з інтэрвалам у секунду да адзнакі ў тры секунды, ствараючы ключавыя кадры.
03 Вярніцеся да 00:00 і на новым пласце ледзь вышэй фону стварыце дыяганальнае вылучэнне і запоўніце яго колерам. Мы хочам, каб гэтая фігура перамяшчалася ўнутр і звонку. Стварыце ключавы кадр пазіцыі ў 00:00 і, утрымліваючы Shift, перамясціце форму з палатна. У 01:00 стварыце яшчэ адзін ключавы кадр і перанясіце фігуру ў зыходнае становішча. Прайграйце, і ён, здаецца, правядзе пальцам. Вы бачыце, як ключавыя кадры супадаюць з ключавымі кадрамі.
04 Цяпер перамесціце часовую шкалу яшчэ на 10 кадраў у 01:10 і вярніце форму назад у становішча, якое знаходзіцца ў межах дакумента. Вярніце часовую шкалу да 01:00, дзе фігура ў поўным выглядзе, вылучыце ўсё і скапіруйце пласт. На квадратным пласце націсніце Cmd / Ctrl + A, каб зрабіць вылучэнне, а затым перайдзіце ў меню Рэдагаваць> Уставіць, каб уставіць форму ў квадрат на новы пласт. Запоўніце яго чорным колерам, пазначце яго адпаведным чынам і перамясціце вышэй зыходнага квадратнага пласта.
05 Цяпер мы хочам, каб чорная ўнутраная форма правяла з жоўтай формай. Перамесціце пласт назад на часовую шкалу да 00:00 і паўторыце працэс з папярэдняй жоўтай фігуры, усталяваўшы першы ключавы кадр у 00:00, прычым фігура будзе цалкам адхілена ад палатна, а ў 01:00 - цалкам у поле зроку, але потым не дадавайце больш ключавых кадраў, каб ён, здавалася, праводзіў жоўтым пластом, але заставаўся ў становішчы.