Com Fer Un Botó Animat

Taula de continguts:

Com Fer Un Botó Animat
Com Fer Un Botó Animat

Vídeo: Com Fer Un Botó Animat

Vídeo: Com Fer Un Botó Animat
Vídeo: AMA | Animation Short Film 2015 - GOBELINS 2024, Maig
Anonim

El disseny dels llocs és molt important per a la forma en què són percebuts pels visitants. Les persones haurien de gaudir del plaer estètic a les pàgines del lloc, així com aquestes pàgines haurien de ser còmodes i funcionals per a elles. Cap lloc no està complet sense botons de navegació, i el vostre lloc tindrà un aspecte funcional i bonic alhora si feu aquests botons animats.

Com fer un botó animat
Com fer un botó animat

Instruccions

Pas 1

Els botons gràfics, a diferència dels botons de text, es noten a les pàgines i són fàcils de recordar pels lectors. Utilitzeu Corel Draw per crear botons animats. Creeu un document nou i dibuixeu un espai en blanc on es mostrarà el botó en diverses vistes, tant en estat premut com no premut.

Pas 2

Per dibuixar un botó, seleccioneu l'eina adequada a la caixa d'eines i dibuixeu un rectangle arrodonit. Ompliu el rectangle de negre i, a continuació, copieu-lo i moveu la còpia cap a l'esquerra i cap amunt. Ompliu de blanc el segon rectangle.

Pas 3

Al botó en blanc, escriviu el seu nom i afegiu un esbós negre al text. Feu que el text sigui blanc. Ara obriu el menú Efectes sobrepassat de rellotge ressaltant el botó i fent clic a l'opció Crea un pas de ratolí. Veureu Normal a la barra d’estat del pas de pas.

Pas 4

Ara, per canviar la imatge d'un botó, feu-hi clic amb el botó dret i seleccioneu l'opció Edita el canvi de pantalla al menú contextual. S'obrirà una nova barra d'eines d'Internet. Dibuixeu posicions de botons addicionals, que després canviaran una darrere l’altra, creant un efecte d’animació.

Pas 5

Al costat esquerre del tauler d’Internet, feu clic al botó Més i editeu el botó per eliminar l’esquema del text. Ompliu el text de negre per crear-ne una segona versió a l'animació. Ara premeu el botó Avall i dibuixeu l'última versió del botó mentre es prem.

Pas 6

Mou el text i el rectangle blanc cap avall cap a la dreta i fes lliscar el rectangle negre cap a l'esquerra. Ara feu clic al botó Finalitza l'edició del canvi de sessió.

Pas 7

Deseu el botó juntament amb el codi que podeu utilitzar per canviar l'aparença dels objectes a la pàgina web. D’aquesta manera, podeu dibuixar qualsevol tipus de botó amb qualsevol disseny.

Recomanat: