Adobe Edge Animate CC: Сцена

Създаването дори на основна анимация в Adobe Edge Animate CC включва използването на три основни инструмента: сцена, времева линия и лента с инструменти за рисуване. Сцената е жив HTML прозорец, вграден директно в Edge Animate.

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

По-голямата част от интерфейса на Adobe Edge Animate CC се състои от Stage. Сцената е мястото, където изграждате своите анимации. Когато за първи път отворите Edge Animate и решите да създадете нов файл, ви се представя чиста, бяла, празна сцена, от която можете да започнете да изграждате своя проект.

Adobe Edge Animate CC: Сцена

Сцената се намира в горния център на интерфейса и има следните удобни характеристики за създаване на вашите анимации:

  • Това е HTML прозорец на живо: В началото сцената може да не изглежда много – но докато създавате своята анимация, забелязвате изобилие от функционалност.

    Една от най-добрите характеристики на Stage е, че можете да гледате как се играе анимацията на нея. Не е задължително да превключвате към браузър, за да прегледате работата си. Вместо това можете да прегледате анимацията си, като я гледате на сцената — защото сцената всъщност е HTML прозорец. На практика е същият като стандартен уеб браузър, но е вграден направо в Edge Animate.

  • Има правила и ръководства: Две допълнителни функции към сцената са правилата и ръководствата тук:

    • Една линийка минава и по двата върха на Сцената; друг минава по дължината на сцената от лявата страна. Можете да използвате тези линийки, за да ви помогне да поставите вашите активи (като изображения и текст) на сцената.

    • На водачите са тънки виолетови линии, които се простират от владетеля по сцената и от другата страна на екрана. Можете да използвате тези ръководства, за да ви помогне да позиционирате елементите си на сцената. ( Елементите могат да бъдат всякакви от нарисувани кръгове и правоъгълници до изображения до текстови полета и други части, които съставляват анимацията.)

      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 автоматично открива региони, съставени от независими пресичащи се пътеки, и ги запълва съответно. Боята в даден регион остава жива и тече автоматично, ако има […]