Animate Mobile Interfaces with Adobe Illustrator and Adobe After Effects - Plan Szkolenia

Wprowadzenie

Adobe Illustrator i Adobe After Effects

• Zasoby i komponenty używane w Adobe Illustrator i Adobe After Effects
• Projektowanie środowisk systemowych w Adobe Illustrator i Adobe After Effects

Przegląd Web Design

• UX vs UI
• Projekt o niskiej wierności vs projekt o wysokiej wierności vs responsywny projekt mobilny

Przygotowanie środowiska programistycznego

• Instalowanie Adobe Illustrator
• Instalowanie Adobe After Effects

Planowanie i animacja z Adobe Illustrator

• Tworzenie mapy witryny
• Tworzenie szkieletu o niskiej wierności
• Tworzenie szkieletu o wysokiej wierności
• Tworzenie szkieletu mobilnego
• Projektowanie z użyciem siatek kolumn
• Korzystanie z szablonów programu Illustrator
• Dodawanie kolorów i czcionek
• Dodawanie i czyszczenie obrazów
• Używanie warstw
• Tworzenie symboli i ikon
• Finalizowanie pod kątem standardów w responsywnych aplikacjach mobilnych

Animacja z Adobe After Effects

• Importowanie kompozycji z Adobe Illustrator
• Tworzenie komponentów wielokrotnego użytku
• Tworzenie kafelków pulpitu nawigacyjnego i ekranów pulpitu nawigacyjnego
• Finalizowanie kafelków i ekranów pulpitu nawigacyjnego
• Animowanie elementów i ekranów
• Tworzenie i dodawanie animacji
• Finalizowanie animacji
• Eksportowanie wszystkich sekwencji końcowych jako plików gif

Podsumowanie i wnioski