{"id":15577,"date":"2018-10-27T23:00:06","date_gmt":"2018-10-27T21:00:06","guid":{"rendered":"http:\/\/www.numlock.edu.pl\/blog\/?p=15577"},"modified":"2018-10-28T02:15:08","modified_gmt":"2018-10-28T00:15:08","slug":"prezentacje-google-animacje","status":"publish","type":"post","link":"http:\/\/www.numlock.edu.pl\/blog\/2018\/10\/27\/prezentacje-google-animacje\/","title":{"rendered":"Prezentacje Google – animacje"},"content":{"rendered":"

Ods\u0142ony: 230<\/p>\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t

\u00a0 Fragment przygotowywanego bezp\u0142atnego ebooka “Obywatel prezenter. Prezentacje Google<\/a>“. Publikacja w po\u0142owie listopada.<\/em><\/p>\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t

Wszystkim elementom prezentacji mo\u017cna przypisywa\u0107 animacje, czyli okre\u015bla\u0107 specyficzny spos\u00f3b pojawiania si\u0119 na ekranie.<\/p>

Animacje przypisywane elementom graficznym pe\u0142ni\u0105 cz\u0119\u015bciej funkcje estetyczne (cho\u0107 mog\u0105 by\u0107 wykorzystywane np. w edukacji), natomiast animacje element\u00f3w tekstowych maj\u0105 ca\u0142kiem praktyczny wymiar, jako narz\u0119dzie prezentacyjne.<\/p>

Przyjmijmy, \u017ce na slajdzie znajduje lista punktowana (lub numerowana) zada\u0144 do wykonania, kt\u00f3re chcemy kolejno om\u00f3wi\u0107. W czasie publicznej prezentacji chcemy wczytywa\u0107 te punkty po kolei, a nie wszystkie od razu, by skoncentrowa\u0107 uwag\u0119 widz\u00f3w na konkretnych problemach. A zatem kolejne klikni\u0119cia lub naci\u015bni\u0119cia klawisza spacji b\u0119d\u0105 przywo\u0142ywa\u0107 pozycje listy jedn\u0105 po drugiej.<\/p>

Po klikni\u0119ciu prawym przyciskiem myszy wybieramy polecenie Animuj<\/em>, co powoduje wy\u015bwietlenie w prawym panelu okna Animacje.<\/em><\/p>\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t

\n\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t
Uruchamianie panelu animacji<\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t

Procedura tworzenia animacji jest nast\u0119puj\u0105ca:<\/p>

  • W pierwszej kolejno\u015bci klikamy polecenie Dodaj animacj\u0119<\/em>.<\/li>
  • Rozwijamy menu Typ animacji<\/em> i wybieramy jedn\u0105 z 15 dost\u0119pnych animacji \u2013 w naszym przypadku b\u0119dzie to Efekt pojawiania.<\/li>
  • W menu Warunek rozpocz\u0119cia<\/em> wybieramy jedn\u0105 z trzech mo\u017cliwo\u015bci, np. Przy klikni\u0119ciu (oznacza to tak\u017ce naci\u015bni\u0119cie klawisza spacji lub klawisza strza\u0142ki).<\/li>
  • Zaznaczamy pole wyboru Akapit po akapicie<\/em>, co spowoduje wczytywanie punkt\u00f3w po kolei.<\/li>
  • Na suwaku wybieramy czas trwania jednego cyklu animacji \u2013 od 0 (wolno) do 5 sekund (szybko).<\/li><\/ul>\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
    \n\t\t\t\t\t\t
    \n\t\t\t\t\t\t\t
    \n\t\t\t\t\t
    \n\t\t\t
    \n\t\t\t\t\t\t\t
    \n\t\t\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t\t
    \n\t\t\t\t\t\t\t\t\t
    \n\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t
    Definiowanie animacji listy punktowanej<\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
    \n\t\t\t\t\t\t
    \n\t\t\t\t\t\t\t
    \n\t\t\t\t\t
    \n\t\t\t
    \n\t\t\t\t\t\t\t
    \n\t\t\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t\t
    \n\t\t\t\t

    Klikni\u0119cie przycisku Odtwarzaj<\/em> spowoduje odtworzenie zachowania slajdu \u2013 w tej konkretnej sytuacji najpierw uka\u017ce si\u0119 tytu\u0142 slajdu i obrazek \u015awi\u0119tego Miko\u0142aja, a po kolejnych klikni\u0119ciach b\u0119d\u0105 si\u0119 pojawia\u0107 punkty listy, jeden po drugim. Przycisk Zatrzymaj<\/em> lub klawisz Esc przywraca tryb edycji slajdu.<\/p>

    W czasie rzeczywistej prezentacji prelegent b\u0119dzie zapewne klika\u0142 lub naciska\u0142 klawisz spacji laptopa (lub przycisk specjalnego pilota do sterowania prezentacj\u0105), omawiaj\u0105c po kolei poszczeg\u00f3lne punkty.<\/p>

    Oczywi\u015bcie w podobny spos\u00f3b mo\u017cna wczytywa\u0107 kilka ramek tekstowych znajduj\u0105cych si\u0119 na tym samym slajdzie \u2013 ka\u017cdej przypisujemy osobn\u0105 animacj\u0119, a ramki ukazuj\u0105 si\u0119 \u00a0w czasie prezentacji w kolejno\u015bci animacji na li\u015bcie.<\/p>

    Sytuacj\u0119 t\u0119 pokazuje poni\u017csza ilustracja \u2013 ka\u017cdej ramce przypisana jest oddzielna animacja, inaczej zdefiniowana. Pole Akapit po akapicie<\/em> nie jest zaznaczone, gdy\u017c ramki zawieraj\u0105 tylko po jednym akapicie.<\/p>\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

    \n\t\t\t\t\t\t
    \n\t\t\t\t\t\t\t
    \n\t\t\t\t\t
    \n\t\t\t
    \n\t\t\t\t\t\t\t
    \n\t\t\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t\t
    \n\t\t\t\t\t\t\t\t\t
    \n\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t
    Ramki z przypisanymi im oddzielnymi animacjami<\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
    \n\t\t\t\t\t\t
    \n\t\t\t\t\t\t\t
    \n\t\t\t\t\t
    \n\t\t\t
    \n\t\t\t\t\t\t\t
    \n\t\t\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t\t
    \n\t\t\t\t

    Lista animacji obejmuje 15 typ\u00f3w.<\/p>\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

    \n\t\t\t\t\t\t
    \n\t\t\t\t\t\t\t
    \n\t\t\t\t\t
    \n\t\t\t
    \n\t\t\t\t\t\t\t
    \n\t\t\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t\t
    \n\t\t\t\t\t\t\t\t\t
    \n\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t
    Lista typ\u00f3w animacji<\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
    \n\t\t\t\t\t\t
    \n\t\t\t\t\t\t\t
    \n\t\t\t\t\t
    \n\t\t\t
    \n\t\t\t\t\t\t\t
    \n\t\t\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t\t
    \n\t\t\t\t

    Animacje usuwamy klikni\u0119ciem przycisku Usu\u0144<\/em> na prawo od menu z typami.<\/p>

    Zauwa\u017cmy, \u017ce danemu elementowi mo\u017cna przypisa\u0107 kilka animacji. Przyk\u0142adowo, element graficzny mo\u017ce mie\u0107 przypisan\u0105 animacj\u0119 wlotu z lewej strony, a potem wylotu na praw\u0105 stron\u0119.<\/p>\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

    \n\t\t\t\t\t\t
    \n\t\t\t\t\t\t\t
    \n\t\t\t\t\t
    \n\t\t\t
    \n\t\t\t\t\t\t\t
    \n\t\t\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t\t
    \n\t\t\t\t\t\t\t\t\t
    \n\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t
    Dwie animacje jednego elementu<\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
    \n\t\t\t\t\t\t
    \n\t\t\t\t\t\t\t
    \n\t\t\t\t\t
    \n\t\t\t
    \n\t\t\t\t\t\t\t
    \n\t\t\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t\t
    \n\t\t\t\t

    I w charakterze demonstracji, przyk\u0142ad prezentacji zawieraj\u0105cej animowane elementy.<\/p>\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

    \n\t\t\t\t\t\t
    \n\t\t\t\t\t\t\t
    \n\t\t\t\t\t
    \n\t\t\t
    \n\t\t\t\t\t\t\t
    \n\t\t\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t