Як створити ефект "зигзат, зазубрений" за допомогою Photoshop?

Я хотів би створити ефект зигзагоподібної лінії внизу (або вгорі, або в будь-якому краї) прямокутника. Я також хочу використовувати це зображення на веб-сторінці, тому я думаю, що я повинен зробити це таким чином, щоб я міг повторити це за допомогою CSS.

Я не знаю, чи вжив я правильний термін чи ні, тому, будь ласка, виправте мене. Чи називається цей ефект зигзагом? Як я можу створити його у Photoshop (не Illustrator)?

Я, швидше за все, зробив би це так:

1. Складання квадрата.

Візьміть Rectangle tool із Shape layersвключеним.

Складіть квадрат, утримуючи Shiftкнопку, щоб переконатися, що його ідеальний квадрат.

(У цьому випадку розмір не має значення (га ...) квадрат. На етапі 4. Обріжте його, обріжте його справді добре. )

2. Поворот квадрата на 45 градусів

США Free transform ctrl+t

Поверніть квадрат на 45 градусів, утримуючи Shiftкнопку, щоб увімкнути прискорення на 45 градусів.

3. Складіть прямокутник і розташуйте квадрат.

Ще з Rectangle toolвеликим прямокутником зробіть вгорі.

Після цього ви можете розташувати квадрат Move tool, переміщуючи його вгору або вниз, і визначити розмір, який він буде, показуючи менше або більше його.

4. Обріжте, обріжте це справді добре.

Візьміть Crop tool і виберіть область обрізання.

Ви можете збільшити масштаб вибору пилообразного зуба та додаткового заповнення Crop tool та обрізання.

Тепер, технічно, ви могли б просто зробити дійсно великий квадрат і обрізати, але додатковим прямокутником було легше зрозуміти, як виглядатиме його розмір.

5. Кінцевий результат.

І ось це повториться.

6. Додаткові примітки.

Якщо ви хочете нанести Layer stylesподібне Bevel & embossчи Inner shadowщось подібне, перш ніж це зробити, ви можете об'єднати дві форми в один шар.

Ви можете зробити це, вибравши обидва шари, утримуючи, ctrlа потім за допомогою гарячих клавіш ctrl+eоб'єднати їх в один растровий шар.

Використовуйте інструмент для пера у Photoshop та створіть форму, схожу на вертикальний колом. Збережіть файл у форматі GIF / PNG / JPG. Ваші уподобання. (Мій - PNG.) Налаштуйте файл CSS, щоб повторити зображення.

Ви можете почати з прямокутника на новому шарі, а потім скористатися багатокутним інструментом ласо, щоб вирізати один «трикутник» зігзагу. Потім скористайтеся інструментом прямокутного накреслення, щоб вирізати цей розділ і повторити його у Photoshop або безпосередньо на веб-сторінці.

Photoshop може бути не найкращим інструментом тут. Ознайомтеся з SnagIt про недорогий додатковий інструмент, який має справді чудові інструменти для виготовлення крайових інструментів