Technikum Klasa I 45 minut PP: II.3e | s. 344

Lekcja 45: Prezentacje multimedialne - tworzenie z efektami

Projektowanie slajdow, animacje, przejscia, multimedia, zasady prezentacji

📋 Podstawa programowa: II.3e
ImpressPowerPointprezentacja projektuprezentacje multimedialneslajdy
00:00
Wprowadzenie
5 min
00:05
Teoria
15 min
00:20
Cwiczenia
15 min
00:35
Podsumowanie
10 min
📚

Teoria

Narzedzia do tworzenia prezentacji

Istnieje wiele programow do tworzenia prezentacji multimedialnych:

  • Microsoft PowerPoint - standard w swiecie biznesu i edukacji, ogromne mozliwosci, platny (w ramach Office 365)
  • Google Slides - darmowy, online, doskonaly do wspolpracy w czasie rzeczywistym, dziala w przegladarce
  • LibreOffice Impress - darmowy, otwartozdrodlowy odpowiednik PowerPointa
  • Canva - narzedzie online z pieknym designem, setki szablonow, czesc funkcji za darmo
  • Prezi - nieliniowe prezentacje z efektem "zoom", nowoczesny styl
  • Keynote - narzedzie Apple, eleganckie szablony (tylko macOS/iOS)

Zasady projektowania slajdow

Dobra prezentacja to nie tylko ladne slajdy - to przede wszystkim skuteczne przekazanie informacji. Oto kluczowe zasady:

Zasada 10-20-30 (Guy Kawasaki):

  • 10 slajdow - maksymalna liczba slajdow w prezentacji biznesowej
  • 20 minut - optymalna dlugosc prezentacji
  • 30 punktow - minimalny rozmiar czcionki

Zasada 6x6:

  • Maksymalnie 6 linii tekstu na slajdzie
  • Maksymalnie 6 slow w kazdej linii
  • Slajd to podpowiedz dla mowcy, a nie caly tekst referatu!
Najczestszy blad: Zbyt duzo tekstu na slajdzie! Widownia nie jest w stanie jednoczesnie czytac i sluchac. Slajdy powinny zawierac kluczowe hasla, a szczegoly opowiada prezentujacy.

Uklad i kompozycja slajdu

  • Spojny motyw - uzywaj jednego szablonu, jednej palety kolorow (max 3-4 kolory) i 2 czcionek (tytul + tresc)
  • Kontrast - ciemny tekst na jasnym tle lub jasny na ciemnym (nigdy szary na szarym!)
  • Wyrownanie - tekst wyrownany do lewej (nie do srodka!), elementy ustawione na siatce
  • Biale przestrzenie - nie zapelniaj calego slajdu, zostaw "powietrze" wokol tresci
  • Hierarchia wizualna - tytul wiekszy i boldowany, tresc mniejsza, najwazniejsze elementy wyroznione kolorem
  • Jeden pomysl na slajd - kazdy slajd powinien przekazywac jedna mysl

Elementy multimedialne

Prezentacja moze zawierac rozne typy mediow:

  • Obrazy i zdjecia - wysokiej jakosci, odpowiednio skalowane (nie rozciagniete!). Darmowe zrodla: Unsplash, Pexels, Pixabay
  • Ikony i grafiki wektorowe - proste symbole zamiast tekstu. Zrodla: Flaticon, Icons8
  • Wykresy i diagramy - tworzone bezposrednio w programie lub wklejone z Excela
  • Wideo - osadzony film (Wstaw > Wideo) lub link do YouTube
  • Dzwiek - muzyka w tle, narracja glosowa, efekty dzwiekowe
  • Tabele - do porownania danych (proste, czytelne, max 5x5)

Animacje obiektow

Animacje kontroluja sposob pojawiania sie, poruszania i znikania elementow na slajdzie:

  • Wejscie (Entrance) - jak element pojawia sie na slajdzie: Pojawianie, Wlatywanie, Zanikanie, Powieszanie
  • Wyjscie (Exit) - jak element znika ze slajdu
  • Wyroznienie (Emphasis) - efekt na elemencie juz widocznym: pulsowanie, zmiana koloru, obrot
  • Sciezka ruchu (Motion Path) - element porusza sie po zdefiniowanej sciezce

Ustawienia animacji:

  • Wyzwalacz - po kliknieciu, z poprzednia, po poprzedniej
  • Czas trwania - jak szybko animacja sie odtwarza (0.5-2 sekundy)
  • Opoznienie - czas przed rozpoczeciem animacji
  • Kolejnosc - panel animacji pozwala ustawic kolejnosc odtwarzania

Przejscia miedzy slajdami (Transitions)

Przejscia to efekty wyswietlane podczas zmiany jednego slajdu na kolejny:

  • Subtelne - Zanikanie, Wypychanie, Wymazywanie (polecane - profesjonalne)
  • Dynamiczne - Obracanie, Galeria, Szescian
  • Efektowne - Rozpadanie sie, Fala, Siatka (umiarkowanie uzywac)
Zlota zasada animacji: Uzywaj animacji TYLKO gdy maja cel - np. stopniowe odkrywanie punktow listy, pokazywanie kolejnych etapow procesu. Nadmiar animacji rozprasza i denerwuje widownie. Jedno przejscie dla calej prezentacji wystarczy!

Wzorzec slajdow (Slide Master)

Wzorzec slajdow to szablon kontrolujacy wyglad wszystkich slajdow w prezentacji:

  • Dostep: Widok > Wzorzec slajdow
  • Definiuje: czcionki, kolory, tlo, pozycje elementow, logo firmy, stopke
  • Zmiany we wzorcu automatycznie aktualizuja WSZYSTKIE slajdy
  • Mozna tworzyc rozne uklady (layouts) dla roznych typow slajdow
  • Profesjonalne prezentacje ZAWSZE korzystaja ze wzorca

Prezentacja - wskazowki wystapienia

  • Przelicz prezentacje kilka razy przed wystapieniem
  • Uzywaj Widoku prezentera - widzisz notatki i nastepny slajd, widownia widzi tylko slajd
  • Kontakt wzrokowy z widownia, nie czytaj ze slajdow
  • Mow wolno i wyraznie, rob pauzy
  • Zapisz prezentacje takze jako PDF - na wypadek problemow z kompatybilnoscia
✏️

Zadania

Latwe

Zadanie 1: Prezentacja z szablonem i animacjami

Utworz prezentacje (8 slajdow) na temat "Bezpieczenstwo w Internecie" w PowerPoint lub Google Slides. Uzyj gotowego szablonu. Kazdy slajd powinien miec tytul, max 5 punktow i grafike/ikone. Dodaj animacje wejscia do punktow listy (pojawianie sie po kolei) i jedno przejscie miedzy slajdami (np. Zanikanie) dla calej prezentacji.

Pokaz rozwiazanie
Struktura prezentacji:

Slajd 1 - Tytulowy:
  "Bezpieczenstwo w Internecie"
  Imie Nazwisko, Klasa, Data

Slajd 2 - Wstep:
  Dlaczego bezpieczenstwo online jest wazne?
  - Statystyki cyberprzestepczosci
  - Grafika: ikona klodki

Slajd 3 - Hasla:
  Silne hasla to podstawa
  - Min. 12 znakow
  - Wielkie i male litery, cyfry, znaki specjalne
  - Inne haslo do kazdego serwisu
  - Menedzer hasel (np. Bitwarden)

Slajd 4 - Phishing:
  Jak rozpoznac phishing?
  - Sprawdz adres nadawcy
  - Nie klikaj podejrzanych linkow
  - Grafika: przyklad falszywego maila

Slajd 5 - Social media:
  Prywatnosc w mediach spolecznosciowych
  - Ustawienia prywatnosci
  - Co nie publikowac

Slajd 6 - Aktualizacje:
  System i oprogramowanie
  - Regularne aktualizacje
  - Antywirus

Slajd 7 - Wi-Fi:
  Bezpieczne korzystanie z sieci
  - Unikaj otwartych sieci Wi-Fi
  - VPN

Slajd 8 - Podsumowanie:
  5 kluczowych zasad
  Grafika: checklist

Animacje:
1. Zaznacz liste na slajdzie 3
2. Animacje > Pojawianie sie
3. Opcje efektu > Wedlug akapitu
4. Wyzwalacz: Po kliknieciu
5. Przejscia > Zanikanie > Zastosuj do wszystkich
Srednie

Zadanie 2: Zaprojektuj szablon prezentacji

Zaprojektuj wlasny szablon prezentacji (Wzorzec slajdow) z: (a) spojnym tlem (gradient lub grafika), (b) 2 czcionkami (tytul: bezszeryfowa np. Montserrat, tresc: czytelna np. Open Sans), (c) paleta 4 kolorow (glowny, dodatkowy, akcent, tlo), (d) logo/nazwa w rogu kazdego slajdu, (e) 4 uklady: tytulowy, tekst+obraz, dwie kolumny, pelnoekranowe zdjecie.

Pokaz rozwiazanie
1. Otworz Widok > Wzorzec slajdow

2. Wzorzec glowny (najwiekszy slajd na gorze):
   a) Tlo: Gradient od #1A1A2E (ciemny granat)
      do #16213E (granatowy)
      Lub: jednolity bialy z ciemnym paskiem na gorze

   b) Czcionki:
      - Tytul: Montserrat Bold, 36pt, bialy #FFFFFF
      - Tresc: Open Sans Regular, 18pt, jasnoszary #E0E0E0
      (Pobierz z Google Fonts jesli potrzeba)

   c) Paleta kolorow:
      - Glowny: #0F3460 (ciemny niebieski)
      - Dodatkowy: #16213E (granatowy)
      - Akcent: #E94560 (rozowy/czerwony)
      - Tlo: #1A1A2E lub #FFFFFF

   d) Logo: Wstaw obraz logo w prawym dolnym rogu
      Rozmiar: ok. 2x1 cm, przezroczyste tlo
      (pojawi sie na KAZDYM slajdzie automatycznie)

3. Uklady (layouts) - kliknij na kazdy i edytuj:

   Uklad 1 - Tytulowy:
   - Duzy tytul na srodku (48pt)
   - Podtytul ponizej (24pt)
   - Brak stopki

   Uklad 2 - Tekst + Obraz:
   - Lewa strona: tytul + lista punktow (60% szer.)
   - Prawa strona: pole na obraz (40% szer.)

   Uklad 3 - Dwie kolumny:
   - Tytul na gorze
   - Dwie rowne kolumny ponizej (50/50)

   Uklad 4 - Pelnoekranowe zdjecie:
   - Zdjecie na calym tle
   - Polprzezroczysty ciemny pasek na dole
   - Tekst na pasku (bialy)

4. Zamknij Wzorzec > Zapisz jako szablon (.potx)
Trudne

Zadanie 3: Prezentacja z zaawansowanymi efektami

Utworz prezentacje (10 slajdow) "Historia komputerow" z efektami: (a) slajd tytulowy z animowana osia czasu (sciezki ruchu), (b) slajd z osadzonym filmem z YouTube, (c) slajd z interaktywnym spisem tresci (hiperlinki do slajdow), (d) animacja "budowania" schematu (elementy pojawiaja sie kolejno), (e) slajd z automatycznym odtwarzaniem (czas wyswietlania ustawiony na kazdym elemencie).

Pokaz rozwiazanie
a) Os czasu z animacja (slajd 2):
   1. Narysuj pozioma linie (Wstaw > Ksztalty)
   2. Dodaj punkty na osi: 1940, 1960, 1980, 2000, 2020
   3. Przy kazdym punkcie: pole tekstowe z opisem
   4. Zaznacz pierwszy punkt > Animacje > Pojawianie sie
   5. Panel animacji > ustaw "Z poprzednia"
      z opoznieniem 0.5s
   6. Powtorz dla kazdego punktu (1s, 1.5s, 2s...)
   7. Efekt: os czasu "buduje sie" automatycznie

b) Film z YouTube (slajd 5):
   PowerPoint: Wstaw > Wideo > Wideo online
   > Wklej URL z YouTube
   Google Slides: Wstaw > Wideo > YouTube
   > Wyszukaj lub wklej link
   Ustawienie: odtwarzaj po kliknieciu

c) Interaktywny spis tresci (slajd 2):
   1. Lista rozdzialow (1-8)
   2. Zaznacz tekst "1. Poczatki" > Wstaw > Hiperlink
   3. Miejsce w dokumencie > Slajd 3
   4. Powtorz dla kazdego rozdzialu
   5. Na kazdym slajdzie dodaj przycisk "Spis tresci"
      z hiperlinkiem do slajdu 2

d) "Budowanie" schematu (slajd 7):
   1. Narysuj schemat: CPU -> RAM -> Dysk -> Monitor
   2. Kazdy element: animacja Pojawianie sie
   3. Strzalki: animacja Wymazywanie (po poprzedniej)
   4. Kolejnosc: CPU > strzalka > RAM > strzalka > ...
   5. Panel animacji: ustaw kolejnosc i opoznienia

e) Automatyczny slajd (slajd 9):
   1. Elementy z animacjami "Po poprzedniej"
   2. Kazdemu ustaw czas trwania i opoznienie
   3. Przejscia > czas: po 00:08 (auto po 8s)
   4. Caly slajd odtworzy sie sam

   Pelna automatyzacja prezentacji:
   Pokaz slajdow > Konfiguruj pokaz
   > Przegladanie w kiosku (automatyczne)
🎥

Materialy wideo

Canva For Beginners Canva Tutorial PL
NetGonet
Jak zrobić ciekawą prezentację w Canvie w mniej niż 20 min | Alternatywa dla PowerPoint
Klaudia Stawiarska
🎧

Podcasty

✔️

Quiz - sprawdz sie!

📜

Podstawa programowa

← Lekcja 44: Bazy danych - kwerendy Lekcja 46: Prezentacje - zaawansowane →