当前位置: 首页 > 优图知识库  > PS教程 > ps实例教程

PS设计标志教程

2019/1/4 23:16:42 人评论

这篇教程教优图宝的PS新手朋友们用PS设计标志,教程比较详细和清晰的介绍了PS设计标志的具体过程和思路,适合新手学习用PS制作标志,转发过来和优图宝的朋友们一起分享学习了,先来看看最终的效果图吧: UtoBao编注:更 ...

这篇教程教优图宝的PS新手朋友们用PS设计标志,教程比较详细和清晰的介绍了PS设计标志的具体过程和思路,适合新手学习用PS制作标志,转发过来和优图宝的朋友们一起分享学习了,先来看看最终的效果图吧:

PS设计标志教程 优图宝网 PS入门实例教程

UtoBao编注:更多PS教程及PS学习请进入优图宝ps实例教程栏目,地址:http://www.utobao.com/news/55.html

我们将创建一个虚构的健身馆LOGO。黑白圆环交替及优质的细节部分如星星和圆点,文本和标语遵循圆的外围而图标位于中心位置,给予观者一种强烈的视觉反馈。废话少说,开始!

具体的制作步骤如下:PS设计标志教程 优图宝网 PS入门实例教程

打开Adobe Illustrator创建一个大圆。复制(CMD+C)及粘贴 (CMD+F),同时按住ALT 和Shift略微缩放它,然后再填充一个白色的描边。

PS设计标志教程 优图宝网 PS入门实例教程

按住CMD + F再复制一次、缩放它,改变填充为白色。粘贴,缩放后下给人一种厚圆环的效果。

PS设计标志教程 优图宝网 PS入门实例教程

粘贴这一对圆圈,适当的缩放它们,在内部和外部添加几个细的白色描边。

PS设计标志教程 优图宝网 PS入门实例教程

在白色圆环带的中间放置另一个小的精确的圆圈,然后调整描边设置为4pt重、圆头端点、斜角连接、虚线,0pt的虚线和17pt 的距离。尤其是距离的设置,使用光标键上下微调数量直到圆圈的间隔均匀。(看上图,仔细琢磨一下,圆圈大小可随自己的意愿来设置)

PS设计标志教程 优图宝网 PS入门实例教程 _ueditor_page_break_tag_

在工作区域其它地方使用圆角矩形工具画一些竖条。如上图那样放置。

PS设计标志教程 优图宝网 PS入门实例教程

使用矩形工具来添加一个手柄,然后复制、粘贴并旋转这些竖条来完成一个简单的哑铃状图标

PS设计标志教程 优图宝网 PS入门实例教程

用白色填充所有形状,构成一个哑铃,把它们合并在一起,放置图形在LOGO的中心。(看上图)

PS设计标志教程 优图宝网 PS入门实例教程

复制和粘贴徽章的其中一个圆圈,清除填充和描边。在文本工具菜单里选择路径文字,并点击圆圈。(如上图,自己琢磨一下)

PS设计标志教程 优图宝网 PS入门实例教程

然后输入文字Powerhouse Gym ,选择一种适合这个LOGO的字体。

PS设计标志教程 优图宝网 PS入门实例教程 _ueditor_page_break_tag_

去文字>路径文字>路径文字选项来调整间距。这个设置将使这串字母顺着曲线的轨迹产生更多的间距,。

PS设计标志教程 优图宝网 PS入门实例教程

使用直接选择工具仔细调整使文本处于中心。

PS设计标志教程 优图宝网 PS入门实例教程

复制和粘贴圆形文本的形状,替换文字为‘Reach your potential’。调整文本使其位于徽章的底部。(看上图)

PS设计标志教程 优图宝网 PS入门实例教程

在路径文本设置中,路径选项调整为对齐路径为字母上缘。(看上图)

PS设计标志教程 优图宝网 PS入门实例教程

一对星星点缀在文本之间,来隔离上下两条文本。缩放和放置其中一个星星到位置上(看上图),复制和粘贴它,按住Shift把副本平移到相对的另一边。

PS设计标志教程 优图宝网 PS入门实例教程 _ueditor_page_break_tag_

徽章的矢量版本完成了,嘿嘿。

PS设计标志教程 优图宝网 PS入门实例教程

完成徽章之后,让我们在Photoshop中添加一些很酷的纹理。

PS设计标志教程 优图宝网 PS入门实例教程

从Illustrator里粘贴徽章到Photoshop文件里,缩放到合适的位置。

PS设计标志教程 优图宝网 PS入门实例教程

(从这里下载笔刷Subtle Grunge brushes) 来添加白色的污渍斑点到LOGO上。

PS设计标志教程 优图宝网 PS入门实例教程

按CMD +点击LOGO层的缩略图,按CMD+Shift+I反转选项,删除多余的部分。

PS设计标志教程 优图宝网 PS入门实例教程

通过改变图层的透明度来调整污渍的效果。这个简单的润色使LOGO显现出老旧的外观效果~OK,这样就做完啦! :)

UtoBao编注:更多PS教程及PS学习请进入优图宝ps实例教程栏目,地址:http://www.utobao.com/news/55.html

相关资讯

    暂无相关的数据...