photoshop教程:通过圆形叠加切割制作超酷图标

2016-01-29 16:07 191 1 收藏

photoshop教程:通过圆形叠加切割制作超酷图标,来绘制一个超炫酷的圆环叠加图标,通过不同的切割,最后完成一个弧度分明的立体圆环,特别考验选区的使用以及对几何的理解,为了保证消化,先奉上第一篇,来学习咯。

【 tulaoshi.com - PS 】

来绘制一个超炫酷的圆环叠加图标!今天@网秦UEC 同学分享的教程,效果非常漂亮,通过不同的切割,最后完成一个弧度分明的立体圆环,特别考验选区的使用以及对几何的理解,为了保证消化,先奉上第一篇,来学习咯。

@网秦UEC :有同学表示之前教的东西弱爆了,点名要做一个多彩,图形叠加效果的,你们饶了我好吗?写教程很慢的我还要上班好吧!

好吧,那咱今天做这个,考虑到步骤比较复杂我们先讲图形下节课再上色。

首先建立600×400的画布,背景色设为黑色。然后使用椭圆工具(快捷键u)

在画布中央画一个直径256的白色圆a。为了方便后面的操作,我们把矢量圆形的不透明度设为10%

image007

接下来我们绘制一系列不透明度10%辅助图形,以便于我们绘制出这个复杂的几何图案。首先绘制一个直径128的同心圆b,在分别在上下左右绘制直径192的四个切圆c,d,e,f。

image009

首先我们画第一个圆弧g(下图红色部分),图中可以看出,g是大圆a和中圆c,e还有小圆b互相切割的产物

(编者按:下面是画出圆弧g的具体操作。)

image011

首先我们复制大圆a,得到一个新大圆图层,取名为g。

按住Ctrl点击图层c缩略图 得到c的选区,如图:

image017

使用选区工具 (快捷键M)按住shift(这里要增加选区)把画布一象限(左上区域)纳入选区,如图:

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)

image021

123通过圆形叠加切割制作超酷图标2

保持选区不变的状态下(别乱点画布)图层选中刚才你复制出来的大圆g (一定要选中哦),点击图层面板最下面的图标 创建图层蒙板。

你的图层g是不是变成这样了?(关掉另外几个图层方便查看,Ctrl+shift+h可以隐藏矢量图形边缘辅助线,不过看完了记得再按一次恢复回来)

image027

接下来再扣掉中圆e的部分。用上面同样的办法选中e,按住alt用选区工具剪掉第三象限(左下),如图

image029

取保选中g的遮罩 给遮罩的这个区域填充黑色(确保前景色是黑色,快捷键alt+delet),得到下面的图形:

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)

image033

最后一步,选中小圆b,得到b的选区,回到g的遮罩,为遮罩的这个区域填充黑色,这样我们就得到了圆环第一条圆弧g:

image036

套用上面一样的方法操作三次就得到最终的圆环图形了!这里简单说一下:

复制a得到h,选中e以及画布第二象限(左上),对h做遮罩。然后选中d,并减去画布第四象限(右下),对遮罩填色,最后选中b对遮罩填色,得到第二个圆弧:

image037

  123通过圆形叠加切割制作超酷图标3

复制a得到i,选中d以及画布第三象限(左下),对i做遮罩。然后选中f,并减去画布第一象限(右上),对遮罩填色,最后选中b对遮罩填色,得到第三个圆弧:

image039

复制a得到j,选中f以及画布第四象限(右下),对j做遮罩。然后选中c,并减去画布第二象限(左上),对遮罩填色,最后选中b对遮罩填色,得到第三个圆弧:

image041

这次很圆了,分别填色:g绿色#88bc18,h蓝色#0d91bf,i红色#e34021,j黄色#fdb837,并把透明度调回100%去看看:

image043

好了我们先到这,休息一下,下节课我们来研究怎么给这个色环上质感。

  123

来源:https://www.tulaoshi.com/n/20160129/1497509.html

延伸阅读
本教程介绍较为专业的图标创作及制作方法。大致分为两个大的部分:前期线稿和后期的制作。尤其是前期的线稿制作非常重要,需要用简单的线条把实物勾画出来,需要自己不断的修改,直到画出自己满意的效果。 最终效果 一、线稿的手绘。 1、画辅助线:辅助线可以让你的线稿事半功倍,解决物体角度透视问题,确保线稿不会太变形。 ...
标签: PS PS基础
先看效果图: 新建文档450x450像素,背景白色,新建图层填充黑色,添加渐变叠加样式,设置很简单,我就不截图了。 建新层前景色#8c0000画一个正圆。 添加图层样式。 效果如下。 只保留投影效果的显示,然后减法模式用钢笔做如下路径,只保留左上角部分。 Ctrl+T选择缩放位置如下。 选择第一步画的正圆图层,...
标签: PS PS教程
最终效果: [next] 1,按Shift键,创建正圆形选区 2,新建图层1,填充红色 3,创建矩形选区 [next] 4,CTRL+X(剪切),再CTRL+V(粘贴),产生一个新的图层2 5,选择图层2,CTRLT(自由变换)调整到合适的位置 6,为图层2添加图层样式(渐变叠加) [next] 7,同样为图层1添加图层样式(渐...
Photoshop制作切割错位文字 在本PS教程中将为大家介绍使用Photoshop去制作一未切割文字的效果。这效果十分有趣哦! 1、首先运行photoshop创建一个大小为1000*500像素的新文档,并填充颜色#f4f4f4,如www.Tulaoshi.com图所示。 2、使用“矩形选框工具”在图片的下方创建一个矩形选区,接着选择“椭圆选框工具”在属性栏中单击“添加到...
标签: PS
Photoshop如何制作简洁大气的圆形开关图标   制作之前我们先找一些实物照片来分析一下开关的质感,色彩表现等。然后分解开关,了解它的结构。再设定材质为塑料,设定好光源位置就可以绘制了。 最终效果 1、先建立一个1136 * 640的画布。 2、在这个画布上,用椭圆工具勾绘出一个圆形,作为按钮侧面,命名图层为按...

经验教程

202

收藏

25
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部