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

2016-02-16 19:54 25 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教程,图老师教程网

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

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

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

现在开始做效果了

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

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

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

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

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

创建新的形状

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

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

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

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

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

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

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

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

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教程,图老师教程网

添加阴影线

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

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教程,图老师教程网

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

延伸阅读
标签: Illustrator
本文由中国 pengsj888(江小鱼) 原创,转载请保留此信息! 本例探讨一下使用Illustrator制作3D立体形状的方法,只限使用Illustrator,我先说下我的方法,朋友们有更好的办法也可以拿出来,看看什么方法最快^_^ 先看下效果: [next] 我的步骤为: 第一:先画一个正方框块! 分别排列横6个。竖4个!如图:    2。再选择这些...
标签: PhotoShop PS PS教程
3D岩石字体PS制作教程 01.最终效果 02.文字原型 额,第一次做教程,不到位的地方各位多多指教。 用毛笔字体打出文字的原型(本例主要用到’日文毛笔字体’,由于打不出之字于是用’书体坊兰亭体’代替)打出所以文字并调整文字大小和位置后,备份一份后合并’字体原型‘组 ...
图标的制作关键在于对高光和阴影把控;色彩的选用也很关键,决定了你的作品是否是高品质的。通过对本文的学习,你可以很好的掌握制作图标的各种技巧,举一反三的应用到其他作品中,喜欢的朋友让我们一起来学习吧。 最终效果图 第一步 1、按ctrl+N,新建一个文档,大小600x500px,命名为"木箱子" 2、创建一个新层,命名为"...
【PS文字特效】PS制作3D塑料文字教程 效果图 第1步创建一个新的1024×768像素的文件,或者任何你需要的大小取决于你将创建的文本。然后,设置前景色为#4a4f65和背景颜色为#161a28,径向渐变填充背景(从中心到边角之一)。 打开更多垃圾VI的纹理然后去图像调整色阶,更改阴影值70和伽玛值至0.70。 去图像调整...

经验教程

618

收藏

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