Jak szybko i łatwo utworzyć siatkę za pomocą Adobe Photoshop?


32

Załóżmy, że muszę narysować siatkę w Photoshopie, każdy kwadrat ma ten sam rozmiar, pewną liczbę pikseli wysokości i szerokości, a linie siatki mają określoną szerokość pikseli. Lubię to:

wprowadź opis zdjęcia tutaj

Obecnie robię to, rysując jeden kwadrat, kopiując + wklejając + przesuwając + scalając go kilka razy, aby utworzyć jeden wiersz, kopiując / wklejając go kilka razy, aby utworzyć więcej rzędów nad sobą.

Działa, ale wydaje się bardzo niezdarny, jestem pewien, że powinien istnieć bardziej skuteczny sposób, aby to zrobić?

Jakie są skuteczne metody tworzenia siatki kwadratów o równej wielkości?


3
Jeśli masz program Illustrator, zrobiłbym to tam. Zobacz: graphicdesign.stackexchange.com/questions/16869/... - a następnie po prostu skopiuj / wklej do Photoshopa.
Scott,

Odpowiedzi:


61

Spróbuj użyć wzorów. Na przykład kwadratu:

Narysuj początkowy kwadrat i zaznacz markizą mniejszy kwadrat, który zawiera tylko górną i lewą stronę. Następnie wybierz Edit > Define Pattern...i zapisz wzór z nazwą.

Następnie wybierz markizę obszar, który chcesz wypełnić. Następnie wybierz Edit > Fill..., wybierz Use: Patterni wybierz wzór kwadratu.

wprowadź opis zdjęcia tutaj


jak to zrobić, aby nie było połowy komórek, ponieważ idealnie pasuje?
mały malutki mężczyzna

1
W powyższym przykładzie użyłem palety informacji do zmierzenia rozmiaru siatki. W tym przypadku było to 86 pikseli. Jeśli chcesz ułożyć płótno bez „półkomórek”, użyj wartości, która mnoży się równomiernie do wymiarów płótna.
Alex Blackwood

Cóż, mam warstwę, w której narysowałem zaznaczony kwadrat, a markiza jest skonfigurowana, ale Edycja> Zdefiniuj wzór jest dla mnie wyłączonym wyborem menu. Zaskakujący.
Dave Munger,

6

Jeśli próbujesz utworzyć siatkę dla własnej korzyści podczas projektowania, istnieje rozszerzenie o nazwie GuideGuide , które zrobi to skutecznie.

Jeśli potrzebujesz, aby siatka była częścią projektu, zaleciłbym utworzenie linii za pomocą narzędzia markizy, a następnie powielenie jej tyle razy, ile potrzebujesz, a następnie użycie Layer >> Distributeopcji, aby uzyskać idealne wyrównanie.


2
  1. Wybierz photoshop → preferencje → prowadnice, siatki i plasterki.

  2. Zdefiniuj siatkę według potrzeb

  3. Wybierz widok → pokaż → siatka; następnie sprawdź dodatki.

  4. Sprawdź widok → przyciągnij do siatki; następnie sprawdź snap.

  5. Włącz okno Ścieżki, jeśli nie jest jeszcze widoczne. Utwórz nową ścieżkę o nazwie Poziomy.

  6. Użyj narzędzia pióra ( P). Zdefiniuj poziomy odcinek linii na górze siatki. Pojedyncze kliknięcie najpierw po lewej stronie, a potem po prawej.

  7. Użyj narzędzia wyboru ścieżki ( Aczarna strzałka). Kliknij ścieżkę, przytrzymaj opcję ( Alt), aby wykonać kopię obiektu.

  8. Utwórz kolejną nową ścieżkę o nazwie vertical.

  9. Użyj narzędzia pióra ( P). Zdefiniuj pionowy segment linii siatki po lewej stronie. Pojedyncze kliknięcie najpierw u góry, a następnie u dołu.

  10. Użyj narzędzia wyboru ścieżki ( Aczarna strzałka). Kliknij ścieżkę, przytrzymaj opcję ( Alt), aby wykonać kopię obiektu.

  11. Utwórz nową warstwę dla siatki (opcjonalnie). W przeciwnym razie siatka zostanie narysowana na dowolnej aktywnej warstwie.

  12. Okno palety → Wybierz ścieżkę poziomą , a następnie wybierz ścieżkę obrysu (używając koloru pierwszego planu) z podmenu opcji (kliknij mały trójkąt z trzema liniami w prawym górnym rogu okna palety), wybierz pędzel lub ołówek.

  13. Powtórz poprzedni krok, aby obrysować ścieżkę pionową .


1
To ogrom pracy, aby to zrobić w ten sposób.
Evan Carslake,

To było dla mnie dość szybkie. Czy istnieje lepszy sposób na utworzenie siatki ścieżek (zamiast pikseli)? Bardzo fajnie, gdy jest zatrzaśnięty na siatce. Dzięki!
emrys57

2

Znalazłem szybki sposób na rozwiązanie mojego problemu (mam PS CS4): użyłem „Pokaż siatkę”, dostosowałem rozmiar itp. W Preferencjach, dostałem dokładnie to, czego chciałem, a następnie zrobiłem zrzut ekranu obrazu, wkleiłem go do mój plik jako nową warstwę i przyciął go do rozmiaru i skali. To nie będzie wystarczająco wysokiej rozdzielczości dla niektórych użytkowników, ale było super szybkie i działało na moje potrzeby.


2

W zakładce „widok” Nowy układ Przewodnika

otworzy się nowe okno Preset - możesz zapisywać, ładować i tworzyć układ prowadnic, aby używać go w kółko zaznacz lub odznacz kolumny lub wiersze w zależności od potrzeb Sugeruję zaznaczenie „podglądu” Liczba = Liczba pożądanych prowadnic Szerokość = Odległość między wygenerowanymi prowadnicami Rynna = odstęp między prowadnicami Margines = ustawia pożądane marginesy w projekcie, możesz wpisać wartość dla górnego, lewego, dolnego i prawego

można również wybrać środkowe kolumny i wyczyścić istniejące prowadnice

To jest dla Photoshopa CC 2015.5

Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.