专业网站菜单按钮标志ps教程 

2012-11-17 20:30 发布

1329 2 0
[p_w_upload=340924]
专业网站菜单按钮标志ps教程
在这个简单的,一步一步的教程我在我向您展示如何使用一些简单的过滤器,例如高斯模糊,运动模糊,设计了一个有趣的专业菜单按钮
所以,你需要做的第一步是创建一个新的文档大小的500×300像素,并用渐变填充的背景。为此,选择一些合适的颜色,例如颜色的#000000 #1b2c3e的。
[p_w_upload=340926]
现在,选择圆角矩形工具(半径:10像素),和在任何你想要的颜色在画布上绘制出你的按钮(它不无论你用什么颜色的)。
[p_w_upload=340928]
这层然后栅格化图层>栅格化>形状和应用下面的图层样式:
    阴影[/li]渐变叠加[/li]


[p_w_upload=340930]
[p_w_upload=340932]
您的按钮应该是这样的:
[p_w_upload=340934]
现在,开始在你的按钮进行选择(“选择”>“载入选区),然后收缩你的选择约1像素(选择>修改>收缩),现在你应该离开,像这样的一个选择以下。之后,创建一个新层,填充颜色#1b1b1d。然后,删除选择,按Ctrl + D。
[p_w_upload=340936]
添加时间照耀着里面的按钮。创建一个新层,然后选择椭圆选框工具创建选择下面的图片。填写它与蓝色(#479ea5):
[p_w_upload=340938]
按Ctrl + D取消选择“选择的区域,然后应用滤镜>模糊>高斯模糊,下一个预设:
[p_w_upload=340940]
现在我们有一个模糊的斑点像下面的图片:
[p_w_upload=340942]
之后,应用滤镜>模糊>动感模糊,类似的设置这些:
[p_w_upload=340944]
现在看看你的照片:
[p_w_upload=340946]
现在,使用多边形套索工具创建一个新的选择类似的白色填充它。
[p_w_upload=340948]
用Ctrl + D键删除选择和应用滤镜>模糊>高斯模糊:
[p_w_upload=340950]
现在看到其中的差别:
[p_w_upload=340952]
好了,下一个步骤:适用于另一个滤镜>模糊>动感模糊下设置:
[p_w_upload=340954]
[p_w_upload=340956]
然后用矩形选框工具创建一个新的选择:
[p_w_upload=340958]
之后,反转选择Ç TRL + Shift + I键,然后按“ 删除“来清除选定的区域。Ctrl + D键删除选择。
[p_w_upload=340960]
现在,我想添加纹理的按钮。创建一个新的文件大小的3×3像素,然后选择铅笔工具绘制一个黑色的网格像我这样的下面:
[p_w_upload=340962]
之后,使用编辑>定义图案保存此图片的格局。然后关闭该文件没有储蓄,并返回到主文档。用矩形选框工具创建一个新的选择,白色填充它。
[p_w_upload=340964]
与按Ctrl + D取消选择,并适用于下面的混合选项:
    图案叠加 Â [/li]
Â
[p_w_upload=340966]
设置填充不透明度为7%,你会看到的结果。
[p_w_upload=340968]
好设计的按钮,但尚未完成。现在,您需要创建一个新的图层,然后使用多边形套索工具创建选择像下面的图片,并用白色填充它。
[p_w_upload=340970]
删除的选择与CTRL + D再次申请滤镜>模糊>动感模糊与这些类似的设置:
[p_w_upload=340972]
查看结果:
[p_w_upload=340974]
好了,我们几乎完成了按键的设计。现在,我认为我们应该增加一些设计元素,以我们的按钮。好了,创建一个新层,使用铅笔工具,使一对夫妇点使用颜色#e2dedf的像下面的图片:
[p_w_upload=340976]
复制的图层,按Ctrl + J复制层应用滤镜>模糊>动感模糊:
[p_w_upload=340978]
现在我们有这样的事情:
[p_w_upload=340980]
铅笔工具使用颜色#479ea5的,现在再创建一个新层,画三条线:
[p_w_upload=340982]
再创建一个层,选择矩形选框工具,并用相同的颜色填充它。
[p_w_upload=340984]
与按Ctrl + D取消选择,然后设置不透明度到30%,这层合并与以前的。之后,应用滤镜>模糊>动感模糊,类似的设置这些:
[p_w_upload=340986]
现在我们有一些像下面的图片:
[p_w_upload=340988]
OK,选择键(Ctrl键+鼠标左键单击第一个按钮,在图层面板中的图层缩览图),然后创建一个新层,填充黑色。
[p_w_upload=340990]
按Ctrl + D取消选择“选择的区域应用滤镜>杂色>添加杂色:
[p_w_upload=340992]
现在,乱用一些图层模式。我用这层屏幕60%的不透明度。
[p_w_upload=340994]
现在,它的时间添加文本按钮!开始失控的横排文字工具,然后写出来的文字,使用颜色#70ffff:
[p_w_upload=340996]
字体IA
B Color Smilies

全部评论2

  • 东莞维维
    东莞维维 2013-2-4 14:16:55
    .   .    .    .
  • 波仔
    波仔 2013-2-8 14:51:25
    通过你的教程我看到了你的学习过程和你对工具的理解。再次谢谢你的分享精神,
联系
我们
快速回复 返回顶部 返回列表