如何用Photoshop创建“锯齿状,锯齿状”效果?


13

我想在矩形的底部(或顶部,或任何边缘)创建锯齿形的线条效果。我也想在网页上使用此图像,因此我认为我应该这样做,以便可以通过CSS重复该图像。

在此处输入图片说明

我不知道我是否使用了正确的术语,所以请纠正我。这种效果称为锯齿形吗?如何在Photoshop(而不是Illustrator)中创建它?


1
最好使用“ Zig Zag”效果在Illustrator中将其粘贴为智能对象。
Salman von Abbas

Answers:


17

我最有可能这样做:

1.做一个正方形。

以一个Rectangle tool 矩形工具Shape layers启用。

矩形工具选项

按住Shift按钮以确保它是一个完美的正方形。

(在这种情况下,大小无关紧要(哈..)。我要比我想要的锯齿大小大一点,但是,您可以立即制作精确的大小。正方形。在阶段4中进行裁剪,将其裁剪为真正的好。

img 1

2.将正方形旋转45度

美国 Free transform ctrl+t

按住Shift按钮的同时将正方形旋转45度以启用45度捕捉。

img 2

3.制作一个矩形并放置正方形。

仍然使用Rectangle tool,在顶部制作一个大矩形。

之后,您可以Move tool移动工具通过上下移动正方形来定位正方形,并通过显示更少或更多来决定正方形的大小。

img 3

4.播种,播种真正的好。

Crop tool 裁剪工具和选择裁剪区域。

您可以放大选择一个锯齿,并用它来填充Crop tool 裁剪工具并修剪掉。

现在,从技术上讲,您可以制作一个非常大的正方形并进行裁剪,但是附加的矩形将使您更容易看到它的大小。

img 4

5.最终结果。

img 5

这就是重复的方式。

img 6

6.附加说明。

如果要放置Layer styles类似Bevel & embossInner shadow类似的东西,则可能需要在此之前将两个形状合并为一层。

您可以通过在按住的同时选择两个图层ctrl,然后使用热键ctrl+e将它们合并到一个栅格图层中来做到这一点。


希望我能投票给你10次。谢谢@Lollero。
Saeed Neamati 2011年

1

在Photoshop中使用钢笔工具并创建类似于垂直桩的形状。将文件另存为GIF / PNG / JPG。您的喜好。(我的是PNG。)调整CSS文件以重复图像。


@ACMExp,我真的有权对您的答案感到更加困惑吗?垂直桩和曲折效应?如何运作?
Saeed Neamati 2011年

垂直桩看起来与此类似。oneinhundred.com/upfiles/upimg3/...
DrAwkward

所以,我想这不是垂直的。垂直是指垂直于地球。我错了吗?
Saeed Neamati 2011年

0

您可以从新图层上的矩形开始,然后使用多边形套索工具切出锯齿形的一个“三角形”。然后,使用矩形选框工具剪切该部分,然后在Photoshop中或直接在网页上重复该部分。


结果将不一致
Muhammad Umer

0

Photoshop可能不是此处的最佳工具。查看SnagIt,它是一种廉价的附加工具,具有出色的制边工具。


3
不能说您无法在Snagit编辑器中执行此操作。但是,还是可以让photoshop的上帝将您击倒……或至少戳一下您。要说Photoshop可能不是做网络图形的最佳程序。那真是太不可思议了……怪异的..而且价格便宜得去pixlr.com/editor
Joonas

Pixlr也没有一键式边框。当您像我一样制作大量带边框的屏幕截图时,这一点很重要。但是,嘿,如果您只想做一些额外的步骤,那就去做吧……
Alex Feinman

对于屏幕快照,snagit无疑是很棒的。但这不是屏幕快照。
乔纳斯

3
您绝对应该写出如何实现的。人们在那里寻找不同的选择。如果可以的话,我会给你加分。
乔纳斯

1
好吧,我的意思是您的回答,更详细。我不认为这样做,但是,您知道它是否可以在边缘工具中选择透明bg吗?
乔纳斯
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.