Jak stworzyć bezproblemowy wzór tła w Photoshopie – blog.icons8.com
bezproblemowe wzory można zastosować na dowolnym tle, jakie można sobie wyobrazić, od strony internetowej lub aplikacji do zdjęcia Tindera.
w tym howto porozmawiamy o wzorach rastrowych, które możesz utworzyć w Photoshopie. Jeśli wolisz wektory, sprawdź ten samouczek.
co będzie potrzebne do wykonania misji
1. Adobe Photoshop. Jeśli natknąłeś się na ten samouczek, szanse są wysokie, że masz już ten program. Jednak, na wszelki wypadek, oto link do pobrania bezpłatnej wersji testowej.
2. Icons8 na pulpit. Jest to darmowa aplikacja zawierająca wiele ikon i działa dobrze z Photoshopem.
3. Ikony lub inne obrazy, które chcesz na swoim wzorze. Wzięliśmy nasze ikony Natury do tego samouczka. Dla twojej informacji, są one bezpłatne w formacie PNG o dowolnym rozmiarze, więc możesz je zapisać na swoim koncie i użyć ich również do wzoru.
8 kroków tworzenia wzorca w programie Photoshop
Utwórz bazę dla wzorca
Utwórz nowy plik o dowolnym rozmiarze z jednakową szerokością i wysokością. W naszym przypadku każda strona ma 200px.
Dodaj ikony
przeciągnij i upuść ikony z Icons8 na pulpit (lub dowolne inne ikony) do pliku Photoshopa. Poszliśmy na kraba, rybę, klauna i konika morskiego.
jeśli używasz ikon monochromatycznych, możesz potrzebować ich w różnych kolorach. Oto jak zmienić kolor ikon PNG w Photoshopie.
umieść każdą ikonę na osobnej warstwie
naciśnij klawisz Enter, aby zakończyć proces wklejania ikon. Musisz nacisnąć go tyle razy, ile potrzeba, aż nie zobaczysz już czarnej ramki.
na końcu powinna wyglądać tak:
teraz każda ikona znajduje się na własnej warstwie w pliku.
Ustaw pierwszą warstwę
Wybierz jedną warstwę w panelu Warstwy i przejdź do Filtruj > Inne> Offset:
ustaw parametry poziome i pionowe na połowę długości boku pliku. Pamiętasz szerokość i wysokość kwadratu? To są dwa ustawienia, których potrzebujesz.
Rozmiar naszego pliku to 200x200px, więc ustawiamy 100px dla obu parametrów. Upewnij się, że zaznaczyłeś opcję zawijanie w dolnej części wyskakującego okna. Kliknij OK. Zostanie wykonana pierwsza warstwa:
Skonfiguruj drugą warstwę
wybierz inną warstwę w panelu Warstwy. Teraz przejdź do filtrowania > Inne > przesunięcie ponownie.
następnie Ustaw poziomo na 0px i naciśnij OK:
Ustaw trzecią warstwę
Wybierz kolejną warstwę i przejdź do filtrowania > Inne > przesunięcie. Teraz Odwróć wartości poziome i pionowe. Dla naszego przypadku pozioma będzie 100px, a pionowa 0px. Kliknij OK.
teraz mamy gotowy wzór płytki.
Scal warstwy
Zaznacz wszystkie warstwy z wyjątkiem tła w panelu Warstwy i użyj kombinacji skrótów Ctrl+E. wybrane warstwy zostaną scalone.
Utwórz wzór
najpierw użyj jeszcze jednej kombinacji skrótów Ctrl+A (Zaznacz wszystko).
następnie przejdź do edycji>Define Pattern:
nazwij go i naciśnij OK. Ta-da! Twój wzór jest gotowy!
jak zastosować wzór
masz wzór, dobrze. Teraz zobaczmy, jak go używać w tle.
Utwórz nowy plik
powiększ go, aby zobaczyć wynik. Nasz to 800x600px.
Wybierz nakładkę wzór
Kliknij dwukrotnie tło w panelu Warstwy. Kliknij OK w wyskakującym oknie.
przejdź do warstwy > Layer Style > pattern overlay:
wybierz nowo utworzony wzór w wyskakującym oknie i kliknij OK.
ciesz się swoim wzorem!
źródła z teksturami dla Photoshopa
- Fixthephoto.com
Czytaj dalej
- Tworzenie świątecznego wzoru tła w programie Adobe Illustrator
- jak przebarwić ikonę PNG w Photoshopie
Wypróbuj bezpłatne narzędzia dla twórców zespołu Icons8
Pobierz również listy darmowego oprogramowania wektorowego i bezpłatnego oprogramowania do edycji zdjęć.