Animacja ruchu w programie Photoshop Advertising Blinkie
W tym samouczku Photoshop CS3 zakończymy reklamowy blinkie, przenosząc tekst i biedronki z blinkie, pozostawiając puste pole, aby ponownie rozpocząć animację. W ostatnim samouczku zakończyliśmy przekształcanie tekstu w ramce 74.

Teraz zaczniemy przesuwać czerwoną biedronkę spod kamei w kierunku tekstu (wzory J 3). Dajmy biedronce 15 ramek, aby dotrzeć do prawej krawędzi tekstu. Od tego momentu będziemy przenosić zarówno tekst, jak i biedronkę razem przez 60 klatek, aż znikną z blinkie. Następnie przeniesiemy złotą biedronkę z lewego dolnego rogu w kierunku prawego górnego rogu i z blinkie. Dajmy tej biedronce 20 ramek do tego zadania.

W tym momencie blinkie będzie puste. Dajmy widowni mały okres odpoczynku 5 klatek, zanim przeniesiemy złotą biedronkę z powrotem do jej pierwotnej pozycji w lewym dolnym rogu blinkie. To zakończy całą animację, która będzie się powtarzać, aż świat się skończy.

Otwórz plik projektu blinkie2.psd w PhotoshopieR i zacznijmy.

  1. Naszym pierwszym krokiem jest przesunięcie czerwonej biedronki w stronę tekstu. Dodaj ramkę 75 i ustaw czas trwania z powrotem na 0,1 sek. Dodaj ramkę 76 i kliknij warstwę Czerwona biedronka w palecie Warstwy. Teraz kliknij narzędzie Przenieś i użyj go, aby przenieść biedronkę na miejsce po prawej stronie tekstu. Możesz również użyć strzałek kierunkowych na klawiaturze, aby ustawić biedronkę.

  2. Wybierz klatki 75 i 76 i utwórz animację ruchu o długości 15 klatek. Powinieneś teraz mieć 91 ramek.

  3. Teraz użyjemy animacji ruchu składającej się z 60 klatek, aby usunąć zarówno błąd, jak i tekst poza zasięgiem wzroku. W ramce 91 wybierz warstwy Red Ladybug i J 3 Designs w palecie Warstwy. Dodaj nową ramkę 92 i przeciągnij zarówno błąd, jak i tekst w lewo i poza blinkie. Wybierz klatki 91 i 92 i dodaj animację 60 klatek. Powinieneś mieć 152 ramki.

    Teraz będzie dobry moment na przetestowanie animacji.

  4. Czas obudzić tę złotą biedronkę i zabrać ją do pracy. Dodaj nową ramkę 153 i wybierz warstwę Złotej biedronki w palecie Warstwy. Dodaj kolejną ramkę 154 i przeciągnij złotą biedronkę w prawy górny róg i zdejmij blinkie. Wybierz klatki 153 i 154 i dodaj klatkę pośrednią 20 klatek. Powinieneś mieć 174 ramki.

  5. Chcemy, aby blinkie były puste na długości pięciu klatek .l sec. Zmieńmy więc czas trwania Ramki 174 na 0,5 sek.

    Wreszcie musimy przesunąć złotą biedronkę z powrotem do pozycji wyjściowej.

  6. Wróć do klatki 1 i kliknij Kopiuj ramkę z wyskakującego menu palety Animacja. Wybierz ostatnią klatkę (174) i kliknij Wklej ramkę. W oknie dialogowym Wklej ramki wybierz Wklej po zaznaczeniu i kliknij OK. Spowoduje to dodanie ramki 175.

  7. Dodaj nową ramkę 176, aby powielić ramkę 175. Wróć do ramki 175, a gdy warstwa Złotej biedronki jest nadal zaznaczona w palecie Warstwy, przeciągnij biedronkę w dół i z blinkie.

  8. Wybierz klatki 175 i 176 i dodaj klatkę pośrednią 10 klatek. Powinieneś mieć 186 ramek.

  9. Upewnij się, że opcje zapętlania są ustawione na Zawsze (u dołu palety Animacja) i zapisz swoje blinkie jako AdvBlinkie.psd. Wróć do ramki 1 i przetestuj gotowe blinkie. Będziesz także chciał skorzystać z opcji Zapisz dla Internetu i urządzeń z menu Plik, aby zapisać swoje blinkie w formacie gif dla Internetu.

Prawa autorskie 2018 Adobe Systems Incorporated. Wszelkie prawa zastrzeżone. Zrzuty ekranowe produktów Adobe zostały przedrukowane za zgodą 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, Fireworks, Contribute, Captivate, Flash Catalyst i Flash Paper jest / są [a] zarejestrowanym znakiem towarowym lub znakami towarowymi Adobe Systems Incorporated w Stanach Zjednoczonych i / lub innych krajach.


Instrukcje Wideo: Love Death and Robots Opening Credits Animation in PowerPoint 2016 / 2019 (Kwiecień 2024).