Kurs Kurs Rive
Czy statyczne projekty przestają Ci wystarczać? Ten kurs to Twoja przepustka do świata Rive – rewolucyjnego narzędzia, które zaciera granicę między designem a programowaniem.
46 lekcji
4h 15min
Kurs Rive - Podstawy Pracy
Fundamenty projektowania i wektorowa precyzja
Rozpoczniemy od solidnych podstaw, poznając środowisko pracy w trybie Design. Nauczysz się rysować i edytować obiekty wektorowe, wykorzystując pełen potencjał węzłów, gradientów oraz właściwości takich jak obrys czy rozmycie. Zrozumiesz, jak zarządzać hierarchią na warstwach, grupować elementy i dbać o porządek w projekcie poprzez odpowiednie nazewnictwo. Pokażę Ci również zaawansowane techniki maskowania i kadrowania, które pozwalają na uzyskanie nietypowych kształtów, a także nauczę Cię budować responsywne układy z wykorzystaniem marginesów i paddingu.
Wprawianie projektu w ruch – tryb Animate
Gdy opanujesz design, przejdziemy do trybu Animate, gdzie poznasz zupełnie nowy zestaw narzędzi dedykowanych ruchowi. Zrozumiesz logikę osi czasu (Timeline) i nauczysz się animować niemal każdą właściwość obiektu stworzonego wcześniej – od zmiany skali i koloru wypełnienia, po dynamiczną edycję obrysu. Skupimy się na technikach stawiania klatek kluczowych (keyframes) oraz interpolacji, aby ruch był płynny i naturalny. W tym module stworzysz też swoją pierwszą interakcję, która będzie reagować na kliknięcie myszką.
Projekt praktyczny: Interfejs z kodem QR
Teorię zamienimy w praktykę, wracając do trybu Design, aby zbudować kompletny element interfejsu: panel z kodem QR oraz przyciskiem aktywującym jego wysuwanie. Wykorzystasz zdobytą wiedzę, aby stworzyć estetyczny projekt wzbogacony o nowoczesne efekty wizualne, takie jak "frosted glass" (efekt mrożonego szkła) i rozmycia. Przygotujemy kilka niezależnych osi czasu dla różnych stanów animacji – w tym osobne sekwencje dla efektu hover oraz momentu aktywacji panelu.
State Machine – logika bez linijki kodu
To tutaj dzieje się prawdziwa magia Rive. W tym rozdziale poznasz State Machine – potężny moduł, który wyróżnia tę aplikację na tle konkurencji. Nauczysz się budować logikę interakcji bez konieczności programowania. Pokażę Ci, jak "pospinać" przygotowane wcześniej osie czasu za pomocą systemu warunków (conditions), wyzwalaczy (triggers) i inputów. Dzięki temu użytkownik będzie mógł realnie sterować Twoją animacją – np. chować lub wyświetlać kod QR za pomocą kliknięć, a wszystko to będzie działać płynnie i zgodnie z zaprojektowaną przez Ciebie logiką.
Wdrożenie: Od Rive do Framer i Webflow
Tworzenie animacji to nie wszystko – liczy się efekt końcowy na stronie. Choć Rive jest wykorzystywane nawet w grach na iOS czy Android, my skupimy się na wdrożeniu webowym. Pokażę Ci, jak eksportować gotowy komponent i zaimplementować go na stronie stworzonej we Framerze, który świetnie "rozumie" pliki Rive. Następnie zmierzymy się z Webflow. Dowiesz się, jak obejść ograniczenia tego narzędzia dotyczące wektorowych efektów blur, wykorzystując techniki pracy z obiektami bitmapowymi (PNG z przezroczystością), aby Twoja animacja wyglądała perfekcyjnie na każdej platformie.
Dla kogo jest ten kurs?
Ten kurs jest kompletnym przewodnikiem dla UI/UX Designerów dążących do samodzielnego tworzenia zaawansowanych mikro-interakcji oraz w pełni funkcjonalnych prototypów high-fidelity. Materiał stanowi potężne wsparcie dla twórców No-Code, którzy chcą wzbogacić strony we Framerze czy Webflow o lekkie i interaktywne elementy, wykraczające poza standardowe możliwości plików Lottie. To także doskonała ścieżka rozwoju dla grafików pragnących zrozumieć logikę animacji interfejsowych i dodać nową kompetencję do portfolio, jak i dla początkujących entuzjastów ruchu, dla których After Effects jest zbyt złożonym narzędziem do projektów webowych. Program ten jest wreszcie odpowiedzią na potrzeby doświadczonych Motion Designerów, którzy szukają sposobu na wejście w świat animacji webowych i tworzenie złożonych interakcji bez konieczności nauki programowania.
Czego się nauczysz?
-
Płynna obsługa interfejsu Rive w trybie Design oraz Animate.
-
Tworzenie i edycja grafik wektorowych, gradientów oraz masek.
-
Budowanie poprawnej hierarchii warstw i responsywnych układów (padding/margins).
-
Animowanie dowolnych właściwości obiektów na osi czasu.
-
Praca z klatkami kluczowymi i interpolacją ruchu dla płynnych efektów.
-
Projektowanie nowoczesnych elementów UI (efekty rozmycia i frosted glass).
-
Tworzenie mikro-interakcji, takich jak stany hover czy reakcje na kliknięcie.
-
Obsługa State Machine – budowanie logiki bez pisania kodu.
-
Konfiguracja wyzwalaczy (triggers) i warunków sterujących animacją.
-
Poprawne wdrożenie gotowych plików Rive do Framera oraz Webflow.
Zawartość
Kurs Rive
8 rozdziały 46 lekcji 4h 15min
-
Wprowadzenie
14min
Witaj w kursie
3min
Strona Rive
5min
Pobieranie i Welcome screen
3min
Workspace i nowy plik
2min
-
Interfejs
30min
Menu Główne
3min
Interface w trybie edycji
3min
Hierarchia i transformacja
6min
Zmiana pozycji Gizmo
4min
Wypełnienia i obrysy
5min
Funkcja Freeze
2min
Custom Shapes
4min
Rodzaje węzłów
3min
-
Maskowanie i layout
29min
Podstawowa maska
3min
Odwrotna Maska
2min
Tworzenie grupy
5min
Opcja layout
6min
Układ z układu
4min
Funkcja Wrap
3min
Odstępy i Marginesy
6min
-
Wprowadzenie do animacji
1h 11min
Tryb animacji
6min
Podstawy interpolacji
6min
Animacja skali
4min
Animacja obrysu i wypełnienia
10min
Podwójne wypełnienie
9min
Squash and stretch
8min
Antycypacja ruchu
6min
Druga oś czasu i update designu
9min
Pierwsza interakcja
10min
Ustawienia słuchacza
4min
-
Praktyczna animacja
1h 13min
Wprowadzenie do praktycznego projektu
2min
Podstawowe elementy
13min
Glass i button
11min
Pozostałe elementy
11min
Animacja Click
10min
Animacja przycisku
6min
Odwrócenie animacji
5min
Hover z jedną klatką kluczową
9min
Tak zwany Idle
6min
-
Akcja interakcja
26min
Animacja Hover in/out
9min
Słuchacz kliknięcia
5min
Dodatkowy efekt Hover
4min
Przełącznik Toggle
5min
Zapętlanie Logiki
3min
-
Wdrożenie
10min
Wdrożenie we Framer
7min
Wdrożenie w Webflow
3min
-
Zakonczenie
2min
Dziękuję za uwagę
2min
Autor kursu
Michał Wedlechowicz
Średnia ocen autora: 5
Kurs Kurs Rive
-
46 lekcji wideo
-
4h 15min materiału
-
Ostatnia rewizja 14.01.2026
-
Certyfikat w ramach ścieżek
-
Dostęp z urządzeń mobilnych
Dlaczego wybrać właśnie ten kurs?
Efektywna nauka
Kurs wideo to najbardziej efektywna a zarazem najprzyjemniejsza forma nauki. Jest on tak prowadzony, byś cały czas mógł go śledzić z zainteresowaniem i zaangażowaniem, a także czerpać satysfakcję ze zdobytej wiedzy!
Wiedza ekspertów
Wiedza, którą otrzymujesz w tym kursie, to nie tylko sucha teoria, ale również wskazówki od praktyka z wieloletnim doświadczeniem, dzięki którym dużo łatwiej będzie Ci opanować materiał i pracować efektywniej.
Praktyczne przykłady
Uczysz się na praktycznych przykładach. Kurs, który masz przed sobą to esencja praktycznej wiedzy i doświadczenia a także wzorów, które oszczędzą Ci godziny pracy i poszukiwań.
Pytania i odpowiedzi
Przeczytaj najczęściej zadawane pytania
Masz więcej pytań?
Porozmawiaj z nami na na czacie
Zadzwoń +48 880880606
Nie każdy. Jeśli pliki są dostępne dla danego kursu, znajdziesz je w zakładce źródła. Niektóre kursy nie posiadają źródeł ponieważ nie są potrzebne, inne nie mogły być zamieszczone np. ze względu na prawa autorskie do wykorzystania komercyjnych prac naszych autorów. Staramy się aby kursy były maksymalnie praktyczne i chętnie pokazujemy zaplecze zawodowe naszych autorów, ale niekiedy nie możemy dołączyć go w postaci źródeł.
Jak jest skonstruowany kurs?Kurs składa się z rozdziałów oraz lekcji. Staramy się, aby optymalnie kursy miały 5-7 rozdziałów po około 5-10 lekcji w każdym. W ten sposób nauka jest optymalna a podtrzymanie uwagi staje się łatwiejsze. Rekomendujemy przerabianie nie więcej niż jednego rozdziału naraz a po jego przerobieniu powtórzenie materiału we własnym zakresie.
Jak najlepiej wykorzystać kurs?Potraktuj kurs jako inspirację do własnej pracy. Tam, gdzie się da staraj się powtarzać czynności, które wykonuje autor. Nie powtarzaj ich jednak bezmyślnie - spróbuj zmodyfikować przykłady i dostosować je do swoich potrzeb. W ten sposób przyswoisz materiał jeszcze lepiej!
Jak mogę uzyskać dostęp do kursu?Możesz albo wykupić ten konkretny kurs przez koszyk, uzyskując do niego (i jego rewizji) bezterminowy dostęp, albo wykupić wariant abonamentu, który obejmuje dany kurs i w ten sposób oglądać go oraz inne materiały na platformie tak długo, jak Twój abonament jest aktywny.
Czy kurs jest aktualny?Staramy się aby wszystkie materiały na stronie były aktualne. Nie znaczy to, że kurs powstał bardzo niedawno. Często na stronie znajdziesz trochę starsze kursy, jednak regularnie wykonujemy ich rewizję i zmieniamy lekcje - czy to przez dodanie stosownych komentarzy z aktualizacją, czy poprzez nagranie danej lekcji jeszcze raz. Datę ostatniej rewizji znajdziesz w informacjach o kursie.
Czym się różni kurs od warsztatu i ścieżki?Kursy to kilku godzinne, kompleksowe opracowanie danego zagadnienia, podzielone na lekcje i rozdziały. Często uzupełniają je Warsztaty, które mają formę jednej dłuższej, praktycznej lekcji (30min-1h), natomiast ścieżki stanowią zbiór jednych i drugich materiałów - ułożoną z kursów i warsztatów playlistę, która pozwala Ci kompleksowo opanować dane zagadnienie.
Mogę polecić kursy z eduweb.pl osobom, które myślą o przekwalifikowaniu się z dotychczasowej branży i chcą uczyć się z uporządkowanych źródeł, w wybranym przez siebie czasie, no i przede wszystkim - w praktyce, a nie w teorii.
Robert Harężlak
Art Director, Graphic Designer
Zacznij naukę w Kurs Rive
-
46 lekcji wideo
-
4h 15min materiału
-
Ostatnia rewizja 14.01.2026
-
Certyfikat w ramach ścieżek
-
Dostęp z urządzeń mobilnych
Kursy które mogą Cię również zainteresować
Spline 3D
Michał Wedlechowicz