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

三年之痒year

三年之痒year

2016-02-16 19:54

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

效果图

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互补性很强的矢量软件

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

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

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

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

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

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

展开更多 50%)
分享

猜你喜欢

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

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

Illustrator结合PS制作质感的3D立体字

Illustrator CorelDRAW
Illustrator结合PS制作质感的3D立体字

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

PS绘制3D质感箭头标志教程

电脑网络
PS绘制3D质感箭头标志教程

PS制作质感3D玻璃字

PS PS基础 ps平面设计教程 ps去水印教程
PS制作质感3D玻璃字

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

CorelDraw结合PS制作海报3D立体字教程

Illustrator CorelDRAW
CorelDraw结合PS制作海报3D立体字教程

Fireworks制作3D质感球体教程

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
Fireworks制作3D质感球体教程

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Illustrator实例教程:绘制立体质感的台历图标

Illustrator实例教程:绘制立体质感的台历图标

Illustrator绘制恶魔的面具插画图腾

Illustrator绘制恶魔的面具插画图腾
下拉加载更多内容 ↓