<浏览> 首页 / BUTTON教程网站 /博客的文章:RIATMP1067 -菜单栏/按钮- Photoshop教程

| 手机 | RSS

RIATMP1067 -菜单栏/按钮- Photoshop教程

2009年6月19日,
Simple but attractive Menu Bar / Button – Photoshop Tutorial
RIATMP1067 - 菜单栏/按钮 - Photoshop教程

简单而有吸引力的菜单栏/按钮 - Photoshop教程

Click here to download

这是简单,但非常有吸引力的按钮,您可以创建由在5分钟内,这一步一步的教程,几乎很少或根本没有在Photoshop的知识都可以做到这一点。 请点击图片看大。

步骤1:创建一个大约770px / 300像素的新文件,背景为白色(文件- >新建)

第2步:确保层窗口是开放的,并添加一个新层,点击层窗口的右下角,创建一个新图层图标。 给这个新图层“按钮”名称。

第三步:现在,选择圆角矩形工具,圆角半径为5像素,绘制矩形按钮形状(PIC1)。 右键单击该形状,然后选择“请选择”(PIC2)。

pic11 RIATMP1067   Menu Bar / Button – Photoshop Tutorial
pic11

PIC1

pic2 RIATMP1067   Menu Bar / Button – Photoshop Tutorial
PIC2

PIC2

第四步:在层腭;右键“按钮”层,选择混合选项。 首先,添加渐变叠加。 按照所有值图像(PIC3)。 接下来添加行程。 按照值(PIC4)。 有了这些层的影响,你会得到按钮像(PIC5)。

pic3 RIATMP1067   Menu Bar / Button – Photoshop Tutorial
pic3

pic3

pic4 RIATMP1067   Menu Bar / Button – Photoshop Tutorial
pic4

pic4

pic5 RIATMP1067   Menu Bar / Button – Photoshop Tutorial
pic5

pic5

第五步:复制“按钮”层,并给它一个名字“Button2的”。 现在一小部分选择此按钮,然后选择“逆选择”,然后删除选定的部分。 供您参考,请遵循这些2图像(PIC6,PIC7)。   使2个副本,他们都合并在一个层。

pic6 RIATMP1067   Menu Bar / Button – Photoshop Tutorial
pic6

pic6

pic7 RIATMP1067   Menu Bar / Button – Photoshop Tutorial
pic7

pic7

第6步:创建另一个层,并给它一个名字“Button3的”。 现在选择的主要按钮使用矩形选择工具的一小部分。 然后选择混合选项。 首先,添加渐变叠加。 按照所有值图像(PIC8)。 现在你想要什么都添加文本。 您还可以在文本中添加一些效果。 在这里,我补充说:“阴影”的效果。 现在你做菜单栏。 感谢您的光临。

pic8 RIATMP1067   Menu Bar / Button – Photoshop Tutorial
pic8

pic8

分享和欣赏
  •  RIATMP1067   Menu Bar / Button – Photoshop Tutorial favicons?domain=digg RIATMP1067   Menu Bar / Button – Photoshop Tutorial favicons?domain=www.dzone RIATMP1067   Menu Bar / Button – Photoshop Tutorial favicons?domain=www.facebook RIATMP1067   Menu Bar / Button – Photoshop Tutorial favicons?domain=www.google RIATMP1067   Menu Bar / Button – Photoshop Tutorial favicons?domain=www.linkedin RIATMP1067   Menu Bar / Button – Photoshop Tutorial favicons?domain=favorites.live RIATMP1067   Menu Bar / Button – Photoshop Tutorial favicons?domain=www.mixx RIATMP1067   Menu Bar / Button – Photoshop Tutorial favicons?domain=www.myspace RIATMP1067   Menu Bar / Button – Photoshop Tutorial  RIATMP1067   Menu Bar / Button – Photoshop Tutorial favicons?domain=reddit RIATMP1067   Menu Bar / Button – Photoshop Tutorial favicons?domain=www.stumbleupon RIATMP1067   Menu Bar / Button – Photoshop Tutorial favicons?domain=technorati RIATMP1067   Menu Bar / Button – Photoshop Tutorial favicons?domain=twitter RIATMP1067   Menu Bar / Button – Photoshop Tutorial favicons?domain=buzz.yahoo RIATMP1067   Menu Bar / Button – Photoshop Tutorial
发表评论 3659意见,8今天到目前为止|

发表评论