Створення анімованих кнопок у Corel Draw

Графічні посилання на WWW – сторінках значно краще сприймаються, якщо вони змінюють свій вигляд при наведенні на них миші і при клацанні мишею. В CorelDRAW 10 створення таких об'єктів автоматизовано.


Як приклад створимо кнопку, яка змінює свій зовнішній вигляд. Спочатку слід створити заготівлю, з якої будуть зроблені всі варіанти натиснутою і не натиснутою кнопки. Створіть прямокутник із закругленими краями і залийте його чорним кольором. Створіть копію прямокутника, трохи зрушивши його лівіше і вище, після чого залийте копію білим кольором. Помістіть зверху напис, встановіть для тексту чорний контур і залийте його білим кольором. Кнопка в не натиснутому стані готова (Мал. 12.3, ліворуч). Далі з неї слід зробити динамічний об'єкт.


Рис. 12.3. Різні фази. кнопки


Виділіть малюнок кнопки і виберіть команду меню Effects Rollover Create Rollover (Ефекти Натискаємо кнопку Створити натискаються кнопки). Зовні нічого не зміниться, але тепер замість декількох об'єктів у документі є натискається кнопка в звичайному стані, про що говорить напис у рядку стану Rollover [NORMAL] (Натискається кнопка [ЗВИЧАЙНИЙ]).


Для зміни малюнка в інших режимах клацніть правою кнопкою миші на об'єкті і виберіть в допоміжному меню команду Edit Rollover (Редагувати натискаємо кнопку). Всі малюнки, крім редагованої кнопки, стануть невидимими, і на екрані з'явиться додаткова панель інструментів Internet (Інтернет). Якщо ви часто створюєте малюнки для Інтернету, слід постійно помістити її у вікні програми. Якщо панель інструментів Internet (Інтернет) весь час видно, то для створення кнопки можна не обирати команду меню, а натиснути на панелі кнопку "Create Rollovers". Перехід в режим редагування здійснюється натисканням кнопки "Edit Rollover".


Після переходу в режим редагування ви повинні створити малюнки для двох інших положень кнопки. Виберіть у списку, розташованому в лівій частині панелі Internet (Інтернет), варіант OVER (Над). Ви перейшли до редагування кнопки, коли на неї встановлений покажчик миші. Раніше в списку був обраний варіант NORMAL (Зазвичай), що вказує на звичайний вигляд кнопки. Видаліть контур тексту і залийте його чорним кольором. Так буде виглядати кнопка при проходженні над нею покажчика миші (Мал. 12.3, в центрі).


Виберіть у списку варіантів малюнка значення DOWN (Натиснути). Тепер залишилося намалювати натиснуту кнопку. В якості заготовки пропонується перший варіант. Зробіть чорним текст і приберіть його контур. Посуньте текст і білий прямокутник нижче і права, а чорний прямокутник – в протилежну сторону. Тепер кнопка виглядає натиснутою (Мал. 12.3, праворуч).


Натисніть кнопку "Finish Editing Rollover" щоб закінчити редагування кнопки і повернутися у звичайний режим роботи редактора. Тепер можна подивитися, що у нас вийшло. Натисніть кнопку "Edit Rollover". панелі Internet (Інтернет). Ви можете спробувати, як працює анімація кнопки. Встановіть покажчик миші на створеної вами кнопці, і малюнок на ній зміниться. Натисніть кнопку миші, і не відпускайте її. Поки ви натискаєте кнопку миші, на створеній кнопці намальований третій малюнок. Відпустіть кнопку миші і відведіть покажчик миші в бік. На кнопці знову з'явиться початковий малюнок. Не турбуйтеся, якщо зміни малюнка відбуваються занадто повільно. При реальній роботі в Інтернеті все буде відбуватися значно швидше. Відіжміть кнопку "Finish Editing Rollover" щоб повернутися в режим редагування.


Якщо ви після виділення анімаційної кнопки натиснете кнопку "Extract Rollover Object" панелі Internet (Інтернет), то всі фази будуть виділені в окремі об'єкти, розташовані один на одному. Ви можете перетягнути їхньою мишею в бік, щоб переконатися в цьому. Щоб підготувати створений малюнок для публікації в Інтернеті, натисніть кнопку "Internet" панелі Internet (Інтернет) і на екрані з'явиться діалог, в якому настроюється формат Інтернет – документа. При збереженні будуть створені не лише малюнки, але і необхідний код, що дозволяє змінювати зовнішній вигляд об'єктів при перегляді WWW – сторінки. Розглянемо цей діалог докладніше

Схожі статті:


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

Коментарів поки що немає.

Ваш отзыв

Поділ на параграфи відбувається автоматично, адреса електронної пошти ніколи не буде опублікований, допустимий HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

*

*