• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • dedecms
  • ecshop
  • z-blog
  • UcHome
  • UCenter
  • drupal
  • WordPress
  • 帝国cms
  • phpcms
  • 动易cms
  • phpwind
  • discuz
  • 科汛cms
  • 风讯cms
  • 建站教程
  • 运营技巧
您的位置:首页 > CMS教程 >建站教程 > Illustrator结合PS制作质感的3D标志教程

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

作者:站长图库 字体:[增加 减小] 来源:互联网 时间:2022-04-29

站长图库向大家介绍了等相关知识,希望对您有所帮助

在这篇LOGO教程中你将会先在illustrator中制作LOGO的轮廓与3D效果,随后将在PS处理细节。

效果图

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教程,站长图库

 

为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教程,站长图库

 

分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

相关文章

  • 2022-04-29讲解Laravel8.5是如何添加验证码mews/captcha的
  • 2022-04-29Sublime下怎么建立Node编译系统
  • 2022-04-29zblog php 忘记密码怎么办
  • 2022-04-297B2主题美化之右上角投稿美化+加上搜索
  • 2022-04-29Photoshop设计游戏简洁风格的标志教程
  • 2022-04-29Photoshop制作非常大气的金色立体字
  • 2022-04-29宝塔面板一键部署wordpress,网址打不开怎么办?
  • 2022-04-29如何解决微信公众平台php乱码问题
  • 2022-04-29突破dedecms软件下载地址数30个的限制
  • 2022-04-29一文讲解Vue中路由切换终止异步请求(附代码)

文章分类

  • dedecms
  • ecshop
  • z-blog
  • UcHome
  • UCenter
  • drupal
  • WordPress
  • 帝国cms
  • phpcms
  • 动易cms
  • phpwind
  • discuz
  • 科汛cms
  • 风讯cms
  • 建站教程
  • 运营技巧

最近更新的内容

    • PhotoShop打造漂亮的花草装饰艺术字效果教程
    • 分享thinkphp withCredentials跨域问题解决思路
    • ThinkPHP5通过ajax插入图片并实时显示(完整代码)
    • 使用JS或CSS如何实现瀑布流布局,几种方案介绍
    • 设计师应该从四个方面优化网站
    • Discuz怎么添加广告位?自定义广告位方法浅析
    • 浅谈小程序中下拉刷新和上拉加载功能怎么实现?(附代码)
    • 社交网站内容对SEO的价值
    • WordPress引入Dplayer并使用简码
    • PHPcms v9安全教程:修改phpcms根目录下的phpcms目录名称

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有