Lav animation fra Openclipart's SVG Med Raspberry Pi: 48 trin

Lav animation fra Openclipart's SVG Med Raspberry Pi: 48 trin

Indholdsfortegnelse:

Anonim

Dette er en instruktør, der beskriver processen med at lave en animation fra Openclipart's SVG.

Openclipart bibliotek er en samling af 100% licensfri kunst, som du kan bruge til ethvert formål.

Jeg vil forklare dette instrueret til Raspberry Pi brugeren.

Hvis du er en Macintosh- eller Ubuntu-bruger, skal du downloade følgende software.

  • Macintosh 9va-mac (http://www.d1.dion.ne.jp/~danjiro/9va/v015.html)
  • Ubunntu 9va-pi (http://www.d1.dion.ne.jp/~danjiro/9va/pi.html)

Du kan gøre det samme, der er vejledende fra trin 7.

  • Hvis du ikke kan åbne 9va-mac, skal du kontrollere indstillingen Gatekeeper i Systemindstillinger> Sikkerhed og privatliv> Generelt> "Tillad programmer, der er hentet fra:.

forsyninger:

Trin 1: Start Pi Store

Dobbeltklik på Pi Store genvej på skrivebordet på din Raspberry Pi. Hvis du ikke kan finde Pi Store, vil den være i menuen "Internet" fra Raspberry Pi's Menu -knap.

Trin 2: Log ind på Pi Store

Klik på Log på linket øverst til højre og klik derefter på Register -knappen.

Trin 3: Registrer din mailadresse og adgangskode

Indtast din email adresse og et kodeord. Klik på knappen Sign Me Up!. Du vil logge ind på Pi Store.

Trin 4: Søg '9va-pi'

Indtast '9va-pi' i søgefeltet og klik på search (Magnifying glass) knappen.

Trin 5: Download '9va-pi'

Klik på '9VA-pi'. Klik på knappen Gratis download.

Nu downloades og installationen begynder.

Tryk på en vilkårlig tast, når installationen er færdig.

Trin 6: Start '9va-pi'

Klik på '9VA-pi' i mit bibliotek. Klik på knappen Start.

Nu starter 9va-pi.

Trin 7: Hent original SVG (barrelFish.svg) til Desktop

Åbn http://openclipart.org/detail/217565/barrel-fish med din yndlingsbrowser.

Download "barrelFish.svg" til dit skrivebord som følger.

Klik på din højre museknap på DOWNLOAD knappen.

Klik på Save Link As i højre knapmenu. (Menupunktet vil være anderledes i henhold til din browser.)

Klik på Home. Dobbeltklik på Desktop. Klik på knappen Save.

Nu bliver SVG-filen "barrelFish.svg" gemt på dit skrivebord.

SVG (Scalable Vector Graphics) er vektorgrafikformatet, og du kan ændre formen ved at bruge SVG editor som 'Inkscape'.

Trin 8: Åbn Original SVG Med '9va-pi'

Klik på '9va-pi' ikonet for at hæve et vindue '9va-pi' og åbne barrelFish.svg på skrivebordet som følger.

Klik på File i menulinjen> Klik på Åbn. Nu åbnes fil dialogboks.

Klik på Home> Desktop> Klik på barrelFish.svg.

Klik på Åbn.

Trin 9: Meddelelsen "Data kunne ikke konverteres"

Derefter kunne meddelelsen "Nogle data ikke konverteres. (Filter)" vises.

Denne meddelelse opstår, fordi '9va-pi' ikke har en filteroperation.

Klik på knappen OK.

Trin 10: Ungroup BarrelFish 4 Times

En mørkbrun plade af barrelFish er en filterkonverteringsfejl.

For at slippe af med det, skal du klikke på barrelFish. Nu vises valgrammen omkring barrelFish.

Klik på Rediger på menulinjen> Klik på Ungroup.

Dette vil ungroup barrelFish. Gør den samme operation 4 gange.

Nu er vi klar til at vælge den mørkebrune plade.

Trin 11: Vælg Dark Brown Plate af BarrelFish ved at bruge Hide Option of Registered Button

Jeg vil forklare, hvordan man vælger en form fra de komplekse objekter.

Hvis du vil fjerne markeringen af ​​objekterne, skal du klikke hvor som helst på siden væk fra formen.

Klik først på den mørkbrune plade af barrelFish.

Det kan være svært at vælge det korrekt på én gang, men det er OK.

Klik på + knappen i Time Control panelet i højre side af vinduet.

Nu vil det valgte objekt blive registreret i en af ​​de blanke knapper på tidskontrolpanelet.

Klik på den registrerede knap> Klik på Skjul.

Nu vil det valgte objekt blive gemt.

Gentag den samme operation, indtil du vælger den mørke plade i barrelFish.

Hvis du ikke har valgt den mørke plade, skal du klikke på +> Klik på registreret knap> Skjul igen.

Trin 12: Vælg Dark Brown Plate af BarrelFish og Slet det

Hvis du lykkes at skjule den mørkebrune plade, skal du klikke på den registrerede knap på den mørkebrune plade> Klik på Vælg.

Nu vælges den mørkebrune plade af barrelFish.

Klik på knappen Eraser på den nederste værktøjspalet på venstre side af vinduet. Nu bliver filterkonverteringsfejlen slettet.

Trin 13: Tilføj den anden side

Klik på knappen + i slutningen af ​​sidelinjen øverst i vinduet. > Klik på Tilføj næste side.

Nu vises den anden side på sidelinjen.

Trin 14: Vælg halen af ​​BarrelFish

Træk et rektangel omkring halen af ​​tøndeFish og vælg halen.

Klik på knappen Rediger punkter på den nederste værktøjspalette på venstre side af vinduet.

Nu vises kontrolpunkter.

Træk et rektangel omkring haleens kontrolpunkter og vælg dem.

Klik på knappen + flere gange i nederste venstre hjørne af vinduet.

Nu bliver halen zoomet ind.

Trin 15: Transform stangen af ​​BarrelFish

Transformemenuen placerer hver håndtag (små kvadrater) i valgrammen, en i hvert hjørne og en øverst, nederst, venstre og højre. Vi kan ændre formen ved at klikke på en af ​​håndtagene eller trække dem.

Klik på højre sidehåndtag på valgrammen> Klik på Stretch.

Nu vil formen ændres i overensstemmelse med musens bevægelse. Klik på museknappen, når formen bliver ønsket form.

Klik på knappen Forstørrelsesglas nederst i venstre hjørne af vinduet.

Trin 16: Registrér sidefeltet på BarrelFish

For at fravælge kontrolpunkterne skal du klikke flere gange på siden væk fra formen.

Klik på sidfinen på barrelFish.

Klik på + knappen i Time Control panelet i højre side af vinduet. Nu vil det valgte objekt blive registreret i en af ​​knapperne på tidskontrolpanelet.

Klik på den registrerede knap> Klik på Skjul. Nu vil det registrerede objekt blive skjult.

Klik på en anden del af sidfinen på barrelFish.

Klik på den registrerede knap> Klik på Add to Time Group. Nu vil den valgte form blive skjult.

Gentag den samme operation, indtil du vælger alle dele af sidfinen på barrelFish.

Trin 17: Vælg sidefeltet i BarrelFish

Klik på den registrerede knap> Klik på Vælg. Nu vil sidefinen blive valgt.

Klik på knappen Rediger punkter på den nederste værktøjspalette på venstre side af vinduet.

Trin 18: Omformér sidens fin af BarrelFish

Træk et rektangel omkring sidevindens kontrolpunkter.

Klik på højre sidehåndtag på valgrammen> Klik på Stretch. Nu vil formen ændres i overensstemmelse med musens bevægelse. Klik på museknappen, når formen bliver ønsket form.

Trin 19: Zoom ind i Anal Fin af BarrelFish

For at fravælge kontrolpunkterne skal du klikke flere gange på siden væk fra formen.

Træk et rektangel omkring analfinnen af ​​tøndeFish og vælg analfinen.

Klik på knappen Rediger punkter på den nederste værktøjspalette på venstre side af vinduet. Nu vises kontrolpunkter.

Træk et rektangel omkring analfinkens kontrolpunkter. Klik på knappen + flere gange i nederste venstre hjørne af vinduet. Nu bliver den analfin zoomet ind.

Trin 20: Vælg den Anal Fin af BarrelFish med Ctrl Key + Drag

Brug Lasso Select-værktøjet til at vælge analfinen.

Hold Ctrl-tasten nede på tastaturet, træk og tegne en blå linje rundt om kontrolpunkterne i analfinen.

(Hvis du er en Macintosh-bruger, brug kommandotast.)

Valgrammen vises rundt om analfinen.

Trin 21: Transformér den Anal Fin af BarrelFish ved hjælp af Soft Pin

Klik på højre sidehåndtag på valgrammen> Klik to gange på Transform with pin.

Menupunktet skifter til Transform med bløde pin.

Klik på Stretch.

Nu vil formen ændres i overensstemmelse med musens bevægelse. Klik på museknappen, når formen bliver ønsket form.

Når Transform with pin er aktiv, vil kontrolpunkterne nær kanten af ​​valg ikke bevæge sig så meget. Transformationsresultatet vil være glat.

Trin 22: Flyt munden fra BarrelFish mod venstre

Klik på knappen Forstørrelsesglas nederst i venstre hjørne af vinduet.

For at fravælge kontrolpunkterne skal du klikke flere gange på siden væk fra formen.

Klik på munden af ​​barrelFish. Udvælgelsesrammen vises rundt om munden.

Træk centerhåndtaget + af valgrammen til venstre.

Trin 23: Forstør munden af ​​BarrelFish ved hjælp af Transform With Soft Pin

Træk et rektangel omkring hovedet på tøndeFish og vælg hovedet.

Klik på knappen Rediger punkter på den nederste værktøjspalette på venstre side af vinduet. Nu vises kontrolpunkter.

Træk et rektangel omkring mundens kontrolpunkter.

Træk hjørnehåndtaget på valgrammen udad. Nu bliver hovedet større ved at bruge Transform med soft pin.

Trin 24: Forstør munden af ​​BarrelFish

Klik og vælg musen i barrelFish.

Træk centerhåndtaget + på valgrammen mod mundens oprindelige position.

Træk hjørnehåndtaget på valgrammen udad. Nu bliver munden større.

Trin 25: Grupper jernboller og jernringe i 2 registrerede knapper

For at gøre jernbolde 'animation, Vi bør gruppere alle jernbolde sammen.

Klik på en jernkugle eller en jernring og vælg den.

Klik på + knappen i Time Control panelet i højre side af vinduet. Nu vil det valgte objekt blive registreret til en knap på tidskontrolpanelet.

Klik på den registrerede knap> Klik på Skjul. Nu vil den registrerede form skjule sig.

Klik på en anden jernkugle eller en ring, og vælg den.

Hvis det valgte objekt er den samme slags registrerede knap, skal du klikke på den samme registrerede knap> Klik på Add to Time Group. Nu vil den valgte form blive skjult.

Hvis det valgte objekt ikke er det samme som det registrerede objekt, skal du klikke på knappen + for at oprette en ny registreret knap. Klik på den nye registrerede knap> Klik på Skjul. Nu vil den nye registrerede form også skjules.

Endelig vil jernkugler og jernringe være skjult. De er grupperet i jernboldens knap eller på knappen for jernringen.

Trin 26: Skær jernboldene på den første side og den anden side i udklipsholderen

Klik på jernkugles registrerede knap> Klik på Vælg. Nu vælges jernkuglerne.

Klik på centerhåndtaget + i valgrammen> Klik på Vælg tilsluttede objekter. Nu vælges jernkuglerne på den første side og den anden side sammen. Linjetypen af ​​udvælgelsesrammen ændres til dobbeltlinje.

Klik på knappen Cut på oversiden af ​​udklipsholderen på højre side af vinduet.

Nu bliver jernkuglerne på den første side og den anden side skåret i udklipsholderen.

Trin 27: Opret animecast fra udklipsholder

Klik på den første side og gå til den første side.

Klik på knappen 9 på undersiden af ​​udklipsholderen på højre side af vinduet.

Der vises en dialogboks. Indtast Animecasts navn, for eksempel - "roterende ring" i tekstfeltet. Klik på OK.

Animecast er et grafikobjekt, der indeholder jernbolde i udklipsholderen.

Det dristige filnavn "barrelFish" vises.

Trin 28: Åbn indholdet af AnimeCast

Klik på den modige tekst "barrelFish"> Klik på: roterende ring

Nu vises animationen af ​​animationen.

Klik på knappen + i slutningen af ​​sidelinjen> Klik på Tilføj næste side.

Nu vises den anden side på sidelinjen.

Trin 29: Skift størrelsen på Animecast

Klik på Side i menulinjen> Klik på Sideformat

Nu vises dialogboksen for sidestørrelse.

Indtast "600" "600". Klik på knappen OK.

Klik på knappen Forstørrelsesglas nederst i venstre hjørne af vinduet.

Trin 30: Tilføj baggrundsside

Klik på < knappen i venstre side af sidelinjen> Klik på Tilføj baggrundsside.

Den tomme baggrundsside vil blive tilføjet.

Trin 31: Kopier indholdet på den anden side til baggrundssiden

Klik på den anden side og gå til den anden side.

Træk et rektangel omkring jernbolde for at vælge dem alle.

Klik på knappen Kopier til forrige side på den nederste værktøjspalette på venstre side af vinduet. Nu kopieres indholdet på den anden side til baggrundssiden.

Trin 32: Slet den første bold øverst til venstre

Klik på den tredje side og gå til den tredje side.

Træk et rektangel omkring de øverste 3 bolde på venstre kugler.

Klik på knappen + flere gange i nederste venstre hjørne af vinduet. Nu vises 3 bolde midt i vinduet.

Træk et rektangel omkring den første bold for at vælge det.

Klik på knappen Eraser på den nederste værktøjspalet på venstre side af vinduet.

Nu bliver den første bold slettet, men den første bold på baggrundssiden vises stadig.

Trin 33: Vælg den anden bold og klik på + håndtaget til bunden af ​​den

Træk et rektangel omkring den anden bold for at vælge det.

Hold Ctrl-tasten nede (Hvis du er en Macintosh-bruger, hold ned kommandotasten), skal du trække midthåndtaget + af valgrammen mod bunden af ​​den anden bold.

Kun + håndtaget vil bevæge sig. + Håndtaget vil blive snappet til hvert kontrolpunkt af bolden.

Flyt og klik + håndtaget til bunden af ​​den anden bold.

Trin 34: Flyt den anden bold til den første bolds position ved at bruge Ctrl Key Snap

Slip Ctrl-tasten.

Træk håndtaget + af valgrammen mod positionen af ​​den første bold.

Hold Ctrl-tasten nede, og håndtaget + vil blive snappet til kontrolpunkterne på baggrundskuglen.

Snap det til bunden af ​​den første bold, så kan du flytte den anden bold til positionen af ​​den første bold præcist.

Trin 35: Flyt de andre bolde til den tidligere boldposition

Tryk på mellemrumstasten, og træk lærredet mod toppen. Det viste område kan ændres.

Gentag som følger

  1. Vælg den næste bold.
  2. Hold nede Ctrl (eller Command) -tasten
  3. Træk + håndtaget og klik det på bunden af ​​bolden.
  4. Træk + håndtaget uden Ctrl-tast for at begynde at trække bolden opad.
  5. Hold nede Ctrl-nøglen.
  6. Træk og snap bolden til positionen for den foregående bold.

Trin 36: Duplikér bundkuglen og kopier den til anden side

Når du er færdig med at flytte bundkuglen, skal du klikke på centerhåndtaget + i valgrammen> Klik på Duplicate.

Nu vises den nye bold.

Træk centerhåndtaget + af den nye bold og flyt den lidt ned til venstre.

Klik på knappen Kopier til forrige side på den nederste værktøjspalette på venstre side af vinduet. Nu bliver den nye bold kopieret til den anden side.

Trin 37: Gør bundens størrelse mindre

Træk hjørnehåndtaget på valgrammen indad.

Nu er kuglens størrelse lille.

Trin 38: Flyt bundkuglen til de rigtige bolde og resize den

Klik på den tredje side og gå til den tredje side.

Træk et rektangel omkring bunden af ​​de rigtige bolde for at vælge den.

Træk centerhåndtaget + af den nederste kugle og flyt det lidt ned til venstre. Træk hjørnehåndtaget på valgrammen indad. Nu er størrelsen af ​​bundkuglen lille.

Trin 39: Flyt de andre bolde af de rigtige bolde til den tidligere boldposition

Tryk på mellemrumstasten, og træk lærredet mod bunden. Det viste område kan ændres.

Flyt de rigtige bolde mod den nedre som følger

  1. Vælg den næste bold.
  2. Hold nede Ctrl (eller Command) -tasten
  3. Træk + håndtaget og klik det på bunden af ​​bolden.
  4. Træk + håndtaget uden Ctrl-tasten for at begynde at trække bolden mod det nederste.
  5. Hold nede Ctrl-nøglen. Træk og snap bolden til den forreste bolds position.

Trin 40: Slet baggrundssiden

Klik på << knappen nederst på sidenlinjen og gå til den første side.

Klik på sidenummeret 1 på den første side. > Klik på Sæt side

Nu bliver den første baggrundsside slettet.

Trin 41: Slet den øverste venstre kugle på den første side

Træk et rektangel omkring den øverste venstre bold for at vælge det.

Klik på knappen Eraser på den nederste værktøjspalet på venstre side af vinduet. Nu vil den øverste venstre bold blive slettet.

Trin 42: Input Loop Button på første side

Klik på Input i menulinjen> Klik på Loop

Nu vises knappen Loop.

Trin 43: Spil Iron Ball's Animation

Klik på Afspil -knappen nederst på sidenlinjen.

Du vil se roterende jernkugles animation.

Klik på Stop -knappen eller ESC-tasten for at stoppe animationen.

Trin 44: Tilbage til BarrelFish

Klik på den modige tekst "barrelFish"> Klik på Retur

Nu vises barrelFish.

Trin 45: Indgangsknap på første side

Klik på Input i menulinjen> Klik på Turn

Nu vises knappen Turn.

Trin 46: Spil BarrelFishs animation

Klik på Afspil -knappen nederst på sidenlinjen.

Du vil se barrelFishl's animation.

Klik på Stop -knappen eller ESC-tasten for at stoppe animationen.

Du kan ændre animationen ved at vælge formen og flytte kontrolpunktet til den.

Rediger din animation for at føle dig bedre. I tilfælde af den prøve animation, du så først, blev animationen ændret, da øjet bevæger sig og alle finner flytter.

Trin 47: Eksporter animeret SVG

Klik på File i menulinjen> Klik på Save as

Klik på filtypen 9VA / EVA> Klik på SVG Vælg mappen for at eksportere SVG. Klik på Gem. Nu eksporteres den animerede SVG-fil (SMIL (Synchronized Multimedia Integration Language)) -filen.

  • Hvis du er en Macintosh-bruger, skal du klikke på File i menulinjen> Klik på Export Animated SVG.

Trin 48: Eksporter animeret GIF

Klik på File i menulinjen> Klik på Export Animated GIF.

Vælg mappen for at eksportere Animeret GIF.

Indtast navnet på GIF-filen.

Klik på Gem. Animerede GIF-indstillingsdialog vises.

Indtast 2 (sek) i feltet Time Limit.

Klik på Start. Nu eksporteres den animerede GIF-fil.