Free Press

Dzisiaj pokażę Ci łatwy sposób na stworzenie powtarzającego się wzoru w Photoshopie CC. Wiąże się to z tworzeniem kafelków, które następnie będą powtarzane płynnie. Tego typu podejście do ilustracji jest dobre dla projektów odzieży, opakowań, tapet na pulpit i prawdziwych tapet też! Może być tak skomplikowany lub tak subtelny, jak tylko chcesz.( Using Textures to Create a Retro Look )

Document Setup

Przede wszystkim ustaw nowy dokument. Rozmiar tego dokumentu określi jak duży będzie twój wzór powtórzenia, więc bądź świadomy jak duży potrzebujesz go w tym momencie.

Jeśli będzie on wydrukowany w dużym rozmiarze, prawdopodobnie będziesz musiał wybrać większy niż mój, ale jest to dobry przykład. Niezależnie od tego, jaki rozmiar wybierzesz, upewnij się, że jest to kwadrat. Dla przykładowych celów, wybieram 1000px x 1000px w RGB (dla sieci, CMYK jest dla druku) i 300dpi. (Sieć generalnie wymaga tylko 72 dpi, ale mogę chcieć wydrukować to później, więc wybieram standardowe dpi 300.)

2. Przeciąganie warstw do nowego dokumentu

Teraz otwórz plik, który już wcześniej zrobiłem. Jest to plakat przedstawiający mnóstwo trenerów adidas. Chcę stworzyć powtarzający się wzór z niektórych butów, więc będę przeciągał warstwy z tego dokumentu do mojego nowego dokumentu z kafelkami.

3. Przeciąganie z dokumentu 'Master’ do 'untitled-1′

W moim dokumencie z trenerami zdecydowałem, które buty chcę przeciągnąć, więc nacisnąłem 'V’, aby wybrać narzędzie strzałki. Teraz w panelu warstw wybierz warstwę, którą chcesz przeciągnąć, a następnie przesuń kursor z powrotem nad dokument (z dala od panelu warstw), kliknij i przeciągnij do góry, gdzie znajduje się menu zakładek, a następnie upuść je w dokumencie z płytkami. Zobacz czerwone podświetlenie na obrazku poniżej. Przeciągam z „głównego” dokumentu do „untitled-1”

4. Re-size and Re-arrangement of all The Layers

Now got my first layer in the new tile document and we have run into a problem right away. Jest o wiele za duża! Będziemy musieli zmienić rozmiar i ułożenie wszystkich warstw, które przeciągamy tak czy inaczej, więc warto znać szybki sposób, aby to zrobić!

5. Przekształcanie warstw

Jeśli uaktywnisz warstwę, którą chcesz przekształcić (w panelu warstw wystarczy ją kliknąć), a następnie wciśniesz CMD+T (CTR+T w Windows), powinna pojawić się ramka ograniczająca. Jest to skrót do transformacji (stąd T). Jak większość pudełek w Photoshopie, jeśli przytrzymasz klawisz Shift podczas zmiany rozmiaru z rogów, zachowa proporcje i nie wypaczy obrazu. Po uzyskaniu żądanego rozmiaru kliknij enter, aby wyjść z okna przekształcania i zobowiązać się do rozmiaru. Pamiętaj; jeśli zrobisz swoją warstwę zbyt małą i spróbujesz ją powiększyć później, będzie ona rozpikselowana i będziesz musiał ponownie przeciągnąć warstwę z poprzedniego dokumentu. Jeśli wciśniesz Enter za wcześnie lub obraz zostanie zniekształcony, naciśnij CMD+Z (CTRL+Z), aby cofnąć się o krok. (Wzory tkanin)

6. Powtórzenie poprzednich kroków, aby uzyskać więcej warstw

Teraz mam już wprawę w posługiwaniu się transform box, zamierzam powtórzyć poprzednie kroki jeszcze kilka razy i uzyskać więcej warstw do zabawy w moim dokumencie z kafelkami

7. Rozmieszczanie wszystkich warstw

Właśnie przeciągnąłem warstwy, teraz czas na ich rozmieszczenie. Należy pamiętać, że powtarzające się wzory mogą być oglądane pod różnymi kątami, gdy są drukowane dla określonego projektu. Dlatego ułożenie ich pod każdym kątem (do góry nogami, na boki itd.) zawsze da lepszy rezultat.

Chcesz ułożyć je wokół dokumentu, ale upewnij się, że żadna część żadnej warstwy nie dotyka boków! Eksperymentuj również z rozmiarem. You may need to drag more layers in from your other document too.

Selecting and Changing the Background Color

Now ive got my trainers arranged I’m going to change the colour of my background. Chcę, aby pasowało do tła w moim innym dokumencie. Ciemnoszary. Więc zamierzam dopasować kolor do niego.

Przejdź do dokumentu głównego i kliknij „B”, aby wybrać narzędzie pędzla. Jeśli najedziesz na kolor, który chcesz i przytrzymasz klawisz alt, powinien pojawić się symbol eyedroppera. Po kliknięciu na kolor zostanie on przeniesiony do głównego koloru na pasku narzędzi na dole.

9. Save This Color for Future Reference

Teraz jest kilka różnych rzeczy, które możesz zrobić, jeśli chcesz zapisać ten kolor na później. Jedną z najprostszych metod jest przejście do menu na górze i kliknięcie WINDOW>SWATCHES.
Gdy to okno zostanie otwarte, zobaczysz mnóstwo małych bloków koloru.

10. Dodawanie koloru do próbek

Jeśli klikniesz w oknie, ale z dala od próbek koloru (w ciemnoszarym obszarze), twój kolor zostanie zapisany i dodany do dolnej części próbek, pojawi się okno z pytaniem, czy chcesz nazwać swój wybór. Jest to bardzo przydatne przy wyborze, gdy pracujesz z kilkoma kolorami.

11- W porządku, wróćmy do naszego dokumentu z płytkami. Jeśli przejdziesz do warstwy tła w panelu warstw, zobaczysz, że ma ona blokadę po prawej stronie. Oznacza to, że nie możesz nic zrobić z tą warstwą!

Zmiana koloru tła

Jeśli teraz klikniesz mały przycisk FX na dole panelu warstw, tuż pod nowo utworzoną warstwą, i wybierzesz opcję „nakładanie kolorów” z menu rozwijanego, powinno pojawić się nowe okno.

Kliknij małe pole koloru na prawo od opcji „tryb mieszania”, a pojawi się kolejne okno kolorów. Teraz kliknij swój zapisany kolor w panelu swatchy i kliknij 'ok’ na obu polach, Twój kolor tła powinien się zmienić. UWAGA; aby wyłączyć wszelkie efekty kliknij mały symbol oka pod warstwą w panelu warstw.

13. Powielanie obrazu

Teraz jestem już prawie gotowy na tę sekcję. Przejdź do warstwy w menu na górze, a na samym dole jest opcja „spłaszcz obraz”. Kliknij ją, aby spłaszczyć dokument. UWAGA; może być warto duplikować obraz w tym momencie (IMAGE>DUPLICATE), ponieważ spłaszczanie jest bardzo destrukcyjne i jeśli coś pójdzie nie tak, będzie mało prawdopodobne, że jesteś w stanie odzyskać go z powrotem do tego punktu. Więc zawsze dobrze jest mieć kopię zapasową. ( Normalnie nie zalecałbym spłaszczania w połowie drogi projektu, ale ten wymaga spłaszczania na różnych etapach, więc jest wyjątkiem od reguły)

14. Dzielenie warstw na cztery ćwiartki za pomocą linijki

Wszystkie twoje warstwy będą teraz spłaszczone. Teraz musimy podzielić je na cztery ćwiartki za pomocą linijki. Aby włączyć linijki, kliknij CMD+R (CTRL+R). Powinieneś teraz mieć linijki po lewej i u góry dokumentu.

Jeśli klikniesz na linijkę i przeciągniesz ją na zewnątrz, utworzysz niebieski znacznik. Chcę, abyś przeciągnął jeden z każdej strony i upuścił w samym środku dokumentu. Tworząc krzyż. Jeśli prowadnice przyciągania są włączone, Photoshop powinien domyślnie automatycznie przyciągać je do środka. Jeśli nie, możesz użyć linijki do pomiaru. Jeśli chcesz ukryć znaczniki w dowolnym miejscu, po prostu kliknij CMD+H.

15. Zastosowanie narzędzia Marquee do warstwy

Teraz chcę, abyś wybrał swoje narzędzie Marquee, klikając 'M’, i przeciągnij od lewego górnego rogu do znaczników w środku. Twoja selekcja będzie przyciągać się do prowadnic, które utworzyłeś.

16. Utwórz nową warstwę z zaznaczenia

Teraz kliknij CMD+J, co spowoduje utworzenie nowej warstwy z zaznaczenia. Wyłącz warstwę tła i przeciągnij nowy kwadrat z lewego górnego rogu do prawego dolnego. Teraz wyłącz tę warstwę i włącz z powrotem warstwę tła, upewnij się, że warstwa tła jest aktywna, klikając na nią.

17. Powtórz poprzednie kroki

Powtórz kilka poprzednich kroków, ale tym razem zaznacz lewą dolną część, CMD+J, aby utworzyć warstwę z zaznaczenia i przeciągnij ją na prawą górną część. Zasadniczo zamieniamy wszystkie kwadraty po przekątnej. Zrób to dla pozostałych dwóch narożników.

18. Spłaszczanie obrazu

Po wykonaniu tych czynności dla wszystkich czterech rogów możesz przejść do spłaszczania obrazu ponownie! To jest LAYER-FLATTEN IMAGE. Mój obraz wygląda teraz tak..

19. Filling The Gaps

Następnym krokiem jest wypełnienie luk! Ponownie nie dotykaj boków z nowymi warstwami, które przeciągasz! Jak widzisz, próbowałem wypełnić tak wiele luk, jak tylko mogłem, eksperymentując z rozmiarami.

20. Flattening The Image Final Time

Now flattening your image for the third and final time. Wybierz narzędzie Marquee (Zaznaczanie) (M) i przeciągnij zaznaczenie przez cały dokument. Gdy zaznaczenie jest wciąż aktywne, przejdź do EDYTUJ>DEFINIUJ PŁASZCZYZNĘ. Pojawi się opcja nadania nazwy wzorowi, jeśli chcesz.

21. Wybór wzoru

Teraz, aby go przetestować! Utwórz nowy dokument, spróbuj użyć formatu A4, upewnij się, że jest większy niż twój dokument z wzorami. Teraz kliknij przycisk M i użyj narzędzia zaznaczania, aby zaznaczyć cały dokument. Przytrzymaj shift i naciśnij F5 ( lub po prostu przejdź do EDIT>FILL. Pojawi się okno menu, użyj rozwijanego menu w sekcji 'zawartość’ i wybierz PATTERN. (Web Design Background Patterns)

22. Wybór wzoru niestandardowego

Teraz, w menu wzorów kliknij na miniaturkę obok „wzoru niestandardowego” i w rozwijanym polu wzór, który właśnie utworzyłeś powinien być ostatni w linii.

23. Ukończony wzór powtórzenia

Kliknij OK i voila! Twój nowy dokument zostanie wypełniony nowym wzorem do powtarzania! (Wzory geometryczne)

.