Ako Vyrobiť Gumený Banner

Obsah:

Ako Vyrobiť Gumený Banner
Ako Vyrobiť Gumený Banner

Video: Ako Vyrobiť Gumený Banner

Video: Ako Vyrobiť Gumený Banner
Video: Ako spraviť Discord animovaný Banner a Logo | Discord CZ/SK Tutoriál 2024, Apríl
Anonim

Gumový flash banner sa nazýva aj jednoducho „gumový“. Jeho hlavnou vlastnosťou je, že bez ohľadu na veľkosť prehliadača banner zostane rovnaký, ako bol zamýšľaný - krásny, jasný a jasný. Potreba gumených bannerov vznikla kvôli tomu, že treba brať do úvahy rôzne veľkosti počítačov používateľov internetu, pretože niekto má štvorcový monitor, niekto širokouhlý monitor, niekto má 14 palcov, iný 21 palcov.

Ako vyrobiť gumený banner
Ako vyrobiť gumený banner

Inštrukcie

Krok 1

Pred odpoveďou na otázku „Ako vyrobiť gumový banner?“Stojí za to odpovedať na ďalšiu rovnako dôležitú otázku: „Prečo to musíte urobiť?“Niekomu sa to môže zdať čudné, ale medzi webdizajnérmi skutočne neexistuje jednota v tejto veci. Pretože medzi motoristami napríklad neexistuje zhoda - je dobré jazdiť na celoročných pneumatikách alebo vystačíte s letnými pneumatikami alebo použijete celú sadu: letné pneumatiky + zimné … 1 000 bodov, prejaví sa to nesprávne, do tej miery, že sa môžu objaviť grafické prvky skryté vývojárom za okrajmi tohto bannera. Ak sa pri umiestňovaní bannera neberie do úvahy možnosť jeho pogumovania, atraktivita stránky pre návštevníkov so širokouhlým monitorom okamžite klesá. Nakoniec prejdú na web a zistia, že hlavička sa začína vľavo a dosahuje iba stred obrazovky atď. Toto je v skutočnosti najvýraznejší argument v prospech „gumy“- umožňuje vám zaistiť, aby každý - presne každý - používateľ videl na webe presne ten dizajn, aký vymyslel dizajnér.

Krok 2

Ako vyrobiť gumený banner možno najlepšie demonštrovať na príklade. Nech je to „guma“100% o 70, čo sa rozšíri z 1000 na 100%. To znamená, že minimálna veľkosť banneru bude 1 000 x 70. Táto veľkosť by mala vychádzať z. Najprv si musíte vyrobiť najbežnejší banner. Jediná vec, ktorú je potrebné vziať do úvahy, je, že musí byť vykonaná v symbolike filmového klipu. Je potrebné v knižnici vytvoriť nový symbol a pracovať v ňom.

Krok 3

Banner je hotový. Povedzme, že má v strede film (videozáznam odrážajúci podstatu filmu alebo hry atď.) S nápisom. Tento štítok by mal byť vždy vycentrovaný. Tomuto filmu musíte dať názov, povedzme CenterText. Na pozadí nápisu musíte vytvoriť ďalší film - s gradientovou výplňou. Roztiahne sa na celú šírku gumeného bannera. Dá sa to nazvať - Fon. Potom by ste mali pomenovať ešte jeden film a prilepiť ho k pravému okraju obrazovky. Nech je to RightText.

Krok 4

Ďalším krokom je umiestnenie videoklipu s bannerom na hlavné pódium. Môžete to nazvať OurBanner. Výsledné objekty v priebehu práce bude potrebné presunúť.

Krok 5

Po zadaní ľubovoľnej snímky na hlavnom pódiu musíte zastaviť video - napísať Stop - a priniesť na pódium prázdne video, aby ste zachytili udalosti. Musíte do nej vložiť kód:

onClipEvent (enterFrame) {

Stage.scaleMode = "noScale";

Stage.align = "TL";

Stage.addListener (toto);

this.onResize = function () {

if (Stage.width> 1000) {

this._parent. OurBanner. CenterText._x = Stupeň.šírka / 2;

this._parent. OurBanner. RightText._x = Fáza.šírka - this._parent. OurBanner. RightText._width;

this._parent. OurBanner. Fon._width = Fáza.šírka;}

}}

Gumový banner je pripravený.

Odporúča: