header_v0.7.32

Highly Detailed Hi-Tech Power Button [非原创,原文太长,软件翻译]

6年前发布

翻译文章 / 网页 / 教程
jackwojiushiwo 翻译,如需商业用途或转载请与jackwojiushiwo联系,谢谢配合。

[非原创,之前看到有人转这偏教程的英文版,结果我看不是翻译的,就拿软件随便翻译了一下,因为实在太长了,大家能凑合看了,就不要路过拍砖了`````]

[非原创,之前看到有人转这偏教程的英文版,结果我看不是翻译的,就拿软件随便翻译了一下,因为实在太长了,大家能凑合看了,就不要路过拍砖了`````]

第1步

使用Illustrator我们创建一个显示的大小的矩形。 在矩形工具,我们单击工作区,并会出现一个窗口,让我们来确定该对象的确切大小。 我建议成立插画喜好作为计算单位像素。


第2步

我们作为一个地方的水平对齐参考指南。 使用加钢笔工具(添加锚点到现有的载体),我们增加一个额外停泊在矩形的上侧点。


第3步

现在,我们选择这个新的定位点,把它高于线下,我们分别从对方点锚获得与此近似形状的对象。


第4步

随着锚点处理我们用一个柔软的曲线上点的坐标轴。


第5步

现在,我们必须让两个对象,将整合3点对象。 我们旋转这个载体中,其中心为旋转轴的底部。 我们要开始选择旋转工具,在底部点击。 然后我们将看到一个黑色的小箭头到光标的变化。


第6步

按Alt键(即它是用来复制,你会看到一个白色箭头的黑色箭头在一起),我们拖着疲惫的对象。 我们使用这些信息窗口对象的重复旋转一定度数。 考虑到这是一个三点对象,我们必须划分360 °,这个数字(3),所以我们必须重复向量旋转120 °。 拖动它,直到你看到此信息窗口近似数。


第7步

按Ctrl + D的(窗口),我们会自动重复我们所做的工作。 所以这个载体将再次被复制在120 °。


第8步

我们团结成一个这些对象。 在探路者窗口,我们团结的向量:点击联合选项,并点击展开按钮转换成一个坚实的对象组。


第9步

现在,我们圆这个对象的角落。 前往效果>风格化>圆角。


第10步

设置一个10像素的半径和预览通过检查预览选项框的结果。 半径曲线的幅度取决于你在绘制的主要对象。 随着预览选项,你会发现如果半径弯道软化正确:如果像素数量过多的对象将会扭曲,不看轻声四舍五入。


第11步

现在让我们分开,从原来的向量外观(创建效果)。 转到对象>“外观展开,并取得最后的载体。


第12步

这是我们与Illustrator中的矢量工作的结果。 这是一个复杂的对象必须以人手进行,这就是为什么我们使用一些技术来实现对称,符合人体工程学的载体。


第13步

由于我们的按钮,将有一部分在额叶内的插入一些组装对象类型,我们会重复前面的步骤,但这个更小和更短的时间对象。


第14步

以下正是从步骤1至步骤12相同的步骤,我们创建这个新的对象。 矢量的其余部分可手动创建或自动的方式没有那么多的复杂性。


第15步

我们创建了一个新的对象只是一半,然后我们反映它,使之对称。 请按照步骤,你仔细看看这个图形。


第16步

我们使用的工具,体现了对象复制按住Shift + Alt键按下。


步骤17

现在我们团结起来的两部分使用探路者的工具。 您可以擦除剩余锚这个减号钢笔工具联盟百分点。


第18步

我们使用相同的重复描述的方法之前,旋转120度的对象也获得相同的对象3,分布均匀。


步骤19

最后,我们创建一个简单的循环,将作为指示灯将点亮在悬停状态的按钮用于矢量。 我们将最后确定在Photoshop中编辑添加掩蔽技术型层。


步骤20

现在,我们选择所有的载体,再按下Ctrl + C含量(视窗),我们复制到系统剪贴板他们。


步骤21

我们关闭打开Photoshop Illustrator和我们。 我们创建了一个。PSD的1024 × 768像素,这个初始配置。


步骤22

我们最初的黑色油漆层。 然后,我们应用图层样式来创建一个背景渐变。


步骤23

使用暗灰色和黑色的颜色,我们创建了一个径向渐变,并把它带到了最高限额(130-150%)。 请记住,在这个图层样式窗口中,您可以拖动渐变取代其中心在画面中,你希望的地方。


步骤24

现在,我们粘贴为形状图层的矢量。 Ctrl + V或编辑>“粘贴。


步骤25

我们有一个形状图层的矢量,我们必须分开他们在不同的层次。 让我们重复的地方要像层层我们必须在这种情况下-4和消除对他们每个人的不必要的对象离开我们感兴趣的形状


26步

图层的顺序是一个你在图片中看到,不要忘了每一层的名称,组织好你的工作。 有些层将被添加到这些,将在Photoshop中创建完全的。 我们将添加图层样式,我们的主要按钮。


步骤27

在作出有关的地层上的主按钮窗口双击,打开编辑我们这层样式窗口。 论“混合选项:默认”我们这层不透明度为0,以只看到我们的层效果。 我们首先添加一个圆形渐变使用相同的背景颜色#333333(深灰色)和#000000(黑色)。 请确保此梯度是从中心到边缘的软,增加其规模高达120%。


步骤28

随着内心的阴影,unclicking使用全局光选项(我们将始终使用90 °),我们反这个阴影,拖着影子的角度编辑器到-90 °。 这将有助于我们加强底部区域阴影。


步骤29

我们已经结束了按钮编辑过程的第一部分。 我们现在已经准备好它的正面部分,有一个不透明的表面,我们将稍后添加光泽和伪三维挤出。


步骤30

现在我们创建一个按钮周围的镀铬中风。 我们添加一个渐变填充类型3像素的行程。 我们添加一些更多的细节,这里面的中风梯度。 我们复制一个镀铬的金属反射面,我们使用的视野,反映了一个露天舞台天空资源。


步骤31

我们应用该方法的梯度,扩大镀铬反射式反射量。 通过转动的倾斜角度我们把打火机的地方,我们希望。 在这种情况下,应被视为最大亮度在中风上部区域。


32步

现在我们做更多的镀铬表面通过增加更多的灯光和阴影细节的金属络合物。 随着斜面与浮雕和光泽轮廓你看到这张照片,我们添加更多的小细节浮出水面。


33步

随着我们添加一个内发光内斜边的按钮,仿佛它是三维,试图更迅速的合并对象的背景。


34步

现在我们需要一个选择,以手工绘制在按钮上的一些细节。 第一步是使用按钮的形状图层,获得一个将被用作遮罩它要绘制的选择。 前往路径窗口,选择按钮层创建一个具有相同形状的选择。


35步

现在我们合同的本次评选由去选择>“修改”>合约大小。 我们减少10个像素的选择从原来的大小。


36步

现在,我们软化选择。 进入选择“>修改”>羽毛或Alt +按CTRL + D(窗口)。 我们用1个像素的羽毛,然后按确定。


37步

我们藏选择使用Ctrl + H可想象我们将做什么更好。 用刷子工具使用35像素的画笔,和10%的流量,我们在一个新漆了一层按钮一些光线反射,使用白色。 由于我们的场景中的光线从上面来了,我们将适用于更多的亮度按钮的上部区域,我们将加强与小光点在物体的底部有暗区。


步骤38

我们仍然持有的选择(这将成为再次可见用Ctrl + h)我们减少了一些像素抹去了我们所做的画笔,实现更复杂的工作效果不大。 这一次,我们的合同3像素的选择。


39步

我们再次隐藏这个选择使用Ctrl + H和我们按Delete键删除的痕迹,我们以前的刷部分。 这使我们手工画,然后打磨我们的工作创造一个斜边领域,加强了按钮的三维塑料方面,给予其表面纹理。


40步

我们结束了按钮的结构。 现在我们必须建立一个在其中心插入。 第一步是把形状图层不透明度为零(0%)。


第41步

让我们创建的倒角度,就像我们以前的主按钮做了新的内阴影。 确保添加的值您在此图片中看到的。


步骤42

现在,小中风将代表这两个对象之间的斜面。


43步

接下来的步骤是一个下拉阴影的混合模式由屏幕和白色亮面使用。 有鉴于此大小必须为2像素,使它非常犀利,仿佛这是一个斜边接收从上面的一些情况。


44步

最后用一个内发光,我们重新创造了内部按钮斜边。 这使观察者解释为一小斜角边面板,里面的主按钮网状此对象。


45步

我们已经完成了主要的按钮。 其实不是在后台放置一个按钮:通过一些将作为背景表面插入式的,具有金属中风看到周围和内部包含一个额外的效果,可以按下按钮。


46步

现在我们创建按钮的电源图标。 此免费下载字体:http://www.dafont.com/guifx-v2-transports.font。 您将能够通过使用的“Q”键,这在48分字库中的对象。


47步

在这张照片你看看,我们可以添加一个外部斜边的图标,使用的是比按钮表面颜色相同的像素3中风,然后应用这些值与中风浮雕效果。


48步

浮雕的行程选择,以创造一个斜边效应将使我们能够创造出对背景图标斜角效果。


49步

最后,我们添加了一个金属质感的图标使用渐变,你可以看到这张照片。


50步

现在我们创建3个LED,将照亮我们的按钮,当鼠标放在它。 第一步是使形状层颜色#06B9FB,做双击它来编辑它的颜色。


51步

利用主按钮,我们创建一个选择的形状层。


52步

我们要扩大选择“>修改”>扩大该选区的大小。


53步

我们设置了8个像素扩大,我们按确定。


54步

我们利用反选择“>逆此选择。


55步

有了这个选择,我们创建一个倒口罩,以获取最终的形状和周围的按钮上的LED的大小。


56步

与一个按钮的表面(使用颜色选取器来得到它)相同颜色的行程,我们创建一个围绕这些灯的小斜面。 这将允许我们给一个表面上的背景插入的对象的想法。


57步

随着斜面和浮雕,我们给出一个上影线和底光的中风病患(如如果从上述情况将影响到这些斜面边缘)。


58步

随着倒内阴影和Multiply我们创建一个以上的这些LED上游地区丙烯酸反映。


59步

我们完成了与这些对象的阴影,让我们给这个想法,在按键的设计这些细节改变背景面版,按下它和周围的阴影创造领域。


60步

这就是我们的按钮看起来像现在,但仍存在一些影响失踪。


第61步

我们会重复以前的LED的白色涂料层和这个新的形状层。 我们开始创建点亮的LED外发光,而这些价值的影响。


62步

我们加上附近的屏幕上使用混合模式,阴影面积的LED照明。


63步

该按钮的翻转状态它的完成。 现在,通过使用20像素的选择新的层内的羽毛我们做背景,背后有一个按钮,如果背景将来自其创造一个软三维球,将根据上述情况作出反应中心向外凸起的外观。


64步

我们涂在白色的选择,以前用20像素羽毛软化。 你可以使用画图工具或键盘快捷键ALT键+ Backspace键的油漆层的颜色与您使用的前景。


65步

我们设置这个零(0%)在图层样式编辑窗口领域的透明度。


66步

现在,随着50%的透明度和混合覆盖(用白色和黑色是默认设置的色彩渐变编辑器),我们达到这个球上的按钮的背景渐变的感觉。


67步

现在,我们已完成按钮,所有的细节。 我们只需要创建使用Illustrator中创建的对称向量一些背景斜面边缘。


68步

正如我们总是把不透明度为零。


69步

由于中风,这些价值观,我们创造了在后台这些斜面浮雕。


70步

用白色阴影和混合屏幕上,我们创造了这些斜面边缘区灯火通明。


71步

最后,我们隐藏了一个20像素软化这些面具斜面边缘的一部分。 这个想法是,这些将合并轻轻的背景及走向消失的角落。


结论

这是一个漫长的车程,但它是值得的结果。 最后一步是镀铬的边小镜头眩光面积达上明亮。 永远储存对象的反射效果。PSD文件与这些资源提供了现实和摄影。 您可以查看下面的图片最终或查看 更清晰的大图版本点击这里

2
    意见反馈
    没有新消息
    密码登录
    短信登录
    微信二维码登录

    提示文案

    提示文案

    提示失败
    提示成功