用ps制作网站水晶按钮
先看效果图。 新建文档,尺寸自定,背景黑色,用形状工具画一圆角矩形。 添加图层样式。 副标题 效果如下。 建新层,用1像素铅笔画2条竖线, 如下图所示。 输入文字,加上勾边样式,最终效果如下。 副标题
先看看效果图
打开Adobe Illustrator创建一个大圆。复制(CMD+C)及粘贴 (CMD+F),同时按住ALT 和Shift略微缩放它,然后再填充一个白色的描边。
按住CMD + F再复制一次、缩放它,改变填充为白色。粘贴,缩放后下给人一种厚圆环的效果。
粘贴这一对圆圈,适当的缩放它们,在内部和外部添加几个细的白色描边。
在白色圆环带的中间放置另一个小的精确的圆圈,然后调整描边设置为4pt重、圆头端点、斜角连接、虚线,0pt的虚线和17pt 的距离。尤其是距离的设置,使用光标键上下微调数量直到圆圈的间隔均匀。(看上图,仔细琢磨一下,圆圈大小可随自己的意愿来设置)
在工作区域其它地方使用圆角矩形工具画一些竖条。如上图那样放置。
使用矩形工具来添加一个手柄,然后复制、粘贴并旋转这些竖条来完成一个简单的哑铃状图标
用白色填充所有形状,构成一个哑铃,把它们合并在一起,放置图形在LOGO的中心。(看上图)
复制和粘贴徽章的其中一个圆圈,清除填充和描边。在文本工具菜单里选择路径文字,并点击圆圈。(如上图,自己琢磨一下)
然后输入文字Powerhouse Gym ,选择一种适合这个LOGO的字体。
去文字>路径文字>路径文字选项来调整间距。这个设置将使这串字母顺着曲线的轨迹产生更多的间距,。
使用直接选择工具仔细调整使文本处于中心。
复制和粘贴圆形文本的形状,替换文字为‘Reach your potential’。调整文本使其位于徽章的底部。(看上图)
在路径文本设置中,路径选项调整为对齐路径为字母上缘。(看上图)
一对星星点缀在文本之间,来隔离上下两条文本。缩放和放置其中一个星星到位置上(看上图),复制和粘贴它,按住Shift把副本平移到相对的另一边。
徽章的矢量版本完成了,嘿嘿。
完成徽章之后,让我们在Photoshop中添加一些很酷的纹理。
从Illustrator里粘贴徽章到Photoshop文件里,缩放到合适的位置。
(从这里下载笔刷Subtle Grunge brushes) 来添加白色的污渍斑点到LOGO上。
按CMD +点击LOGO层的缩略图,按CMD+Shift+I反转选项,删除多余的部分。
通过改变图层的透明度来调整污渍的效果。这个简单的润色使LOGO显现出老旧的外观效果~OK,这样就做完啦!简单吧 :)
先看看效果图
打开Adobe Illustrator创建一个大圆。复制(CMD+C)及粘贴 (CMD+F),同时按住ALT 和Shift略微缩放它,然后再填充一个白色的描边。
按住CMD + F再复制一次、缩放它,改变填充为白色。粘贴,缩放后下给人一种厚圆环的效果。
粘贴这一对圆圈,适当的缩放它们,在内部和外部添加几个细的白色描边。
在白色圆环带的中间放置另一个小的精确的圆圈,然后调整描边设置为4pt重、圆头端点、斜角连接、虚线,0pt的虚线和17pt 的距离。尤其是距离的设置,使用光标键上下微调数量直到圆圈的间隔均匀。(看上图,仔细琢磨一下,圆圈大小可随自己的意愿来设置)
在工作区域其它地方使用圆角矩形工具画一些竖条。如上图那样放置。
使用矩形工具来添加一个手柄,然后复制、粘贴并旋转这些竖条来完成一个简单的哑铃状图标
用白色填充所有形状,构成一个哑铃,把它们合并在一起,放置图形在LOGO的中心。(看上图)
复制和粘贴徽章的其中一个圆圈,清除填充和描边。在文本工具菜单里选择路径文字,并点击圆圈。(如上图,自己琢磨一下)
然后输入文字Powerhouse Gym ,选择一种适合这个LOGO的字体。
去文字>路径文字>路径文字选项来调整间距。这个设置将使这串字母顺着曲线的轨迹产生更多的间距,。
使用直接选择工具仔细调整使文本处于中心。
复制和粘贴圆形文本的形状,替换文字为‘Reach your potential’。调整文本使其位于徽章的底部。(看上图)
在路径文本设置中,路径选项调整为对齐路径为字母上缘。(看上图)
一对星星点缀在文本之间,来隔离上下两条文本。缩放和放置其中一个星星到位置上(看上图),复制和粘贴它,按住Shift把副本平移到相对的另一边。
徽章的矢量版本完成了,嘿嘿。
完成徽章之后,让我们在Photoshop中添加一些很酷的纹理。
从Illustrator里粘贴徽章到Photoshop文件里,缩放到合适的位置。
(从这里下载笔刷Subtle Grunge brushes) 来添加白色的污渍斑点到LOGO上。
按CMD +点击LOGO层的缩略图,按CMD+Shift+I反转选项,删除多余的部分。
通过改变图层的透明度来调整污渍的效果。这个简单的润色使LOGO显现出老旧的外观效果~OK,这样就做完啦!简单吧 :)