Motion Tween i Photoshop Advertising Blinkie
I denne Photoshop CS3-opplæringen, avslutter vi annonseringsblinkingen ved å flytte teksten og marihøna fra blinkingen, og la den være tom for å starte animasjonen igjen. I den siste opplæringen avsluttet vi teksten som ble forandret på Frame 74.

Nå skal vi begynne å bevege den røde marihøna fra under komoen og mot teksten (J 3 Designs). La oss gi ladybug 15 rammer for å nå høyre kant av teksten. Fra det tidspunktet vil vi flytte både teksten og marihøna sammen i 60 bilder til de forsvinner ut av blinket. Neste, vil vi flytte gull ladybug fra nedre venstre hjørne mot øverste høyre hjørne og av blink. La oss gi denne ladybug 20 rammer for denne oppgaven.

På dette tidspunktet vil blinkingen være tom. La oss gi publikum en liten hvileperiode på 5 bilder før vi flytter den gullfrie marihønaen tilbake til hennes opprinnelige posisjon nederst til venstre på blinket. Dette vil fullføre hele animasjonen som vil gjenta seg til verden kommer til slutt.

Åpne blinkie2.psd-prosjektfilen din i PhotoshopR og la oss komme i gang.

  1. Vårt første skritt er å flytte den røde marihøna mot teksten. Legg til ramme 75 og sett varigheten tilbake til .1 sek. Legg til ramme 76, og klikk på Red Ladybug-laget i lag-paletten. Nå, klikk på Flytt verktøyet og bruk det til å flytte marihøna på plass i høyre ende av teksten. Du kan også bruke retningspilene på tastaturet ditt til å plassere marihøna.

  2. Velg både Frame 75 og 76 og lag en Motion Tween med en varighet på 15 bilder. Du skal nå ha 91 rammer.

  3. Nå vil vi bruke en Motion Tween på 60 bilder for å flytte både feilen og teksten ut av syne. På Ramme 91 velger du både rød ladybug og J 3 Designs lagene i lagpaletten. Legg til en ny ramme 92 og dra både feilen og teksten til venstre og utenfor blinklyden. Velg både Rammer 91 og 92 og legg til en Tween på 60 bilder. Du bør ha 152 rammer.

    Nå ville det være et godt tidspunkt å teste animasjonen.

  4. Det er på tide å våkne opp den gullfarne marihøna og sette henne på jobb. Legg til en ny ramme 153 og velg Gold Ladybug-laget i lag-paletten. Legg til en ny ramme 154 og dra gull-marihøna oppe til høyre og utenfor blinkskiven. Velg både rammer 153 og 154 og legg til en 20 ramme Tween. Du bør ha 174 rammer.

  5. Vi vil at blinkingen skal være blank i lengden på fem. L sek. Rammer. Så la oss endre varigheten på Frame 174 til .5 sek.

    Endelig må vi flytte gullhøvelen tilbake til startposisjonen.

  6. Gå tilbake til ramme 1 og klikk på Kopier ramme fra hurtigmenyen Animasjonspalett. Velg den siste rammen (174) og klikk Lim inn ramme. Velg Lim inn etter valg i dialogboksen Lim inn rammer og klikk OK. Dette vil legge til ramme 175.

  7. Legg til en ny Frame 176 for å duplisere Frame 175. Gå tilbake til Frame 175, og med Gold Ladybug-laget fremdeles valgt i Layer-paletten, dra ladybug ned og av av blink.

  8. Velg både Rammer 175 og 176 og legg til en 10 rammer Tween. Du bør ha 186 rammer.

  9. Forsikre deg om at Looping Options er satt til Forever (nederst på animasjonspaletten) og lagre blinkingen din som AdvBlinkie.psd. Gå tilbake til ramme 1 og test den ferdige blinken. Du vil også bruke alternativet Lagre for web og enheter fra Fil-menyen for å lagre blinkingen din i gif-format for nettet.

Copyright 2018 Adobe Systems Incorporated. Alle rettigheter forbeholdt. Adobes produktskjermbilder er skrevet ut på nytt med tillatelse fra Adobe Systems Incorporated. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fyrverkeri, Bidra, Captivate, Flash Catalyst og Flash Paper er / er enten [a] registrert varemerke [s] eller et varemerke [s] fra Adobe Systems Incorporated i USA og / eller andre land.


Video Instruksjoner: Flash animated banners, Chicago marketing and advertising agency (April 2024).