Photoshop绘制精美螺旋圆点花纹图标

2016-02-15 23:21 32 1 收藏

人生本是一个不断学习的过程,在这个过程中,图老师就是你们的好帮手,下面分享的Photoshop绘制精美螺旋圆点花纹图标懂PS的网友们快点来了解吧!

【 tulaoshi.com - PS 】

这是模仿Nest烟雾警报器做的icon,打洞实在被难倒了没办法完全一样,只能做个差不多相似的样子出来。打洞排列怎么做可以参考这篇:Illustrator设计时尚的螺旋圆点花纹图案,不怎么好做就是了。

先看看效果图

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

Photoshop绘制精美螺旋圆点花纹图标,PS教程,图老师教程网

图层数比起之前的Icon Design:My Wallet,这个Nest Pastiche icon只有9个图层,最难搞的就是那堆洞的排列,其他都还好处理。

1. 边缘高光阴影

2. 文字

3. 中间的环和彩色光

4. 中间的凹槽

5. 满满的打洞

6. 方型底

7. 阴影a

8. 阴影b

9. 白底

Photoshop绘制精美螺旋圆点花纹图标,PS教程,图老师教程网

阴影

为了模拟真实影子,我会做2层的阴影,略微修改尺寸、位置、透明度、高斯模糊的数值。如果只用单层,影子渐层感会比较呆板。

Photoshop绘制精美螺旋圆点花纹图标,PS教程,图老师教程网

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

靠近主体、尺寸较小,用于加深主体的影子、增强对比度。

Photoshop绘制精美螺旋圆点花纹图标,PS教程,图老师教程网

偏离主体、高斯模糊的数值更大、尺寸也比较大,透明度低,做影子外围渐层的效果。

边缘导角

这种弯进去的作法挺常见的,稍微试了下,发现只要一个图层、设定2种图层样式就能表现出还不错的视觉效果。光线由上往下打,所以上方有高光、阴暗面在下方。想象一下实物、方体边缘是导了R角,所以高光不会是锐利一条线,而是渐层。

Photoshop绘制精美螺旋圆点花纹图标,PS教程,图老师教程网

制作阴影面,离光缘越远的部份一定比较暗。

Photoshop绘制精美螺旋圆点花纹图标,PS教程,图老师教程网

制作R角缓和的反光。因为内阴影和内光运会重迭在一起,注意数值设定,内光晕要比内阴影的尺寸更大。

成品

Photoshop绘制精美螺旋圆点花纹图标,PS教程,图老师教程网

中间的文字仿真3C产品上常见的金属文字贴纸。因文字较细,仅设定笔画、渐层、阴影。原版产品的光圈是蓝色、我试着改成粉红色。Nest除了白色机型之外、也有黑色款,有兴趣的人可以试着把黑色款做出来。

来源:http://www.tulaoshi.com/n/20160215/1565211.html

延伸阅读
标签: PS
新建画布 首先我们需要新建一个画布文件,然后将画布的背景设置成黑色,画布宽高最好为正方形,大小设置成800*800. 设置镜头光晕 单击菜单“滤镜-渲染-镜头光晕”,鼠标可任意移动光源的位置,镜头类型为“电影镜头”。如图 制作第二个 用同样的方法在制作出两个,如图放置 设置滤镜 点击菜单“滤镜...
标签: PS PS基础
先看一下显示的最终效果 1、新建文件背景设为黑色,画布宽高最好为正方形,现在这个为800*800. 2、单击菜单滤镜-渲染-镜头光晕,鼠标可任意移动光源的位置,镜头类型为电影镜头。如图 3、用同样的方法在制作出两个,如图放置 4、点击菜单滤镜扭曲极坐标,如图。 5、新建图层填充渐变如图(选择径向渐变) 6、将图层混...
最终效果图 1、新建图层,图片如下: tulaoshi 2、输出如下文字,图片如下: 3、合并图层,图片如下: 4、用透视变换一下,图片如下: 5、用画笔在亲背景层画出如下效果,图片如下: 6、选择减淡工具,设置为高光,画出如下效果,图片如下: 7、设置为高光,图片如下: ...
我们一起来看看最终的效果图吧: 具体的制作步骤如下: 1.利用调和做这样的一系列小圆。 2.将所有的小圆群组并将旋转中心置于下方(旋转中心决定后面图形的样子)。 3.按住shift键并拖动群组圆到小群组圆位置右键复制。 4.利用Ctrl+R重复做成如此,群组。 5.画大圆,辐射填充,置入群组圆中。 6.
标签: PS PS教程
先看一下最终效果。 [next]本文以Photoshop CS2中文版为例,其它版本的Photoshop可能会在某些操作上略有差异。具体操作步骤如下。 1.按Ctrl+N打开“新建”对话框,将文档大小设置为1024x768像素,分辨率设置为72像素/英寸。选择工具箱中的“矩形工具”,确定在选项栏中按下了“形状图层”按钮,然后绘制一个满画布的矩形。矩形的填充渐变...

经验教程

39

收藏

99

精华推荐

CorelDraw制作漂亮圆点螺旋状效果教程

CorelDraw制作漂亮圆点螺旋状效果教程

颜色284

Photoshop绘制金属控件图标

Photoshop绘制金属控件图标

灰灰灰太狼来了

Photoshop绘制硬盘图标教程

Photoshop绘制硬盘图标教程

baogtqin8037

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