Помогни ни да направим Uroci.net по - богат! Добави урок

Анимация тип

AxlRose   трудност:    видян: 15742

Във този урок ще видите как да си направите пулсиращо нещо което може да ползвате в сайта си.

Ето какво ми се получи на мен -> тук

1. Правим си нов документ със избрани размери.

* всеки нов елемент е желателно да го правим във нов слой

2. Избираме Rectangle Tool без Fill color, само със Stroke color. Това се прави от Colors менюто, то е под останалите инструменти.

3. *Очертаваме фигура и слагаме една хоризонтална пунктирна черта в средата да изглежда така:


уроци - Untitled 1.png


4 *Следва да направим нашата "пулсираща" линийка.

-> избираме Line Tool със подходящ цвят и дебелина. Рисуваме линийката на ръка да се получи нещо такова:


уроци - Untitled 2.png

5 След като начертаем желаната линия избираме само нейния слой така че да се маркира всичко. Отиваме на Modify -> Convert to symbol или натискаме F8. Избираме да е Movie Clip.

6 Във вече направения Movie Clip, със десен бутон избираме Edit in place. Отваря се нова сцена на която ще работим. Имаме 1 слой Layer 1 във който ни е линийката. Правим нов слой, в него ще чертаем анимацията.

7 Във новия слой си правим правоъгълник със цвят какъвто искаме да ни е пулса. Избираме правоъгълника и го конвертираме във Movie Clip отново със F8.

8 Поставете правоъгълника във ЛЯВО спрямо "пулса" но на 1 ниво. Нещо такова:


уроци - Untitled 3.png

9 Със десен бутон на 1я кадър на слоя със правоъгълника избираме Create Motion tween. Отиваме на 20 кадър и натискаме F6. Докато сме на този кадър изместваме правоъгълника във дясно спрямо "пулса"


уроци - Untitled 4.png

10 Избираме 1 кадър от слоя със "пулса" и на него задаваме да е Motion Tween. Отиваме на 20 кадър, пак F6 БЕЗ ДА ПРАВИМ НИЩО.

11. Избираме си слоя със правоъгълника, отиваме там където пише Layer 2, със десен бутон го задаваме като маска ( Mask )

12. CTRL + Enter за да видим каква сме я свършили. Вече трябва да сме готови. По желание може да си доокрасите нашият апарат със пулса. Аз добавих и цифрови показатели и линия на живота :)


Работните файлове от урока.

:: Урока изготвил AxlRose ::



Коментари (2)

dashe на 10.04 2007 в 20:28ч.
Хареса ми и то доста.. ;)
Само имам една препоръка.. ;)
Да се намали малко големината.. на нещатата ;)
Поне със 2-3px ;)
eXpRess1on на 01.06 2007 в 14:39ч.
какъв е шрифта на получено на човека от урока там където пише Сърдечен Ритъм ! Много го търся този шрифт

Регистрирайте се, за да добавите коментар


Калдейта ЕООД - © 2003-2010. Всички права запазени.
Препоръчваме: Национален Бизнес | Bomba.bg | IT Новини | Диплома.бг | TRAVEL туризъм | Реферати | AmAm.bg | Иде.ли | Курсови работи | Фото Форум | Spodeli.net | Фото-Култ | Atol.bg | Elmaz.com | MobileBulgaria.com | Казанлък.Com