Autoryzowany Ośrodek Szkoleniowy Adobe i Maxon

Szkolenie Adobe Animate – interaktywne projekty w HTML

Szkolenie Adobe Animate – interaktywne projekty w HTML

Kategoria: Tworzenie stron www i aplikacji,

Poziom: specjalistyczny

Czas trwania: 16 godzin

Cena: 1400 PLN (netto)

 

Opis szkolenia

Szkolenie Adobe Animate – interaktywne projekty w HTML

Szkolenie Adobe Animate – interaktywne projekty HTML adresowane jest do osób które chcą poznać możliwości budowy kreatywnej zawartości internetowej m.in. na potrzeby tworzenia reklam internetowych w języku HTML 5 od podstaw.

Szkolenie opiera się na efektywnym wykorzystaniu Adobe Animate CC w celu tworzenia interaktywnych projektów, w szczególności reklam internetowych HTML 5.

Tworzenie animacji oraz interaktywności w elemencie canvas HTML 5 nigdy nie było bardziej intuicyjne. Do niedawna standardem w tworzeniu animacji internetowej był Flash Professional. Jednak z powodu stale rosnącego zapotrzebowania na spełniającą nowoczesne standardy zawartość interaktywną w HTML 5, firma Adobe opublikowała nowe narzędzie pod nazwą Adobe Animate CC. Jest to wciąż to samo środowisko pracy wspierające zawartość Flashową (SWF) oraz Adobe AIR. Dodatkowo jednak, takie elementy jak canvas HTML 5 oraz wsparcie dla WebGL zostały włączone jako natywna obsługa do tego środowiska, tworząc go czołowym narzędziem do tworzenia animacji internetowych i nie tylko.

Jest to idealne narzędzie do tworzenia reklam internetowych, które spełniają najnowsze standardy Interactive Advertising Bureau (IAB). 

Wstęp do Adobe Animate CC

Na początku szkolenia Adobe Animate – interaktywne projekty HTML zapoznasz się dokładnie z interfejsem programu, który zostanie skonfigurowany tak, aby najlepiej dopasować obszar roboczy do Twoich potrzeb. Poznasz narzędzia niestandardowe i nauczysz się je tworzyć, zapisywać i udostępniać innym użytkownikom.

Przyjrzymy się bliżej formatom plików wejściowych i wyjściowych obsługiwanych przez Adobe Animate CC, takich jak JPG, PNG czy SVG i temu jakie mają one zastosowanie w pracy z innymi aplikacjami.

Tworzenie animacji

Dokładnie przeanalizowane zostaną narzędzia dostępne w Adobe Animate CC, takie jak narzędzia do rysowania, malowania czy tworzenia kształtów i to jakie interakcje tworzą z osią czasu. W tym momencie dowiesz się więcej również o zastosowaniu warstw i podstawowych informacji dotyczących animacji klatek kluczowych.

Podczas szkolenia Adobe Animate – interaktywne projekty HTML  omówione zostaną różne metody animacji ruchu i korzyści jakie daje nam interfejs edytora ruchu. Zapoznasz się z funkcją Motion Tween i nauczysz jak tworzyć animacje ruchu. Animacja ruchu doskonale sprawdza się w tworzeniu zmian ruchu, zaników czy też efektów kolorystycznych. Poznasz Shape Tween i dowiesz się jak je tworzyć, np.  jak dodawać animacje kształtu do pociągnięć jednorodnych i nieregularnych. Zostanie poruszony temat animacji zagnieżdżonych, kiedy to obiekt symbolu zawiera symbole zagnieżdżone i one właśnie są niezależnie animowane na własnych osiach czasu.

Dzięki zdobytej wiedzy z tego zakresu i znajomości tworzenia i stosowania ruchów predefiniowanych będziesz mógł efektywnie tworzyć różne typy animacji.  

Tworzenie interaktywności

W ramach wprowadzenia do tej części szkolenia Adobe Animate – interaktywne projekty HTML powiemy sobie kilka słów na temat różnic między językiem JavaScript a ActionScript 3.0. Następnie wykorzystamy panel Code Snippets, czyli panel Wycinki Kodu. Ułatwia on tworzenie skryptów w wyżej wymienionych językach bez konieczności wykazania się umiejętnościami programistycznymi. Dzięki znajomości obsługi panelu będziesz mógł dodawać kod, który wpływa na zachowanie obiektu na stole montażowym oraz kod, który steruje głowicą odtwarzania na osi czasu. Dowiesz się jak dodawać nowe wycinki przez siebie utworzone. Nasz trener zwróci Ci uwagę na kilka ważnych zasad o których należy pamiętać korzystając z panelu Code Snippets. Nauczysz się używać zdarzeń. Powiemy sobie o różnych zdarzeniach mających zastosowanie, takich jak zdarzenia onRelease, onSoundComplete i innych.

Tworzenie animowanych i interaktywnych reklam internetowych w HTML 5

Zasady projektowania i tworzenia reklamy internetowej w technologii HTML 5

Tworzenie banerów w HTML5, które działają nienagannie we wszystkich przeglądarkach może być naprawdę niewdzięcznym zadaniem, jeśli próbujemy tego dokonać bazując jedynie na kodowaniu. Adobe Animate CC pozwala Web developerom i inżynierom na skupieniu się wyłącznie na kreatywnej stronie procesu tworzenia banera bez zamartwiania się koniecznością kodowania podczas publikacji w HTML5 Canvas, stosunkowo nowym w Adobe Animate CC typie dokumentu. Efektem zaś są płynne animacje.

W przeszłości to Flash służył do tworzenia animowanych reklam i banerów, teraz mamy do dyspozycji dużo lepsze narzędzie jakim jest HTML5. Przy jego pomocy stworzymy prace nie tylko atrakcyjne wizualnie, ale takie które bezproblemowo wyświetlą się również na najnowszych urządzeniach mobilnych. Narzędzia dostępne w HTML5 pozwolą nam zadbać o najdrobniejszy szczegół. Efekty powiększania i obracania pozwolą na uzyskanie wrażenia głębi w animacji. Możliwości związane z osią czasu pozwalają na wyświetlanie czasu obok numerów klatek oraz skrócenie zakresu klatek. Nie jest wymagana ręczna modyfikacja parametrów w przypadku sterowania szybkością. Te i wiele innych ułatwień i praktycznych wskazówek omówimy w tej części kursu.

Podczas szkolenia Adobe Animate – interaktywne projekty HTML nauczysz się tworzyć reklamy internetowe od zera. Zobaczysz jak prawidłowo zaimportować grafiki z Adobe Illustrator, Photoshop oraz Adobe Creative Cloud. Będziemy stopniowo budować nasz baner poprzez importowanie kolejnych grafik, porządkowanie warstw i pracę nad naszymi animacjami. Będziemy tworzyć animacje korzystając z wielkich możliwości, jakie oferuje nam JavaScript. Zadania takie jak rozdzielanie stylów i logiki, organizowanie sekwencji animacji czy też dodawanie pożądanych efektów nie będą miały dla Ciebie tajemnic.

Optymalizacja projektu oraz grafik

Nie pominiemy również kwestii optymalizacji naszych grafik i całego projektu. Jak wiemy pliki charakteryzujące się dużym rozmiarem pobierane i odtwarzane są wolniej niż byśmy wszyscy sobie tego życzyli. Mamy kilka możliwości takiego przygotowania dokumentu, dzięki któremu będzie on właściwie odtwarzany. Dokładnie poznasz czynności optymalizacyjne jakie można wykonać. Dowiesz się więcej o zasadach kompresji i nauczysz się zasad wypośrodkowania między jakością obrazu i wielkością pliku. Poznasz reguły, którymi należy się kierować przy optymalizacji grafik i animacji oraz narzędzia, które warto wykorzystać w pracy.

Przekształcenia do HTML5 i wdrażanie na stronę www

Problemy z wydajnością, bezpieczeństwem, niekorzystny wpływ na urządzenia mobilne  spowodowały, że wsparcie dla przestarzałej technologii Flash jest już zamierające. Istniejące projekty Flash mogą zostać zblokowane przed automatycznym wyświetleniem przez przeglądarki. Google nie daje zgody na uploadowanie reklam AdWords oraz DoubleClick wykonanych we Falshu. Warto więc przekształcić je do formatu HTML5. Poznasz wszystkie czynności jakie należy wykonać, aby ten proces przebiegł bezproblemowo. Zadbamy też oczywiście o należytą optymalizację. Teraz pozostaje Ci już tylko zamieścić efekt Twojej pracy na stronie WWW. Zapoznasz się z ustawieniami podstawowymi i zaawansowanymi i dowiesz się jakie opcje są najbardziej korzystne dla Twojego projektu.

Kreatywne zastosowanie typografii

Podczas szkolenia Adobe Animate – interaktywne projekty HTML  dowiesz się jak budować ciekawe typograficzne kompozycje w Adobe Animate CC. Poznasz przydatne techniki, które dadzą Ci możliwość stworzenia grafik obok których nikt nie przejdzie obojętnie. Przyjrzymy się różnym zagadnieniom z tego zakresu, np. powiemy sobie jak dobrać kolor do tła oraz liter, popracujemy z symbolami, będziemy modyfikować wektorowe litery.

 

Dla kogo jest to szkolenie?

Szkolenie Adobe Animate - interaktywne projekty HTML adresowane jest do osób które chcą poznać możliwości budowy kreatywnej zawartości internetowej m.in. na potrzeby tworzenia reklam internetowych w języku HTML 5 od podstaw. Kurs przeznaczony dla osób początkujących które nigdy nie miały styczności z technologią FLASH lub miały w nieznacznym zakresie.

Czego nauczymy?

Podczas szkolenia nauczysz się:

  • Tworzyć interaktywne projekty w HTML 5 i rozumieć ich anatomię
  • Przekształcać istniejące projekty stworzone we Flashu na postać HTML 5
  • Efektywnego tworzenia animacji.
  • Pisać proste skrypty w języku JavaScript i ActionScript 3.0
  • Operować typografią
  • Tworzyć interaktywne reklamy HTML 5 w Adobe Animate CC

Czego oczekujemy?

Znajomość obsługi komputera oraz platformy PC lub MacOS.

Program

Wstęp do Adobe Animate CC

  • Interfejs użytkownika
  • Wprowadzenie do biblioteki, symboli oraz listwy czasowej

Tworzenie animacji

  • Narzędzia do rysowania (m.in. pędzle wektorowe)
  • Wykorzystanie wzorców kolorów (swatches)
  • Animacja typu Motion Tween i użycie panelu Motion Editor
  • Animacja typu Shape Tween
  • Animacja po ścieżce
  • Animacja maski
  • Animacje zagnieżdżone
  • Import grafik z Adobe Illustrator, Photoshop oraz Adobe Creative Cloud

Tworzenie interaktywności

  • Różnice pomiędzy językiem JavaScript a ActionSctipt 3.0
  • Wykorzystanie panelu code snippets
  • anatomia projektów HTML 5
  • obsługa zdarzeń

Tworzenie animowanych i interaktywnych reklam internetowych w HTML 5

  • Zasady projektowania i tworzenia reklamy internetowej w technologii HTML 5
  • Tworzenie interakcji z projektem wykorzystując język JavaScript
  • Optymalizacja projektu oraz grafik
  • Przekształcanie istniejących projektów Flash do formatu HTML 5
  • Wdrażanie gotowej pracy na stronę www.
  • Kreatywne zastosowanie typografii.

Dbamy o wysoką jakość szkoleń i komfort uczestników.

Standard szkoleń — co zapewniamy?

  • małe, kameralne grupy szkoleniowe,
  • sprawdzonych wykładowców – praktyków,
  • klimatyzowane sale,
  • samodzielne stanowiska pracy,
  • komputery PC z opcją wyświetlania 3D i funkcją touch,
  • komputery typu iMAC,
  • możliwość korzystania z tabletów Wacom,
  • najnowsze oprogramowanie z możliwością wyboru platformy i wersji językowej,
  • drukowane lub elektroniczne materiały szkoleniowe,
  • obiady oraz serwis kawowy,
  • woda gazowana, niegazowana, ciasteczka
  • certyfikaty potwierdzające realizację zajęć w Autoryzowanym Ośrodku Szkoleniowym wystawiane w języku polskim lub angielskim.

Po każdym szkoleniu w Akademii IT Media uczestnicy wypełniają ankietę oceniając odbyte zajęcia. W ankiecie oceniają zarówno poziom swojego zadowolenia na podstawie spełnionych oczekiwań jak również sposób prowadzenia zajęć przez wykładowcę, jego przygotowanie i profesjonalizm.