KWALIFIKACJA INF3 - STYCZEŃ 2018

PYTANIE NR 14.
Aby stworzyć przycisk na stronę internetową według wzoru, należy w programie do grafiki rastrowej użyć opcji
Ilustracja przedstawia przycisk z napisem 'KONTAKT', który może być używany na stronie internetowej.
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Przycisk o kształcie prostokąta z zaokrąglonymi rogami najprościej uzyskuje się przez użycie narzędzia kształtu "prostokąt z zaokrąglonymi rogami" lub ustawienia zaokrąglenia rogów. Pozostałe opcje dotyczą zaznaczeń, transformacji albo pojęć niezwiązanych bezpośrednio z tworzeniem takiego kształtu.

Pełne wyjaśnienie:

W grafice rastrowej (np. przy przygotowywaniu elementów interfejsu do strony www) przycisk według typowego "wzoru" ma kształt prostokąta z zaokrąglonymi rogami. Najbardziej bezpośrednią metodą uzyskania takiego obiektu jest użycie narzędzia tworzenia kształtów, które pozwala narysować prostokąt i ustawić promień/stopień zaokrąglenia rogów (często spotykane jako "Rounded Rectangle" lub opcja zaokrągleń w ustawieniach narzędzia).

Odpowiedź "zaokrąglenie lub wybranie opcji prostokąt z zaokrąglonymi rogami." jest właściwa, ponieważ opisuje funkcję, która tworzy dokładnie taki kontur jak w typowych przyciskach UI. Dzięki temu element od razu ma odpowiedni kształt, a dalsza praca (kolor, gradient, cień, obrys, tekst) jest jedynie stylowaniem.

Dlaczego pozostałe propozycje nie pasują:

  • "zaznaczenie eliptyczne." – tworzy zaznaczenie w kształcie koła/owalu, a nie prostokątnego przycisku z zaokrągleniami. Da się z niego zbudować inne elementy (np. ikonę), ale nie jest to narzędzie "od przycisku" o takim profilu.
  • "zniekształcenia i deformowanie." – transformacje służą do zmiany kształtu istniejącego obiektu (skala, perspektywa, odkształcenie). To nie jest podstawowa metoda tworzenia zaokrąglonych rogów; w praktyce szybciej i poprawniej tworzy się kształt właściwym narzędziem.
  • "propagacja wartości." – to sformułowanie nie jest standardową nazwą opcji służącej do rysowania kształtów przycisku w edytorach rastrowych; kojarzy się raczej z przetwarzaniem danych/parametrów, a nie z narzędziami graficznymi do rysowania konturów.

Wskazówka egzaminacyjna: jeśli pytanie dotyczy przygotowania przycisku "według wzoru", zwykle chodzi o narzędzie kształtu (prostokąt/zaokrąglony prostokąt) albo ustawienie promienia rogów, a nie o narzędzia zaznaczania czy deformacji.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
To kształt (lub zaznaczenie) przypominający zwykły prostokąt, ale z rogami wyciętymi łukiem o danym promieniu. Jest często używany do przycisków UI, etykiet i kart. W wielu programach występuje jako narzędzie "Rounded Rectangle" albo ustawienie zaokrąglenia rogów.
Najpierw narysuj kształt prostokąta z zaokrąglonymi rogami (narzędzie kształtu lub promień rogów), potem nadaj wypełnienie (kolor/gradient), dodaj obrys i cień, a na końcu wstaw tekst na osobnej warstwie. To typowy, szybki workflow pod elementy UI.
Zaznaczenie eliptyczne tworzy obszar w kształcie koła lub owalu. Przycisk "według wzoru" zwykle jest prostokątny z lekkimi zaokrągleniami, więc właściwsze jest narzędzie prostokąta z opcją zaokrąglenia. Elipsa może być przydatna do ikon lub przycisków okrągłych.
W praktyce używa się narzędzi kształtów (Shape Tools), w tym prostokąta z parametrem promienia rogów. Pozwala to od razu uzyskać właściwy kontur przycisku, a kolejne kroki to stylowanie warstwy (wypełnienie, obrys, cień). Kluczowe jest więc ustawienie zaokrągleń, nie deformacje.
Zwykle nie. Deformacje służą do zmiany proporcji i perspektywy obiektu, ale nie są podstawowym narzędziem do tworzenia równych, powtarzalnych zaokrągleń w rogach. W UI liczy się spójność, więc lepiej użyć narzędzia "zaokrąglony prostokąt" lub opcji promienia rogów.
Gdy trzeba przygotować zasoby graficzne do interfejsu: przyciski, banery, grafiki na landing page, elementy do social media, tekstury lub tła. Nawet jeśli wiele rzeczy robi się w CSS, w praktyce nadal spotyka się pliki rastrowe (np. PNG) dostarczone przez klienta lub projektanta.
Częsty błąd to zgadywanie po "brzmieniu" opcji zamiast skojarzenia jej z efektem na obrazie. Uczniowie mylą narzędzia zaznaczania z narzędziami kształtów albo wybierają transformacje, choć pytanie dotyczy stworzenia podstawowego konturu. Warto pamiętać: kształt robi narzędzie kształtu.
Jeśli element ma być "przyciskiem według wzoru" i wygląda jak prostokąt z miękkimi rogami, to najczęściej testowana jest umiejętność wskazania opcji zaokrąglania rogów albo narzędzia "prostokąt z zaokrąglonymi rogami". Zaznaczenia eliptyczne i deformacje nie dają takiego efektu wprost.
Nie zawsze. W nowoczesnym WWW wiele przycisków tworzy się w CSS (border-radius, tło, cień), bo to jest skalowalne i dostępne. Jednak w praktyce zawodowej nadal zdarzają się projekty oparte o gotowe grafiki, mockupy lub wymagające dopasowania do assetów dostarczonych w plikach rastrowych.
Przećwicz podstawowe narzędzia: zaznaczenia (prostokątne, eliptyczne), narzędzia kształtów, warstwy, style warstw oraz proste transformacje. Rób krótkie zadania typu: przycisk z zaokrągleniami, ikonka, baner. Na egzaminie szukaj słów kluczowych: kształt, promień, rogi.
info

To pytanie poprawnie rozwiązuje 79% zdających egzamin. średnio łatwe

Eksperci podkreślają: "Przycisk o kształcie prostokąta z zaokrąglonymi rogami najprościej uzyskuje się przez użycie narzędzia kształtu "prostokąt z zaokrąglonymi rogami" lub ustawienia zaokrąglenia rogów."

Źródła:

  • Adobe Photoshop Help Center: "Draw shapes" (shape tools incl. rounded rectangle) https://helpx.adobe.com/photoshop/using/drawing-shapes.html - accessed 2026-03-01
  • GIMP Documentation: "Rounded Corners" (script / procedure for rounding corners) https://docs.gimp.org/2.10/en/plug-in-round-corners.html - accessed 2026-03-01
  • Krita Manual: "Shape Tools" (tools for drawing rectangle and other shapes; usable in raster workflow) https://docs.krita.org/en/reference_manual/tools/shape.html - accessed 2026-03-01

Materiały:

  • Dokumentacja narzędzi kształtów (shape tools) w popularnych edytorach grafiki rastrowej
  • Kurs podstaw grafiki komputerowej dla webdesignerów (kształty, warstwy, maski)
  • Materiały o projektowaniu UI/UX (zasady stosowania zaokrąglonych rogów i spójności komponentów)

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego