Ten kurs prowadzi Cię przez Google Web Designer od podstaw do projektów pełnych animacji i interakcji. Zobaczysz, jak tworzyć statyczne i ruchome bannery, korzystać z osi czasu, triggerów i zdarzeń. Wykorzystasz szablony oraz komponenty, by szybciej budować kompozycje. Nauczysz się też automatyzacji, która dopasowuje zachowanie bannera do sposobu, w jaki jest oglądany, i przygotujesz projekty do użycia, np. w Google Ads.

Poznanie interfejsu i podstaw

Na starcie poznasz prosty interfejs graficzny Google Web Designer i ustawienia, które ułatwiają pracę. Zrozumiesz, jak poruszać się po najważniejszych panelach oraz jak tworzyć nowy projekt. Skupimy się na elementach, które wykorzystasz w dalszej części szkolenia: bibliotece gotowych elementów, wbudowanych komponentach oraz szablonach. Dowiesz się, jak je wybierać i łączyć, aby szybko rozpocząć budowę kompozycji. To solidna baza, która pozwoli Ci swobodnie projektować bannery, animacje, galerie i inne interaktywne treści internetowe.

Bannery statyczne i animowane

Praktykę rozpoczniemy od zaprojektowania prostych, statycznych bannerów. Następnie krok po kroku rozbudujesz je o animacje, tak aby elementy pojawiały się, znikały i zmieniały się w czasie. Poznasz kontrolę osi czasu, co pozwoli precyzyjnie ustalać momenty, długość oraz kolejność zdarzeń. Przećwiczysz płynne przejścia między elementami i dopracujesz rytm całej kompozycji. Zobaczysz, jak dzięki tym technikom Twoje reklamy zyskają dynamikę, a gotowe pliki przygotujesz do użycia, na przykład w Google Ads.

Interakcje: triggery, zdarzenia, formularze

W kolejnej części zbudujesz elementy reagujące na działania użytkownika. Nauczysz się korzystać z triggerów i zdarzeń, aby po kliknięciu uruchamiać animacje, wyświetlać nową treść albo przenieść odbiorcę na stronę. Wspólnie stworzysz bannery z interaktywnymi elementami: formularzem oraz ankietą, które zmieniają swoją zawartość zależnie od odpowiedzi. Dodasz również system ocen, umożliwiający pozostawienie oceny bezpośrednio w bannerze. Dzięki temu Twoje projekty staną się angażujące i czytelne.

Automatyzacja i dopasowanie treści

Poznasz techniki automatyzacji, które odciążają ręczne sterowanie projektem. Zobaczysz, jak przygotować animowaną automatyzację bannera, która dostosowuje się do sposobu, w jaki jest oglądana. Połączysz to z interakcjami, aby treść wyświetlała się w odpowiednim momencie lub po określonym działaniu. Opanujesz kontrolę nad kolejnością i czasem, dzięki czemu całość przebiega płynnie i przewidywalnie. Taki przepływ pracy pozwoli sprawnie tworzyć złożone, a zarazem przejrzyste kompozycje.

Galeria, wideo i elementy 3D

Na zakończenie zrealizujesz praktyczne przykłady, które łączą poznane techniki. Wykonasz ruchomą galerię zdjęć, baner z wideo w stylu shorts oraz animację z użyciem obiektów 3D. Te projekty pokażą, jak wykorzystać komponenty i szablony, aby przyspieszyć budowę treści. Dowiesz się także, jak przygotować responsywny projekt w Google Web Designer, tak aby materiały wyglądały dobrze w różnych warunkach oglądania. Finalne pliki będą gotowe do wdrożenia w kampaniach.