Pracownia Projektowania
Form Multimedialnych
Multimedia Forms
Design Studio





Gdzie i kiedy...
Where and when?

Zajęcia prowadzone są w sali 119, budynek główny przy ul. Wojska Polskiego 121, piętro pierwsze, skrzydło B.
Our course takes place in studio number 119, the main building of the Academy, Wojska Polskiego 121 street, the first floor, wing B.

Przykłady realizacji semestralnych i dyplomowych w serwisie YouTube: https://www.youtube.com/channel/UCGDf0c0FYrEbsnTfXK99q2A/videos
Examples of students' projects on YouTube channel: https://www.youtube.com/channel/UCGDf0c0FYrEbsnTfXK99q2A/videos

Pracownia znajduje się w strukturach Instytutu Projektowania Graficznego, Wydziału Sztuk Projektowych (www.asp.lodz.pl/index.php/pl/wsp2-home) Akademii Sztuk Pięknych w Łodzi (www.asp.lodz.pl). Z powodu niesprawności (problemy techniczne, nieaktualne lub brakujące dane....) internetowej strony Uczelni więcej informacji można znaleźć pod linkiem: www.grafikaprojektowa.pl/
The studio is part of the Institute of Graphic Design at the Academy. Website: www.asp.lodz.pl/index.php/pl/wsp2-home Website for graphic design: www.grafikaprojektowa.pl/

Pracownię prowadzą: dr hab. Jakub Balicki prof. uczelni i mgr Daria Łuka.
Lecturers in the course are Professor Jakub Balicki and Daria Łuka.

Z czym od strony problematyki projektowej i realizacyjnej spotkasz się w pracowni:
Projektowanie i realizacja kinetycznej grafiki i animacji reklamowych do etapu uzyskania materiałów cyfrowego wideo (MP4) czy animacji w formacie GIF.
Projektowanie i prototypowanie aplikacji na komputery i urządzenia mobilne do poziomu wdrożeń czy funkcjonalnych makiet na środowiskach docelowych.
Oprogramowanie z jakim się spotkasz.
Obligatoryjnie:
Adobe Premiere, Adobe After Effects, Adobe Encoder, Audacity, Adobe Animate + AS3 lub/i Unity + C#
Dodatkowo:
Avidemux, Adobe Photoshop, Adobe Ilustrator, Maxon Cinema4D, BMD DaVinci Resolve, Apple Final Cut Pro,...
In the studio, we do:
Kinetic graphic design
Motion design
Animated advertisements
Working prototypes of desktop and mobile apps
Software we work with: Adobe Premiere, Adobe After Effects, Adobe Encoder, Audacity, Adobe Animate + AS3 or Unity + C# Sometimes: Avidemux, Adobe Photoshop, Adobe Illustrator, Maxon Cinema4D, BMD DaVinci Resolve, Apple Final Cut Pro
...


Kontakt

Kontakt do prowadzących pracownię:  jakub.balicki@asp.lodz.pl i daria.luka@asp.lodz.pl
Our emails: jakub.balicki@asp.lodz.pl & daria.luka@asp.lodz.pl





Zadania semestralne

na rok akademicki 2024-2025


SEMESTR III (zimowy)
dla studentów II roku Projektowania Graficznego (LIC),
studentów I roku Nowych Mediów (LIC)
studentów II roku Grafiki (MGR jednolite)

W semestrze zimowym studenci mają do zrealizowania trzy zadania związane z montażem i kompozycją wideo (pod kątem krótkich form promocyjnych i infograficznych) oraz zapisem scenariuszowym (będą one podawane sukcesywnie).
What will be your project?
You will have three projects in the semester connected to motion design and video creation.


ZADANIE 1
First project
 
Zaprojektuj i zrealizuj dwie kinetyczne wersje logotypu ASP IPG lub NM w Łodzi.
Pliki źródłowe wersji statycznej znajdziesz pod adresem:
Logotyp IPG: pliki w archiwum .ZIP.
i
Logotyp i referencje NM: pliki w archiwum .ZIP i przykład na Instagramie.

Opracuj dwie wersje animacji. Jedna winna się rozpoczynać pustym ekranem w kolorze czerni, bieli lub barwie logotypu. Druga winna się takim ekranem kończyć.
First project: Design and create kinetic animation of IPG logo or NM logo. You can find the logo here:
IPG: files in .ZIP.
&
NM: files in .ZIP and example.

Create two versions of animation that will work as an intro and outro. The first one should start with one colored background (white, black, or red) and finish with the created full logo. The second should start with the full logo and finish with a one-colored background.


Wymagania techniczne: pliki cyfrowego wideo w formacie MP4 zgodne z (zgodnym z odtwarzaczami VLC Media Player 3 lub nowszym i Apple QuickTime Player 9 lub nowszym).
Kadr poziomy 16x9, rozdzielczość 1920x1080 pikseli, 24 klatki na sekundę lub więcej (25 lub 30), skanowanie progresywne. Czas trwania od 5 do 20 sekund. Wielkość pliku do 50 MB.
Technical requirements: MP4 file in a horizontal 16x9 proportion, 1920x1080 resolution, 24 frames, duration 5 – 20 seconds. Maximum file size 50 MB.

Termin realizacji do końca dnia: 15 listopada 2024 r. 
Time of completion: November 15, 2024.
Forma dostarczenia: Wyślij czytelnie opisany e-mail na
adresy: jakub.balicki@asp.lodz.pl i daria.luka@asp.lodz.pl  zawierający link (aktywny do minimum 19 listopada 2024 r.) do pobrania archiwum ZIP zawierającego dwa pliki wideo.
How to complete the project? Send an email to jakub.balicki@asp.lodz.pl i daria.luka@asp.lodz.pl with files or a link to your Google Drive or WeTransfer (active until at least November 19th) with videos.

Zadanie może być realizowane indywidualnie lub w grupie maksymalnie trzyosobowej.

Przykłady podobnych rozwiązań (dla logotypu czasopisma "Powidoki"):
https://www.youtube.com/watch?v=r_qC2z-H6cI
https://www.youtube.com/watch?v=4EhN9HYyFNs
https://www.youtube.com/watch?v=xwf1o3KuF2E
https://www.youtube.com/watch?v=EF20DEJzC_8
https://www.youtube.com/shorts/EtPzJ6r7OdI
https://www.youtube.com/shorts/FTaTsuGqris
https://www.youtube.com/shorts/l6NYEvW-n7g
https://www.youtube.com/shorts/U3emQzQbEkU

Przykłady podobnych rozwiązań (dla logotypu ASP):
https://www.youtube.com/watch?v=6ULMZKJkfMc
https://www.youtube.com/watch?v=Eo6eLgTmH9E
https://www.youtube.com/watch?v=rMgJ8c-H808
https://www.youtube.com/watch?v=qtrkNm2YZ94
https://www.youtube.com/watch?v=tn7u8uuM8iQ
https://www.youtube.com/watch?v=LLUDhu7fkpI
https://www.youtube.com/watch?v=mzIGqDmPRHI
https://www.youtube.com/watch?v=Fu0WMDftnoU
https://www.youtube.com/watch?v=J2bgj7KTCho
https://www.youtube.com/watch?v=aETpE_Zku9A
https://www.youtube.com/watch?v=knWmvLIvq5I
https://www.youtube.com/watch?v=wCqB79DcKyQ
https://www.youtube.com/watch?v=SsfZ7hoQY14

Przykłady podobnych rozwiązań:
https://www.youtube.com/watch?v=m-osco-Xuqs
https://www.youtube.com/watch?v=LccGtuVxN2M
https://www.youtube.com/watch?v=L76Xtld6quk
https://www.youtube.com/watch?v=l5ayGzKrsT4
https://www.youtube.com/watch?v=1tj7Y3PR16s
https://www.youtube.com/watch?v=EVc51DCtS4I
https://www.youtube.com/watch?v=xQEmM8-xd1E 
https://www.youtube.com/watch?v=tzptuI8LpZQ
https://www.youtube.com/watch?v=maomzw-FIN8



ZADANIE 2

Stwórz koncepcję klipów spełniających wymagania zadania 3. (poniżej).
Wykonaj zapisy scenariuszowe projektowanych animacji (patrz zadanie 3).
Metoda realizacji: poprzez wypełnienie szkicami scen i opisem słownym wzorcowych kart scenariusza.

Karty scenariusza:

kadr dla animacji GIF
plik PDF:
http://qba.4x.com.pl/ppfm/formularze-scenariuszowe-2023-2024/scenariuszGIF(970x250).pdf
plik JPEG:
http://qba.4x.com.pl/ppfm/formularze-scenariuszowe-2023-2024/scenariuszGIF(970x250).jpg

kadr 1x1
plik PDF: http://qba.4x.com.pl/ppfm/formularze-scenariuszowe-2023-2024/scenariusz1x1.pdf
plik JPEG: http://qba.4x.com.pl/ppfm/formularze-scenariuszowe-2023-2024/scenariusz1x1.jpg

Zalecane jest korzystanie z minimum dwóch kolorów w layoutach, i dużych drukowanych liter w polach opisów. Zapis powinien zawierać minimum wszystkie planowane ujęcia (pod względem narracji i plastyki planu zdjęciowego).
Szczegółowych informacji udzielają prowadzący zajęcia w trakcie prezentacji i korekt.


Wymagania techniczne: Plik PDF formatu A4. Zawarte bitmapy o rozdzielczości nie niższej niż 200 dpi. Wielkość pliku do 30 MB.
Termin realizacji do końca dnia:
13 grudnia 2024 r.
Forma dostarczenia: Wyślij czytelnie opisany e-mail na adresy:
jakub.balicki@asp.lodz.pl i daria.luka@asp.lodz.pl zawierający link (aktywny do minimum 17 grudnia 2024 r.) do pobrania pliku PDF.

Zadanie realizowane indywidualnie.


ZADANIE 3

Zaprojektuj i wykonaj na temat: "Gdybym był zwierzęciem to byłbym...".

Składową klipów winna być animacja postaci zwierzęcej zaczerpniętej ze świata rzeczywistego - dopuszczalna jest daleko posunięta stylizacja postaci. Oba uzyskane materiały winny być spójne formalnie. Plik MP4 może posiadać warstwę audialną.

Wymagania techniczne:
PLIK 1
Plik cyfrowego wideo w formacie MP4 zgodne z (zgodnym z odtwarzaczami VLC Media Player 3 lub nowszym i Apple QuickTime Player 9 lub nowszym). Można wykorzystać wyłącznie darmowe audio z materiałów oferowanych przez uczelnię.
Kadr 1x1, rozdzielczość 1080x1080 pikseli, 24 klatki na sekundę lub więcej (25 lub 30), skanowanie progresywne. Czas trwania od 10 do 30 sekund. Wielkość pliku do 50 MB.
PLIK 2
Animowany plik GIF.
Kadr poziomy. Rozdzielczość 970x250 pikseli. Czas trwania od 5 do 20 sekund. Wielkość pliku do 1 MB.

Termin realizacji do końca dnia: 26 stycznia 2025 r.
Forma dostarczenia: Wyślij czytelnie opisany e-mail na
jakub.balicki@asp.lodz.pl i daria.luka@asp.lodz.pl adresy:  zawierający link (aktywny do minimum 29 stycznia 2025 r.) do pobrania archiwum ZIP zawierającego dwa pliki wideo.

Zadanie realizowane indywidualnie.




SEMESTR V (zimowy) 
dla studentów III roku Projektowania Graficznego (pracownia do wyboru)
i studentów II roku Nowych Mediów


ZADANIE SEMESTRALNE
Aplikacja RKO na urządzenie mobilne

ETAP 1
Stwórz funkcjonalną makietę aplikacji zawierającą ekran główny i trzy ekrany robocze przełączane. Warstwa graficzna powinna być maksymalnie uproszczona i nie gra roli na tym etapie zadania.

Makieta winna zawierać audio oraz możliwość jego podstawowej kontroli.

 
ETAP 2
Zaprojektuj aplikację służącą jako pomoc dla osób udzielających pierwszej pomocy przedmedycznej - resuscytacji krążeniowo-oddechowej (dalej zwaną RKO). Uzyskaj łatwy w odbiorze instruktarz dla osoby, która nie jest zawodowym ratownikiem, lekarzem itp. Nie przechodziła też wcześniej specjalistycznego szkolenia. Czyli jest przeciętną osobą przebywającą na terenie RP (wiek od nastolatka wzwyż, zakładana jest znajomość języka polskiego w mowie i piśmie). Wykonaj funkcjonalną makietę aplikacji działającą na środowisku docelowym (Android) w oparciu o wykonany w etapie 1. projekt.
Termin realizacji do końca dnia:
13 grudnia 2024 r.
 

Forma dostarczenia: Wyślij czytelnie opisany e-mail na adresy:
jakub.balicki@asp.lodz.pl i daria.luka@asp.lodz.pl zawierający link (aktywny do minimum 17 stycznia 2025 r.) do pobrania archiwum ZIP zawierającego:
- Plik APK z instalerem aplikacji funkcjonującej w systemie Google Android 6 lub nowszego. Plik należy nazwać: imie_nazwisko.apk 
- Nagranie ekranowe aplikacji. Materiał wideo w pliku MP4 (zgodnym z odtwarzaczami VLC Media Player 3 lub nowszym i Apple QuickTime Player 9 lub nowszym). Plik należy nazwać: imie_nazwisko.mp4 
- Plik PDF z planszą prezentującą projekt oraz ścieżkę użytkownika w formacie 70x100 cm (układ pionowy, litery zamienione na ścieżki/krzywe lub załączone fonty). Plik należy nazwać: imie_nazwisko.pdf

ETAP 3
Przygotuj prezentację wykonanego projektu składającą się  dwóch plansz B1. Winna ona zawierać ścieżkę użytkownika, przykładowe ekrany aplikacji, składowe graficzne projektu (kroje pism, piktogramy, kolorystyka,...).

Termin realizacji do końca dnia:
26 stycznia 2025 r.
Forma dostarczenia: Wyślij czytelnie opisany e-mail na
jakub.balicki@asp.lodz.pl i daria.luka@asp.lodz.pl adresy: zawierający link (aktywny do minimum 29 stycznia 2025 r.) do pobrania archiwum .ZIP zawierającego pliki PDF w formacie 70x100 cm (układ pionowy, litery zamienione na ścieżki/krzywe lub załączone fonty).
Plik należy nazwać: imie_nazwisko_nr_planszy.pdf
 

Przykłady podobnych rozwiązań:
https://www.youtube.com/shorts/mmL48EuX_TA
https://www.youtube.com/watch?v=dWEoIv5mYdE
https://www.youtube.com/watch?v=1pqJmmUf49I
https://www.youtube.com/watch?v=hUkxenYrxgw
https://www.youtube.com/watch?v=lfzLIxoEQnU
https://www.youtube.com/watch?v=eVh9hYe81Dw




 


AUDIO
W chwili obecnej ASP ma podpisane umowy z Universal Production Music i Paris Music umożliwiające korzystanie studentom nieodpłatnie z ich zasobów. W tym celu należy wysłać link do utworu oraz skrótowy jego opis na adres jakub.balicki@asp.lodz.pl. W/w treści audio można wykorzystywać wyłącznie na potrzeby zadań realizowanych dla ASP w Łodzi. Proszę pamiętać, że treści widoczne w w/w bazach muzyki nie są dostępne tam bez ograniczenia czasowego. Na przełomie jesieni/zimy podpisywana jest zazwyczaj nowa umowa, w tym okresie bywają czasowe problemy z dostępem do w/w baz.


 


Materiały pomocnicze

Przykładowe filmy prezentujące stopień powiązania zapisów scenariuszowych z finalnie dystrybuowanymi materiałami:
Jabberwocky: www.youtube.com/watch?v=fkcg3hKEP0Y  lub www.youtube.com/watch?v=fKWGVgPZQfw
Yellow Submarine (link ważny ograniczony czasowo): https://we.tl/t-WWSY3XeAXA
Analogowe i cyfrowe wideo (slajdy wykładu): plik PDF
Referencja do animacji postaci: cykluruchuBOK.jpg   
   



Harmonogram
Jest aktualizowany na bieżąco (prawie zawsze ulegał zmienie na przestrzeni semestru)!

1 października - Jakub Balicki / Daria Łuka

8 października - Daria Łuka
15 października - Daria Łuka
22 października - Daria Łuka
29
października - Daria Łuka
5 listopada - Jakub Balicki
12
listopada - Daria Łuka
19 listopada - zajęcia wg. planu poniedziałkowego!
26 
listopada - Daria Łuka / Jakub Balicki
3 grudnia - Daria Łuka
10 grudnia - Jakub Balicki
17 grudnia - Daria Łuka / Jakub Balicki - przegląd
7 stycznia - Jakub Balicki

14 stycznia
- Daria Łuka
21 stycznia - Jakub Balicki 
28 stycznia - Jakub Balicki 





Sesja zimowa 2024/2025

TERMINY PODSTAWOWE

Przewidywany termin egzaminu: wtorek dnia 4 lutego 2025 r. godzina 10:00, sala 119.
Warunki podejścia: do końca dnia 30 stycznia 2025 dostarczyć komplet realizacji z semestru poprzez wysłanie na adresy:  jakub.balicki@asp.lodz.pl i daria.luka@asp.lodz.pl czytelnie opisanego linku do ich pobrania w postaci jednego archiwum ZIP (link winien być aktywny minimum do końca dnia 4 lutego 2025).






TERMIN POPRAWKOWY

Termin egzaminu: XXXX dnia X lutego 2025 r., godzina XXXXX, sala 119.
Przed terminem egzaminu student winien dostarczyć komplet realizacji z semestru. Należy to uczynić wysyłając na adresy: jakub.balicki@asp.lodz.pl i daria.luka@asp.lodz.pl czytelnie opisany link do ich pobrania w postaci jednego archiwum ZIP (link winien być aktywny minimum do końca dnia 11 lutego).



 




Lektury obowiązkowe i takie w miarę potrzeb :-)

Książki:
• Wasyl Kandynski - „Punkt linia a płaszczyzna”
• Paul Wells - „Animacja” Wydawnictwa Naukowe PWN S.A.
• Paweł Sitkiewicz - „Polska szkoła Animacji” Wydawnictwo słowo obraz terytoria Gdańsk 2011
• „Studio Ghibli: Miejsce filmu animowanego w japońskiej kulturze” - praca zbiorowa Wydawnictwo Kirin 2012
• Giuseppe Cristiano - „Kurs tworzenia storybordów” A.B.E. Dom Wydawniczy Warszawa 2008
• Mariusz Frukacz - „Rozmowy o animacji: 24 klatki na sekundę”
• Rudolf Arnheim – „Sztuka i percepcja wzrokowa”, Słowo / Obraz Terytoria, 2004
• Frutiger A. – „Człowiek i jego znaki”, Wydawnictwo Do, 2005
• Robert Bringhurst – „Elementarz stylu w typografii”, Design Plus, 2007
• Jost Hochuli – „Detal w typografii”, D2D.PL, 2009

Linki:
skrócona instrukcja do Blackmagicdesign DaVinci (PL): http://qba.4x.com.pl/davinci/
dokumentacja do Adobe Premiere on-line (PL / ENG): https://helpx.adobe.com/pl/support/premiere-pro.html
dokumentacja do Adobe AfterEffects on-line (PL / ENG): https://helpx.adobe.com/pl/support/after-effects.html
dokumentacja do Adobe Media Encoder on-line (PL / ENG): https://helpx.adobe.com/pl/support/media-encoder.html
dokumentacja do Adobe Animate on-line (PL / ENG): https://helpx.adobe.com/pl/support/animate.html
nauka języka ActionScript 3.0 (PL): https://help.adobe.com/pl_PL/as3/learn/index.html
dokumentacja do Adobe Photoshop on-line (PL / ENG): https://helpx.adobe.com/pl/support/photoshop.html
dokumentacja do Adobe Illustrator on-line (PL / ENG): https://helpx.adobe.com/pl/illustrator/user-guide.html
podręcznik do Adobe Illustrator CS3 (PL): https://www.adobe.com/support/documentation/archived_content/pl/illustrator/cs3/illustrator_cs3_help.pdf
skrócony podręcznik do Final Cut Pro X (PL): pobierz plik PDF 
angielskojęzyczny podręcznik do Final Cut Pro X na stronie producenta (ENG): pobierz plik PDF   


Wsparcie techniczne


Bazę wideotutoriali (powstałą głównie w czasie epidemii - proszę wybaczyć jakość techniczną, była to potrzeba chwili) znajdziesz na serwisie Youtube pod tym linkiem: www.youtube.com/channel/UCs0RbGqVCqTd6lzavN1cYcw/videos

Bazę wideotutoriali związanych z UNITY znajdziesz pod tym adresem: https://www.youtube.com/playlist?list=PLuIW4gzlx_05R66C0hQv-tHKAVKUZgPmJ

Playlista tutoriali z Premiere: https://www.youtube.com/playlist?list=PLuIW4gzlx_05FMd78t7FM-mMekkenK21Z

Playlista tutoriali z After Effects: https://www.youtube.com/playlist?list=PLuIW4gzlx_04vV0EG4gR1Hi23OUgCSg4d

Pomoce naukowe (w tym polskojęzyczne tutoriale, ćwiczenia i skrótowe instrukcje obsługi do programów takich jak Adobe Illustrator, Adobe Photoshop, Adobe ImageReady, Maxon Cinema4d, Apple Final Cut Pro, Apple QuickTime Pro, Macromedia Flash MX i innych) przydatne przy realizacji ćwiczeń semestralnych i nie tylko można znalezc tutaj.