Kuidas Teha Animeeritud Nuppu

Sisukord:

Kuidas Teha Animeeritud Nuppu
Kuidas Teha Animeeritud Nuppu

Video: Kuidas Teha Animeeritud Nuppu

Video: Kuidas Teha Animeeritud Nuppu
Video: Корейский словарь // Перевод на Русский язык // Гып 2/2 занятие с учителем 🇰🇷🇷🇺 2024, Mai
Anonim

Saitide kujundus on väga oluline selle jaoks, kuidas külastajad neid lõpuks tajuvad. Inimesed peaksid saidi lehtedel olles kogema esteetilist naudingut, samuti peaksid need lehed olema neile mugavad ja funktsionaalsed. Ükski sait pole ilma navigeerimisnuppudeta täielik ja teie sait näeb korraga funktsionaalne ja ilus välja, kui muudate need nupud animeerituks.

Kuidas teha animeeritud nuppu
Kuidas teha animeeritud nuppu

Juhised

Samm 1

Graafilised nupud, erinevalt tekstinuppudest, on lehtedel märgatavad ja lugejatele kergesti meelde jäävad. Animeeritud nuppude loomiseks kasutage Corel Draw'i. Looge uus dokument ja joonistage tühi koht, millele nupp kuvatakse mitmes vaates nii vajutatud kui ka vajutamata olekus.

2. samm

Nupu joonistamiseks valige tööriistakastist sobiv tööriist ja joonistage ümardatud ristkülik. Täitke ristkülik mustaga, seejärel kopeerige see ja liigutage koopiat vasakule ja üles. Täitke teine ristkülik valgega.

3. samm

Kirjutage tühjale nupule selle nimi, lisades tekstile musta kontuuri. Muutke tekst valgeks. Nüüd avage efektide ümberpaigutamise menüü, tõstes esile nupu ja klõpsates valikut Loo ümberlülitamine. Ülemineku olekuribal näete Normal.

4. samm

Nüüd nupu pildi muutmiseks paremklõpsake sellel ja valige kontekstimenüüst suvand Redigeeri üle. Avaneb uus Interneti-tööriistariba. Joonistage täiendavad nupupositsioonid, mis seejärel üksteise järel muutuvad, luues animatsiooniefekti.

5. samm

Interneti-paneeli vasakul küljel klõpsake nuppu Üle ja muutke nuppu, et eemaldada teksti kontuur. Selle animatsiooni teise versiooni loomiseks täitke tekst mustaga. Nüüd vajutage nuppu alla ja joonistage nupu viimane versioon selle vajutamisel.

6. samm

Liigutage tekst ja valge ristkülik paremale alla ja libistage must ristkülik üles vasakule. Nüüd klõpsake nuppu Lõpeta redigeerimise lõpetamine.

7. samm

Salvestage nupp koos koodiga, mida saate kasutada veebisaidil olevate objektide välimuse muutmiseks. Nii saate joonistada mis tahes kujundusega mis tahes nupu.

Soovitan: