Hvordan lage Custom Moving Pictures Ikon

Å bygge et nettsted krever å ta mange ting i betraktning, slik som innholdet, layout, verten du vil bruke og søkemotoroptimalisering. Et annet viktig poeng er å gjøre det visuelt interessant nok til at de besøkende vil ønske å komme tilbake. En måte å gjøre dette på er å legge til animerte bilder til navigasjonsikonene. Du har kanskje tenkt at du skulle trenge hjelp fra en profesjonell grafikk artist for dette, men hvis du har en Photoshop, Photoshop Elements eller GIMP, kan du raskt lage dine egne animerte knapper.

Bruksanvisning

Photoshop

1 Laste noen bilder som du ønsker å bruke som en del av animerte ikoner på datamaskinen din, lagre dem alle i samme mappe.

2 Åpne Photoshop. Velg "File" fra menyen og velg "New". I dialogboksen, angi bredden og høyden du ønsker for ikonet og gjøre bakgrunnen gjennomsiktig. Navn dokumentet "animert ikon" og klikk "OK."

3 Velg "File" fra menyen og velg "Open". I dialogboksen, finn det første bildet som du vil bruke i animasjonen og åpne den. Høyreklikk på bakgrunnslaget og velg "animert ikon" dokument som destinasjon. Gjenta dette for å få inn resten av bildene.

4 Velg Elliptical Marquee verktøyet og tegne en sirkulær utvalg som berører alle fire sidene av lerretet. Velg "Select" fra menyen og velg "Inverse".

5 Velg hvert lag i sving i lagpaletten og klikk "Slett". Dette etterlater bare de overlappende sirkulære bilder på hvert lag.

6 Velg "Windows" og velg "Animation". I tidslinjen klikker du på rullegardinmenyen og velg "Lag Rammer fra Layers".

7 Velg "File" og velg "Lagre for Web eller enheter." I dialogboksen, velg "GIF" som filtype og klikk "Lagre". Nå kan du importere din animert ikon i en Web editor for bruk.

Photoshop Elements

8 Laste noen bilder som du ønsker å bruke som en del av animerte ikoner på datamaskinen din, lagre dem alle i samme mappe.

9 Åpne Photoshop Elements og klikk på "Rediger" fanen. Velg "File" fra menyen og velg "New". Fra alternativene, velger du "Blank dokument." I dialogboksen, angi bredden og høyden du ønsker for ikonet og gjøre bakgrunnen gjennomsiktig. Navn dokumentet "animert ikon" og klikk "OK."

10 Velg "File" fra menyen og velg "Open". I dialogboksen, finn det første bildet som du vil bruke i animasjonen og åpne den. Høyreklikk på bakgrunnslaget og velg "animert ikon" dokument som destinasjon. Gjenta dette for å få inn resten av bildene.

11 Velg Elliptical Marquee verktøyet og tegne en sirkulær utvalg som berører alle fire sidene av lerretet. Velg "Select" fra menyen og velg "Inverse".

12 Velg hvert lag i sving i lagpaletten og klikk "Slett". Dette etterlater bare de overlappende sirkulære bilder på hvert lag.

1. 3 Velg "File" og velg "Lagre for Web eller enheter." I dialogboksen, velg "GIF" som filtype og klikk "Animated." Klikk "Lagre". Nå kan du importere din animert ikon til et Webredaktør for bruk .

GIMP

14 Laste noen bilder som du ønsker å bruke som en del av animerte ikoner på datamaskinen din, lagre dem alle i samme mappe.

15 Åpne GIMP. Velg "File" fra menyen og velg "New". I dialogboksen, angi bredden og høyden du ønsker for ikonet. Gjør bakgrunnen transparent og klikk "OK."

16 Velg "File" fra menyen og velg "Importer som lag." I dialogboksen, finn bildene du lastet og åpne dem.

17 Velg Rundskriv markeringsverktøyet på verktøylinjen og tegne et utvalg som berører alle fire sidene av lerretet. Klikk "Velg" fra menyen og velg "Invert". Velg hvert lag etter tur og klikk "Slett".

18 Velg "File" fra menyen og velg "Lagre for Web eller enheter." I dialogboksen som vises, gjør filtypen GIF og klikk "Animate." Klikk "Lagre" navnet ditt animerte GIF-ikonet og lagre det.