KWALIFIKACJA PGF4 - CZERWIEC 2019

PYTANIE NR 29.
Narzędziem służącym do podziału projektu strony internetowej na fragmenty graficzne w tradycyjnym workflow programu Adobe Photoshop jest
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
"Cięcie na plasterki" służy do dzielenia layoutu na mniejsze fragmenty graficzne, które można zapisać jako osobne pliki do wykorzystania w WWW. Pozostałe narzędzia dotyczą odpowiednio selekcji, rysowania ścieżek oraz pobierania próbek barw, a nie "krojenia" projektu na elementy eksportowe.

Pełne wyjaśnienie:

W tradycyjnym podejściu do przygotowania grafiki dla stron WWW w Adobe Photoshop wykorzystywano funkcję "cięcie na plasterki" (slices), aby podzielić jeden duży projekt (layout) na mniejsze, niezależne fragmenty. Taki podział ułatwiał zapis elementów jako oddzielnych plików graficznych i ich późniejsze złożenie w kodzie strony (historycznie często w tabelach, a później także z użyciem warstw i CSS).

Odpowiedź "cięcie na plasterki" jest poprawna, ponieważ jako jedyna wskazuje narzędzie przeznaczone właśnie do podziału projektu na fragmenty graficzne oraz eksportu tych fragmentów.

Pozostałe propozycje nie spełniają tej funkcji:

  • "zaznaczanie" służy do wyboru obszaru (selekcji) w obrazie, np. do edycji, kopiowania czy maskowania. Zaznaczenie samo w sobie nie dzieli layoutu na zestaw plików wynikowych.
  • "pióro" jest narzędziem do tworzenia ścieżek wektorowych (krzywych Béziera), przydatnym m.in. do precyzyjnych kształtów i wycinania obiektów, ale nie jest narzędziem do krojenia layoutu na fragmenty eksportowe.
  • "próbkowanie kolorów" (pobieranie próbek) służy do odczytu i wyboru barwy z obrazu, np. do dopasowania palety, a nie do podziału projektu na elementy graficzne.

Warto też pamiętać o kontekście: obecnie w praktyce częściej stosuje się eksport zasobów i warstw oraz projektowanie responsywne, jednak pytanie dotyczy tradycyjnego workflow dzielenia layoutu na fragmenty, gdzie "plasterki" były typowym rozwiązaniem.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
To funkcja dzielenia jednego projektu graficznego na mniejsze fragmenty (plasterki), które można zapisać jako osobne pliki. Historycznie ułatwiało to przygotowanie layoutu WWW do wdrożenia, gdy elementy interfejsu trzeba było eksportować oddzielnie.
Współczesne strony składa się głównie CSS-em i komponentami, a grafikę eksportuje się jako zasoby/warstwy lub ikony, zamiast "kroić" cały layout na siatkę obrazków. Plasterki kojarzą się z dawnym podejściem, często powiązanym z tabelami i statycznymi układami.
Najczęściej mylone są narzędzia zaznaczania (bo też wyznaczają obszar) oraz pióro (bo tworzy precyzyjne kształty). One jednak służą do edycji i selekcji, a nie do podziału layoutu na zestaw plików wynikowych przeznaczonych do eksportu.
Gdy pracujesz w tradycyjnym workflow i potrzebujesz szybko podzielić statyczny layout na oddzielne grafiki (np. elementy nagłówka, przyciski, tła). Może to też pomagać przy porządkowaniu eksportu, gdy projekt jest dostarczany jako jeden duży obraz.
Częściej stosuje się eksport zasobów i warstw (np. osobne PNG/SVG), pracę na dobrze nazwanych warstwach i grupach oraz przekazywanie specyfikacji do CSS. Dzięki temu programista odtwarza układ w HTML/CSS, a grafika jest tylko tam, gdzie jest potrzebna.
Zaznaczenie pozwala wybrać fragment obrazu do skopiowania lub wyeksportowania, ale nie organizuje projektu jako zestawu wielu "kawałków" zdefiniowanych w jednym dokumencie. "Plasterki" są pomyślane właśnie jako system podziału i eksportu wielu fragmentów naraz.
"Pióro" jest świetne do precyzyjnego wycinania obiektów, rysowania kształtów i tworzenia ścieżek. W web designie pomaga przygotować czyste elementy interfejsu, ale nie służy do dzielenia całego layoutu na fragmenty eksportowe tak jak "cięcie na plasterki".
Próbkowanie kolorów (np. pipetą) służy do pobierania barwy z obrazu, aby ustawić kolor narzędzi, dopasować paletę lub sprawdzić wartości barw. Nie wyznacza obszarów do zapisu jako oddzielne pliki, więc nie realizuje zadania "krojenia" projektu.
Szukaj sformułowań typu: "podział projektu na fragmenty graficzne", "krojenie layoutu", "zapis elementów jako oddzielne pliki". Gdy mowa o selekcji lub wycinaniu obiektu, częściej pasują narzędzia zaznaczania lub "pióro", a nie plasterki.
Powtórz różnice między: zaznaczeniem, maską, ścieżką, warstwą i plastrami. Przećwicz eksport pojedynczych warstw oraz elementów UI. Na egzaminie zwracaj uwagę na słowa-klucze: "podział", "fragmenty", "osobne pliki", bo one kierują do "cięcia na plasterki".
info

Około 57% zdających odpowiada poprawnie na to pytanie. średnie

Według specjalistów z branży: ""Cięcie na plasterki" służy do dzielenia layoutu na mniejsze fragmenty graficzne, które można zapisać jako osobne pliki do wykorzystania w WWW."

Materiały:

  • Dokumentacja i materiały szkoleniowe Adobe Photoshop dotyczące przygotowania grafiki do WWW
  • Kursy/lekcje o eksporcie zasobów i pracy na warstwach w Photoshopie
  • Materiały o podstawach front-end (CSS, responsywność) w kontekście współpracy grafik–programista

Aktualizacja pytania: 03.04.2026



Aktualizacja pytania: 03.04.2026
📡 Brak połączenia internetowego