Rafał Ślusarz
Zajęcia fakultatywne dla studentów kierunku Chemia.
Ćwiczenia stacjonarne, 3.04.2024 r.
Bez użycia AI wykreujemy małą, nierzeczywistą scenę.Dzisiejsze zadanie polega na przygotowaniu
- chem-sztukaterii w postaci ozdób holu głównego WCh,
- porównania skuteczności kompresji i jakości eksportowanych plików graficznych
W holu Wydziału Chemii (pobierz zdjęcie) należy dodać dwie "wiszące" struktury chemiczne, przygotowane podczas zajęć na temat endorfiny (plik konformacja.png pobierz ze swojego dysku OneDrive).
Opis drugiego zadania podany jest poniżej.
Sztukateria
- do programu Gimp wczytaj obydwie grafiki (hol.jpg i konformacja.png)
- zaznacz całą grafikę konformacja.png i skopiuj ją do pamięci (ctrl-a ctrl-c)
- przejdź do zdjęcia holu i wklej zawartość schowka (crtl-v), a nastepnie z wklejonego zaznaczenia zrób nową warstwę (wybierz ikonę "New Layer" poniżej listy warstw (numer "1" na grafice, poniżej)):
Dzięki temu będzie można dodatkowo manipulować wklejoną strukturą bez wpływu na tło (oryginalne zdjęcie holu). - Przesuń/ustaw wklejoną strukturę (narzędzie: Move (M)) przed kolumną pośrodku z prawej strony, a najbliższą Tobie krawędzią zdjęcia (tak, aby mniej więcej zasłaniała windę, jak na rysunku, poniżej ("1")); struktura powinna się znajdować bliżej sufitu, niż podłogi.
- Zastosuj zniekształcenie przez perspektywę (Tools > Transform Tools > Perspective) tak, aby uzyskać efekt równoległości do korytarza (struktura ma być "podwieszona" do sufitu, jak na poniższej grafice, miejsce numer "1").
- przy okazji ustawiania perspektywy możesz też nieznacznie powiększyć (rozciągnąć w pionie) swoją strukturę, aby jeszcze "bardziej wisiała"
- gotową warstwę powiel (przycisk "2" na grafice, powyżej) i przesuń (narzędzie "M") w głąb (za środkową kolumnę)
- Przesuniętą warstwę przeskaluj do 60 lub 65% oryginalnej wielkości, aby spotęgować wrażenie głębi. Umieść ją w taki sposób, aby prawa jej część znalazła się na środkowej kolumnie.
- Przesuń kolumnę przed drugą (pomniejszoną) strukturę chemiczną. Najpierw przeczytaj trzy poniższe podpunkty, a później dwa kolejne i dopiero przystąp do działania.
Aby przykryć fragment cząsteczki kolumną, musisz:- zaznaczyć kolumnę (w części nakładającej się z cząsteczką chemiczną lub nieco "wyżej" i "niżej", ale nie musisz zaznaczać całej kolumny) narzędziem do zaznaczenia prostokątnego (R), a następnie
- wyciąć zaznaczony prostokąt (ctrl-x), wkleić go w dokładnie tym samym miejscu (ctrl-v) a następnie
- zrobić z niego nową warstwę - ALE:
- kliknij warstwę hol.jpg
- wybierz Layer > Transform > Arbitrary Rotation a następnie obróć warstwę o 1,10 stopnia w kierunku zgodnym z kierunkiem ruchu wskazówek zegara (clockwise)
- przesuń warstwę z fragmentem kolumny nad warstwę z drugą, wklejoną strukturą chemiczną (spis warstw znajduje się na grafice, powyżej - jest zasłonięty cyfrą "1") tak, aby to kolumna zasłoniła prawą krawędź wklejonej cząsteczki. Powinieneś uzyskać efekt podobny do tego, na grafice, poniżej (miejsce "2"):
- Obracanie tła (zdjęcia głównego hol.jpg) spowoduje powstanie ubytków w narożnikach całej grafiki (miejsce oznaczone jako "3" na grafice, powyżej). Pozbądź się ich przycinając całą kompozycję narzędziem Crop (shift-c).
- Gotową kompozycję zapisz w formacie natywnym Gimp-a, pod nazwą manipulacje.xcf
- Wyeksportuj także plik w formacie PNG: manipulacje.png
Po zapisaniu obydwu plików (obydwa, wraz ze sprawozdaniem, muszą trafić do katalogu manipulacje na dysku OneDrive) zakończ działanie programu Gimp.
Skalowanie i kompresja
Gotowe grafiki można umieszczać w mediach społecznościowych w różnych wielkościach i różnych formatach. Dla testów skupimy się na najnowszym i najbardziej wydajnym formacie graficznym WebP
.
- Do nowo otwartego programu Gimp wczytaj plik graficzny manipulacje.png - powinien on mieć rozdzielczość zbliżoną do 3000 x 4000 px (bieżącą rozdzielczość możesz odnaleźć np. na belce okna głównego programu Gimp).
- Przeskaluj cały obraz (Image > Scale Image...) zmieniając mu (najpierw) rozdzielczość z 72 na 150 punktów na cal (pixels/in) do wartości wysokości (Height) 2000 punktów (pixels)
- Wyeksportuj (ctrl-shift-e) nową grafikę w formacie PNG pod nazwą: hol_org.png
Będzie to nasza grafika odniesienia - do porównywania wielkości kolejnych plików. - Wyeksportuj tę samą grafikę w formacie WebP: w dialogu eksportu wpisz po prostu nową nazwę eksportowanego pliku (hol_100.webp) dzięki czemu Gimp rozpozna i wyświetli nowe okno z opcjami eksportu w tym właśnie formacie. W oknie ustawień formatu WebP zaznacz opcję "bezstratny" (Loossless), a pozostałe opcje pozostaw bez zmian.
- Tę samą grafikę wyeksportuj do tego samego formatu WebP (plik nazwij hol_075.webp), ale w oknie z opcjami eksportu wyłącz tym razem opcję zapisu bezstratnego i wybierz jakość eksportowanej grafiki (Image quality) o wartości 75%
- Czynności z poprzedniego punktu powtórz eksportując tę samą grafikę z jakością 50 i 25 i 5% (pliki nazwij odpowiednio: hol_050.webp, hol_025.webp i hol_005.webp
- Wszystkie wyeksportowane pliki (6 plików) prześlij na swój dysk OneDrive
- W nowym dokumencie OpenOffice Writer przygotuj i uzupełnij tabelę:
plik wielkość pliku hol_org.png hol_100.webp hol_075.webp hol_050.webp hol_025.webp hol_005.webp - W tym samym dokumencie przedyskutuj (bardzo) krótko: czy warto (czy zysk wynikający ze zmniejszenia wielkości plików i szybkości ich przesyłania oraz ładowania) zmniejszać (kompresować) pliki "w nieskończoność" - do absurdalnie małych plików wynikowych?
- Plik/dokument tekstowy zawierający tabelę porównującą wielkości plików oraz dyskusję na temat opłacalności zmniejszania plików nazwij sprawozdanie.odt i prześlij na swój dysk OneDrive.
Sprawozdanie.
Przygotowane dzisiaj pliki prześlij na swój dysk OneDrive w ramach uczelnianej usługi Office365 - do dedykowanego foldera (manipulacje), a następnie udostępnij prowadzącemu cały folder (najlepiej bez możliwości edycji przez prowadzącego...).Folder udostępnij na adres: rafal.slusarz@staffms.ug.edu.pl (ten ze zdjęciem).
Ocenie podlegać będzie precyzja odtworzenia wymaganej sceny w holu, kompletność przesłanych plików i dyskusja.
CwPM - powrót.