Jak stworzyć efekt „zygzakowaty, postrzępiony” w Photoshopie?

Chciałbym stworzyć efekt zygzakowatej linii u dołu (lub u góry lub na dowolnej krawędzi) prostokąta. Chcę również użyć tego obrazu na stronie internetowej, dlatego myślę, że powinienem to zrobić, aby móc go powtórzyć za pomocą CSS.

Nie wiem, czy użyłem poprawnego terminu, czy nie, więc popraw mnie. Czy ten efekt nazywa się zygzakiem? Jak mogę go utworzyć w Photoshopie (nie w programie Illustrator)?

Najprawdopodobniej zrobiłbym to w ten sposób:

1. Wykonanie kwadratu.

Weź Rectangle tool z Shape layerswłączoną.

Zrób kwadrat, przytrzymując Shiftprzycisk, aby upewnić się, że jest to idealny kwadrat.

(W tym przypadku rozmiar nie ma znaczenia (hah ..). Zrobię trochę większy niż rozmiar piłokształtny, którego chcę, ale możesz od razu uzyskać dokładny rozmiar. Pomaga w przycinaniu, jeśli możesz przyciągnąć do krawędzi kwadrat. Na etapie 4. Przytnij, Przytnij naprawdę dobrze. )

2. Obracanie kwadratu o 45 stopni

USA Free transform ctrl+t

Obróć kwadrat o 45 stopni, przytrzymując Shiftprzycisk, aby umożliwić przyciąganie pod kątem 45 stopni.

3. Wykonaj prostokąt i ustaw kwadrat.

Nadal Rectangle toolutwórz duży prostokąt u góry.

Następnie możesz ustawić kwadrat Move tool, przesuwając go w górę lub w dół i zdecydować, jaki będzie rozmiar, pokazując mniej lub więcej.

4. Przytnij, Przytnij to naprawdę dobrze.

Weź Crop tool i wybierz obszar kadrowania.

Możesz powiększyć wybrany piłokształtny oraz dodatkowe wypełnienie Crop tool i przyciąć.

Teraz, technicznie rzecz biorąc, możesz po prostu zrobić naprawdę duży kwadrat i przyciąć to, ale dodatkowy prostokąt miał ułatwić sprawdzenie, jak będzie wyglądał jego rozmiar.

5. Wynik końcowy.

I tak to się powtórzy.

6. Dodatkowe uwagi.

Jeśli chcesz umieścić Layer stylesjak Bevel & embosslub Inner shadowczy coś takiego, można scalić tam dwa kształty w jednej warstwie przed tym zakresie.

Możesz to zrobić, wybierając obie warstwy, przytrzymując, ctrla następnie używając klawiszy skrótu, ctrl+eaby scalić je w jedną warstwę rastrową.

Użyj narzędzia pióra w Photoshopie i utwórz kształt podobny do pionowego palika. Zapisz plik jako GIF / PNG / JPG. Twoje preferencje. (Mój to PNG.) Dostosuj plik CSS, aby powtórzyć obraz.

Możesz zacząć od prostokąta na nowej warstwie, a następnie użyć narzędzia Lasso wielokątne, aby wyciąć jeden „trójkąt” zygzaka. Następnie użyj prostokątnego narzędzia markizy, aby wyciąć tę sekcję i powtórz ją w Photoshopie lub bezpośrednio na stronie internetowej.

Photoshop może nie być najlepszym narzędziem tutaj. Sprawdź SnagIt, aby znaleźć niedrogie dodatkowe narzędzie, które ma naprawdę świetne narzędzia do tworzenia krawędzi.