Projektowanie cyfrowe, motion design i tworzenie materiałów wizualnych – Adobe After Effects, Figma i Canva

Program szkolenia:

Motion design w After Effects – od podstaw do animacji

Moduł 1 - Fundamenty

Projekt: Animowane logo, krótka identyfikacja (Animowane logo)

1. interfejs
2. organizacja projektu
3. praca na warstwach
4. transformacje
5. shape layers
6. keyframe
7. Graph Editor
8. easing
9. timing
10. zasady ruchu
11. renderowanie i eksport

Moduł 2 - Motion design

Projekt: Krótka animacja promocyjna oparta na formach geometrycznych

1. zaawansowana praca z Shape Layers
2. Trim Paths
3. Repeaters
4. Merge Paths
5. maski
6. parenting
7. prekompozycje
8. animacja ikon i obiektów
9. budowanie scen i przejść
10. storyboard i planowanie animacji
11. praca z rytmem i muzyką
12. projektowanie ruchu dla social media

Moduł 3 - Filmowa sekwencja tytułowa

Projekt: Czołówka filmowa oparta na tekście, fragmentach gazet, tekstur itp

1. narzędzia tekstowe
2. animatory tekstu
3. typografia w ruchu
4. przygotowanie materiałów graficznych
5. tekstury i fotografie archiwalne
6. blend modes
7. stylizacja obrazu
8. kamera 2.5D
9. parallax
10. depth i budowanie przestrzeni
11. montaż i rytm narracyjny

Moduł 4 - VFX & professional workflow

Projekt: Motion graphic w materiale filmowym

(Podmiana ekranu w telefonie, osadzenie grafiki w przestrzeni)

1. workflow komercyjnych realizacji
2. shot preparation
3. tracking 2D
4. planar tracking
5. camera tracking
6. cleanup
7. compositing
8. glow i efekty świetlne
9. grain

Szkolenie zostało stworzone z myślą o osobach, które chcą nauczyć się tworzyć nowoczesne animacje, reklamy

oraz materiały motion designowe w Adobe After Effects — od całkowitych podstaw aż po bardziej

zaawansowane techniki pracy.

Podczas szkolenia poznasz zarówno techniczne aspekty programu, jak i zasady projektowania ruchu,

kompozycji oraz pracy z obrazem.

Projekt końcowy

W trakcie szkolenia stworzysz własny projekt końcowy — identyfikację wizualną, animację motion designową,

czołówkę filmową, która może stać się częścią Twojego portfolio.

Szkolenie kładzie duży nacisk nie tylko na obsługę programu, ale również na rozwijanie wyczucia ruchu,

kompozycji i estetyki obrazu.

________________________________________________________________________

FIGMA

1. Wprowadzenie do pracy w Figma

• Organizacja plików i projektów, version history, branching

• Skróty klawiszowe i optymalizacja tempa pracy

• Warsztat: reorganizacja własnego/przykładowego pliku wg dobrych praktyk

2. Artboardy i sekcje

• Frame vs section, auto layout w kontekście artboardów

• Warsztat: budowa strony z min. 3 sekcjami

3. Narzędzia zaawansowane w Figma

• Pen tool, boolean operations, pluginy przyspieszające pracę

• Warsztat: stworzenie własnej grafiki/ikony narzędziami wektorowymi

4. Projektowanie UI skoncentrowane na użytkowniku

• Zasady UCD, heurystyki Nielsena, persony, user flow

• Warsztat: user flow dla własnego projektu

5. Wireframing

• Zasady wireframingu, narzędzia low-fi w Figma

• Warsztat: wireframe własnej aplikacji/strony (min. 3 ekrany)

6. Tekst, kolor i style

• Text styles i color styles, zasady typografii i kontrastu

• Warsztat: własny mini design system (paleta + typografia)

7. Prototypowanie

• Connections, interactions, overlay

• Warsztat: prototyp własnego wireframe'u ze spotkania 5

8. Animacje

• Smart animate, wprowadzenie do Figma Motion (timeline na canvasie)

• Warsztat: animacja przejścia między dwoma ekranami

9. High fidelity

• Zasady hi-fi, spójność z design systemem z projektu 6

• Warsztat: doprowadzenie własnego projektu do hi-fi na min. 2 ekranach

10. Komponenty i ich wykorzystanie

• Komponenty, instancje, nested components

• Warsztat: komponentyzacja elementów własnego projektu

11. Zmienne i warianty

• Warianty vs zmienne (variables), tryby (np. dark/light)

• Warsztat: warianty i zmienne dla komponentów ze spotkania 10

12. Testy - narzędzia zaawansowane

• Narzędzia do testów użyteczności, przygotowanie prototypu do testu

• Warsztat: scenariusz testowy dla własnego prototypu

13. Prototypowanie - zaawansowane

• Conditional logic, expressions, zmienne w interakcjach

• Warsztat: logika warunkowa we własnym prototypie (np. formularz z walidacją)

14. Wykorzystanie bibliotek

• Publikowanie biblioteki, subskrypcja bibliotek zespołowych

• Warsztat: publikacja własnej biblioteki komponentów

15. Zaawansowany flow pracy + praca w zespole

• Branching, komentarze, uprawnienia, multiplayer

• Warsztat w parach: wspólna edycja pliku i komentowanie projektu

16. Animacje zaawansowane

• Custom shadery (WebGPU), code layers, Figma Agent do generowania wariantów animacji

• Warsztat: zaawansowany efekt/animacja we własnym projekcie

17. Projekt, eksport i praca z klientem

• Checklist eksportu: specyfikacje, assets, Dev Mode, code layers

• Warsztat: kompletowanie własnego projektu z kursu (hi-fi + prototyp + komponenty + eksport dla developera)

• Prezentacja projektu na forum - symulacja obrony przed klientem

CANVA

1. Warsztat startowy: przestrzeń robocza, Brand Kit, szablony

• Przestrzeń robocza, typy projektów, szablony vs projekt od zera

• Brand Kit - kolory, fonty, logo

• Warsztat: założenie własnego Brand Kitu dla wybranej marki/case'u

2. Typografia, kolor i layout

• Zasady typografii, kontrastu, hierarchii, kompozycji

• Warsztat: redesign gotowego szablonu zgodnie z zasadami

3. Magic Studio / Canva AI 2.0 + Brand Intelligence

• Magic Studio 2026 (jedno pole promptu), Brand Intelligence

• Warsztat: generowanie zestawu grafik na bazie własnego Brand Kitu i selekcja/poprawki wyniku

4. Projekt 1 - pakiet social media

• Briefing projektu (marka, kanały, cele)

• Warsztat: projektowanie spójnego pakietu grafik na różne platformy, z wykorzystaniem Brand Kit + Magic Studio

• Feedback indywidualny i krótka prezentacja

5. Prezentacje i dokumenty

• Dobre praktyki prezentacji, szablony dokumentów

• Warsztat: prezentacja/dokument dla własnej marki

6. Wideo w Canva + Dream Lab

• Edytor wideo Canva, Dream Lab (tekst/obraz → wideo)

• Warsztat: krótki materiał wideo do własnego pakietu

7. Cavalry - animacja

• Wprowadzenie do Cavalry (darmowe w Canva), różnice względem prostych animacji Canvy

• Warsztat: animacja jednego elementu z własnego pakietu

8. Projektowanie do druku

• Spady, rozdzielczość, tryby kolorów, Print Shop

• Warsztat: przygotowanie materiału drukowanego dla własnej marki

9. Praca zespołowa i workflow

• Współdzielone zespoły, komentarze, zatwierdzanie, wersjonowanie

• Warsztat w parach: recenzja i komentowanie projektu drugiej osoby

10. Projekt finałowy - pakiet marki + prezentacja

• Kompletowanie pełnego pakietu marki: social + prezentacja + wideo/animacja + materiał drukowany, spójny z

Brand Kit

• Prezentacje efektów i peer review

• Efekt: portfolio-ready projekt marki obejmujący pełen zakres kursu Canva.

4. Projekt końcowy

Szkolenie kładzie duży nacisk nie tylko na obsługę programów, ale również na rozwijanie wyczucia ruchu,

kompozycji, estetyki obrazu, spójności wizualnej oraz praktycznego workflow projektowego.

Informacje o materiałach dla uczestników usługi

1. Materiały szkoleniowe zostaną udostępnione uczestnikom za pośrednictwem dysku online.
2. Kontakt z Trenerem podczas szkolenia odbywa się za pośrednictwem platformy TrainerCentral oraz komunikatora Discord.
3. Linki umożliwiające udział w szkoleniu będą publikowane w Karcie Usługi oraz przesyłane uczestnikom drogą mailową, przed każdym dniem szkoleniowym, bezpośrednio z platformy szkoleniowej.

Warunkiem koniecznym uczestnictwa są podstawowe umiejętności obsługi komputera (korzystanie z Internetu i przeglądarki Internetowej, korzystanie z aplikacji na smartphonie, wyszukiwanie w Google, korzystanie z chata/forum internetowego, obsługa edytorów tekstowych (np. Word) etc.).

Uczestnictwo w kursie będzie wymagało utworzenia darmowych kont w narzędziach takich jak Discord, Trainer Central.

W przypadku korzystania z dofinansowania, warunkiem uczestnictwa jest zapisanie się przez BUR z podaniem ID wsparcia. Warunkiem rozliczenia dofinansowania jest uczestnictwo w co najmniej 80% godzin szkolenia, zgodnie z wymaganiami właściwego Operatora.

1. Godzina dydaktyczna = 60 min
2. Przerwy są wliczone w czas trwania szkolenia.
3. Zawarto umowę z WUP Kraków na rozliczanie Usług z wykorzystaniem elektronicznych bonów szkoleniowych w ramach projektu „Pociąg do Kariery”(wymagana frekwencja 80% obecności).
4. Zawarto umowę z WUP Toruń w ramach projektu Kierunek Rozwój (wymagana frekwencja 80% obecności).
5. Kompetencja związana z cyfrową transformacją.
6. Uczestnik po ukończeniu kursu otrzymuje:

• certyfikat Young Design Academy by TALENTOWNIA
• zaświadczenie o ukończeniu kursu wraz z opisem efektów kształcenia

1. Szkolenie jest zwolnione z VAT (art. 43 ust. 1 pkt 29 ustawy o VAT), jeśli jest finansowane w min. 70% ze środków publicznych (np. UE, KFS).

1. Dostęp do komputera
2. Dostęp do stałego łącza internetowego
3. Łącze internetowe: min download: 10 Mb/s, min upload: 10 Mb/s (APMG Int. zaleca korzystanie z łącza stałego)
4. Minimalne wymagania sprzętowe:

• Komputer PC z systemem Operacyjnym Windows 7/8.x/10 albo komputer MacBook z systemem Mac OS X 10.5 lub wyższy;
• Przeglądarka internetowa Google Chrome (preferowana) lub Mozilla Firefox w najnowszych wersjach,
• Kamera o rozdzielczości min 640 x 480 pix (podczas szkolenia nie należy wyłączać kamery),
• Mikrofon,
• Głośnik (zestaw słuchawkowy jest niedopuszczalny na egzaminie).

1. Link z dostępem do spotkania on-line zostanie dostarczony w osobnej wiadomości od Organizatora min 2 dni przed szkoleniem.