Wyniki egzaminu

Nowy egzamin

Informacje o egzaminie:

Zawód: Technik fotografii i multimediów
Kwalifikacja: AUD.05 - Realizacja projektów graficznych i multimedialnych
Data rozpoczęcia: 15 maja 2025 14:26
Data zakończenia: 15 maja 2025 14:42

Egzamin zdany!

Wynik: 26/40 punktów (65,0%)

Wymagane minimum: 20 punktów (50%)

Pochwal się swoim wynikiem!

Facebook

X.com

Szczegółowe wyniki:

Pytanie 1

Aby stworzyć zaawansowaną graficznie prezentację z obszerną zawartością tekstową oraz ilustracjami, powinno się skorzystać z programu

A. Prezi

B. Adobe Photoshop

C. Power Point

D. Adobe Flash

Wybór programu PowerPoint, Prezi czy Adobe Photoshop do tworzenia rozbudowanej prezentacji z dużą ilością treści i grafiki nie jest optymalny w kontekście zadania. PowerPoint, chociaż powszechnie używany i dobrze znany, może ograniczać kreatywność twórcy przez swoje sztywne układy slajdów oraz ustandaryzowane przejścia. Oferuje wiele funkcji, ale nie zapewnia tak dużych możliwości animacyjnych i interakcji jak Adobe Flash. Prezi, z drugiej strony, choć charakteryzuje się innowacyjnym podejściem do prezentacji poprzez ruch i zoom, może być trudny do opanowania dla osób, które preferują tradycyjne metody prezentacji. Ta platforma może być ograniczona w kontekście zaawansowanej grafiki i animacji, które są kluczowe w profesjonalnych prezentacjach. Wreszcie, Adobe Photoshop, choć znakomity do edytowania grafiki, nie jest narzędziem przeznaczonym do tworzenia prezentacji. Jego główną funkcją jest obróbka obrazów, a nie budowanie interaktywnych prezentacji. Użytkownicy często ulegają pokusie, by korzystać z tych programów, jednak ich ograniczenia mogą prowadzić do nieefektywnej komunikacji treści i zmniejszenia zaangażowania widzów. Dlatego, aby efektywnie wykorzystać potencjał mediów wizualnych i interakcji, Adobe Flash pozostaje najlepszym wyborem dla rozbudowanych prezentacji multimedialnych.

Pytanie 2

Aby osiągnąć efekt iluzji ruchu obiektu na fotografii, należy użyć filtrów z kategorii

A. Wyostrzanie

B. Stylizacja

C. Rozmycie

D. Szum

Wybór rozmycia jako metody uzyskania efektu wrażenia ruchu na zdjęciach jest odpowiedni, ponieważ pozwala na symulację dynamiki, która jest trudna do uchwycenia w statycznym obrazie. Rozmycie ruchu, znane również jako 'motion blur', stosowane jest w celu oddania szybkości obiektu, co jest szczególnie przydatne w fotografii sportowej, ulicznej czy przy zdjęciach samochodów w ruchu. Przykładowo, zastosowanie długiego czasu naświetlania połączonego z ruchem aparatu lub obiektu skutkuje efektem rozmycia, który nadaje zdjęciu energii. Warto również zauważyć, że technika ta jest zgodna z zasadami kompozycji wizualnej, gdzie ruch i dynamika odgrywają kluczową rolę w odbiorze obrazu. W kontekście postprodukcji, wykorzystanie filtrów rozmycia w programach graficznych, takich jak Adobe Photoshop czy Lightroom, może pomóc w osiągnięciu podobnego efektu, co pozwala na kreatywną edycję i poprawę wizualnej narracji obrazu. Właściwe zastosowanie rozmycia ruchu potrafi znacząco zwiększyć atrakcyjność wizualną zdjęcia, przy czym istotne jest zachowanie równowagi między rozmyciem a ostrością, aby nie stracić kluczowych detali, które mogą być istotne dla kontekstu fotografii.

Pytanie 3

Aby zapisać pliki cyfrowe na płycie CD, należy skorzystać z programu

A. Publisher

B. PowerPoint

C. Audacity

D. Nero

Nero to jeden z najpopularniejszych programów do nagrywania płyt CD, DVD i Blu-ray, który oferuje szeroki zakres funkcji do tworzenia i zarządzania cyfrowymi zapisami na nośnikach optycznych. Program ten pozwala na łatwe i szybkie nagrywanie danych, muzyki oraz filmów. Użytkownik może tworzyć różne typy projektów, takie jak kopiowanie płyt, tworzenie obrazów ISO oraz nagrywanie płyt audio. Dodatkowo, Nero zapewnia narzędzia do edycji wideo i konwersji formatów, co czyni go wszechstronnym rozwiązaniem dla użytkowników domowych i profesjonalistów. W kontekście standardów branżowych, program przestrzega norm dotyczących systemów plików oraz struktury danych na nośnikach optycznych, co zapewnia kompatybilność z większością odtwarzaczy i systemów operacyjnych. W sytuacjach, gdy użytkownik potrzebuje szybko zarchiwizować dużą ilość danych lub stworzyć kopię zapasową ważnych plików, Nero staje się niezastąpionym narzędziem, które łączy funkcjonalność z intuicyjnością obsługi.

Pytanie 4

Proces archiwizacji projektów multimedialnych dotyczy

A. organizowania projektów tylko z ostatnich dwóch miesięcy

B. podziału plików według formatu zapisu oraz usuwania oryginałów cyfrowych

C. maksymalnego kompresowania plików graficznych

D. organizowania materiałów oraz wykonywania kopii zapasowych

Archiwizacja projektów multimedialnych obejmuje szereg kluczowych działań, w tym katalogowanie materiałów oraz tworzenie kopii zapasowych, co jest niezbędne do zapewnienia trwałości i dostępności zasobów w dłuższym okresie. Katalogowanie materiałów umożliwia skuteczne zarządzanie oraz szybkie odnajdywanie poszczególnych projektów w przyszłości. Dobrze zorganizowany system katalogowania powinien opierać się na standardach metadanych, takich jak Dublin Core, co pozwala na jednoznaczne i spójne opisywanie zawartości. Tworzenie kopii zapasowych jest kluczowym elementem strategii ochrony danych, a stosowanie reguły 3-2-1 (trzy kopie danych, dwa nośniki, jedna kopia offline) jest powszechnie zalecaną praktyką w branży. Przykładem może być wykorzystanie chmury do przechowywania kopii zapasowych, co zabezpiecza dane przed utratą w wyniku awarii sprzętu. W kontekście archiwizacji, ważne jest także regularne testowanie procedur odzyskiwania danych, aby upewnić się, że w razie potrzeby proces ten będzie przebiegał płynnie i skutecznie, minimalizując ryzyko utraty cennych informacji.

Pytanie 5

Jakie znaczenie ma poniższa deklaracja kodu CSS:

li span {font-size: 10pt; color:green;} ?

A. Tekst w każdym z znaczników span będzie miał rozmiar 10 pt i kolor zielony

B. Jedynie tekst znajdujący się w obrębie wszystkich znaczników l oraz tych wewnątrz znaczników span będzie miał rozmiar 10 pt i kolor zielony

C. Tylko tekst w obrębie wszystkich znaczników span znajdujących się w znacznikach l będzie miał rozmiar 10 pt i kolor zielony

D. Tekst znajdujący się we wszystkich znacznikach l oraz wszystkich znacznikach span będzie miał rozmiar 10 pt i kolor zielony

Deklaracja CSS 'li span {font-size: 10pt; color:green;}' precyzyjnie określa stylizację dla elementów , które są zagnieżdżone w elementach

. Oznacza to, że tylko tekst wewnątrz znaczników , które znajdują się bezpośrednio w

, będzie miał rozmiar czcionki 10 punktów i kolor zielony. Taka selekcja jest szczególnie przydatna, gdy chcemy stylizować tylko konkretne fragmenty tekstu w listach, pozostawiając resztę elementów

z ich domyślnymi stylami. W praktyce, aby wprowadzić tę deklarację, należy upewnić się, że odpowiednie znaczniki

i są prawidłowo zagnieżdżone w dokumencie HTML. Używanie tego typu selektorów jest zgodne z najlepszymi praktykami CSS, które zalecają selekcję elementów w sposób jak najbardziej specyficzny, aby uniknąć niepożądanych zmian w stylach innych elementów na stronie. Daje to większą kontrolę nad wyglądem strony oraz umożliwia łatwiejsze zarządzanie kodem.

Pytanie 6

Podział obrazu z myślą o publikacji na stronach www blokuje

A. możliwość zastosowania nawigacji witryny

B. przy użyciu ustawień optymalizacji

C. optymalizację tylko jednej części grafiki

D. przypisanie różnych łączy URL

Wybór innych odpowiedzi może wynikać z nieporozumienia dotyczącego funkcji, jakie pełni podział obrazu w kontekście publikacji w internecie. Optymalizacja jednej części obrazu nie jest ograniczona przez sam podział; w rzeczywistości, każda część może być optymalizowana indywidualnie, co jest praktyką stosowaną w przypadku dużych grafik, gdzie różne sekcje mogą mieć różne wymagania co do jakości i rozmiaru. Zastosowanie nawigacji strony również nie jest w żaden sposób ograniczone przez dzielenie obrazu. Nawigacja może być efektywnie zorganizowana niezależnie od tego, jak obraz jest prezentowany. Co więcej, odpowiedzi sugerujące użycie ustawień optymalizacji także są mylące, ponieważ wiele narzędzi do optymalizacji obrazu pozwala na dostosowanie ustawień dla każdego fragmentu z osobna. Typowym błędem myślowym jest założenie, że podział na segmenty automatycznie uniemożliwia działania, które w rzeczywistości są całkowicie wykonalne i praktykowane w branży. Zrozumienie, że podział obrazu i przypisanie do niego różnych łączy URL to odrębne koncepcje, jest kluczowe dla efektywnego projektowania i zarządzania treściami w internecie. Warto także zwrócić uwagę na standardy webowe, które umożliwiają elastyczne podejście do zarządzania grafiką, co przyczynia się do lepszej użyteczności i doświadczeń użytkowników.

Pytanie 7

Jakiego oprogramowania używa się do stworzenia prezentacji w formie "interaktywnej mapy"?

A. Adobe Flash

B. Adobe Photoshop

C. Prezi

D. Power Point

Prezi to innowacyjne narzędzie do tworzenia interaktywnych prezentacji, które różni się od tradycyjnych programów, takich jak PowerPoint, poprzez dynamiczne podejście do wizualizacji treści. Dzięki Prezi użytkownicy mogą tworzyć mapy myśli, które umożliwiają bardziej płynne poruszanie się po tematach, co sprzyja lepszemu zaangażowaniu odbiorców. Platforma ta oferuje możliwość łączenia różnych elementów multimedialnych, co pozwala na prezentowanie danych w przystępny i atrakcyjny sposób. Przykładowo, podczas prezentacji dotyczącej badań rynkowych, można wizualizować wyniki na interaktywnej mapie, gdzie każdy punkt odniesienia może prowadzić do bardziej szczegółowych informacji. Tego rodzaju prezentacje są szczególnie efektywne w kontekście biznesowym i edukacyjnym, gdzie zrozumienie złożonych relacji i danych jest kluczowe. Prezi wspiera również współpracę zespołową, dzięki czemu wiele osób może jednocześnie pracować nad jedną prezentacją, co jest zgodne z nowoczesnymi standardami pracy w grupie.

Pytanie 8

Zgodnie z zasadami licencji CC BY-NC-ND 3.0 PL utwór można

A. użyć w prezentacji o charakterze komercyjnym

B. sprzedać po wykorzystaniu w prezentacji

C. zmienić i wykorzystać w prezentacji

D. użyć w prezentacji, lecz nie można go zmieniać

Odpowiedź, że utwór można wykorzystać w prezentacji, ale nie można go modyfikować, jest zgodna z zasadami licencji CC BY-NC-ND 3.0 PL. Licencja ta pozwala na korzystanie z utworów w celach niekomercyjnych, pod warunkiem uznania autorstwa, jednak nie zezwala na ich modyfikację. Przykładem zastosowania tej licencji może być sytuacja, w której nauczyciel korzysta z materiału wideo w trakcie wykładu – może go pokazać studentom, ale nie ma prawa wprowadzać jakichkolwiek zmian w samym materiale. W praktyce oznacza to, że każdy, kto chce skorzystać z tego typu utworu, musi ściśle przestrzegać warunków licencji, co jest kluczowe dla ochrony praw autorskich. Warto również zaznaczyć, że ustalenia te są zgodne z dobrymi praktykami w zakresie edukacji i twórczości, które podkreślają wartość oryginalnych dzieł oraz konieczność poszanowania pracy autorów. Zrozumienie zasad licencjonowania jest istotne w każdym kontekście, w którym wykorzystywane są materiały chronione prawem autorskim.

Pytanie 9

Jakiej wielkości będzie Plik BMP o wymiarach 800 x 600 zapisany w 24-bitowej głębi kolorów?

A. 400 kB

B. 1,2 MB

C. 1,4 MB

D. 980 kB

Odpowiedź 1,4 MB jest poprawna, ponieważ plik BMP o rozmiarach 800 x 600 pikseli, zapisany w 24-bitowej palecie barw, potrzebuje określonej ilości miejsca na dysku. BMP jest formatem nieskompresowanym, co oznacza, że każdy piksel obrazu jest reprezentowany przez 24 bity (3 bajty) - 8 bitów dla każdego z trzech kanałów kolorów: czerwonego, zielonego i niebieskiego. Aby obliczyć rozmiar pliku BMP, stosujemy wzór: (szerokość x wysokość x liczba bajtów na piksel) + nagłówki. W tym przypadku: 800 x 600 x 3 bajty = 1 440 000 bajtów, co daje 1,4 MB po przeliczeniu na megabajty. W praktyce, przy pracy z grafiką, zrozumienie rozmiaru plików jest kluczowe dla optymalizacji przestrzeni dyskowej i zarządzania zasobami w aplikacjach graficznych. Standardy kompresji, takie jak JPEG czy PNG, są często wykorzystywane w celu zmniejszenia rozmiaru plików bez znacznej utraty jakości, co warto brać pod uwagę przy wyborze formatu dla różnych zastosowań.

Pytanie 10

W modelu koloru RGBA litera A oznacza

A. poziom nasycenia koloru.

B. kanał przezroczystości.

C. składową jasności.

D. składową intensywności.

Odpowiedź wskazująca, że litera 'A' w modelu RGBA oznacza kanał przezroczystości, jest jak najbardziej poprawna. Model RGBA jest rozszerzeniem modelu RGB, który dodaje dodatkowy kanał (Alpha) do reprezentacji kolorów. Składnik ten określa stopień przezroczystości danego piksela. Wartość kanału alpha waha się od 0 (całkowita przezroczystość) do 255 (całkowita nieprzezroczystość w modelu 8-bitowym). Dzięki temu projektanci i programiści mogą tworzyć złożone efekty wizualne, takie jak nakładanie obrazów i tworzenie różnorodnych efektów przejrzystości w grafikach komputerowych oraz w aplikacjach webowych. Przykładem zastosowania może być grafika w formacie PNG, który wspiera przezroczystość, pozwalając na tworzenie elementów UI z zaokrąglonymi rogami lub cieniami. W kontekście dobrych praktyk projektowania interfejsów użytkownika, umiejętne wykorzystanie kanału alpha przyczynia się do estetyki i funkcjonalności aplikacji, umożliwiając twórcom kontrolowanie, jak elementy współgrają ze sobą w złożonych układach wizualnych.

Pytanie 11

Który z wymienionych formatów wideo jest najczęściej używany do przesyłania strumieniowego?

A. AVI

B. MP4

C. MOV

D. MKV

MP4 to jeden z najpopularniejszych formatów plików wideo, szczególnie w kontekście przesyłania strumieniowego. Jego popularność wynika z doskonałej równowagi między jakością a wielkością pliku. MP4, czyli MPEG-4 Part 14, jest formatem kontenera multimedialnego, który może przechowywać wideo, audio oraz napisy, co czyni go wszechstronnym narzędziem do dystrybucji treści multimedialnych. Co więcej, MP4 jest kompatybilny z większością urządzeń i platform, w tym z popularnymi przeglądarkami internetowymi i urządzeniami mobilnymi, co dodatkowo zwiększa jego zastosowanie w strumieniowaniu. Warto również dodać, że MP4 obsługuje kompresję danych wideo za pomocą kodeka H.264, co jest obecnie standardem w branży. Ten kodek pozwala na wysoką jakość obrazu przy stosunkowo niskiej przepustowości, co jest kluczowe w kontekście przesyłania strumieniowego. Dzięki temu, MP4 jest preferowanym wyborem dla dostawców treści internetowych, takich jak YouTube czy Netflix. W praktyce, wybierając format MP4 dla strumieniowania, zapewniamy zarówno szeroką dostępność, jak i efektywność transmisji danych, co jest krytyczne w dobie rosnącego zapotrzebowania na treści multimedialne online.

Pytanie 12

Czy wraz ze zwiększeniem stopnia kompresji materiału dźwiękowego w formie cyfrowej następuje?

A. redukcja liczby kanałów

B. pogorszenie jakości dźwięku

C. poprawa jakości dźwięku

D. wzrost liczby kanałów

Wzrost stopnia kompresji materiału dźwiękowego jest procesem, w którym dane audio są redukowane, aby zmniejszyć ich rozmiar. Zasadniczo, im wyższy stopień kompresji, tym więcej informacji dźwiękowych zostaje usuniętych, co prowadzi do pogorszenia jakości dźwięku. Kompresja stratna, jak MP3, polega na eliminacji dźwięków, które są mniej słyszalne dla ludzkiego ucha, ale to także oznacza, że oryginalny materiał dźwiękowy nie może być w pełni odtworzony. Przykładem może być użycie niskiej jakości ustawień kompresji w produkcji muzycznej, co skutkuje słabszą jakością odtwarzania na systemach audio o wysokiej rozdzielczości. W branży audio, standardy takie jak FLAC oferują kompresję bezstratną, która zachowuje wszystkie szczegóły dźwięku, dlatego w profesjonalnych nagraniach preferuje się tego rodzaju formaty, aby uzyskać jak najlepszą jakość dźwięku.

Pytanie 13

Kluczowym elementem kodu, który zarządza aplikacją internetową, jest

A. kontroler

B. widok

C. model

D. wzorzec

Kontroler jest kluczowym elementem architektury MVC (Model-View-Controller), która jest powszechnie stosowana w budowaniu aplikacji internetowych. Jego główną rolą jest zarządzanie logiką aplikacji oraz komunikacją pomiędzy modelem (danymi) a widokiem (interfejsem użytkownika). Kontroler reaguje na działania użytkownika, przetwarza dane, a następnie aktualizuje widok, co czyni go centralnym punktem w architekturze aplikacji. Przykładowo, w aplikacji internetowej do zarządzania zadaniami, kontroler odbiera żądanie dodania nowego zadania, przetwarza dane wprowadzone przez użytkownika, aktualizuje bazę danych (model) i następnie zwraca zaktualizowany widok, aby użytkownik mógł zobaczyć zmiany. Dobre praktyki w programowaniu sugerują, aby kontroler był odpowiedzialny tylko za logikę aplikacji, unikając mieszania logiki prezentacji z logiką biznesową, co prowadzi do lepszej organizacji kodu i ułatwia jego późniejsze utrzymanie oraz rozwój.

Pytanie 14

Elementy wyrazu, takie jak słowa kluczowe, nagłówki oraz wskazówki używane w projektach multimedialnych mają na celu

A. ukazanie struktury treści oraz organizacji komunikatu

B. wyróżnienie kluczowych informacji

C. przemieszczanie się po strukturze projektu

D. zademonstrowanie możliwych interakcji

Wybór odpowiedzi, które wskazują na nawigację po strukturze projektu, pokazanie struktury treści lub możliwych interakcji, obrazuje typowe nieporozumienia dotyczące roli środków wyrazu w projektach multimedialnych. Nawigacja po strukturze projektu jest ważnym, ale odrębnym aspektem, który dotyczy sposobu poruszania się użytkownika w obrębie treści, a niekoniecznie akcentowania najważniejszych informacji. Elementy nawigacyjne, takie jak menu czy przyciski, są projektowane w celu ułatwienia użytkownikom dostępu do różnych sekcji projektu. Podobnie, pokazanie struktury treści i organizacji komunikatu ma na celu przedstawienie całokształtu informacji, co jest innym działaniem niż wyróżnianie kluczowych punktów. Ta odpowiedź nie uwzględnia faktu, że kluczowe informacje powinny być łatwo zauważalne, co pozytywnie wpływa na efektywność komunikacji. Typowe błędy myślowe, takie jak pomylenie akcentowania z nawigacją, mogą prowadzić do nieefektywnych projektów, w których ważne informacje giną w gąszczu treści lub są trudne do odnalezienia. Właściwe zrozumienie roli akcentowania informacji w projektach multimedialnych jest niezbędne do tworzenia przekonujących i angażujących materiałów, które w pełni wykorzystują potencjał komunikacji wizualnej.

Pytanie 15

Zanim przystąpimy do archiwizacji zasobów, należy

A. pogrupować pliki tekstowe, graficzne oraz muzyczne, umieszczając je w oddzielnych folderach

B. zorganizować wszystkie warstwy obrazu cyfrowego, a następnie je połączyć

C. uporządkować pliki i zapisać ich kopie w formacie PDF

D. skategorować wszystkie elementy na warstwach oraz przekształcić tekst i obiekty na krzywe Beziera

Wybór innych podejść do archiwizacji zasobów może prowadzić do nieefektywności i utraty cennych danych. Na przykład, pogrupowanie warstw obrazu cyfrowego i ich scalanie, choć może być użyteczne w kontekście edycji grafiki, nie jest właściwe w przypadku archiwizacji, gdyż nie uwzględnia różnorodności typów plików, co może skutkować chaosem w zbiorach. Scalanie warstw nie przyczyni się do lepszej organizacji danych, a jedynie skomplikuje proces ich odzyskiwania. Również sortowanie plików i ich konwersja do formatu PDF nie jest praktycznym rozwiązaniem, ponieważ nie każdy typ pliku nadaje się do konwersji, a utrata oryginalnych formatów może ograniczyć możliwość ich późniejszego wykorzystania. Podobnie, zamiana tekstów i obiektów na krzywe Beziera, chociaż technicznie uzasadniona w kontekście edycji grafiki, nie ma zastosowania w archiwizacji zasobów, gdyż zaburza to oryginalną strukturę i potencjalną użyteczność plików. Kluczowym błędem jest nieuznanie, że skuteczna archiwizacja wymaga przemyślanej klasyfikacji i organizacji, a nie jedynie konwersji lub edytowania plików. Przy archiwizacji najważniejszym celem jest zachowanie integralności danych oraz ich łatwa dostępność, co wymaga stosowania logicznych i sprawdzonych metod organizacyjnych.

Pytanie 16

Który z etapów w procesie tworzenia obiektu 3D obejmuje szczegółowe określenie detali, dodanie oświetlenia oraz nałożenie tekstur na powierzchnię modelu?

A. Pozycjonowanie

B. Modelowanie

C. Renderowanie

D. Teksturowanie

Teksturowanie to kluczowy etap w procesie tworzenia obiektów 3D, który polega na dodawaniu szczegółowych tekstur oraz materiałów do modelu. W tym procesie stosuje się mapy tekstur, które są graficznymi reprezentacjami powierzchni obiektu, co pozwala na nadanie mu realistycznego wyglądu. Ważnym elementem teksturowania jest także nałożenie odpowiednich kolorów, wzorów oraz właściwości materiałów, takich jak odbicie światła czy przezroczystość. Na przykład, w branży gier komputerowych teksturowanie jest niezbędne do tworzenia wiarygodnych i atrakcyjnych wizualnie światów. Specjaliści korzystają z programów takich jak Substance Painter lub Adobe Photoshop, aby precyzyjnie dostosować tekstury. Dobre praktyki w teksturowaniu obejmują także dbałość o optymalizację rozmiaru grafik, aby nie obciążały one niepotrzebnie wydajności aplikacji. Przykładem zastosowania teksturowania jest tworzenie realistycznych modeli postaci do animacji, gdzie różne powierzchnie, jak skóra, ubrania czy akcesoria, wymagają indywidualnych map tekstur.

Pytanie 17

Jakie oprogramowanie pozwala na tworzenie trójwymiarowych animowanych tekstów?

A. Audacity oraz Adobe InDesign

B. Windows Movie Maker oraz Adobe Acrobat

C. 7-Zip oraz CorelDRAW

D. Adobe Flash i Adobe Photoshop

Adobe Flash i Adobe Photoshop to dwa potężne narzędzia, które umożliwiają tworzenie trójwymiarowych animowanych napisów. Adobe Flash, znane z animacji wektorowych i interaktywności, pozwala na projektowanie zaawansowanych animacji, które mogą być łatwo zintegrowane z aplikacjami internetowymi. Użytkownicy mogą tworzyć animowane napisy, które są nie tylko estetyczne, ale również angażujące, co jest kluczowe w marketingu internetowym czy multimediach. Adobe Photoshop z kolei, choć głównie używane do edycji grafiki rastrowej, posiada również funkcje warstw i animacji, które umożliwiają tworzenie efektów 3D i ruchu w tekstach. Przykładem zastosowania może być stworzenie animowanych nagłówków na stronę internetową lub wideo, co zwiększa atrakcyjność wizualną i interakcyjność treści. Warto zaznaczyć, że obydwa programy są zgodne z branżowymi standardami, co czyni je idealnym wyborem dla profesjonalnych projektantów.

Pytanie 18

Miara określająca rozdzielczość obrazu rastrowego, który ma być wyświetlany na urządzeniach cyfrowych, to liczba

A. pikseli na długość jednego cala

B. punktów na długość jednego centymetra

C. próbek na długość jednego centymetra

D. linii na długość jednego cala

Poprawna odpowiedź to "pikseli na jednostkę długości jednego cala", ponieważ rozdzielczość obrazu rastrowego określa się w pikselach na cal (PPI - pixels per inch). Ta jednostka wskazuje, ile pikseli mieści się w jednym calu długości, co bezpośrednio wpływa na jakość i szczegółowość wyświetlanego obrazu. Wyższa wartość PPI oznacza bardziej szczegółowy obraz, co jest istotne w zastosowaniach takich jak drukowanie, gdzie wysoka jakość jest kluczowa, czy też w wyświetlaczach urządzeń mobilnych, gdzie detale muszą być wyraźnie widoczne. Dla przykładu, standardowa rozdzielczość ekranów smartfonów to często 300 PPI, co zapewnia wyraźny i ostry obraz. Wartości PPI są również istotne w kontekście projektowania graficznego i w tworzeniu materiałów reklamowych, gdzie konieczne jest dostosowanie rozdzielczości do specyfikacji druku. Rozumienie i prawidłowe zastosowanie tej jednostki jest kluczowe w branży cyfrowej, co podkreślają standardy takie jak ISO 12646, które definiują wymagania dotyczące kolorów i jakości obrazu.

Pytanie 19

Jakie narzędzie w Adobe Photoshop pozwala na generowanie obiektów wektorowych?

A. Przejrzystość

B. Magiczna różdżka

C. Kształt własny

D. Pieczenie

Kształt własny w Adobe Photoshop to narzędzie, które pozwala na tworzenie obiektów wektorowych, co jest kluczowe w wielu aspektach projektowania graficznego. Obiekty wektorowe są tworzone na podstawie matematycznych równań, co pozwala na ich skalowanie bez utraty jakości. W przeciwieństwie do obrazów rastrowych, które składają się z pikseli, obiekty wektorowe są idealne do projektów, gdzie wymagana jest elastyczność, na przykład w logotypach, ikonach czy ilustracjach. Używając narzędzia kształt własny, możesz tworzyć różnorodne kształty, które można modyfikować w dowolny sposób, zachowując ich ostrość i detale. Ponadto, kształty wektorowe mogą być edytowane w dowolnym momencie, co stanowi dużą zaletę w procesie twórczym. Dobrym przykładem zastosowania kształtu własnego jest projektowanie logo, gdzie często wymagana jest precyzyjna geometria oraz możliwość łatwej zmiany kolorystyki i rozmiaru bez utraty jakości. Warto również zaznaczyć, że obiekty wektorowe są często stosowane w materiałach drukowanych, gdzie wysoka jakość obrazu jest kluczowa.

Pytanie 20

Jakie narzędzie w programie Adobe Photoshop umożliwia wypełnienie określonego obszaru gradacją tonalną i kolorystyczną?

A. Wiadro z farbą

B. Gradient

C. Kroplomierz

D. Próbkowanie kolorów

Gradient to narzędzie w Adobe Photoshop, które umożliwia wypełnienie obszaru płynnie przechodzącymi kolorami, co pozwala na uzyskanie efektów tonalnych i barwnych. Używając gradientu, użytkownicy mogą tworzyć różnorodne efekty wizualne, takie jak tła, cienie czy wypełnienia, które wyglądają bardziej profesjonalnie i estetycznie. Gradienty mogą być stosowane w różnych kontekstach, np. podczas projektowania stron internetowych, tworzenia grafik reklamowych czy edytowania zdjęć. W Photoshopie dostępne są różne typy gradientów, w tym linearne, radialne, kątowe, i bardziej zaawansowane, co daje użytkownikom dużą swobodę twórczą. Dobrą praktyką jest użycie gradientów w sposób, który komplementuje inne elementy projektu, aby uzyskać harmonijny efekt. Warto również pamiętać o możliwościach edytowania gradientów, co pozwala na dostosowanie ich do specyficznych potrzeb projektu. Używając gradientów, projektanci mogą wprowadzać subtelne zmiany, które znacznie poprawiają jakość wizualną ich prac.

Pytanie 21

W której sekcji dokumentu HTML powinny się znajdować znaczniki odpowiedzialne za określenie wyglądu właściwej treści strony internetowej?

A.</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>B. <meta></span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded bg-success bg-opacity-10 text-success "> <div class="flex-grow-1"> <span>C. <body></span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-2 bg-danger bg-opacity-10 border-danger text-danger "> <div class="flex-grow-1"> <span>D. <head></span> </div> </div> </div> </div>  <div class="mt-3">  <div class="alert alert-danger mb-0"> Wybór odpowiedzi spośród <meta>, <title> oraz <head> pokazuje pewne nieporozumienia co do struktury dokumentu HTML i roli, jaką pełnią poszczególne komponenty. Znacznik <meta> jest używany do dostarczania dodatkowych informacji o stronie, takich jak opis, słowa kluczowe czy dane o autorze. Jego funkcje są bardziej związane z SEO i nie mają wpływu na zawartość widoczną dla użytkowników, co może prowadzić do błędnych przekonań, że jest on odpowiedzialny za przedstawienie treści. Sekcja <title> ma na celu określenie tytułu strony, który jest wyświetlany w pasku zakładek przeglądarki oraz w wynikach wyszukiwania, ale nie zawiera żadnych elementów, które są widoczne na stronie. Z kolei <head> to obszar, w którym umieszczane są metadane, arkusze stylów oraz skrypty JavaScript, które wpływają na działanie strony, nie zaś na jej zewnętrzny wygląd czy treść. Warto zrozumieć, że struktura dokumentu HTML jest kluczowa dla organizacji treści oraz dla prawidłowego funkcjonowania strony, a odpowiednie umiejscowienie i zrozumienie funkcji tych znaczników jest istotne dla każdego twórcy stron internetowych. </div> </div> </article> <hr class="my-4"> <article class="mb-4">  <div class="mb-3"> <div class="d-flex justify-content-between align-items-start mb-3"> <h6 class="mb-0">Pytanie 22</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="wskaz-deklaracje-kodu-css-ktore-wyswietla-obraz-252dd97b" aria-label="Zgłoś błąd"> <i class="fas fa-exclamation-triangle"></i> </button> </div> </div>  <div class="alert alert-info"> <p class="mb-0"> <i class="fas fa-lock me-2"></i> To pytanie jest dostępne tylko dla zalogowanych użytkowników. <a href="/login/?next=/egzamin/96894b7d-61b9-4ade-a3fe-46a7720bb15f/wyniki/" class="alert-link">Zaloguj się</a> lub <a href="/register/student/" class="alert-link">utwórz konto</a> aby zobaczyć pełną treść pytania. </p> </div> </div>  <div class="mb-3">  <div class="text-muted fst-italic"> <p>Odpowiedzi dostępne po zalogowaniu.</p> </div> </div>  <div class="mt-3">  <div class="text-muted fst-italic"> <p>Wyjaśnienie dostępne po zalogowaniu.</p> </div> </div> </article> <hr class="my-4"> <article class="mb-4">  <div class="mb-3"> <div class="d-flex justify-content-between align-items-start mb-3"> <h6 class="mb-0">Pytanie 23</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="popularny-system-barw-w-ktorym-kazdy-kolor-i-jego-1bd2d4d0" aria-label="Zgłoś błąd"> <i class="fas fa-exclamation-triangle"></i> </button> </div> </div>  <p>Znany system kolorów, w którym każdy barwa oraz jej odcień mają przypisane oddzielne numery, określa się mianem skali</p> </div>  <div class="mb-3">  <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>A. kolorów specjalnych</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-2 bg-success bg-opacity-10 border-success text-success "> <div class="flex-grow-1"> <span>B. Pantone</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>C. tint</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>D. kolorów internetowych</span> </div> </div> </div> </div>  <div class="mt-3">  <div class="alert alert-success mb-0"> Odpowiedź 'Pantone' jest prawidłowa, ponieważ Pantone Color Matching System (PMS) to system kolorów, który przypisuje każdemu kolorowi unikalny numer, co umożliwia precyzyjne odwzorowanie kolorów w różnych materiałach i technikach druku. System ten jest szeroko stosowany w branży kreatywnej, w tym w projektowaniu graficznym, mody oraz druku, co pozwala na zapewnienie spójności kolorystycznej w różnych mediach. Na przykład, jeśli projektant wybiera kolor Pantone 186 C, może być pewny, że ten odcień będzie wyglądał identycznie, niezależnie od tego, czy jest drukowany na papierze, używany w tkaninach, czy też aplikowany w projektach cyfrowych. Ponadto, Pantone regularnie aktualizuje swoją paletę kolorów oraz wprowadza nowe odcienie, co czyni ten system bardzo elastycznym i odpowiednim do różnorodnych zastosowań. Warto również zaznaczyć, że Pantone jest często używane w procesach produkcyjnych, aby zminimalizować ryzyko błędów kolorystycznych, które mogą wystąpić podczas druku, co czyni go standardem w wielu branżach. </div> </div> </article> <hr class="my-4"> <article class="mb-4">  <div class="mb-3"> <div class="d-flex justify-content-between align-items-start mb-3"> <h6 class="mb-0">Pytanie 24</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="przegladarki-internetowe-moga-wyswietlac-fonty-fc05c464" aria-label="Zgłoś błąd"> <i class="fas fa-exclamation-triangle"></i> </button> </div> </div>  <p>Jakie fonty mogą być wyświetlane przez przeglądarki internetowe?</p> </div>  <div class="mb-3">  <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>A. w każdym formacie</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>B. które zostały zamienione na krzywe</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-2 bg-success bg-opacity-10 border-success text-success "> <div class="flex-grow-1"> <span>C. do których mają dostęp</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>D. które zostały zrasteryzowane</span> </div> </div> </div> </div>  <div class="mt-3">  <div class="alert alert-success mb-0"> Przeglądarki internetowe mogą wyświetlać fonty, do których mają dostęp, co oznacza, że muszą być one zainstalowane na systemie operacyjnym użytkownika lub dostępne na serwerze, z którego ładowana jest strona internetowa. Sprawia to, że dostępność fontów jest kluczowa w projektowaniu stron, ponieważ nie wszystkie fonty będą widoczne dla każdego użytkownika. Aby zapewnić spójność wizualną i estetykę, projektanci często korzystają z fontów webowych, takich jak Google Fonts, które są ładowane z zewnętrznych serwerów. Dzięki temu, niezależnie od systemu operacyjnego czy przeglądarki, wszyscy użytkownicy zobaczą tę samą czcionkę. Dobrą praktyką jest również stosowanie fallback fontów, które są używane, gdy wybrany font nie jest dostępny, co zwiększa elastyczność i niezawodność wizualizacji tekstu na stronach internetowych. </div> </div> </article> <hr class="my-4"> <article class="mb-4">  <div class="mb-3"> <div class="d-flex justify-content-between align-items-start mb-3"> <h6 class="mb-0">Pytanie 25</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="tworzac-prezentacje-multimedialna-dla-mediow-cyfro-fe046d21" aria-label="Zgłoś błąd"> <i class="fas fa-exclamation-triangle"></i> </button> </div> </div>  <p>Przygotowując multimedialną prezentację na potrzeby mediów cyfrowych, warto pamiętać o</p> </div>  <div class="mb-3">  <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>A. użyciu wielu kolorów</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>B. dodaniu efektów specjalnych</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>C. umieszczeniu dużej ilości tekstu</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-2 bg-success bg-opacity-10 border-success text-success "> <div class="flex-grow-1"> <span>D. wyborze prostej czcionki, bez ozdobnych elementów</span> </div> </div> </div> </div>  <div class="mt-3">  <div class="alert alert-success mb-0"> Wybór prostej czcionki, pozbawionej ozdobników, jest kluczowy dla zachowania czytelności treści w prezentacjach multimedialnych. Prosta czcionka, taka jak Arial czy Helvetica, jest łatwiejsza do odczytania, co jest niezwykle istotne, zwłaszcza w warunkach prezentacji, gdzie audytorium może nie mieć możliwości zbliżenia się do ekranu. Badania wykazują, że czcionki bezszeryfowe są bardziej czytelne na ekranach elektronicznych, co czyni je preferowanym wyborem w kontekście mediów cyfrowych. Oprócz tego, stosowanie prostych czcionek ułatwia skupienie uwagi widza na treści merytorycznej, a nie na ozdobnych elementach. W praktyce, projektując prezentację, warto upewnić się, że rozmiar czcionki jest wystarczający (minimum 24 punkty), aby tekst był widoczny z daleka. Ponadto, należy brać pod uwagę kontrast kolorystyczny między tłem a tekstem, aby zapewnić maksymalną czytelność. Dobre praktyki wskazują również na unikanie zbyt dużej ilości tekstu na slajdach, co również poprawia odbiór informacji. </div> </div> </article> <hr class="my-4"> <article class="mb-4">  <div class="mb-3"> <div class="d-flex justify-content-between align-items-start mb-3"> <h6 class="mb-0">Pytanie 26</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="ktora-przestrzen-barw-jest-odpowiednia-do-magazyno-50ba0393" aria-label="Zgłoś błąd"> <i class="fas fa-exclamation-triangle"></i> </button> </div> </div>  <p>Jaką przestrzeń barw należy wykorzystać do przechowywania grafiki rastrowej w trybie kolorów?</p> </div>  <div class="mb-3">  <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>A. CIE LAB</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>B. PCS</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded bg-success bg-opacity-10 text-success "> <div class="flex-grow-1"> <span>C. RGB</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-2 bg-danger bg-opacity-10 border-danger text-danger "> <div class="flex-grow-1"> <span>D. CMYK</span> </div> </div> </div> </div>  <div class="mt-3">  <div class="alert alert-danger mb-0"> Nieodpowiedni wybór przestrzeni barw do przechowywania grafiki w kolorze może sprawić, że kolory będą wyglądały źle. CIE LAB, mimo że przydaje się do analizy barw, nie jest dobra do zapisywania grafik. To przestrzeń oparta na tym, jak postrzegamy kolory, więc to raczej do pomiarów, a nie do tworzenia grafik do wyświetlania. Dlatego nie jest najlepsza w programach, gdzie potrzebna jest konkretna wartość koloru, by zrobić obrazki na urządzeniach. Z kolei CMYK, chociaż świetnie sprawdza się w druku, nie jest znowu odpowiednia do grafiki w środowisku cyfrowym. Jej użycie może prowadzić do utraty szczegółów na ekranie. PCS, czyli Profile Connection Space, to przestrzeń do zarządzania kolorami, a nie do przechowywania grafik. Działa jako most między różnymi przestrzeniami barw, ale nie nadaje się na zapisywanie danych graficznych. Często ludzie mylą te przestrzenie i nie rozumieją, że każda z nich ma swoje miejsce i nie powinno się ich zamieniać bez większych konsekwencji dla jakości kolorów, które widzimy na ekranie. </div> </div> </article> <hr class="my-4"> <article class="mb-4">  <div class="mb-3"> <div class="d-flex justify-content-between align-items-start mb-3"> <h6 class="mb-0">Pytanie 27</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="kolorowe-wyswietlacze-monitorow-wykorzystuja-synte-b3d700b5" aria-label="Zgłoś błąd"> <i class="fas fa-exclamation-triangle"></i> </button> </div> </div>  <p>Kolorowe wyświetlacze monitorów korzystają z syntezy addytywnej emitowanego światła. Jak uzyskuje się kolor biały na ekranie?</p> </div>  <div class="mb-3">  <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded bg-success bg-opacity-10 text-success "> <div class="flex-grow-1"> <span>A. połączenie kolorów czerwonego, zielonego, niebieskiego przy maksymalnej jasności</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-2 bg-danger bg-opacity-10 border-danger text-danger "> <div class="flex-grow-1"> <span>B. emisję wszystkich kolorów barwnych</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>C. kompozycję podstawowych barw: czerwonej, niebieskiej i żółtej</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>D. brak emisji światła</span> </div> </div> </div> </div>  <div class="mt-3">  <div class="alert alert-danger mb-0"> Odpowiedzi, które sugerują inne podejścia do uzyskania koloru białego na wyświetlaczu, opierają się na błędnych założeniach dotyczących syntezy kolorów. Emisja barwna wszystkich kolorów nie prowadzi do uzyskania białego koloru, ponieważ nie każdy zestaw kolorów podstawowych w połączeniu z innymi kolorami generuje efekt białego światła. Przykładowo, mieszanie kolorów, jak w przypadku farb, działa na zasadzie syntezy subtraktywnej, gdzie różne pigmenty absorbują i odbijają światło, co prowadzi do różnych kolorów w zależności od użytych materiałów. Z kolei brak emisji światła oznacza, że nie ma żadnego koloru, co jest przeciwieństwem uzyskania koloru białego. Odpowiedź sugerująca złożenie barw podstawowych czerwonej, niebieskiej i żółtej jest myląca, ponieważ żółty nie jest kolorem podstawowym w systemie RGB; w systemach addytywnych kluczowe są jedynie czerwony, zielony i niebieski. Błędem jest więc mylenie różnych modeli kolorów i ich zasad działania, co może prowadzić do niedokładnych wyników przy projektowaniu i tworzeniu kolorów w przestrzeniach cyfrowych. </div> </div> </article> <hr class="my-4"> <article class="mb-4">  <div class="mb-3"> <div class="d-flex justify-content-between align-items-start mb-3"> <h6 class="mb-0">Pytanie 28</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="ktory-ze-standardow-rozdzielczosci-filmu-zapewni-n-3ddd7875" aria-label="Zgłoś błąd"> <i class="fas fa-exclamation-triangle"></i> </button> </div> </div>  <p>Który standard rozdzielczości wideo zapewnia najwyższą jakość obrazu?</p> </div>  <div class="mb-3">  <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-2 bg-success bg-opacity-10 border-success text-success "> <div class="flex-grow-1"> <span>A. 4K</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>B. 720p</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>C. 1080p</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>D. 1080i</span> </div> </div> </div> </div>  <div class="mt-3">  <div class="alert alert-success mb-0"> Rozdzielczość 4K, znana także jako Ultra HD, oferuje znacznie wyższą jakość obrazu w porównaniu do innych standardów, co wynika z jej natywnej rozdzielczości 3840 x 2160 pikseli. To cztery razy więcej pikseli niż w przypadku 1080p (1920 x 1080), co przekłada się na znacznie większą szczegółowość obrazu, lepsze odwzorowanie kolorów oraz większą głębię detali, szczególnie na dużych ekranach. W praktyce oznacza to, że filmy w rozdzielczości 4K mogą być poddawane większym zbliżeniom bez utraty jakości, co jest szczególnie istotne w produkcjach filmowych, gdzie detale są kluczowe dla odbioru wizualnego. W kontekście standardów branżowych, 4K stało się normą w produkcji filmów oraz w transmisjach telewizyjnych, zwłaszcza przy rosnącej popularności platform streamingowych takich jak Netflix czy Amazon Prime Video, które oferują treści w tej rozdzielczości. Warto również zauważyć, że przejście na 4K wymaga odpowiedniego sprzętu, takiego jak telewizory i monitory wspierające tę rozdzielczość, oraz odpowiednich źródeł sygnału, co jest kluczowe dla zapewnienia najwyższej jakości obrazu. </div> </div> </article> <hr class="my-4"> <article class="mb-4">  <div class="mb-3"> <div class="d-flex justify-content-between align-items-start mb-3"> <h6 class="mb-0">Pytanie 29</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="ktory-format-jest-formatem-grafiki-wektorowej-8c6d8dea" aria-label="Zgłoś błąd"> <i class="fas fa-exclamation-triangle"></i> </button> </div> </div>  <p>Jaki format stanowi grafikę wektorową?</p> </div>  <div class="mb-3">  <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-2 bg-danger bg-opacity-10 border-danger text-danger "> <div class="flex-grow-1"> <span>A. PNG</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>B. GIF</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>C. XCF</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded bg-success bg-opacity-10 text-success "> <div class="flex-grow-1"> <span>D. SWF</span> </div> </div> </div> </div>  <div class="mt-3">  <div class="alert alert-danger mb-0"> Wybór formatu grafiki, który jest wektorowy, wymaga zrozumienia różnicy między grafiką wektorową a bitmapową. PNG, XCF oraz GIF to formaty, które są związane z grafiką rastrową, co oznacza, że składają się z pikseli. Format PNG (Portable Network Graphics) jest powszechnie stosowany do przesyłania obrazów w Internecie, ponieważ obsługuje przezroczystość oraz kompresję bezstratną. Jednakże, jego struktura rastrowa oznacza, że przy powiększaniu obrazu jakość może ulec pogorszeniu, co nie jest problemem w przypadku grafiki wektorowej. Z kolei XCF jest formatem związanym z programem GIMP, służącym do edycji obrazów, i również bazuje na pikselach, co sprawia, że także jest formatem rastrowym. GIF (Graphics Interchange Format) obsługuje animacje i przezroczystość, ale podobnie jak pozostałe wymienione formaty, nie zapewnia elastyczności grafiki wektorowej. Typowe błędy myślowe przy wyborze formatu mogą wynikać z nieporozumienia co do zastosowania grafiki wektorowej w kontekście animacji czy interaktywnych treści. Warto pamiętać, że grafika wektorowa jest idealna do tworzenia ilustracji, logo i ikon, które muszą zachować jakość w różnych rozmiarach, podczas gdy grafika rastrowa lepiej nadaje się do zdjęć i obrazów o złożonej kolorystyce. </div> </div> </article> <hr class="my-4"> <article class="mb-4">  <div class="mb-3"> <div class="d-flex justify-content-between align-items-start mb-3"> <h6 class="mb-0">Pytanie 30</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="w-ktorym-formacie-plik-graficzny-zapisany-na-dysku-33108f7b" aria-label="Zgłoś błąd"> <i class="fas fa-exclamation-triangle"></i> </button> </div> </div>  <p>Który z formatów pliku graficznego przechowywanego na dysku zajmuje największą ilość miejsca?</p> </div>  <div class="mb-3">  <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>A. GIF</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>B. JPEG</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-2 bg-success bg-opacity-10 border-success text-success "> <div class="flex-grow-1"> <span>C. PSD</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>D. PNG</span> </div> </div> </div> </div>  <div class="mt-3">  <div class="alert alert-success mb-0"> Plik w formacie PSD (Photoshop Document) jest przeznaczony do przechowywania pełnych projektów graficznych stworzonych w programie Adobe Photoshop. Jego struktura umożliwia przechowywanie wielu warstw, efektów, masek oraz innych elementów edycyjnych, co znacznie zwiększa rozmiar pliku. W przeciwieństwie do innych formatów graficznych, takich jak JPEG czy PNG, które są zoptymalizowane pod kątem kompresji i często tracą część danych, PSD zachowuje wszystkie informacje o projekcie w najwyższej jakości. Praktyczne zastosowanie formatu PSD jest szczególnie widoczne w branżach kreatywnych, gdzie konieczne jest późniejsze edytowanie i dostosowywanie projektu. Przykładem zastosowania PSD mogą być kampanie reklamowe, gdzie specjaliści od grafiki muszą często wprowadzać zmiany w warstwach grafiki. Dobrą praktyką w branży jest również archiwizowanie projektów w formacie PSD, co pozwala na ich późniejsze modyfikacje bez utraty jakości. </div> </div> </article> <hr class="my-4"> <article class="mb-4">  <div class="mb-3"> <div class="d-flex justify-content-between align-items-start mb-3"> <h6 class="mb-0">Pytanie 31</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="w-celu-podkreslenia-najwazniejszej-tresci-w-prezen-42cf2818" aria-label="Zgłoś błąd"> <i class="fas fa-exclamation-triangle"></i> </button> </div> </div>  <p>Aby wyróżnić kluczowe informacje w prezentacji, powinno się wykorzystać barwy ciepłe, czyli kolory:</p> </div>  <div class="mb-3">  <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>A. pomarańczowy, zielony, niebieski</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-2 bg-success bg-opacity-10 border-success text-success "> <div class="flex-grow-1"> <span>B. żółty, pomarańczowy, czerwony</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>C. czerwony, pomarańczowy, niebieski</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>D. czerwony, żółty, fioletowy</span> </div> </div> </div> </div>  <div class="mt-3">  <div class="alert alert-success mb-0"> Poprawna odpowiedź to żółty, pomarańczowy i czerwony, które są uważane za barwy ciepłe. Kolory te mają zdolność przyciągania uwagi widza i potrafią wywoływać różne emocje. W kontekście prezentacji, ich zastosowanie może znacząco wpłynąć na odbiór treści. Na przykład, żółty symbolizuje radość i energię, doskonale nadaje się do podkreślenia kluczowych punktów, które chcemy, aby uczestnicy naszej prezentacji zapamiętali. Pomarańczowy, łączący cechy czerwonego i żółtego, dodaje dynamizmu i zachęca do interakcji, co jest szczególnie ważne w prezentacjach, które mają angażować publiczność. Czerwony, jako kolor intensywny, często kojarzy się z pasją, siłą i pilnością, co sprawia, że jest idealny do zaznaczania najważniejszych informacji. W branży marketingu i designu korzysta się z tych kolorów, aby wyróżnić istotne elementy wizualne, jak przyciski CTA (call to action) w kampaniach reklamowych, co potwierdzają badania nad percepcją kolorów. Użycie ciepłych barw w prezentacji nie tylko wzmacnia przekaz, ale również przyczynia się do lepszego zapamiętywania treści przez odbiorców. </div> </div> </article> <hr class="my-4"> <article class="mb-4">  <div class="mb-3"> <div class="d-flex justify-content-between align-items-start mb-3"> <h6 class="mb-0">Pytanie 32</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="na-zdjeciu-przedstawiono-3c2fd351" aria-label="Zgłoś błąd"> <i class="fas fa-exclamation-triangle"></i> </button> </div> </div>  <p>Na ilustracji widoczny jest</p> <figure class="figure mt-3"> <img src="/images/53906.png" class="figure-img img-fluid rounded" alt="Ilustracja do pytania" itemprop="image"> </figure> </div>  <div class="mb-3">  <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>A. aparat cyfrowy</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>B. mikser audio</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>C. rejestrator dźwięku</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-2 bg-success bg-opacity-10 border-success text-success "> <div class="flex-grow-1"> <span>D. kamerę cyfrową</span> </div> </div> </div> </div>  <div class="mt-3">  <div class="alert alert-success mb-0"> Kamera cyfrowa jest urządzeniem zaprojektowanym do rejestracji obrazu w formie cyfrowej. W przeciwieństwie do aparatów fotograficznych, które skupiają się na uchwyceniu statycznych obrazów, kamery cyfrowe są optymalizowane do rejestracji ruchomych obrazów, co czyni je idealnym rozwiązaniem do produkcji filmów i materiałów wideo. Współczesne kamery cyfrowe oferują zaawansowane funkcje, takie jak nagrywanie w rozdzielczości 4K, stabilizacja obrazu, a także różnorodne tryby nagrywania, które umożliwiają dostosowanie parametrów do specyficznych warunków oświetleniowych i ruchowych. W branży filmowej oraz telewizyjnej kamery cyfrowe są standardem, a ich rozwój technologiczny umożliwia reżyserom i operatorom osiąganie wysokiej jakości obrazów. Przykładem zastosowania kamery cyfrowej może być produkcja vlogów, filmów krótkometrażowych czy transmisji na żywo, gdzie wysoka jakość obrazu i dźwięku ma kluczowe znaczenie dla odbioru materialu przez widzów. </div> </div> </article> <hr class="my-4"> <article class="mb-4">  <div class="mb-3"> <div class="d-flex justify-content-between align-items-start mb-3"> <h6 class="mb-0">Pytanie 33</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="o-jakosci-digitalizowanego-materiau-wideo-decyduj-75af5ae9" aria-label="Zgłoś błąd"> <i class="fas fa-exclamation-triangle"></i> </button> </div> </div>  <p>Na jakość digitalizowanego materiału wideo wpływa rodzaj</p> </div>  <div class="mb-3">  <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>A. wykorzystanych filtrów.</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>B. przygotowania materiału wideo.</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded bg-success bg-opacity-10 text-success "> <div class="flex-grow-1"> <span>C. algorytmu oraz stopnia kompresji.</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-2 bg-danger bg-opacity-10 border-danger text-danger "> <div class="flex-grow-1"> <span>D. użytych efektów.</span> </div> </div> </div> </div>  <div class="mt-3">  <div class="alert alert-danger mb-0"> Wybór nieprawidłowych aspektów dotyczących jakości digitalizowanego wideo, takich jak zastosowane efekty, montaż czy filtry, prowadzi do niepełnego zrozumienia procesu obróbki wideo. Efekty wizualne, choć mogą znacząco poprawić atrakcyjność materiału, nie wpływają na pierwotną jakość źródłowego wideo. W rzeczywistości, dodanie efektów często wiąże się z dalszym przetwarzaniem obrazu, co może wymagać kolejnych kroków kompresji i wpływać na ostateczny wynik. Z kolei montaż materiału wideo, choć istotny dla narracji i struktury, nie ma bezpośredniego wpływu na jakość techniczną digitalizacji. Podobnie, zastosowanie filtrów, które mogą poprawić estetykę obrazu, nie oddziałuje na podstawowe parametry jakości, takie jak rozdzielczość, bitrate czy metodę kompresji. Zrozumienie, że jakość wideo jest w pierwszej kolejności wynikiem odpowiednich algorytmów kompresji oraz stopnia ich zastosowania, jest kluczowe w pracy z materiałami multimedialnymi. Przemawia za tym konieczność ciągłego monitorowania standardów branżowych, takich jak MPEG oraz przyjęte zasady dotyczące kodowania i dekodowania, w celu optymalizacji jakości obrazu, co jest istotne zarówno w kontekście produkcji profesjonalnych, jak i amatorskich materiałów wideo. </div> </div> </article> <hr class="my-4"> <article class="mb-4">  <div class="mb-3"> <div class="d-flex justify-content-between align-items-start mb-3"> <h6 class="mb-0">Pytanie 34</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="zewnetrznymi-arkuszami-stylow-sa-dla-jezyka-html-b736f989" aria-label="Zgłoś błąd"> <i class="fas fa-exclamation-triangle"></i> </button> </div> </div>  <p>Jakie są zewnętrzne arkusze stylów dla języka HTML?</p> </div>  <div class="mb-3">  <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-2 bg-danger bg-opacity-10 border-danger text-danger "> <div class="flex-grow-1"> <span>A. JAVA</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded bg-success bg-opacity-10 text-success "> <div class="flex-grow-1"> <span>B. CSS</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>C. PHP</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>D. BASIC</span> </div> </div> </div> </div>  <div class="mt-3">  <div class="alert alert-danger mb-0"> Wybór odpowiedzi BASIC, PHP oraz JAVA jako zewnętrznych arkuszy stylów dla HTML jest niewłaściwy z kilku powodów. BASIC to język programowania, który nie jest używany w kontekście stylizacji stron internetowych. To podejście do programowania proceduralnego, które ma zastosowanie głównie w starych systemach, ale nie ma żadnego związku z tworzeniem stylów i układów stron. PHP, z drugiej strony, to język skryptowy działający po stronie serwera, który służy do generowania dynamicznych treści w HTML, ale nie jest odpowiedzialny za stylizację. W przypadku PHP, style są nadal definiowane w CSS, a język ten jedynie przetwarza dane i wysyła je jako HTML. JAVA, pomimo że jest językiem programowania ogólnego przeznaczenia, również nie jest związana z bezpośrednim stylingiem dokumentów HTML. Użycie Javy w kontekście webowym odbywa się głównie poprzez technologię JavaServer Pages (JSP) lub servlety, natomiast sama jej natura nie obejmuje stylizacji. Kluczowym błędem w myśleniu jest mylenie języków programowania z językiem stylów. W rzeczywistości, CSS jako język dedykowany do stylizacji jest jedynym standardem, który pozwala na osiągnięcie celu oddzielania treści od prezentacji w HTML. Zrozumienie różnicy między tymi technologiami jest kluczowe dla efektywnego tworzenia stron internetowych i poprawnego wykorzystania dostępnych narzędzi. </div> </div> </article> <hr class="my-4"> <article class="mb-4">  <div class="mb-3"> <div class="d-flex justify-content-between align-items-start mb-3"> <h6 class="mb-0">Pytanie 35</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="ponizej-przedstawiono-fragment-kodu-strony-interne-7c66d2fa" aria-label="Zgłoś błąd"> <i class="fas fa-exclamation-triangle"></i> </button> </div> </div>  <p>Poniżej przedstawiono fragment kodu strony internetowej. Gdy pliki strony znajdują się na lokalnym dysku komputera PC, obrazek <i>obraz01.jpg</i> jest wyświetlany, natomiast po załadowaniu plików na zewnętrzny serwer – już nie. Co jest tego przyczyną?<br><span style="font-family: 'courier new', courier, monospace;"><div class = “grafika"> </span><br><span style="font-family: 'courier new', courier, monospace;"><img alt = “widok ogólny" src = “obrazki\obraz01.jpg" /> </span><br><span style="font-family: 'courier new', courier, monospace;"></div> </span></p> </div>  <div class="mb-3">  <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded bg-success bg-opacity-10 text-success "> <div class="flex-grow-1"> <span>A. Zastosowanie w ścieżce dostępu lewego ukośnika (\).</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>B. Niewłaściwa kolejność atrybutów znacznika img.</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-2 bg-danger bg-opacity-10 border-danger text-danger "> <div class="flex-grow-1"> <span>C. To, że znacznik img nie został zamknięty.</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>D. Ujęcie znacznika img w znacznik div.</span> </div> </div> </div> </div>  <div class="mt-3">  <div class="alert alert-danger mb-0"> Wybór poprawnych atrybutów i struktury kodu HTML jest kluczowy dla prawidłowego wyświetlania treści na stronach internetowych. Ujęcie znacznika img w znacznik div jest standardową praktyką w HTML i nie wpływa negatywnie na wyświetlanie obrazków. Element div często używany jest do grupowania innych elementów, co pozwala na lepszą organizację i stylizację strony. Podobnie, stwierdzenie, że znacznik img nie został zamknięty, jest błędne; w HTML5 znaczniki samodzielne, takie jak img, nie wymagają znacznika zamykającego. Co więcej, kolejność atrybutów w znaczniku img nie ma wpływu na jego działanie, o ile wszystkie wymagane atrybuty są poprawnie zdefiniowane. Kluczowym błędem myślowym jest przekonanie, że problemy z wyświetlaniem obrazków są spowodowane błędami w strukturze znaczników, zamiast zwrócenia uwagi na właściwe ścieżki dostępu. Przy przenoszeniu plików na serwer, istotne jest dostosowanie ścieżek do zgodnych z oczekiwaniami serwera, co oznacza użycie ukośnika prawego dla zapewnienia, że zasoby są prawidłowo lokalizowane. Używanie niewłaściwych ukośników może prowadzić do frustracji i problemów w trakcie publikacji stron internetowych, dlatego kluczowe jest przestrzeganie standardów webowych. </div> </div> </article> <hr class="my-4"> <article class="mb-4">  <div class="mb-3"> <div class="d-flex justify-content-between align-items-start mb-3"> <h6 class="mb-0">Pytanie 36</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="ktory-z-formatow-jest-wasciwy-do-plikow-dzwiekowy-6422e2e0" aria-label="Zgłoś błąd"> <i class="fas fa-exclamation-triangle"></i> </button> </div> </div>  <p>Który z poniższych formatów jest odpowiedni dla plików audio?</p> </div>  <div class="mb-3">  <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>A. SVGZ</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>B. PNG</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>C. GIF</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-2 bg-success bg-opacity-10 border-success text-success "> <div class="flex-grow-1"> <span>D. FLAC</span> </div> </div> </div> </div>  <div class="mt-3">  <div class="alert alert-success mb-0"> FLAC, czyli Free Lossless Audio Codec, to format plików dźwiękowych, który kompresuje audio bez straty jakości. Jest szeroko stosowany w branży muzycznej i audiowizualnej, ponieważ pozwala na zachowanie pełnej jakości dźwięku, co jest niezwykle istotne dla audiofilów oraz producentów muzycznych. FLAC jest szczególnie popularny w przypadku archiwizacji nagrań, ponieważ umożliwia zredukowanie rozmiaru plików w porównaniu do tradycyjnych formatów WAV, przy zachowaniu oryginalnej jakości dźwięku. W praktyce, piosenki w formacie FLAC są często używane w serwisach streamingowych oferujących wysoką jakość dźwięku, a także w bibliotekach muzycznych i platformach sprzedaży cyfrowej. Warto również zauważyć, że FLAC jest otwartym standardem, co oznacza, że jest dostępny dla programistów i użytkowników bez opłat licencyjnych, co sprzyja jego popularyzacji w różnych aplikacjach i urządzeniach audio. Znajomość formatów audio, takich jak FLAC, jest kluczowa dla osób zajmujących się produkcją muzyczną oraz dla konsumentów, którzy cenią sobie jakość dźwięku. </div> </div> </article> <hr class="my-4"> <article class="mb-4">  <div class="mb-3"> <div class="d-flex justify-content-between align-items-start mb-3"> <h6 class="mb-0">Pytanie 37</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="ktory-format-nie-umozliwia-zapisu-obrazu-cyfrowego-ec9dcc99" aria-label="Zgłoś błąd"> <i class="fas fa-exclamation-triangle"></i> </button> </div> </div>  <p>Który z formatów nie pozwala na zapis obrazu cyfrowego z zachowaniem przezroczystości tła?</p> </div>  <div class="mb-3">  <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>A. GIF</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded bg-success bg-opacity-10 text-success "> <div class="flex-grow-1"> <span>B. JPEG</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>C. PSD</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-2 bg-danger bg-opacity-10 border-danger text-danger "> <div class="flex-grow-1"> <span>D. PNG</span> </div> </div> </div> </div>  <div class="mt-3">  <div class="alert alert-danger mb-0"> Wybór formatów GIF, PSD oraz PNG jako alternatyw do JPEG, które rzekomo również nie obsługują przezroczystości, jest nieprawidłowy. Format GIF, czyli Graphics Interchange Format, obsługuje prostą przezroczystość, pozwalając na użycie jednego koloru tła jako przezroczystego. Jest często używany w animacjach internetowych oraz prostych grafikach, gdzie potrzebna jest ograniczona paleta kolorów. Natomiast format PSD, stworzony przez Adobe Photoshop, to format plików, który przechowuje obrazy z warstwami i pełną informacją o przezroczystości. Obsługuje kanał alfa, co pozwala na zaawansowane manipulacje graficzne, w tym pracę z różnymi efektami przezroczystości. Z kolei PNG, czyli Portable Network Graphics, jest jednym z najpopularniejszych formatów dla grafik internetowych, który również obsługuje przezroczystość i kanały alfa, co czyni go bardzo wszechstronnym w zastosowaniach webowych oraz w druku. Wiele osób może błędnie sądzić, że wszystkie formaty graficzne działają na podobnych zasadach, jednak każdy z nich ma swoje unikalne właściwości i zastosowania. Kluczowe jest zrozumienie, jakie potrzeby ma konkretny projekt graficzny oraz wybór odpowiedniego formatu, aby osiągnąć zamierzony efekt wizualny i funkcjonalny. </div> </div> </article> <hr class="my-4"> <article class="mb-4">  <div class="mb-3"> <div class="d-flex justify-content-between align-items-start mb-3"> <h6 class="mb-0">Pytanie 38</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="narzedziem-adobe-photoshop-do-usuwania-drobnych-pl-2691e4e9" aria-label="Zgłoś błąd"> <i class="fas fa-exclamation-triangle"></i> </button> </div> </div>  <p>Narzędzie Adobe Photoshop, które pozwala na eliminację małych niedoskonałości na zdjęciu, to</p> </div>  <div class="mb-3">  <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>A. lasso magnetyczne</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>B. kroplomierz</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-2 bg-success bg-opacity-10 border-success text-success "> <div class="flex-grow-1"> <span>C. pędzel korygujący</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>D. różdżka</span> </div> </div> </div> </div>  <div class="mt-3">  <div class="alert alert-success mb-0"> Pędzel korygujący to narzędzie w Adobe Photoshop, które jest szczególnie efektywne do usuwania drobnych plam i niedoskonałości na zdjęciach. Jego działanie polega na uzupełnieniu obszaru wybranego do malowania na podstawie otaczających pikseli. To mechanizm, który łączy w sobie funkcje pędzla i narzędzia klonowania, umożliwiając precyzyjne dostosowanie koloru oraz tekstury. Przykładowo, gdy chcemy usunąć plamę na skórze modela, używając pędzla korygującego, możemy zdefiniować obszar referencyjny, z którego Photoshop pobierze dane, co pozwoli na naturalne i harmonijne wkomponowanie poprawionego fragmentu w resztę obrazu. Dobry efekt uzyskuje się, gdy narzędzie to jest stosowane w połączeniu z odpowiednim powiększeniem obrazu, co zwiększa precyzję. Dbałość o detale i umiejętność pracy z pędzlem korygującym to standardy branżowe, które przyczyniają się do uzyskania profesjonalnych rezultatów w retuszu fotografii. Warto także zaznaczyć, że pędzel korygujący powinien być używany z umiarem, aby uniknąć przesady w retuszu, co jest kluczowe dla zachowania naturalności wizerunku. </div> </div> </article> <hr class="my-4"> <article class="mb-4">  <div class="mb-3"> <div class="d-flex justify-content-between align-items-start mb-3"> <h6 class="mb-0">Pytanie 39</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="rownomierny-rozkad-jasnosci-pikseli-w-caym-zakre-df4cf037" aria-label="Zgłoś błąd"> <i class="fas fa-exclamation-triangle"></i> </button> </div> </div>  <p>Jednolity rozkład luminancji pikseli na całym histogramie zazwyczaj sugeruje, że zdjęcie jest</p> </div>  <div class="mb-3">  <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-2 bg-success bg-opacity-10 border-success text-success "> <div class="flex-grow-1"> <span>A. z pełnym zakresem tonów</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>B. z niepełnym zakresem tonów</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>C. prześwietlone</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>D. niedoświetlone</span> </div> </div> </div> </div>  <div class="mt-3">  <div class="alert alert-success mb-0"> Równomierny rozkład jasności pikseli w histogramie pomaga zrozumieć, że zdjęcie ma pełen zakres tonów. To znaczy, że są tam cienie, średnie tony i światła, co jest naprawdę ważne, bo dzięki temu można zachować szczegóły zarówno w ciemnych, jak i jasnych częściach zdjęcia. Weźmy na przykład zdjęcia krajobrazów – tam warto, żeby było widać detale w cieniu drzew, ale też musimy mieć jasne niebo. Z tego, co wiem, dobry histogram jest często uznawany za oznakę świetnie wyważonego zdjęcia, co zgadza się z tym, co mówił Ansel Adams o zakresie tonalnym. Fotografowie używają histogramu, żeby sprawdzić, jak wygląda ekspozycja i dostosować ustawienia aparatu, co naprawdę pomaga w uzyskaniu lepszych efektów wizualnych. Dlatego ważne jest, żeby histogram miał równomierny rozkład jasności, bo to klucz do wysokiej jakości zdjęcia. </div> </div> </article> <hr class="my-4"> <article class="mb-4">  <div class="mb-3"> <div class="d-flex justify-content-between align-items-start mb-3"> <h6 class="mb-0">Pytanie 40</h6> <div class="d-inline-block"> <button type="button" class="btn btn-sm btn-outline-danger" data-report-question="krzywe-beziera-umozliwiaja-utworzenie-bad9f217" aria-label="Zgłoś błąd"> <i class="fas fa-exclamation-triangle"></i> </button> </div> </div>  <p>Krzywe Beziera pozwalają na stworzenie</p> </div>  <div class="mb-3">  <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>A. cyfrowego obrazu</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-1 border-secondary "> <div class="flex-grow-1"> <span>B. gradientowej mapy</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded border border-2 bg-danger bg-opacity-10 border-danger text-danger "> <div class="flex-grow-1"> <span>C. inteligentnego obiektu</span> </div> </div> </div> <div class="mb-3"> <div class="d-flex align-items-start p-2 rounded bg-success bg-opacity-10 text-success "> <div class="flex-grow-1"> <span>D. wektorowego obiektu</span> </div> </div> </div> </div>  <div class="mt-3">  <div class="alert alert-danger mb-0"> W kontekście grafiki komputerowej, odpowiedzi takie jak obiekt inteligentny, obraz cyfrowy czy mapa gradientu nie są właściwe w odniesieniu do definicji i funkcji krzywych Beziera. Obiekt inteligentny odnosi się do warstwy w programach graficznych, która może zawierać różne informacje, ale nie jest tożsamy z konstrukcją krzywych. Obraz cyfrowy, z kolei, to zbiór pikseli, który nie korzysta z wektorowej reprezentacji, a więc krzywe Beziera nie mają zastosowania w jego tworzeniu. Mapa gradientu jest techniką stosowaną do uzyskiwania płynnych przejść kolorystycznych, lecz również nie opiera się na krzywych Beziera. Błędem jest przypisywanie tych koncepcji do krzywych, gdyż ignoruje się zasadniczą różnicę między grafiką wektorową a rastrową. Warto zrozumieć, że krzywe Beziera są specyficznie wykorzystywane do definiowania obiektów wektorowych, a ich główną zaletą jest możliwość precyzyjnego skalowania i edytowania kształtów bez utraty jakości. Przyjrzenie się różnicom między grafiką wektorową a rastrową pomoże w lepszym zrozumieniu zastosowań krzywych Beziera i ich roli w nowoczesnej grafice komputerowej. </div> </div> </article>  <div class="d-grid gap-2 mt-4"> <div class="d-inline-block mb-2"> <a href="/egzamin/?profession=technik-fotografii-i-multimediow&qualification=aud-05" class="btn btn-outline-primary"> <i class="fas fa-redo me-2"></i>Rozpocznij nowy egzamin </a> </div> <div class="d-inline-block"> <a href="/" class="btn btn-outline-secondary"> <i class="fas fa-home me-2"></i>Powrót do strony głównej </a> </div> </div> </div> </div> </div> </main>  <footer class="footer mt-auto py-4"> <div class="container"> <div class="row">  <div class="col-lg-4 footer-section"> <h2 class="h5">O Egzaminach Zawodowych</h2> <p> Portal z kompleksową bazą pytań egzaminacyjnych dla uczniów szkół technicznych. Przygotuj się do egzaminu zawodowego z naszymi materiałami. </p> </div>  <div class="col-lg-4 footer-section"> <h2 class="h5">Losowe kwalifikacje</h2> <div class="row"> <div class="col-6"> <a href="/technik-wiertnik/GIW.13/" class="footer-link"> <span>GIW.13</span> <small class="text-muted">(211)</small> </a> </div> <div class="col-6"> <a href="/technik-analityk/CHM.03/" class="footer-link"> <span>CHM.03</span> <small class="text-muted">(468)</small> </a> </div> <div class="col-6"> <a href="/technik-stylista/MOD.03/" class="footer-link"> <span>MOD.03</span> <small class="text-muted">(545)</small> </a> </div> <div class="col-6"> <a href="/technik-robot-wykonczeniowych-w-budownictwie/BUD.11/" class="footer-link"> <span>BUD.11</span> <small class="text-muted">(1 302)</small> </a> </div> <div class="col-6"> <a href="/technik-przemysu-mody/MOD.03/" class="footer-link"> <span>MOD.03</span> <small class="text-muted">(545)</small> </a> </div> <div class="col-6"> <a href="/pracownik-pomocniczy-obsugi-hotelowej/HGT.05/" class="footer-link"> <span>HGT.05</span> <small class="text-muted">(160)</small> </a> </div> <div class="col-6"> <a href="/technik-usug-kelnerskich/HGT.11/" class="footer-link"> <span>HGT.11</span> <small class="text-muted">(190)</small> </a> </div> <div class="col-6"> <a href="/technik-prac-biurowych/EKA.06/" class="footer-link"> <span>EKA.06</span> <small class="text-muted">(412)</small> </a> </div> <div class="col-6"> <a href="/technik-mechanizacji-rolnictwa-i-agrotroniki/ROL.02/" class="footer-link"> <span>ROL.02</span> <small class="text-muted">(805)</small> </a> </div> <div class="col-6"> <a href="/technik-rolnik/ROL.04/" class="footer-link"> <span>ROL.04</span> <small class="text-muted">(1 076)</small> </a> </div> </div> </div>  <div class="col-lg-4 footer-section"> <h2 class="h5">O portalu</h2> <p> Baza pytań do egzaminów zawodowych dla uczniów szkół technicznych i branżowych. Materiały zgodne z wymaganiami CKE. </p> </div> </div>  <hr class="footer-divider"> <div class="row align-items-center"> <div class="col-md-8 text-center text-md-start"> <p class="mb-0">© 2025 <a href="https://brylka.net" class="footer-link" aria-label="brylka.net">brylka.net</a> | <a href="/about-me/" class="footer-link" aria-label="O mnie i zawodowe.edu.pl">Bartosz Bryniarski</a></p> </div> <div class="col-md-4 text-center text-md-end">  </div> </div> </div> </footer>  <button id="backToTop" class="btn btn-outline-primary back-to-top" aria-label="Przewiń do góry strony" style="display: none;"> <i class="fas fa-arrow-up" aria-hidden="true"></i> </button>  <div id="cookieConsent" class="position-fixed start-0 bottom-0 py-3 shadow rounded-end" style="display: none; z-index: 1050; max-width: 50%; background-color: rgba(248, 249, 250, 0.95);"> <div class="container-fluid px-4"> <div class="d-flex flex-column gap-2"> <div> <i class="fas fa-cookie-bite me-2 text-secondary" aria-hidden="true"></i> <span class="small"> Strona wykorzystuje pliki cookies do poprawy doświadczenia użytkownika oraz analizy ruchu. <a href="#" class="footer-link" id="cookieDetails" data-bs-toggle="modal" data-bs-target="#cookieModal"> Szczegóły </a> </span> </div> <div class="d-flex gap-2 justify-content-end"> <button id="cookieAccept" class="btn btn-outline-primary btn-sm">Akceptuję</button> <button id="cookieReject" class="btn btn-outline-secondary btn-sm">Odrzuć</button> </div> </div> </div> </div>  <div class="modal fade" id="cookieModal" tabindex="-1" aria-labelledby="cookieModalLabel" aria-hidden="true"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-header"> <h2 class="modal-title fs-5" id="cookieModalLabel">Polityka plików cookies</h2> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Zamknij"></button> </div> <div class="modal-body"> <h6 class="fw-bold">Czym są pliki cookies?</h6> <p> Cookies to małe pliki tekstowe, które są zapisywane na urządzeniu użytkownika podczas przeglądania stron internetowych. Służą one do zapamiętywania preferencji, śledzenia zachowań użytkowników oraz poprawy funkcjonalności serwisu. </p> <h6 class="fw-bold mt-4">Jakie cookies wykorzystujemy?</h6> <ul class="list-unstyled ps-3"> <li><i class="fas fa-check-circle text-success me-2"></i><strong>Niezbędne cookies</strong> - konieczne do prawidłowego działania strony</li> <li><i class="fas fa-check-circle text-success me-2"></i><strong>Funkcjonalne cookies</strong> - umożliwiające zapamiętanie wybranych ustawień (np. wybrany motyw)</li> <li><i class="fas fa-check-circle text-success me-2"></i><strong>Analityczne cookies</strong> - pozwalające zbierać informacje o sposobie korzystania ze strony</li> </ul> <h6 class="fw-bold mt-4">Jak długo przechowujemy cookies?</h6> <p> Pliki cookies wykorzystywane w naszym serwisie mogą być sesyjne (usuwane po zamknięciu przeglądarki) lub stałe (pozostają na urządzeniu przez określony czas). </p> <h6 class="fw-bold mt-4">Jak zarządzać cookies?</h6> <p> Możesz zarządzać ustawieniami plików cookies w swojej przeglądarce internetowej. Większość przeglądarek domyślnie dopuszcza przechowywanie plików cookies, ale możliwe jest również całkowite zablokowanie tych plików lub usunięcie wybranych z nich. </p> </div> <div class="modal-footer"> <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">Zamknij</button> <button type="button" class="btn btn-outline-primary" id="acceptCookiesModal">Akceptuję wszystkie</button> </div> </div> </div> </div>  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" defer></script> <script src="/static/exams/js/code.js" defer></script> <script src="/static/exams/js/report_modal.js" defer></script> <script> document.addEventListener('DOMContentLoaded', function() { // Dodaj obsługę motywów dla banera cookie function updateCookieBannerTheme() { const cookieBanner = document.getElementById('cookieConsent'); const currentTheme = document.body.getAttribute('data-theme'); if (!cookieBanner) return; // Ustaw domyślny jasny styl cookieBanner.style.backgroundColor = 'rgba(248, 249, 250, 0.95)'; cookieBanner.style.color = '#212529'; cookieBanner.classList.remove('border-top', 'border-white'); // Zastosuj style zgodnie z motywem if (currentTheme === 'dark') { cookieBanner.style.backgroundColor = 'rgba(52, 58, 64, 0.95)'; cookieBanner.style.color = '#fff'; } else if (currentTheme === 'high-contrast') { cookieBanner.style.backgroundColor = '#000'; cookieBanner.style.color = '#fff'; cookieBanner.classList.add('border-top', 'border-white'); } } // Sprawdź, czy użytkownik już dokonał wyboru if (!localStorage.getItem('cookieConsent')) { // Jeśli nie, pokaż banner const cookieBanner = document.getElementById('cookieConsent'); if (cookieBanner) { cookieBanner.style.display = 'block'; updateCookieBannerTheme(); // Dostosuj szerokość na małych ekranach function adjustWidth() { if (window.innerWidth < 768) { cookieBanner.style.maxWidth = '100%'; } else { cookieBanner.style.maxWidth = '50%'; } } // Wywołaj przy ładowaniu i przy zmianie rozmiaru okna adjustWidth(); window.addEventListener('resize', adjustWidth); } } // Obsługa zmiany motywu const themeButtons = document.querySelectorAll('.theme-btn'); themeButtons.forEach(btn => { btn.addEventListener('click', function() { setTimeout(updateCookieBannerTheme, 50); }); }); // Obsługa przycisku akceptacji document.getElementById('cookieAccept')?.addEventListener('click', function() { localStorage.setItem('cookieConsent', 'accepted'); document.getElementById('cookieConsent').style.display = 'none'; }); // Obsługa przycisku odrzucenia document.getElementById('cookieReject')?.addEventListener('click', function() { localStorage.setItem('cookieConsent', 'rejected'); document.getElementById('cookieConsent').style.display = 'none'; }); // Obsługa przycisku akceptacji w modalu document.getElementById('acceptCookiesModal')?.addEventListener('click', function() { localStorage.setItem('cookieConsent', 'accepted'); document.getElementById('cookieConsent').style.display = 'none'; // Zamknij modal var cookieModal = bootstrap.Modal.getInstance(document.getElementById('cookieModal')); cookieModal?.hide(); }); }); </script>  <script> document.addEventListener('DOMContentLoaded', function() { const copyButton = document.getElementById('copy-link-button'); if (copyButton) { copyButton.addEventListener('click', function() { const input = document.getElementById('share-link-input'); input.select(); document.execCommand('copy'); // Zmień tekst przycisku na potwierdzenie const originalText = this.innerHTML; this.innerHTML = '<i class="fas fa-check me-1"></i> Skopiowano!'; // Przywróć oryginalny tekst po 2 sekundach setTimeout(() => { this.innerHTML = originalText; }, 2000); }); } }); </script> </body> </html>