Siatkę w Photoshopie włączysz skrótem Ctrl + ’ w Windowsie lub Cmd + ’ na Macu. Możesz też wybrać Widok > Pokaż > Siatka. To tylko nakładka robocza, więc nie pojawi się w wyeksportowanym obrazie.
Jak włączyć siatkę w Photoshopie?
Grid wyświetla regularny układ linii, który pomaga rozmieszczać elementy względem stałych odstępów. Przydaje się przy projektowaniu interfejsów, ikon, materiałów do druku i layoutów stron internetowych.
Najszybsze sposoby włączenia lub wyłączenia siatki to:
- Windows – skrót Ctrl + ’.
- macOS – skrót Cmd + ’.
- Menu programu – Widok > Pokaż > Siatka.
- Ukrycie nakładki – użyj tego samego skrótu lub ponownie wybierz Siatka w menu.
Widoczność siatki nie zmienia zawartości dokumentu. Linie służą wyłącznie do pracy w obszarze roboczym i nie zostaną zapisane w pliku JPG, PNG ani PDF jako element projektu.
Skróty pomocnicze: Ctrl + ; lub Cmd + ; pokazuje i ukrywa linie pomocnicze, natomiast Ctrl + R lub Cmd + R włącza albo wyłącza linijki.
Jak skonfigurować siatkę?
Domyślny układ nie zawsze pasuje do projektu. Możesz zmienić jego kolor, styl oraz częstotliwość linii w preferencjach programu.
- Otwórz menu Edycja > Preferencje > Prowadnice, siatka i fragmenty. W systemie macOS wybierz Photoshop > Preferencje > Prowadnice, siatka i fragmenty.
- W sekcji dotyczącej siatki ustaw kolor linii. Wybierz barwę, która będzie widoczna na tle projektu, ale nie zasłoni jego elementów.
- Wybierz styl siatki – linię ciągłą, przerywaną lub kropki, zależnie od wersji programu.
- Ustaw odstęp między głównymi liniami, na przykład co 50 px, a następnie określ liczbę podziałów, na przykład 4.
- Zatwierdź ustawienia przyciskiem OK i sprawdź, czy gęstość siatki pasuje do dokumentu.
Wartość „co 50 px” oznacza odległość między głównymi liniami. Podziały dzielą ten odcinek na mniejsze części, dzięki czemu możesz pracować dokładniej bez tworzenia bardzo gęstego układu. Dla ikon przydatne mogą być mniejsze odstępy, na przykład 10 px. Przy projektach webowych większy układ, taki jak 50 px, ułatwia kontrolę kolumn i marginesów.
Zbyt gęsta siatka utrudnia ocenę projektu, szczególnie przy pracy z fotografiami i dużymi blokami tekstu. Dobierz odstęp do skali dokumentu, a siatkę ukrywaj, gdy chcesz ocenić sam wygląd grafiki.
Siatka, linie pomocnicze i inteligentne linie pomocnicze
Te trzy funkcje wspierają układanie obiektów, ale działają w inny sposób. Najczęstszy błąd polega na traktowaniu ich jako zamiennych narzędzi.
| Narzędzie | Zastosowanie | Główna zaleta |
|---|---|---|
| Siatka (Grid) | Stały, regularny układ linii rozmieszczonych według określonego odstępu | Ułatwia zachowanie powtarzalnych marginesów i proporcji |
| Linie pomocnicze (Guides) | Pojedyncze linie ustawiane ręcznie w wybranych miejscach dokumentu | Pozwalają wyznaczyć konkretne krawędzie, osie i marginesy |
| Inteligentne linie pomocnicze (Smart Guides) | Dynamiczne wskazówki pojawiające się podczas przesuwania obiektów | Pomagają wyrównywać elementy względem siebie |
Siatka sprawdza się przy powtarzalnym układzie, na przykład przy systemie kolumnowym Grid 960. Linie pomocnicze są lepsze wtedy, gdy potrzebujesz kilku konkretnych punktów odniesienia, a nie całej regularnej struktury.
Jak używać przyciągania do siatki?
Sama widoczność siatki nie powoduje automatycznego wyrównywania obiektów. Aby Photoshop dopasowywał krawędzie i punkty do linii, włącz przyciąganie.
Wybierz Widok > Przyciągaj do > Siatka. Możesz też sprawdzić, czy aktywna jest ogólna funkcja Widok > Przyciągaj. Od tej chwili przesuwane elementy będą łatwiej ustawiać się na przecięciach lub podziałach siatki.
Przyciąganie jest szczególnie przydatne, gdy zależy Ci na spójnych odstępach i unikaniu położeń ułamkowych. Pomaga ograniczyć ręczne przesuwanie obiektów o pojedyncze piksele, choć przy bardzo precyzyjnych korektach możesz je chwilowo wyłączyć.
Siatka daje najlepsze rezultaty, gdy jej parametry odpowiadają strukturze projektu. Mniejsze podziały sprawdzą się przy ikonach i detalach, a większe odstępy przy układach kolumnowych, makietach stron i większych elementach interfejsu.
Do szybkiej pracy wystarczą trzy czynności: włącz Grid skrótem Ctrl + ’ lub Cmd + ’, ustaw odstępy w preferencjach i aktywuj Widok > Przyciągaj do > Siatka.
