Wszystko, co musisz wiedzieć o pracy ze wzorami – twórz i wdrażaj

Ten poradnik został napisany przez Martijna Breeuwera specjalnie dla Lorelei Web

W tym samouczku pokażę Ci, jak stworzyć te małe wzory, aby urozmaicić swoją grafikę lub projekty internetowe. Wzory nie są trudne do stworzenia, ale mogą mieć ogromny wpływ na „seksapil” Twoich projektów.

Pokażę Ci sposób na stworzenie kilku popularnych wzorów oraz wzoru zapobiegającego przetarciom. Pokażę Ci także kilka przykładów alternatywnych wzorów.

Linie ukośne
Zaczniemy od bardzo popularnego wzoru. Linie ukośne.

Otwórz nowy dokument w Photoshopie i zmień jego wymiary na 3 na 3 piksele.

Utwórz nową warstwę i usuń "Tło" warstwę, aby obraz stał się przezroczysty.

Powiększ do 1600%, naciskając CTRL + kilka razy.

Weź ołówek i ustaw go na rozmiar 1px. Tryb: Normalny i Krycie 100%

Naciśnij przycisk D aby zresetować kolory do czarno-białego i pomalować linię z trzema kropkami od prawego górnego rogu do lewego dolnego rogu.

Teraz idź do Edycja>Zdefiniuj wzór i nazwij go scanlines lub jakkolwiek chcesz to nazwać.

To było łatwe, prawda?

Aby użyć wzoru, wybierz Narzędzie Wiadro farby, Wybierz: Wzór z listy rozwijanej i wybierz wzór.

Możesz też przejść do opcji mieszania i zastosować nakładkę wzoru.

Zanim zastosujesz wzór do swojej pracy, pamiętaj o utworzeniu nowej warstwy. Czasami wzór będzie wyglądał lepiej, kiedy
krycie jest nieco zmniejszone.

Sprawdź wynik.

Oczywiście możesz także stworzyć wzór, w którym odstępy między liniami będą większe. Aby to zrobić, użyj powyższej metody, ale utwórz płótno o wymiarach 5 na 5 pikseli.
To będzie wynik.

Poziome linie skanowania
Co powiesz na poziome linie skanowania? (Przydatne, gdy tworzysz coś takiego jak ekran telewizora lub komputera itp.)

Otwórz nowy dokument w Photoshopie i zmień jego szerokość na 1 piksel.

Teraz utwórz nową warstwę i usuń warstwę „Tło”, aby obraz stał się przezroczysty.

Powiększ do 1600%, naciskając kilka razy CTRL +.

Teraz chwyć narzędzie Ołówek i ustaw go na rozmiar 1px. Tryb: Normalny i Krycie 100%. To samo ustawienie co poprzednio

Naciśnij D, aby zresetować kolory do czarno-białego i pomalować górny piksel na czarno.

Teraz przejdź do Edycja> Zdefiniuj wzór i nazwij go linie poziome.

Wynik.

Małe kropki
OK, teraz tworzymy kilka małych kropek.
Używamy tej samej metody, której używaliśmy w przypadku linii skanowania.

Otwórz nowy dokument w Photoshopie i zmień jego szerokość na 3 piksel.

Teraz utwórz nową warstwę i usuń warstwę „Tło”, aby obraz stał się przezroczysty.

Powiększ do 1600%, naciskając kilka razy CTRL +.

Teraz chwyć narzędzie Ołówek i ustaw go na rozmiar 1px. Tryb: Normalny i Krycie 100%.

Naciśnij D, aby zresetować kolory do czarno-białego i pomaluj kropkę na środku płótna.

Teraz przejdź do Edycja> Zdefiniuj wzór i nadaj mu nazwę smalldots.

Wynik.

Przecina
Zróbmy wzór corssowy. Utwórz dokument o wymiarach 5 na 5 pikseli i zastosuj powyższą metodę

Ale teraz narysujesz krzyż.

przejdź do Edycja> Zdefiniuj wzór i nadaj mu nazwę crosss1 lub cokolwiek innego.

Wynik

Wzór ANTI RIP/ochrona praw autorskich
Na koniec nauczę Cię, jak wykonać wzór zapobiegający rozdarciu.

Otwórz nowy dokument i upewnij się, że masz wystarczająco dużo miejsca. 600 na 600 pikseli będzie w porządku. Przytniemy to później.

Utwórz nową warstwę i usuń warstwę „Tło”, aby obraz był przezroczysty.

Teraz chwyć narzędzie Tekst i użyj czytelnej czcionki. Ariel, Tahoma, Verdana, Times itp.

Użyłem tych ustawień:
Verdana | pogrubione | 12 pkt | aa: brak

Rozmiar powinien wynosić około 12 pikseli. Nie rób tego za duży, w przeciwnym razie nie będzie dobrze działać jako wzór.

Teraz wpisz coś w stylu: „utworzono według twojego imienia” lub „(c) twoje imię”. Wpisuję (c), a następnie moje imię.

Kliknij warstwę tekstową prawym przyciskiem myszy i wybierz typ rasteryzacji lub wybierz Wybierz > rastaryzuj > pisz.

Teraz naciśnij CTRL T (Swobodna transformacja) i obróć nazwę o -30 stopni.

Naciśnij Enter, aby potwierdzić obrót. Powiększ nieco i wybierz narzędzie do przycinania.

Umieść kursor myszy w dolnej części tekstu, kliknij i przeciągnij go na górę tekstu. Upewnij się, że zaznaczyłeś cały tekst i zostaw trochę miejsca na górze i na dole.

Teraz naciśnij Enter.
Powinieneś teraz mieć coś takiego.

Przejdź do Edycja> Zdefiniuj wzór i nazwij go prawem autorskim.

Otwórz swój najnowszy projekt strony internetowej, który chcesz chronić przed ripperem, i utwórz nową warstwę.

Wybierz narzędzie Wiadro z farbą i wybierz wzór autorski. Zmniejsz krycie, aby obraz był widoczny dla tych, którzy chcą na niego spojrzeć
ale trudniejsze dla tych, którzy chcą zgrać.

Zastosowałem to do szablonu, nad którym pracuję. Krycie wynosi około 20%.

Łączenie i eksperymentowanie
Teraz, gdy znasz już sposób tworzenia wzoru, czas go połączyć i wygasić.

Sprawdź te różne wzory. Możliwości są nieskończone. Tekst, kształty (kwiaty itp.) i linie — wszystkie te elementy można wykorzystać do tworzenia wzorów.

Dziękuję za zapoznanie się z tymi tutorialami. Mam nadzieję, że czegoś się nauczyłeś.