Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. Design & Illustration
  2. Adobe Photoshop
Design

Jak stworzyć pepitkę w Adobe Illustratorze i Photoshopie

by
Difficulty:BeginnerLength:ShortLanguages:

Polish (Polski) translation by Katarzyna Kapusta (you can also view the original English article)

Final product image
What You'll Be Creating

Może się wydawać, że stworzenie zazębiającego się geometrycznego deseniu, który da się przerobić na wzorek w Adobe Illustratorze lub Photoshopie, to niełatwe zadanie. W tym tutorialu rozłożymy wzór pepitki na części pierwsze i przekształcimy go w prosty, powtarzalny wzorek, który można łatwo stworzyć, wykorzystać i edytować.

1. Utwórz kształty w programie Illustrator

Krok 1

Utwórz nowy dokument 500 px na 500 px. Jeśli potrzebujesz wzorku o mniejszym lub większym rozmiarze, nic się nie martw - możesz go potem łatwo przeskalować. Za pomocą narzędzia Siatka prostokątna narysuj siatkę 500 px na 500 px z 9 separatorami pionowymi i 9 poziomymi. Zablokuj siatkę w panelu Warstwy.

Create a ten by ten grid

Krok 2

Używając narzędzia Prostokąt (M), narysuj kwadrat 250 px na 250 px i umieść go w lewej górnej ćwiartce pola.

Draw a rectangle in the top left corner

Krok 3

W dolnej lewej ćwiartce, używając narzędzia Pióro (P), narysuj linię po przekątnej począwszy od czwartego pionowego separatora od lewej, a kończąc na trzeciej od dołu linii poziomej siatki. Poprowadź linię na dół do dolnego narożnika siatki i z powrotem w górę po przekątnej, do środka siatki. Na końcu zamknij kształt poziomą linią do punktu początkowego.

Drawing the diagonal strip shape

Krok 4

Za pomocą narzędzia Pióro (P) narysuj trójkąt w prawym dolnym rogu lewej dolnej ćwiartki siatki. Powinien zajmować 3 kratki w poziomie i po przekątnej.

Draw a triangle in the bottom right quadrant

2. Utwórz wzorek wektorowy

Krok 1

Kopiuj (Ctrl-C) i wklej (Ctrl-V) przekątny pasek i trójkąt. Obróć je o 180° przy użyciu narzędzia Obracanie (R) i umieścić dwa kształty w prawej górnej ćwiartce. Zgrupuj (Ctrl-G) wszystkie czarne kształty razem. Obrysuj całe pole kwadratem 500 px na 500 px. Upewnij się, że dokładnie przylega do siatki.

Repeat the diagonal strip and triangle in the upper right corner

Krok 2

Usuń lub ukryj linii siatki. Zaznacz czarno-białe elementy wzoru. W menu kontektstowym pod prawym klawiszem wybierz opcję Utwórz wzorek. Upewnij się, że z listy Typ kafelka w panelu Opcje wzorka wybrana jest opcja Siatka i wciśnij przycisk Gotowe na górze dokumentu, by zapisać wzorek w Panelu próbek.

Save your design as a pattern

Krok 3

Użyj nowej próbki wzorka do prostokąta w obrębie pola roboczego. Jeśli potrzebujesz przeskalować lub edytować wzorek, kliknij dwukrotnie w próbkę na panelu Próbek, by móc edytować ją przy pomocy panelu Opcje wzorka.

Check out your final vector pattern

3. Tworzenie wzorka jako bitmapy

Krok 1

Tworzenie wzorka pepitki jako bitmapy nie różni się zbytnio od pracy w formacie wektorowym, w programie Adobe Illustrator. Dla tych, którzy korzystają tylko z Adobe Photoshopa, przejdę ponownie wszystkie kroki poniżej.

Utwórz Nowy dokument 500px na 500px. Przejdź do Widok > Nowy układ linii pomocniczych i utwórz Układ linii pomocniczych o 10 kolumnach i 10 rzędach (bez określania szerokości, wysokości czy odstępów).

Create a layout grid for the design

Krok 2

Za pomocą narzędzia Prostokąt (U), narysuj kwadrat 250 px na 250 px. Upewnij się, że narzędzie tworzy Kształt, a nie Ścieżkę. Korzystając z narzędzia Przesuń (V), umieść kwadrat w górnym lewym rogu siatki.

Draw a square in the top left corner of the layout grid

Krok 3

W dolnej ćwiartce układu siatki muszą powstać dwa kształty. Po pierwsze, przestaw tryb narzędzia Pióro (P) na pasku opcji na tworzenie Kształtów.

Po drugie, narysuj przekątną linię począwszy od czwartej linii pionowej od lewej, a kończąc na trzeciej linii poziomej od dołu siatki. Poprowadź linię na dół do dolnego narożnika siatki i z powrotem w górę po przekątnej, do środka siatki.  Na końcu zamknij kształt poziomą linią do punktu początkowego.

Po trzecie, narysuj trójkąt w prawym dolnym rogu lewej dolnej ćwiartki siatki. Powinien zajmować 3 kratki w poziomie i po przekątnej.

Draw a diagonal strip and triangle in the lower left of the layout grid

Krok 4

Kopiuj, Wklej i Obróć ukośny pasek i trójkąt tak, by idealnie mieściły się w górnej prawej ćwiartce. Przejdź do menu Edycja > Zdefiniuj wzorek i nazwij nowy wzór. Zmień rozmiar pliku wzorka w menu Obraz > Rozmiar obrazu zgodnie z tym, czego potrzebujesz. Możesz teraz użyć narzędzia Wiadro farby (G), by wypełnić nowy dokument lub wybrany obszar Twoim nowym deseniem.

Create your houndstooth pattern

Gotowe, dobra robota!

Zdolniacha z Ciebie! Obserwując elementy zazębiającego się wzoru geometrycznego, jak wzór pepitki, potrafisz już tworzyć na ich podstawie zarówno wektorowe, jak i rastrowe wersje ciągłych deseni.

Ile fantastycznych wariacji barwnych można wykreować z tych prostych geometrycznych kształtów? Jakie inne wzorki można stworzyć, korzystając z metody z siatką? Podziel się z nami pomysłem w komentarzu!

The final bitmap pattern
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.