找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
查看: 188|回复: 0

[矢量绘图] Illustrator结合PS制作质感的3D标志教程

[复制链接]

该用户从未签到

发表于 2017-4-25 00:00:00 | 显示全部楼层 |阅读模式

您需要 登录 才可以下载或查看,没有账号?立即注册

×
效果图


                               
登录/注册后可看大图


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


                               
登录/注册后可看大图


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


                               
登录/注册后可看大图


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


                               
登录/注册后可看大图



                               
登录/注册后可看大图


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


                               
登录/注册后可看大图


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


                               
登录/注册后可看大图


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


                               
登录/注册后可看大图


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


                               
登录/注册后可看大图



                               
登录/注册后可看大图


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


                               
登录/注册后可看大图



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


                               
登录/注册后可看大图


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


                               
登录/注册后可看大图


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


                               
登录/注册后可看大图


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


                               
登录/注册后可看大图


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


                               
登录/注册后可看大图


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


                               
登录/注册后可看大图


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


                               
登录/注册后可看大图


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


                               
登录/注册后可看大图


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


                               
登录/注册后可看大图



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


                               
登录/注册后可看大图


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


                               
登录/注册后可看大图


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


                               
登录/注册后可看大图


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


                               
登录/注册后可看大图


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


                               
登录/注册后可看大图


填充渐变色


                               
登录/注册后可看大图


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


                               
登录/注册后可看大图


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


                               
登录/注册后可看大图


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


                               
登录/注册后可看大图


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


                               
登录/注册后可看大图



                               
登录/注册后可看大图


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


                               
登录/注册后可看大图



                               
登录/注册后可看大图



                               
登录/注册后可看大图



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


                               
登录/注册后可看大图


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


                               
登录/注册后可看大图


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


                               
登录/注册后可看大图



                               
登录/注册后可看大图


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


                               
登录/注册后可看大图


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


                               
登录/注册后可看大图
回复

使用道具 举报

网站地图|页面地图|文字地图|Archiver|手机版|小黑屋|找资源 |网站地图

GMT+8, 2024-11-8 19:40

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

快速回复 返回顶部 返回列表