Sådan oprettes en blinkende ikon

Opret en blinkende web ikon med grafisk software . indsende knap billede ved kreativ fra Fotolia.com

Website designere og udviklere bruger ofte ikoner til støtte i navigation på en hjemmeside.Den enkleste måde at skabe et blinkende ikon indebærer anvendelse af en fil animeret GIF (grafik-format Interchange).Du kan nemt oprette en animeret GIF ved at oprette eller købe grafik og redigere dem i en grafik editor som Adobe Photoshop, GIMP eller Paint Shop Pro.

Instruktioner

  1. Opret de stillbilleder, der vil omfatte din animerede GIF.Design billederne fra bunden ved hjælp af din grafik editor eller købe billeder fra en bestand fotografering hjemmeside såsom Getty Images eller iStockphoto (se Resources).Adgang til kategorien "Illustration" af arkivbilleder hjemmesider og søge efter relevante søgeord, som "knappen" eller "ikonet."Sørg for, at du har tilladelse til at bruge nogen billeder, du køber til online brug.Vælg eller opret et billede til både on / blinke og slukket / ikke blinkende tilstande af dit ikon.

  2. Gem dine stillbilleder til din h

    arddisk med en fil type .GIF eller .JPG.Hvis du har købt billeder i et andet format, skal du åbne filerne i din grafik redigering program, og vælg "Gem som" fra menuen "Filer".Vælg .GIF eller .JPG og gemme nye kopier af filer til brug i dit blinkende ikon.

  3. Opret en ny fil i din grafik redigering program.Opret et andet lag til on / blinke og slukket / ikke blinkende tilstande af dit ikon.Åbn animation værktøjer i din editor --- Photoshop refererer til dette afsnit som "animation paletten."Læg lagene i den rækkefølge, du vil have dem til at blive vist.Gem filen på din harddisk som GIF.Giv den et navn, du vil genkende, når du surfer på det senere.

  4. Åbn det værktøj, du bruger til at uploade billeder til din hjemmeside server.Åbn den mappe, hvor du typisk gemme billeder, der bruges på dit websted.Brug din værktøjets upload evne til at gå til den .GIF du oprettede og uploade den til din server.Læg mærke til URL'en for billedet, nu hvor du har været vært for det på din server.

  5. Rediger din hjemmeside ved at få adgang til HTML for den side, du ønsker at ændre.Find det sted på siden, hvor du ønsker at tilføje din blinkende ikon.Brug "img src" HTML-kommando til at henvise URL'en til billedet hostes på din webserver.Wrap denne kommando i "a href" HTML-kommando til at linke dit ikon til dets tilsigtede virkning --- for eksempel, den webside, som du vil besøgende til at gå, når de klikker på den blinkende ikon.

Ressourcer

  • Getty Images: Stock-fotografi, redaktionelle Fotos, Optagelser & amp;Musik
  • iStockphoto: Royalty-arkivbilleder
476
0
1
Online Marketing