Pixel Art Udźwiękowienie: 10 kroków (ze zdjęciami)

Pixel Art to sztuka cyfrowa stworzona za pomocą oprogramowania, które manipuluje obrazami na poziomie pikseli. Przykłady tej sztuki można znaleźć w komputerach 8-bitowych i 16-bitowych, konsolach do gier wideo i kalkulatorach graficznych.

Celem tego działania jest zbadanie sztuki pikselowej poprzez naukę danych, w szczególności wizualizację danych i sonifikację. Wizualizacja danych to graficzna reprezentacja informacji i danych. Korzystając z elementów wizualnych, takich jak wykresy, wykresy i mapy, narzędzia do wizualizacji danych zapewniają przystępny sposób wykrywania i rozumienia wzorców w danych. Jeśli masz czas, poproś uczniów, aby obejrzeli ten film:

Uczniowie używają Arkuszy Google i formatowania warunkowego do tworzenia grafiki pikselowej, a następnie używają aplikacji Two Tone, aby pobrać te dane i użyć ich do stworzenia dźwięku. W dwóch tonach mogą Pixelart- Informacje przetłumaczone na wysokość, głośność, tempo itp.

Na koniec uczniowie podzielą się swoją pracą z kolegami z klasy i innymi osobami.

Krok 1: Lodołamacz analizy danych

Wizualizacja danych jest graficzną reprezentacją danych. Polega na tworzeniu obrazów, które przekazują widzom relacje między prezentowanymi danymi. Wykresy słupkowe i kołowe to dwa z kilku typów danych, a mianowicie.

W tym 10-minutowym lodołamaczu poproś uczniów, aby zapisali na kartce swoją ulubioną porę roku i dodali ją do stosu. Zbieraj i rozdzielaj wszystkie głosy na podstawie każdego sezonu. Podczas pracy zdalnej pozwól uczniom pisać odpowiedzi w obszarze czatu programu wirtualnej klasy. Wprowadź wyniki w arkuszu kalkulacyjnym (lub użyj załączonego pliku) i udostępnij wyniki klasie.

Aby dodać kolejną warstwę do tego lodołamacza, możesz poprosić uczniów, aby odgadli ulubione pory roku innych na podstawie ich hobby lub innych zainteresowań.

Co uczniowie mogą wnioskować o swoich kolegach z klasy na podstawie uzyskanych danych? Który sezon jest najbardziej popularny? Co pokazuje wizualizacja danych?

Krok 2: Zbuduj Pixel Art z Arkuszami Google

Główna aktywność pochodzi z Make Art with Google Sheets. Studenci nauczą się tworzyć wizualizacje danych (jako grafikę pikselową) w oparciu o formatowanie warunkowe.

Uczniowie tworzą własną grafikę pikselową w Arkuszach Google lub Excelu.

Najpierw poproś uczniów, aby obejrzeli wprowadzenie (3-minutowe wideo).

Jakie inne przykłady sztuki pikselowej uczniowie widzieli przed tymi zajęciami lub sesją?

Krok 3: Utwórz siatkę i wybierz obraz

Na tym etapie uczniowie będą używać Arkuszy Google z formatowaniem warunkowym, aby dodawać kolory i cieniowanie w celu wyróżnienia danych spełniających określone warunki lub reguły. Najpierw poproś uczniów, aby uruchomili Arkusze Google ze swoich dysków Google i nazwali swoje projekty.

W przypadku nauczania na odległość: Poproś uczniów, aby pracowali w mniejszych grupach, aby ukończyć dzieło w krótszym czasie.

Obejrzyj ten samouczek wideo (2:27 min) i wykonaj następujące kroki (10 min)

• Skonfiguruj arkusz kalkulacyjny, zaznaczając wszystkie komórki w arkuszu – kliknij pole w lewym górnym rogu nad arkuszem kalkulacyjnym (patrz zdjęcie).
• Zmień rozmiar wszystkich komórek, aby utworzyć siatkę w arkuszu kalkulacyjnym.
• Poszukaj grafiki pikselowej arkusza kalkulacyjnego (lub opartej na motywie takim jak Halloween).
• Dostosuj wyszukiwanie i w razie potrzeby filtruj wyniki.
• Wybierz obraz, który zainspiruje Twój projekt.
• Otwórz swoją misję w nowej karcie przeglądarki.

Krok 4: Utwórz paletę kolorów z formatowaniem warunkowym

W tym kroku uczniowie użyją formatowania warunkowego, aby utworzyć paletę kolorów dla swojej grafiki. Poproś uczniów, aby sporządzili listę kolorów, które widzą na swoim obrazie pikselowym.

Obejrzyj samouczek wideo (3:30 min) i wykonaj następujące kroki (10 min):

• Zaznacz wszystkie komórki w tabeli.
• Otwórz formatowanie warunkowe.
• Utwórz regułę dla każdego koloru na obrazku.
• Sprawdź pracę dodając kolory do projektu.

Jeśli czasu jest mało, uczniowie mogą pracować w mniejszych grupach nad projektem pixel art.

Krok 5: Stwórz swój wizerunek

Na tym etapie uczniowie utworzą swój obraz w pikselach.

Obejrzyj ten samouczek wideo (2:32 min) i wykonaj następujące kroki (15-20 min):

• Otwórz reguły formatowania warunkowego, aby zobaczyć wartości kolorów.
• Dodaj wartości do kolorowych komórek w arkuszu kalkulacyjnym.
• Uzupełnij swoje zdjęcie.
• Wybierz niestandardowy obszar dla swojego tła.
• Dodaj nową regułę, aby ustawić kolor tła.

Praca w małych grupach pozwala uczniom zrobić więcej w krótszym czasie. Jeśli pracujesz zdalnie, można to osiągnąć w grupach „breakout”.

Krok 6 Dostosuj kolory tekstu i wypełnienia oraz usuń linie siatki

W tym kroku uczniowie zmienią kolory tekstu (liczby), aby dopasować kolory komórek i usuną linie siatki.

Obejrzyj ten samouczek wideo (2 minuty) i wykonaj następujące czynności (00 minut):

• Zaznacz wszystkie komórki i otwórz formatowanie warunkowe.
• Popraw reguły formatowania warunkowego, aby dopasować kolory tekstu do kolorów wypełnienia.
• Usuń linie siatki z arkusza kalkulacyjnego.
• Zmień nazwę swojej tabeli.

Kiedy uczniowie skończą, powinni zrobić zrzuty ekranu z ostateczną grafiką pikselową, która zostanie wykorzystana w ostatnim kroku.

Krok 7: Zaimportuj plik do aplikacji Two Tone

TwoTone to aplikacja internetowa wykorzystująca ultradźwięki , więc możesz usłyszeć dane. Sonifikacja to wykorzystanie dźwięku do przekazywania informacji lub odbierania danych. W następnym kroku uczniowie zaimportują swoją bitmapę Arkusza Google/Excela (format pliku .xls. lub .csv) do formatu Two Tone. Możesz przeciągać i upuszczać swoje pliki lub kliknąć pole u dołu szarego okna, aby przeglądać i znajdować swoje pliki.

Krok 8: Twórz muzykę z danymi

Two Tone pozwala uczniom wybrać różne źródła danych (kolumny) z ich tabeli grafiki pikselowej i wybrać instrumenty dla każdego źródła. Możesz kliknąć niebieski przycisk „+” i przycisk nuty w prawym dolnym rogu okna aplikacji, aby dodać więcej źródeł danych.

Małe strzałki po prawej stronie każdego źródła danych rozwijają się, pokazując więcej opcji, takich jak: B. zmiana tonacji lub tempa instrumentu podczas gry.

Uczniowie powinni zbadać i dodać 4-5 źródeł/instrumentów (10 min).

Krok 9: Eksportuj muzykę jako MP3

Po utworzeniu muzyki uczniowie mogą pobrać ją jako plik MP3, klikając pomarańczowy przycisk eksportu w prawym dolnym rogu okna aplikacji. Uczniowie muszą to zrobić w następnym i ostatnim kroku.

Krok 10: Utwórz ostateczną prezentację

Na koniec uczniowie mogą użyć Prezentacji Google, aby utworzyć prezentację slajdową przedstawiającą grafikę pikselową i muzykę. Nie powinno to zająć dłużej niż 10 minut.

• Prześlij zapisany plik MP3 na dysk
• Uruchom Prezentacje Google
• Wklej obraz pikselowy (zapisany zrzut ekranu grafiki pikselowej)
• Kliknij Wstaw > Dźwięk
• Znajdź i wybierz plik MP3
• W polu Opcje formatowania kliknij Zapętl dźwięk.
• Dodaj swoje imię i nazwisko do pliku (nazwisko studenta, nazwa projektu)

Uczniowie mogą wziąć udział w wycieczce po galerii: oglądać i słuchać projektów innych uczniów. Można to również zrobić zdalnie, udostępniając ekrany.