Illustrator结合PS制作质感的3D标志教程

2016-02-16 19:54 32 1 收藏

每个人都希望每天都是开心的,不要因为一些琐事扰乱了心情还,闲暇的时间怎么打发,关注图老师可以让你学习更多的好东西,下面为大家推荐Illustrator结合PS制作质感的3D标志教程,赶紧看过来吧!

【 tulaoshi.com - Illustrator 】

效果图

Illustrator结合PS制作质感的3D标志教程,PS教程,图老师教程网

首先我们从illustrator开始

新建文件,设置如下图

Illustrator结合PS制作质感的3D标志教程,PS教程,图老师教程网

现在使用椭圆工具在工作界面上画一个正圆(按shift键画)

Illustrator结合PS制作质感的3D标志教程,PS教程,图老师教程网

然后填充颜色选择无,边线颜色为黑色,宽度为25pt,如下设置

Illustrator结合PS制作质感的3D标志教程,PS教程,图老师教程网

Illustrator结合PS制作质感的3D标志教程,PS教程,图老师教程网

然后我们选择对象扩展,这样做的目的是将圆内实心区域与边线区域分离

Illustrator结合PS制作质感的3D标志教程,PS教程,图老师教程网

看看我们已经将圆圈(无白色实心)分离出来了

Illustrator结合PS制作质感的3D标志教程,PS教程,图老师教程网

合成形状

使用线条,粗细为25pt,画如下长方形,使用对象扩展

Illustrator结合PS制作质感的3D标志教程,PS教程,图老师教程网

移动两个形状到如下位置,然后确定左右是否对齐,你可以按ctrl+y只查看轮廓,再按一次ctrl+y就返回有颜色的图形

Illustrator结合PS制作质感的3D标志教程,PS教程,图老师教程网

Illustrator结合PS制作质感的3D标志教程,PS教程,图老师教程网

然后将长方形与圆顶部对齐,可以按ctrl+r查看顶部位置

Illustrator结合PS制作质感的3D标志教程,PS教程,图老师教程网

现在开始做效果了

这里我们将使用到illustrator中的功能,如果你不熟悉illustrator,建议学下,这是一个和photoshop互补性很强的矢量软件

按"窗口路径查找器",在形状模式中选择如下图按钮,合成这两个形状

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

Illustrator结合PS制作质感的3D标志教程,PS教程,图老师教程网

看上去没什么变化吧,你可以使用"对象扩展外观"看一下,原来两个形状现在只看到一个形状了

Illustrator结合PS制作质感的3D标志教程,PS教程,图老师教程网

创建新的形状

我们新建一个正方形形状,并旋转90度调整他的位置

Illustrator结合PS制作质感的3D标志教程,PS教程,图老师教程网

把做好的正方形放到如下位置,你可以使用"窗口路径查找器"中的对齐面板

Illustrator结合PS制作质感的3D标志教程,PS教程,图老师教程网

将位置对齐后,只选择放块这个形状,按鼠标右键"选择下方的最后一个"

Illustrator结合PS制作质感的3D标志教程,PS教程,图老师教程网

随后选中所有形状,在路径查找器面板中选择"减去后方对象"

Illustrator结合PS制作质感的3D标志教程,PS教程,图老师教程网

LOGO的形状到这里就基本完成了

Illustrator结合PS制作质感的3D标志教程,PS教程,图老师教程网

为LOGO增加3D效果

当我们完成LOGO标志的形状后,按"效果3D凸出和斜角",出现如下设置面板,设置参数如下

Illustrator结合PS制作质感的3D标志教程,PS教程,图老师教程网

按确定后我们有了个基本的3D效果图,我们要为其增加一些膨胀效果,按"对象扩展外观"

Illustrator结合PS制作质感的3D标志教程,PS教程,图老师教程网

为LOGO标志图形增加渐变高光

窗口渐变,我的设置如下图,这里你未必要和我用同样的颜色,使用你自己喜欢的颜色就行

Illustrator结合PS制作质感的3D标志教程,PS教程,图老师教程网

使用"直接选择工具(A)"选择3D图形的内部区域,如下图

Illustrator结合PS制作质感的3D标志教程,PS教程,图老师教程网

随后为其添加我们之前设置好的渐变效果

Illustrator结合PS制作质感的3D标志教程,PS教程,图老师教程网

现在为图形正面添加渐变,类型选择径向,随后从中心向外拉出渐变线

为其他面也使用渐变,类型选择线性

Illustrator结合PS制作质感的3D标志教程,PS教程,图老师教程网

开始使用photoshop

将你在illustrator中完成图形保存下(保存为eps格式,这是photoshop下能处理的矢量格式),随后用PS打开,用椭圆选区工具绘制底部阴影

Illustrator结合PS制作质感的3D标志教程,PS教程,图老师教程网

填充渐变色

Illustrator结合PS制作质感的3D标志教程,PS教程,图老师教程网

完成后类似如下图形,现在感觉阴影还很生硬

Illustrator结合PS制作质感的3D标志教程,PS教程,图老师教程网

使用"滤镜模糊高斯模糊",设置如下,随后看到底部阴影出现模糊状,感觉更加真实

Illustrator结合PS制作质感的3D标志教程,PS教程,图老师教程网

调整阴影不透明度为30%,随后新建图层,制作两边的小阴影,同样为他们添脚高斯模糊滤镜,设置半径为4.8,将不透明度设置为70%

Illustrator结合PS制作质感的3D标志教程,PS教程,图老师教程网

按alt+shift拖动左边小阴影,将其复制一个图层到右边,完成3D标志图形的制作

Illustrator结合PS制作质感的3D标志教程,PS教程,图老师教程网

Illustrator结合PS制作质感的3D标志教程,PS教程,图老师教程网

现在在做一些小的调整,选择LOGO图形顶部的方块,为其增加高亮渐变

Illustrator结合PS制作质感的3D标志教程,PS教程,图老师教程网

Illustrator结合PS制作质感的3D标志教程,PS教程,图老师教程网

Illustrator结合PS制作质感的3D标志教程,PS教程,图老师教程网

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

添加阴影线

现在已经很完美了,但我们还可以做调整,新建图层,使用钢笔工具制作如下路径

Illustrator结合PS制作质感的3D标志教程,PS教程,图老师教程网

使用笔刷工具,设置主直径为1,硬度为100%

Illustrator结合PS制作质感的3D标志教程,PS教程,图老师教程网

回到钢笔路径,鼠标右建选择-描边路径,选择之前做好的笔耍

Illustrator结合PS制作质感的3D标志教程,PS教程,图老师教程网

Illustrator结合PS制作质感的3D标志教程,PS教程,图老师教程网

为钢笔线条调整不透明度到58%

Illustrator结合PS制作质感的3D标志教程,PS教程,图老师教程网

增加LOGO标志文字,完成整个LOGO设计

Illustrator结合PS制作质感的3D标志教程,PS教程,图老师教程网

来源:http://www.tulaoshi.com/n/20160216/1573036.html

延伸阅读
【PS文字特效】PS制作3D质感版式设计文字效果教程 仔细观察我们就会发现这种文字渐变效果在很多网页和版式设计上都能找得到它的应用,效果很简单却很实用,适合初学者。让我们看看在Photoshop里是怎么做到的。 photoshop教程效果1 效果2。 tuLaoShi.com 1.新建一张画布,大小自定义。 2.为了衬托文字需要...
总是说转换思路去想问题,可是实际操作的时候却难以下手。如果看到本文的标识你们会怎么做呢?试试从标识成品往前推,首先它是一个立体的,立体的在AI中最为方便的制作方法就是效果下的3D,希望本文能对你一有所帮助。 交作业
图标的制作关键在于对高光和阴影把控;色彩的选用也很关键,决定了你的作品是否是高品质的。通过对本文的学习,你可以很好的掌握制作图标的各种技巧,举一反三的应用到其他作品中,喜欢的朋友让我们一起来学习吧。 最终效果图 第一步 1、按ctrl+N,新建一个文档,大小600x500px,命名为"木箱子" 2、创建一个新层,命名为"...
【PS文字特效】PS制作3D塑料文字教程 效果图 第1步创建一个新的1024×768像素的文件,或者任何你需要的大小取决于你将创建的文本。然后,设置前景色为#4a4f65和背景颜色为#161a28,径向渐变填充背景(从中心到边角之一)。 打开更多垃圾VI的纹理然后去图像调整色阶,更改阴影值70和伽玛值至0.70。 去图像调整...

经验教程

457

收藏

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