当前位置:首页 > PS教程 > 设计教程

详细绘制简约风格的相机镜头图标

  • 2020-02-28 05:59:58
  • 来源/作者:互联网/佚名
  • 己被围观

本教程主要使用Photoshop详细绘制简约风格的相机镜头图标,教程主要通过图层样式来完成,希望PS家园的朋友可以喜欢。

效果图预览一下:

Photoshop详细绘制简约风格的相机镜头图标,PS教程,PS家园网

首先新建一个500*500像素的画布,快捷键ctrl+N,将横排几竖排参考系拖至画布中心形成一个交点,选择形状工具-圆角矩形工具 属性栏半径我们改为20像素,鼠标放置参考系交

点处,同时按住shift键及alt键,按住鼠标左键向外拖动,按回车键确认 这样就绘制了一个以画布中心为圆心300*300圆角矩形,填充为白色我们要做光和阴影的关系,所以我们打开fx图层混合模式,添加一个投影,具体参数如下【自己分布合理即可,无需死记硬背】

Photoshop详细绘制简约风格的相机镜头图标,PS教程,PS家园网

Photoshop详细绘制简约风格的相机镜头图标,PS教程,PS家园网

接着,我们再选择形状工具-椭圆工具,绘制一个200*200像素的圆角矩形 定勾选从中心,这样绘制的园也是以画布中心点为圆心。

Photoshop详细绘制简约风格的相机镜头图标,PS教程,PS家园网

同样我们也是添加图层混合模式,中心圆我们需要做一个从中间凹下去的感觉,所以我们需要根剧所做的光和阴影去构架,这里我们思考一个问题,光是哪边打过来的,那么近光出是高光,背光处为阴影,那如果是凹陷处,它刚好会有些相反,所以我们要注意事物的原理,并不是随意做光和阴影的。

首先我们添加内阴影,因为根据光的方向,如果是凹面的话在其凹陷边缘肯定是较暗些的,具体参数做参考:

Photoshop详细绘制简约风格的相机镜头图标,PS教程,PS家园网

之后我们需要做渐变叠加,上面为阴影,下面为高光;颜色我们选取的是一个白色到暗灰色渐变,作为一个柔和的光到阴影的过度,参数自己调试即可,这样会对知识有一个比较深刻的认识。

Photoshop详细绘制简约风格的相机镜头图标,PS教程,PS家园网

最后就是投影了,投影就是物体通过光照留下的影子,这个都好理解

Photoshop详细绘制简约风格的相机镜头图标,PS教程,PS家园网

Photoshop详细绘制简约风格的相机镜头图标,PS教程,PS家园网

然后再绘制一个正圆,同样按照刚才方法,用椭圆工具绘制从中心开始的100*100像素正圆,这里和刚才的区别就是我们需要将投影加大点参数,渐变叠加方向需要和刚才的相反,内阴影不变 原因是为什么?大家可以思考一下,不要机械的模仿教程。当燃可以添加一个斜面浮雕,看起来就更有质感。

Photoshop详细绘制简约风格的相机镜头图标,PS教程,PS家园网

Photoshop详细绘制简约风格的相机镜头图标,PS教程,PS家园网

然后再绘制一个90*90像素正圆,填充白色,为其添加内阴影,这部分就是镜头了,角度不变

Photoshop详细绘制简约风格的相机镜头图标,PS教程,PS家园网

Photoshop详细绘制简约风格的相机镜头图标,PS教程,PS家园网

然后再绘制一个85*85像素的正圆,为其填充一个黑色,新建一个图层,这次我们是做镜片部分,镜头我们给他做一个紫色的效果,新建一个75*75像素的正圆,然后选择渐变叠加,选择一个从亮紫色到暗紫色的渐变。

Photoshop详细绘制简约风格的相机镜头图标,PS教程,PS家园网

Photoshop详细绘制简约风格的相机镜头图标,PS教程,PS家园网

最后就是做一些点缀,我们用椭圆工具绘制一个一横一竖的椭圆,填充白色,至于紫色圆形内,然后降低不透明度至20左右

Photoshop详细绘制简约风格的相机镜头图标,PS教程,PS家园网

最后效果

Photoshop详细绘制简约风格的相机镜头图标,PS教程,PS家园网

*PSjia.COM 倾力出品,转载请注明来自PS家园网(www.psjia.com)

更多精彩内容

  • 文字排版技巧知识大全 文字排版技巧知识大全
  • 电商产品PS修图:金属质感效果 电商产品PS修图:金属质感效果
  • 色彩叠加在各类设计中的巧妙运用 色彩叠加在各类设计中的巧妙运用
  • PS CS5制作逼真绳子 PS CS5制作逼真绳子
  • PS绘制柔美飘逸的丝带 PS绘制柔美飘逸的丝带
  • PS制作一款科技感的立体插图 PS制作一款科技感的立体插图
  • banner制作初级教程 banner制作初级教程
  • 如何设计一个高端大气上档次的 logo? 如何设计一个高端大气上档次的 logo?