<浏览> 首页 / 全部按钮图标教程 /博客文章:RIATMP1157如何使按钮和图标

| 手机 | RSS

RIATMP1157如何使按钮和图标

2009年9月27日,
How to make button and icon tutorial

最低或几乎没有Photoshop的经验几乎每个人都创造了非常简单而有吸引力的按钮和图标教程。 本教程的目的不只是展示创建一个按钮的诀窍和技术,但也鼓励你是富有创造力和想象力,使自己的按钮,在未来。


任何创造性的工作中的重要秘诀之一是能够看到的很久以前,你已经开始实施的结果。 有许多方法来实现它,对我来说最好的办法是接近我的眼睛和尝试,看看有什么我要创建。 一旦我有一些有趣的尝试在我的记忆快照之前,我睁开眼睛,立即绘制在一张纸上,它之前,我忘了。 这是你可以做的运动,并定期做会增加你的能力,以更清楚地看到。

比方说,这是我看到时,我闭上了眼睛,现在我怎么能在Photoshop中执行?


Icon exercise draw on paper
图标练习画在纸上
要创建在Photoshop步骤如下,我将努力使简单:

第1步:在Photoshop中打开新文件,并给button_tutorial.psd名称,宽度:300,高度:250,默认情况下离开的一切。


Create new photoshop file
创建新的Photoshop文件

第2步:你可以保持背景为白色或使用一些平滑的质感,如果你喜欢,我只是很快创造了一些纹理,纹理库。

Create texture in Photoshop
创建纹理在Photoshop

第三步:添加一个新层,并给予一个名称,创建圆角方框选择(135px X135px)的圆角半径为20px。 有许多方法来创建圆角方形框,一个简单的方法之一是:先画一个正方形框,并选择“选择 - >修改 - >平滑”从顶部的菜单,并选择20像素的半径。

create rounded corner square box
创建圆角方盒子
您的屏幕应该类似于这样:


rounded corner square box in photoshop
在Photoshop圆角方盒子
第4步:渐变色填充选择区域,单击“(1)梯度面板,并选择图标的图标(2)从顶部和梯度颜色选择挑三色显示的图像。 [#80a2be,#013871,#31b7dd]


gradient color in photoshop
在Photoshop中的渐变色
你最后的形象应该是这样的。


Gradient color in photoshop
在Photoshop中的渐变色

第五步:现在,它的时间去探索一些影响,
单击在图层窗口底部的“添加图层样式”图标,在图层样式窗口,检查只是“阴影”复选框。 按照下面的示例图像。

Add a layer style Drop Shadow
添加图层样式阴影

步骤6:现在检查“外发光”复选框。 不要在下面的图片所示。


Add a layer style Outer glow
添加外发光图层样式

第7步:下一步检查“内发光”复选框。 不要在下面的图片所示。


Add a layer style Inner glow
添加图层样式内发光

这里是你最后的风格效果。


Add a new layer effect in photoshop
在Photoshop中添加一个新的层效果

第8步:添加一个新层,选择从“编辑”菜单顶部的“中风”,并给予绿色,内部边界6px。 按照样品图像。


Use stroke to create border from edit menu.
使用中风从编辑菜单中创建的边境。

第9步:现在你有一个这样的形象。 改变风格从顶层面板“屏幕”,将提供一个透明的效果。


Use stock to create border from edit menu.
使用股票,从编辑菜单中创建的边界。

第10步:添加新层,画一个圆角矩形框,如下图所示。 它是像“第3步”我之前描述相同。

Draw a rounded rectangle box
绘制一个圆角矩形框

第11步:选择“添加图层蒙板层窗口底部的图标栏,并选择”渐变图标“从'工具'窗口。 现在圆角矩形框上单击并拖动鼠标,适用于从顶部底部,你应该看到这样类似的结果。


Add layer mask and Gradient icon for lighting effect
添加图层蒙板,渐变图标照明效果

第12步:现在添加另一个图层,画一个像图像的圆下方,并更改“Opecity从图层面板约50%。


Opecity  to use highlight effect
使用突出效果的opecity

第13步:现在的时间来绘制一个图标,你喜欢你放置或您可以使用任何现有的图标,从您的收藏。 我只是画一个相机迅速。


Draw camera in photoshop
在Photoshop中绘制相机



如果你愿意,你可以添加更多的照明效果,但它是完全取决于你。


Lighting effect on button
按钮上的照明效果

一旦你有准备按钮,创建许多你想在短短几分钟的时间。 我现在,播放声音,静静地听,音频设备,均衡器,DVD,CD,麦克风,录音,录像,磁带,音量控制和摄像头。


Sound play, Listen, Audio Device, Equalizer, DVD, CD, Mic, Recording, Video, Tape, Volume Control and camera
播放声音,静静地听,音频设备,均衡器,DVD,CD,麦克风,录音,录像,磁带,音量控制和相机
发现本教程有用吗? 你可以帮我买咖啡,在这里你可以支付 !干杯 :)

pixel RIATMP1157  How to make button and icons

分享和欣赏
  •  RIATMP1157  How to make button and icons favicons?domain=digg RIATMP1157  How to make button and icons favicons?domain=www.dzone RIATMP1157  How to make button and icons favicons?domain=www.facebook RIATMP1157  How to make button and icons favicons?domain=www.google RIATMP1157  How to make button and icons favicons?domain=www.linkedin RIATMP1157  How to make button and icons favicons?domain=favorites.live RIATMP1157  How to make button and icons favicons?domain=www.mixx RIATMP1157  How to make button and icons favicons?domain=www.myspace RIATMP1157  How to make button and icons  RIATMP1157  How to make button and icons favicons?domain=reddit RIATMP1157  How to make button and icons favicons?domain=www.stumbleupon RIATMP1157  How to make button and icons favicons?domain=technorati RIATMP1157  How to make button and icons favicons?domain=twitter RIATMP1157  How to make button and icons favicons?domain=buzz.yahoo RIATMP1157  How to make button and icons
发表评论 7715意见,9今天到目前为止|
标签: PHOTOSHOP ,
按照讨论

“RIATMP1157如何使按钮和图标的响应”

  1. 卓然说:

    不知道,这是真正的:),但由于后。
    谢谢

发表评论