Дизайнът на сайтовете е много важен за това как те в крайна сметка се възприемат от посетителите. Хората трябва да изпитват естетическо удоволствие, докато са на страниците на сайта, както и тези страници трябва да са удобни и функционални за тях. Никой сайт не е пълен без бутони за навигация и вашият сайт ще изглежда функционален и красив едновременно, ако направите тези бутони анимирани.
Инструкции
Етап 1
Графичните бутони, за разлика от текстовите, се забелязват на страниците и са лесни за запомняне от читателите. Използвайте Corel Draw, за да създадете анимирани бутони. Създайте нов документ и нарисувайте празно място, на което бутонът ще се показва в няколко изгледа, както в натиснато, така и в не натиснато състояние.
Стъпка 2
За да нарисувате бутон, изберете подходящия инструмент от кутията с инструменти и нарисувайте заоблен правоъгълник. Напълнете правоъгълника с черно, след това го копирайте и преместете копието наляво и нагоре. Напълнете втория правоъгълник с бяло.
Стъпка 3
На празния бутон напишете името му, като добавите черен контур към текста. Направете текста бял. Сега отворете менюто Effects Rollover, като маркирате бутона и щракнете върху опцията Create Rollover. Ще видите Normal в лентата на състоянието на Rollover.
Стъпка 4
Сега, за да промените изображението на бутон, щракнете с десния бутон върху него и изберете опцията Редактиране на преобръщане в контекстното меню. Ще се отвори нова лента с инструменти в Интернет. Начертайте допълнителни позиции на бутоните, които след това ще се променят една след друга, създавайки анимационен ефект.
Стъпка 5
От лявата страна на интернет панела щракнете върху бутона Over и редактирайте бутона, за да премахнете контура на текста. Напълнете текста с черно, за да създадете втора негова версия в анимацията. Сега натиснете бутона надолу и нарисувайте последната версия на бутона, докато е натиснат.
Стъпка 6
Преместете текста и белия правоъгълник надолу надясно и плъзнете черния правоъгълник нагоре вляво. Сега кликнете върху бутона Finish Editing Rollover.
Стъпка 7
Запазете бутона заедно с кода, който можете да използвате, за да промените външния вид на обектите на уеб страницата. По този начин можете да нарисувате всякакъв бутон с всякакъв дизайн.
