友好的圆角效果让许多web2.0站点符合舒适的,无拘无束的基调。
The friendliness of rounded corners is in keeping with the comfortable, informal tone of many web 2.0 sites.
为了制作出最佳效果,选择滤镜-杂色-中间值,调节半径,直至调出圆角效果,如下图所示。
To finish the effect, choose Filter Noise Median. Adjust the radius setting until you get rounded corners like the image below.
对头部的行,我们用内建的控件(设置其CornerRadius为10,以得到圆角效果)并在其中添加一些文本来创建标题。
For the header row we'll use the built-in control (with a CornerRadius of 10 to get a nice rounded edge) and add some text inside it to create the Title.
您可以使用元素与rx和ry属性获得圆角的效果。
You can use the element with the rx and ry attributes for the rounded corners.
双击圆角矩形图层然后添加8白色描边,宽度为8px,混合模式为叠加然后调整透明度为30%,这样就会有一个很酷的透明效果-_
Double click on the rectangle’s layer and add an 8px white stroke. Change the Blend Mode to Overlay and drop the opacity to 30% to give a cool transparent effect.
双击圆角矩形图层然后添加8白色描边,宽度为8px,混合模式为叠加然后调整透明度为30%,这样就会有一个很酷的透明效果- _。
Double click on the rectangle's layer and add an 8px white stroke. Change the Blend Mode to Overlay and drop the opacity to 30% to give a cool transparent effect.
圆滑这些转角最容易的方法是使用一种叫做“圆滑所有转角"的脚本,点击这里获取脚本(这个脚本的效果可以简单地用圆角滤镜代替,执行 效果>风格化>圆角 —— 译者注)。
The easiest way for rounding vertices is to use a script called Round Any Corner found in this archive.
再次为这个圆角矩形兄添加一个内发光,白色的5像素即可,这样会让边线产生一个很细小的倾斜效果。
Add a slight Inner Glow to the rectangle, using white at 5px in size to give a very slight bevelled edge effect.
首先用圆角长方形工具创建一个高70px圆角半径为10px的图形(注意要画路径图),现在我们不要底部圆角的部分而为它郑家一个更好的角效果。
Make it 70px high and a radius of 10px or more if you wish. Now we have to get rid of the bottom radius and make a perfect corner out of it.
首先用圆角长方形工具创建一个高70px圆角半径为10px的图形(注意要画路径图),现在我们不要底部圆角的部分而为它郑家一个更好的角效果。
Make it 70px high and a radius of 10px or more if you wish. Now we have to get rid of the bottom radius and make a perfect corner out of it.
应用推荐