Wie erstelle ich mit Photoshop einen „Zick-Zack-Effekt“?

Ich möchte den Effekt einer Zick-Zack-Linie am unteren Rand (oder am oberen Rand oder an einer beliebigen Kante) eines Rechtecks ​​erzeugen. Ich möchte dieses Bild auch auf einer Webseite verwenden, daher denke ich, ich sollte es so machen, dass ich es über CSS wiederholen kann.

Ich weiß nicht, ob ich einen korrekten Begriff verwendet habe oder nicht. Bitte korrigieren Sie mich. Wird dieser Effekt Zick-Zack genannt? Wie kann ich es in Photoshop (nicht in Illustrator) erstellen?

Ich würde es höchstwahrscheinlich so machen:

1. Ein Quadrat machen.

Nehmen Sie ein Rectangle tool mit Shape layersaktiviert.

Machen Sie ein Quadrat, während Sie die ShiftTaste gedrückt halten, um sicherzustellen, dass es ein perfektes Quadrat ist.

(In diesem Fall spielt die Größe keine Rolle (hah ...). Ich werde ein wenig größer als die gewünschte Sägezahngröße sein, aber Sie können die exakte Größe sofort festlegen Quadrat. In Stufe 4. Crop es, Crop es wirklich gut. )

2. Drehen Sie das Quadrat um 45 Grad

USA Free transform ctrl+t

Drehen Sie das Quadrat um 45 Grad, während Sie die ShiftTaste gedrückt halten, um das Einrasten um 45 Grad zu aktivieren.

3. Bilden Sie ein Rechteck und positionieren Sie das Quadrat.

Immer noch mit Rectangle tool, mache oben ein großes Rechteck.

Danach können Sie das Quadrat mit positionieren, Move toolindem Sie es nach oben oder unten bewegen und die Größe festlegen, indem Sie weniger oder mehr davon anzeigen.

4. Crop es, Crop es wirklich gut.

Nehmen Sie Crop tool und wählen Sie den Zuschneidebereich.

Sie können zoomen und den Sägezahn und die zusätzliche Füllung auswählen Crop tool und abschneiden.

Technisch gesehen könnte man einfach ein wirklich großes Quadrat erstellen und dieses zuschneiden, aber das zusätzliche Rechteck sollte es einfacher machen, zu sehen, wie die Größe des Quadrats aussehen würde.

5. Endergebnis.

Und so wird es sich wiederholen.

6. Zusätzliche Hinweise.

Wenn Sie setzen wollen , Layer styleswie Bevel & embossoder Inner shadowoder so etwas, möchten Sie vielleicht zwei Formen in einer Schicht verschmelzen , bevor dies zu tun.

Sie können dies tun, indem Sie beide Ebenen bei ctrlgedrückter Maustaste auswählen und dann mit den Tastenkombinationen ctrl+ezu einer Rasterebene zusammenführen.

Verwenden Sie das Zeichenstift-Werkzeug in Photoshop und erstellen Sie eine Form, die einer vertikalen Stange ähnelt. Datei als GIF / PNG / JPG speichern. Ihre Präferenz. (Meine ist PNG.) Passen Sie Ihre CSS-Datei an, um Ihr Bild zu wiederholen.

Sie können mit einem Rechteck auf einer neuen Ebene beginnen und dann mit dem polygonalen Lasso-Werkzeug ein "Dreieck" Ihres Zick-Zacks ausschneiden. Verwenden Sie dann das rechteckige Auswahlwerkzeug, um diesen Abschnitt auszuschneiden, und wiederholen Sie ihn entweder in Photoshop oder direkt auf der Webseite.

Photoshop ist hier möglicherweise nicht das beste Werkzeug. Schauen Sie sich SnagIt an, um ein kostengünstiges Zusatzwerkzeug mit wirklich hervorragenden Werkzeugen für die Kantenbearbeitung zu erhalten.