Szkolenie Adobe Animate – interaktywne projekty HTML5

cena 1400 zł (netto)

16h (2 dni)

Ścieżka: Tworzenie stron www i aplikacji

Najbliższy termin:


16-17 marca 2020

Sprawdź inne terminy zapisz się

Szkolenie Adobe Animate – interaktywne projekty HTML5

średnia ocen: 5.0

Szkolenie Adobe Animate – interaktywne projekty HTML5

Szkolenie Adobe Animate – interaktywne projekty HTML5 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. Zajęcia opierają się na efektywnym wykorzystaniu Adobe Animate CC w celu tworzenia interaktywnych projektów, w szczególności reklam internetowych HTML 5.

szkolenie adobe animate tworzenie interaktywnych projektów

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 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.

Szkolenie Adobe Animate – interaktywne projekty HTML5 przybliży Ci 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 szkolenia Adobe Animate 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.

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. Nie muszą zamartwiać się koniecznością kodowania podczas publikacji w HTML5 Canvas, stosunkowo nowym w Adobe Animate CC typie dokumentu. Efektem zaś są płynne animacje.

szkolenie adobe animate przekształcanie do html5

W przeszłości to Flash służył do tworzenia animowanych reklam i banerów. Obecnie 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.

Szkolenie Adobe Animate – interaktywne projekty HTML dostarczy Ci wiedzę, w jaki sposób 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 w Adobe Animate

Podczas szkolenia Adobe Animate – interaktywne projekty HTML5  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 tj. jak dobrać kolor do tła oraz liter. Popracujemy z symbolami, będziemy modyfikować wektorowe litery.

Czego się nauczysz

  • 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

Dla kogo jest to szkolenie?

Szkolenie Adobe Animate – interaktywne projekty HTML5 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 oczekujemy?

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

Program szczegółowy

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.

Nasi trenerzy

Paweł Zakrzewski

Wybitny fachowiec w dziedzinie szkoleń komputerowych dotyczących oprogramowania firmy Adobe o czym świadczyć może jego długoletnia kariera zawodowa – ponad 15 lat udokumentowanej pracy w charakterze wykładowcy.

dowiedz się więcej
o tym wykładowcy
Marcin Wichrowski

Specjalizuje się w zagadnieniach Human-Computer Interaction, Augmented Reality oraz Interactive Digital Storytelling. Autor artykułów naukowych dotyczących wykorzystania multimediów na potrzeby edukacji, sztuki, medycyny oraz wsparcia osób niepełnosprawnych.

dowiedz się więcej
o tym wykładowcy

Standard szkolenia

Jedyny w Polsce
Autoryzowany Ośrodek Szkoleniowy
Adobe i Maxon

Certyfikowani wykładowcy - praktycy

Najnowsze oprogramowanie i samodzielne stanowisko komputerowe PC/MAC

Certyfikat i materiały szkoleniowe

Małe, kameralne grupy szkoleniowe

Pyszny obiad i kawa

Opinie z ankiet po szkoleniu

Bardzo ciekawe szkolenie. Duże zaangażowanie prowadzącego.

- Alicja K.

Bardzo szybkie i intensywne - Super. W 2 dni fantastycznie ogarnąłem Adobe Animate.

- Arek O.

Ciekawe i bardzo przydatne szkolenie, profesjonalny wykładowca z dużym doświadczeniem i wiedzą.

- Renata J.

Czcesz zapytać o coś przed zakupem?
Napisz do nas na szkolenia@itmedia.pl

lub zadzwoń pod numer

22 678 38 87