Бърз преглед на анимирана композиция Edge

Процесът за създаване на композиция Edge Animate не е твърде различен от създаването на всеки друг тип съдържание. Когато започвате, трябва да помислите какво, къде и как искате да се появи вашата анимация. Вашата анимация ще бъде ли част от съществуващ уебсайт? Добавяте ли анимация, която да допълни книга? Вашият клиент иска ли чисто ново анимирано лого?

Може би искате да създадете реклама, която да се показва в мрежата? Можете да създадете всички тези проекти с помощта на Edge Animate.

Ето основната схема за създаване на Edge Animate композиция:

Определете как вие и вашата аудитория ще използвате тази анимация.

Съберете вашите изображения и други активи.

Напишете контур.

Създавайте и запазвайте често използвани елементи като бутони за повторна употреба по-късно.

Започнете да анимирате.

Запазете и експортирайте готовата си анимация.

Преди да започнете да анимирате, помислете дали вашата анимация ще се гледа в електронен четец, в браузъра, в iBooks или ще бъде приложение за използване както на устройства с iOS, така и на Android.

Без значение от устройството, ако поддържа HTML5 и JavaScript, вашият проект Edge Animate ще работи гладко.

Събиране на вашите активи

След като знаете какво искате да създадете и къде искате да се появи, е време да започнете да събирате вашите активи – електронно нарисувани изображения, снимки, абзаци от текст или комбинация от трите – които ще съставят крайната анимация. Edge Animate улеснява импортирането или създаването на тези активи.

Създаване на очертан подход към вашата анимация

В този момент сте дефинирали целта на вашата анимация и изкуството да я направите красива. Сега трябва да създадете телена рамка, по същество очертание на това как искате да се възпроизвежда вашата анимация.

Разбира се, можете да го измислите и да го измислите, докато вървите, но отлична идея е да си представите анимацията в главата си и след това да запишете на хартия как си представяте, че анимацията ви ще се възпроизвежда от началото до края. Този контур предоставя база, от която можете да работите.

Създаване на символи за често използвани елементи

Ако знаете, че вашата анимация ще съдържа много подобни елементи или едни и същи елементи, повтаряни отново и отново, искате първо да създадете тези елементи. Елементите са различните части, които съставят вашата анимация. Елементът може да бъде поле, което рисувате, текстово поле, което посочвате, изображение, което импортирате и т.н.

Елемент, който може да искате да използвате повторно, може да бъде бутон или актив, който използвате повторно в цялата анимация, или всякакъв тип навигация, която публиката може да използва.

След като създадете този елемент и го накарате да се държи така, както искате, можете да го запишете като символ. След това можете да експортирате този символ за използване в други проекти. По този начин, ако тази анимация стане част от поредица от анимации и искате да използвате повторно едни и същи символи, ще бъдете по-напред от играта, като имате вече запазени и готови за работа някои активи, когато създадете действителната анимация.

Можете дори да запишете цял анимационен проект като символ. Например, ако създадете анимация на слайдшоу, можете да запишете цялото това слайдшоу като символ, който след това можете да експортирате от Edge Animate — и след това да импортирате в друг проект Edge Animate.

Аниматори, започнете да правите анимация

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

За да започнете да анимирате, импортирате активите си в сцената. След това използвате Timeline за създаване на ключови кадри. Един ключов кадър представлява анимация последователност. Например, ако анимирате поле, движещо се от едната страна на сцената до другата, тази анимация се представя във времевата линия като ключов кадър.

Оттам добавяте действия към вашите елементи за интерактивност. Докато създавате своята анимация, можете да я визуализирате, за да се уверите, че анимацията се държи така, както очаквате да се държи.

Запазване и експортиране на вашата анимация

Когато приключите със създаването на своя анимационен проект, искате да запишете или експортирате вашата композиция за използване от вашата аудитория или за използване в друг проект или инструмент за проектиране. Edge Animate предоставя много опции за експортиране и запазване на вашата работа. По същия начин има множество опции за това как можете да представите работата си както онлайн, така и в iBooks, или за използване с други инструменти за проектиране.

Завършване на процеса

В крайна сметка, чрез този процес, вие сте създали анимация с помощта на HTML5 и jQuery - без да въвеждате нито един ред код. Вашата публика може никога да не узнае технологиите, които са направили възможна анимацията, която гледа и взаимодейства с нея (по този въпрос може да не разбирате напълно усъвършенстваните техники за кодиране, които правят това възможно – или някога ще трябва).

Но това е красотата на Adobe Edge Animate CC: върши цялата тежка работа зад кулисите, което ви позволява да седнете и да правите това, което умеете най-добре – създавайте красиво анимирано и интерактивно съдържание, което може да реагира на прилягане и форма с произволен брой размери на екрана и устройства.


Как да приложите прозрачност към SVG

Как да приложите прозрачност към SVG

Научете как да приложите прозрачност към SVG графики в Illustrator. Разгледайте как да извеждате SVG с прозрачен фон и да прилагате ефекти на прозрачност.

Работа с изображения в Adobe XD

Работа с изображения в Adobe XD

След като импортирате изображенията си в Adobe XD, нямате голям контрол за редактиране, но можете да преоразмерявате и завъртате изображенията точно както бихте направили всяка друга форма. Можете също така лесно да закръглите ъглите на импортирано изображение с помощта на ъгловите приспособления. Маскиране на вашите изображения Чрез дефиниране на затворена форма […]

Как да коригирате свойствата на текста в Adobe XD

Как да коригирате свойствата на текста в Adobe XD

Когато имате текст във вашия Adobe XD проект, можете да започнете да променяте свойствата на текста. Тези свойства включват семейство шрифтове, размер на шрифта, тегло на шрифта, подравняване, разстояние между символите (кернинг и проследяване), разстояние между редовете (водещо), запълване, граница (черта), сянка (падаща сянка) и размазване на фона. Така че нека разгледаме как се прилагат тези свойства. Относно четливостта и шрифта […]

Работа с Artboards във Photoshop CC

Работа с Artboards във Photoshop CC

Точно както в Adobe Illustrator, монтажните табла на Photoshop предоставят възможност за изграждане на отделни страници или екрани в рамките на един документ. Това може да бъде особено полезно, ако създавате екрани за мобилно приложение или малка брошура. Можете да мислите за монтажна област като специален тип група слоеве, създадена с помощта на панела Слоеве. Неговото […]

Фигури и многоъгълници в InDesign

Фигури и многоъгълници в InDesign

Много от инструментите, които намирате в панела InDesign Tools, се използват за рисуване на линии и форми на страница, така че имате няколко различни начина за създаване на интересни чертежи за вашите публикации. Можете да създавате всичко от основни форми до сложни чертежи в InDesign, вместо да се налага да използвате програма за рисуване като […]

Обвиване на текст в Adobe Illustrator CC

Обвиване на текст в Adobe Illustrator CC

Опаковането на текст в Adobe Illustrator CC не е същото като опаковането на подарък – по-лесно е! Обвиването на текст принуждава текста да се обвива около графика, както е показано на тази фигура. Тази функция може да добави малко креативност към всяко парче. Графиката принуждава текста да се обвие около нея. Първо, създайте […]

Как да преоразмерите фигури в Illustrator

Как да преоразмерите фигури в Illustrator

Когато проектирате в Adobe Illustrator CC, често се нуждаете от форма с точен размер (например 2 x 3 инча). След като създадете форма, най-добрият начин да я преоразмерите до точни измервания е да използвате панела Transform, показан на тази фигура. Изберете обекта и след това изберете Window→Transform to […]

Как да създадете QR кодове в InDesign CC

Как да създадете QR кодове в InDesign CC

Можете да използвате InDesign за създаване и модифициране на графики с QR код. QR кодовете са форма на баркод, който може да съхранява информация като думи, числа, URL адреси или други форми на данни. Потребителят сканира QR кода, използвайки своята камера и софтуер на устройство, като смартфон, и софтуерът използва […]

Как да накарате нова снимка да изглежда стара във Photoshop CS6

Как да накарате нова снимка да изглежда стара във Photoshop CS6

Може да има момент, когато имате нужда от нова снимка, за да изглеждате стара. Photoshop CS6 ви покрие. Черно-бялата фотография е по-ново явление, отколкото си мислите. Дагеротипите и други ранни снимки често имат кафеникав или синкав оттенък. Можете да създавате свои собствени шедьоври в тон на сепия. Тонизираните снимки могат да създадат […]

Функцията Live Paint в Adobe CS5 Illustrator

Функцията Live Paint в Adobe CS5 Illustrator

Използвайки функцията Live Paint в Adobe Creative Suite 5 (Adobe CS5) Illustrator, можете да създадете желаното от вас изображение и да запълните региони с цвят. Кофата на Live Paint автоматично открива региони, съставени от независими пресичащи се пътеки, и ги запълва съответно. Боята в даден регион остава жива и тече автоматично, ако има […]