Web Motion dla początkujących Omówienie Toma Greena

• Kwiecień 29, 2024

W tej serii kursów opartych na projektach lynda.com pt Web Motion dla początkującychTom Green uczy graficznej animacji ruchu od początku do końca. W trakcie procesu zbudujesz w sumie pięć projektów.

Przegląd

Green rozpoczyna przegląd ważnych uwag dotyczących udanego projektu.

Po pierwsze, Green omawia cel animacji i sposób jej osiągnięcia. Korzystając z przykładu przejścia z jednego ekranu na drugi na tablecie, dekonstruuje animację do poszczególnych parametrów kontrolowanych przez animatora.

Green omawia, w jaki sposób animacja to tylko sposób na opowiadanie historii przez poruszające się obiekty oraz dwa najważniejsze pytania, na które należy odpowiedzieć, aby stworzyć udany projekt. Demonstruje użycie scenariuszy, aby pomóc w tym procesie.

Następnie Green omawia proces planowania i przepływ pracy dla projektu animacji. Wskazuje wszystkie etapy przepływu pracy oraz sposób, w jaki kierownik projektu musi przeznaczyć budżet i czas oraz dolary na każdy etap, aby dotrzeć do ukończonego projektu w wyznaczonym terminie.

Zielony dalej pokazuje, jak organizacja jest bardzo ważna dla powodzenia projektu. Omawia sposób organizowania różnych zasobów projektu, takich jak czcionki, multimedia, tekst i obrazy, w dedykowane podfoldery w folderze projektu.

Green omawia również niektóre z najczęstszych pułapek w planowaniu projektu, takie jak zgodność przeglądarki i zawartość wielokrotnego użytku. Wprowadza także oprogramowanie, które trzyma w swoim „Web Motion Toolbox”.

Po tym krótkim omówieniu możesz rozpocząć jeden z pięciu samouczków wideo opartych na projektach.

Utwórz efekt paralaksy - Buduj głębię i ruch z efektem Paralaksy za pomocą Google Web Designer^R, Flash CC^R i Edge Animate^R.

Animuj arkusz sprite CSS - Arkusze sprite są jednym ze sposobów na zoptymalizowaną animację dla urządzeń internetowych i tabletów.

Utwórz moduł wstępnego ładowania - Zbuduj wstępnie załadowany za pomocą After Effects^R, Photoshop^R lub fajerwerki^R i Edge Animate.

Utwórz animowany baner reklamowy - Zbuduj baner internetowy z ruchem i interaktywnością.

Projekt końcowy - Ten końcowy projekt łączy wszystkie techniki wyuczone w poprzednich projektach podczas tworzenia banerów reklamowych za pomocą programu Illustrator^R, Photoshop i Edge Animate.

Po ukończeniu tej serii krótkich kursów lepiej zrozumiesz proces tworzenia grafiki internetowej od planowania do ukończenia.

Inne samouczki wideo Toma Greena na lynda.com obejmują Uruchomienie z wideo HTML5, Tworzenie interaktywnych projektów za pomocą Edge Animate, Warsztaty Fireworks CS6 i Szkolenie Essential Fireworks CS3.

//www.lynda.com/Video-Motion-Graphics-tutorials/Web-Motion-Beginners-Overview/149124-2.html

Ujawnienie: Nie otrzymałem rekompensaty finansowej za ten artykuł. Opinie są całkowicie moje na podstawie moich doświadczeń.