四分环,如何用PS设计曲线四分环视频教程详解

在PS里制作四分环,四分环有正面四分环和曲线四分环,这里制作的是曲线四分环,看似简单,但是要学会,需要有点耐心,要知道这个操作是什么意思,为什么操作后就会是这个图形,在制作中我们要知道,做几分环就分几份,旋转的度数是用360除份数,做的时候围绕圆心转要精

图标设计,通过PS设计制作一款逼真的玉石图案

在很多人的认知里,觉得PS图层样式只能用于一些特殊文字的效果修饰,或者做一些图标之类。但其实,图层样式功能远比你想象的要强大许多,比如你敢相信下图这块玉石就是用图层样式P出来的吗?不管你信不信,但确实就是用图层样式做出来的,是不是非常赞,一起来学习下吧

在PS里制作四分环,四分环有正面四分环和曲线四分环,这里制作的是曲线四分环,看似简单,但是要学会,需要有点耐心,要知道这个操作是什么意思,为什么操作后就会是这个图形,在制作中我们要知道,做几分环就分几份,旋转的度数是用360除份数,做的时候围绕圆心转要精确,否则会有缝隙,学会路径工具的运用和理解了当形状图层合并后的瞬间,同一个图层中的多个图形依然保持着上下顺序这个特点,软件毕竟是软件,理解它才是关键,一起来学习一下吧,只有练习才可以学会。

效果图:

四分环,如何用PS设计曲线四分环视频教程详解插图

视频讲解:

操作步骤:

一、新建600*600px的画布,这里的尺寸随意

四分环,如何用PS设计曲线四分环视频教程详解插图(1)想学更多请访问

四分环,如何用PS设计曲线四分环视频教程详解插图(2)

二、点击工具栏中的椭圆工具,绘制一个圆,在画布上单击新建一个300*300px的圆

四分环,如何用PS设计曲线四分环视频教程详解插图(3)

四分环,如何用PS设计曲线四分环视频教程详解插图(4)

三、切换到移动工具,按住Ctrl选中背景图层和椭圆1图层,把绘制的圆水平垂直居中

四分环,如何用PS设计曲线四分环视频教程详解插图(5)

四、回到椭圆1图层,切换到路径工具,调出圆形的路径

四分环,如何用PS设计曲线四分环视频教程详解插图(6)

五、执行视图—标尺,拽出参考线,这样操作起来好对齐

四分环,如何用PS设计曲线四分环视频教程详解插图(7)

六、这个时候我们继续绘制一个尺寸为200*200的小圆出来,方法和刚刚绘制大圆的过程一样

四分环,如何用PS设计曲线四分环视频教程详解插图(8)

七、这里可以给绘制的圆换颜色

四分环,如何用PS设计曲线四分环视频教程详解插图(9)

八、按住Ctrl键,点击椭圆1图层调出缩略图并切换到移动工具,将小圆垂直水平居中右对齐大圆

四分环,如何用PS设计曲线四分环视频教程详解插图(10)

九、Ctrl+D取消蚂蚁线,切换到路径选择工具,调出椭圆2的路径,Ctrl+C复制,Ctrl+V粘贴路径

四分环,如何用PS设计曲线四分环视频教程详解插图(11)

十、Ctrl+T自由变换,将小圆中心点的位置移动到大圆中心点

四分环,如何用PS设计曲线四分环视频教程详解插图(12)

十一、移动后,右键点击旋转90度(顺时针)

四分环,如何用PS设计曲线四分环视频教程详解插图(13)

十二、旋转完毕点下图所示的确定

四分环,如何用PS设计曲线四分环视频教程详解插图(14)

十三、按Shift+Ctrl+Alt+T旋转复制两次,这时会有4个圆

四分环,如何用PS设计曲线四分环视频教程详解插图(15)

十四、复制椭圆2图层,隐藏新图层

四分环,如何用PS设计曲线四分环视频教程详解插图(16)

十五、回到椭圆2图层,点击合并形状组件

四分环,如何用PS设计曲线四分环视频教程详解插图(17)

十六、四个圆形形状就变成一个形状了,继续操作,选中椭圆1图层和椭圆2图层,Ctrl+E合并

四分环,如何用PS设计曲线四分环视频教程详解插图(18)

十七、调出这个形状的路径,点击减去顶层形状

四分环,如何用PS设计曲线四分环视频教程详解插图(19)

十八、得到下图形状

四分环,如何用PS设计曲线四分环视频教程详解插图(20)

二十、切换到矩形工具,点击减去顶层形状

四分环,如何用PS设计曲线四分环视频教程详解插图(21)

二十一、将右方和下方的图形减去

四分环,如何用PS设计曲线四分环视频教程详解插图(22)

二十二、显示椭圆2副本图层

四分环,如何用PS设计曲线四分环视频教程详解插图(23)

二十三、切回到路径工具,调出下图所指的路径

四分环,如何用PS设计曲线四分环视频教程详解插图(24)

二十四、回到椭圆2副本图层,现在图片是以下所示

四分环,如何用PS设计曲线四分环视频教程详解插图(25)

二十五、显示下图其中一个小圆的路径,并删除(delete)路径

四分环,如何用PS设计曲线四分环视频教程详解插图(26)

二十六、继续上一步操作,删除另外一个小圆的路径

四分环,如何用PS设计曲线四分环视频教程详解插图(27)

二十七、调出其中一个小圆的路径,这里点的是下面的小圆,将形状置为顶层

四分环,如何用PS设计曲线四分环视频教程详解插图(28)

二十八、再次操作,减去顶层形状,现在图形为下图所示

四分环,如何用PS设计曲线四分环视频教程详解插图(29)

二十九、按住Ctrl键盘,将椭圆2副本图层和椭圆2图层转换为智能对象http:///tags/34209/

四分环,如何用PS设计曲线四分环视频教程详解插图(30)

三十、双击图层进入图层样式,给图层添加一个渐变,这里的渐变颜色自己可以设置其他颜色

四分环,如何用PS设计曲线四分环视频教程详解插图(31)

三十一、将椭圆2副本图层Ctrl+J复制一层

四分环,如何用PS设计曲线四分环视频教程详解插图(32)

三十二、Ctrl+T旋转90度(顺时针)

四分环,如何用PS设计曲线四分环视频教程详解插图(33)

三十三、旋转出第2个面环后点击确定

四分环,如何用PS设计曲线四分环视频教程详解插图(34)

三十四、Shift+Ctrl+Alt+T旋转一次,第三个面环就出来了

四分环,如何用PS设计曲线四分环视频教程详解插图(35)

三十五、再次Shift+Ctrl+Alt+T,第四个面环,可以看到图中有的面环没有对齐,做的时候围绕圆心转要精确,否则会有缝隙,可以移动相应图层将其对齐,

四分环,如何用PS设计曲线四分环视频教程详解插图(36)

完成:

四分环,如何用PS设计曲线四分环视频教程详解插图

看似简单的一个四分环,制作起来很多步骤,其实实际操作起来也很快,写的详细是想同学们每一步都跟上学会,一起来练习一下吧。

在PS里制作四分环,四分环有正面四分环和曲线四分环,这里制作的是曲线四分环,看似简单,但是要学会,需要有点耐心,要知道这个操作是什么意思,为什么操作后就会是这个图形,在制作中我们要知道,做几分环就分几份,旋转的度数是用360除份数,做的时候围绕圆心转要精确,否则会有缝隙,学会路径工具的运用和理解了当形状图层合并后的瞬间,同一个图层中的多个图形依然保持着上下顺序这个特点,软件毕竟是软件,理解它才是关键,一起来学习一下吧,只有练习才可以学会。

效果图:

四分环,如何用PS设计曲线四分环视频教程详解插图

视频讲解:

操作步骤:

一、新建600*600px的画布,这里的尺寸随意

四分环,如何用PS设计曲线四分环视频教程详解插图(1)想学更多请访问

四分环,如何用PS设计曲线四分环视频教程详解插图(2)

二、点击工具栏中的椭圆工具,绘制一个圆,在画布上单击新建一个300*300px的圆

四分环,如何用PS设计曲线四分环视频教程详解插图(3)

四分环,如何用PS设计曲线四分环视频教程详解插图(4)

三、切换到移动工具,按住Ctrl选中背景图层和椭圆1图层,把绘制的圆水平垂直居中

四分环,如何用PS设计曲线四分环视频教程详解插图(5)

四、回到椭圆1图层,切换到路径工具,调出圆形的路径

四分环,如何用PS设计曲线四分环视频教程详解插图(6)

五、执行视图—标尺,拽出参考线,这样操作起来好对齐

四分环,如何用PS设计曲线四分环视频教程详解插图(7)

六、这个时候我们继续绘制一个尺寸为200*200的小圆出来,方法和刚刚绘制大圆的过程一样

四分环,如何用PS设计曲线四分环视频教程详解插图(8)

七、这里可以给绘制的圆换颜色

四分环,如何用PS设计曲线四分环视频教程详解插图(9)

八、按住Ctrl键,点击椭圆1图层调出缩略图并切换到移动工具,将小圆垂直水平居中右对齐大圆

四分环,如何用PS设计曲线四分环视频教程详解插图(10)

九、Ctrl+D取消蚂蚁线,切换到路径选择工具,调出椭圆2的路径,Ctrl+C复制,Ctrl+V粘贴路径

四分环,如何用PS设计曲线四分环视频教程详解插图(11)

十、Ctrl+T自由变换,将小圆中心点的位置移动到大圆中心点

四分环,如何用PS设计曲线四分环视频教程详解插图(12)

十一、移动后,右键点击旋转90度(顺时针)

四分环,如何用PS设计曲线四分环视频教程详解插图(13)

十二、旋转完毕点下图所示的确定

四分环,如何用PS设计曲线四分环视频教程详解插图(14)

十三、按Shift+Ctrl+Alt+T旋转复制两次,这时会有4个圆

四分环,如何用PS设计曲线四分环视频教程详解插图(15)

十四、复制椭圆2图层,隐藏新图层

四分环,如何用PS设计曲线四分环视频教程详解插图(16)

十五、回到椭圆2图层,点击合并形状组件

四分环,如何用PS设计曲线四分环视频教程详解插图(17)

十六、四个圆形形状就变成一个形状了,继续操作,选中椭圆1图层和椭圆2图层,Ctrl+E合并

四分环,如何用PS设计曲线四分环视频教程详解插图(18)

十七、调出这个形状的路径,点击减去顶层形状

四分环,如何用PS设计曲线四分环视频教程详解插图(19)

十八、得到下图形状

四分环,如何用PS设计曲线四分环视频教程详解插图(20)

二十、切换到矩形工具,点击减去顶层形状

四分环,如何用PS设计曲线四分环视频教程详解插图(21)

二十一、将右方和下方的图形减去

四分环,如何用PS设计曲线四分环视频教程详解插图(22)

二十二、显示椭圆2副本图层

四分环,如何用PS设计曲线四分环视频教程详解插图(23)

二十三、切回到路径工具,调出下图所指的路径

四分环,如何用PS设计曲线四分环视频教程详解插图(24)

二十四、回到椭圆2副本图层,现在图片是以下所示

四分环,如何用PS设计曲线四分环视频教程详解插图(25)

二十五、显示下图其中一个小圆的路径,并删除(delete)路径

四分环,如何用PS设计曲线四分环视频教程详解插图(26)

二十六、继续上一步操作,删除另外一个小圆的路径

四分环,如何用PS设计曲线四分环视频教程详解插图(27)

二十七、调出其中一个小圆的路径,这里点的是下面的小圆,将形状置为顶层

四分环,如何用PS设计曲线四分环视频教程详解插图(28)

二十八、再次操作,减去顶层形状,现在图形为下图所示

四分环,如何用PS设计曲线四分环视频教程详解插图(29)

二十九、按住Ctrl键盘,将椭圆2副本图层和椭圆2图层转换为智能对象http:///tags/34209/

四分环,如何用PS设计曲线四分环视频教程详解插图(30)

三十、双击图层进入图层样式,给图层添加一个渐变,这里的渐变颜色自己可以设置其他颜色

四分环,如何用PS设计曲线四分环视频教程详解插图(31)

三十一、将椭圆2副本图层Ctrl+J复制一层

四分环,如何用PS设计曲线四分环视频教程详解插图(32)

三十二、Ctrl+T旋转90度(顺时针)

四分环,如何用PS设计曲线四分环视频教程详解插图(33)

三十三、旋转出第2个面环后点击确定

四分环,如何用PS设计曲线四分环视频教程详解插图(34)

三十四、Shift+Ctrl+Alt+T旋转一次,第三个面环就出来了

四分环,如何用PS设计曲线四分环视频教程详解插图(35)

三十五、再次Shift+Ctrl+Alt+T,第四个面环,可以看到图中有的面环没有对齐,做的时候围绕圆心转要精确,否则会有缝隙,可以移动相应图层将其对齐,

四分环,如何用PS设计曲线四分环视频教程详解插图(36)

完成:

四分环,如何用PS设计曲线四分环视频教程详解插图

看似简单的一个四分环,制作起来很多步骤,其实实际操作起来也很快,写的详细是想同学们每一步都跟上学会,一起来练习一下吧。

作者: 791650988

为您推荐