社区首页 › 教程资源 › Illustrator结合PS制作质感的3D标志教程

psschool 发表于 2017-4-25 00:00:00

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

效果图

http://www.06ps.com/d/file/2017/0425/1493081497527.jpg

首先我们从illustrator开始
新建文件，设置如下图

http://www.06ps.com/d/file/2017/0425/1493081499953.gif

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

http://www.06ps.com/d/file/2017/0425/1493081500724.gif

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

http://www.06ps.com/d/file/2017/0425/1493081501395.gif

http://www.06ps.com/d/file/2017/0425/1493081502713.gif

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

http://www.06ps.com/d/file/2017/0425/1493081503126.gif

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

http://www.06ps.com/d/file/2017/0425/1493081504586.gif

合成形状
使用线条，粗细为25pt,画如下长方形，使用“对象>扩展”

http://www.06ps.com/d/file/2017/0425/1493081505461.gif

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

http://www.06ps.com/d/file/2017/0425/1493081506318.gif

http://www.06ps.com/d/file/2017/0425/1493081507805.gif

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

http://www.06ps.com/d/file/2017/0425/1493081508242.gif


               
               
现在开始做效果了
这里我们将使用到illustrator中的功能，如果你不熟悉illustrator，建议学下，这是一个和photoshop互补性很强的矢量软件
按"窗口>路径查找器"，在形状模式中选择如下图按钮，合成这两个形状

http://www.06ps.com/d/file/2017/0425/1493081510895.gif

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

http://www.06ps.com/d/file/2017/0425/1493081511703.gif

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

http://www.06ps.com/d/file/2017/0425/1493081512747.gif

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

http://www.06ps.com/d/file/2017/0425/1493081513199.gif

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

http://www.06ps.com/d/file/2017/0425/1493081514439.gif

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

http://www.06ps.com/d/file/2017/0425/1493081516371.gif

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

http://www.06ps.com/d/file/2017/0425/1493081517396.gif

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

http://www.06ps.com/d/file/2017/0425/1493081518624.gif

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

http://www.06ps.com/d/file/2017/0425/1493081519283.gif


               
               
为LOGO标志图形增加渐变高光
窗口>渐变，我的设置如下图，这里你未必要和我用同样的颜色，使用你自己喜欢的颜色就行

http://www.06ps.com/d/file/2017/0425/1493081521277.gif

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

http://www.06ps.com/d/file/2017/0425/1493081522986.gif

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

http://www.06ps.com/d/file/2017/0425/1493081523621.gif

现在为图形正面添加渐变，类型选择径向，随后从中心向外拉出渐变线
为其他面也使用渐变，类型选择线性

http://www.06ps.com/d/file/2017/0425/1493081525311.gif

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

http://www.06ps.com/d/file/2017/0425/1493081526280.gif

填充渐变色

http://www.06ps.com/d/file/2017/0425/1493081527648.gif

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

http://www.06ps.com/d/file/2017/0425/1493081528116.gif

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

http://www.06ps.com/d/file/2017/0425/1493081529746.gif

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

http://www.06ps.com/d/file/2017/0425/1493081531511.gif

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

http://www.06ps.com/d/file/2017/0425/1493081532425.gif

http://www.06ps.com/d/file/2017/0425/1493081534209.gif

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

http://www.06ps.com/d/file/2017/0425/1493081535939.gif

http://www.06ps.com/d/file/2017/0425/1493081536379.gif

http://www.06ps.com/d/file/2017/0425/1493081537833.gif


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

http://www.06ps.com/d/file/2017/0425/1493081539334.gif

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

http://www.06ps.com/d/file/2017/0425/1493081540992.gif

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

http://www.06ps.com/d/file/2017/0425/1493081541859.gif

http://www.06ps.com/d/file/2017/0425/1493081542821.gif

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

http://www.06ps.com/d/file/2017/0425/1493081543454.gif

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

http://www.06ps.com/d/file/2017/0425/1493081497527.jpg

查看完整版本: Illustrator结合PS制作质感的3D标志教程