CAD教程 行业资讯 3D模型下载 Pro/E教程 CAD书店 软件下载 联系我们
技术资料 CAD招聘 发布招聘 CAD问答 设计竞赛 CAD认证 北京CAD培训
视频教程 PS教程 CAD图纸 图书推荐 Solidworks教程 CAD培训 CAD软件商

 最新视频教程Pro/ENGINEER Wildfire2.0 工业设计实例视频教程 (全套免费在线学习)   AutoCAD视频教程每日更新
 
首页 > PS教程 > 文字效果

Photoshop简单精细绘制艺术的网站按钮

2013-06-05 CAD教育网  http://www.cadedu.com  


Photoshop简单精细绘制艺术的网站按钮

第1步、编写背景。
选择一种颜色方案,我选择的#背景颜色3e1d1c的颜色。 该颜色上新层,填充黑色,周围建立阴影的背景。 然后切出中心的椭圆形区域

Photoshop简单精细绘制艺术的网站按钮

把一层黑色的文件管理器>模糊>高斯模糊的效果和设置的参数,如截图:

Photoshop简单精细绘制艺术的网站按钮

然后,我们添加一点在中心亮度。 要做到这一点,一个圆形的渐变填充是一个工具,渐变工具(G)的白色,并把它转换为一个小的椭圆形。

Photoshop简单精细绘制艺术的网站按钮

设置图层混合样式重叠,重复,必要时给予更多的在中心的背景亮度和设置参数,你需要的透明度。

Photoshop简单精细绘制艺术的网站按钮

平滑的渐变,我们应用一个过滤器过滤器>过滤库,设置以下参数:

Photoshop简单精细绘制艺术的网站按钮

您还可以添加任何纹理,例如木材或石头,因为我有:

Photoshop简单精细绘制艺术的网站按钮

所有的背景是准备好了!

第2步、画出一个空白的菜单。
菜单将水平位置。 首先画一个长方形的背景,然后周围的角落,这么好听,然后帧美丽的图案,我们的菜单。 菜单的渐变填充的背景,我选择了紫色的色调​​,颜色和#573f4d#68475a。 选择字体和类型的菜单项的名称。

Photoshop简单精细绘制艺术的网站按钮

然后下一帧绘制一个空白。 要做到这一点,选择菜单背景场的紫色和适用于中风... c参数指定的截图。 边框颜色#8b7c6e。 要创建一个新层上的框架,在未来,应该是可以使用它从菜单背景分开。

Photoshop简单精细绘制艺术的网站按钮

现在,我们的菜单是收获的准备。

Photoshop简单精细绘制艺术的网站按钮

第3步、应用样式的菜单项。
我们的菜单看起来更美丽,更复杂,它是要运用适当的风格为背景,文本和框架菜单。 文字层,我用一个渐变叠加样式选项:

Photoshop简单精细绘制艺术的网站按钮

风格的阴影和以下参数:

Photoshop简单精细绘制艺术的网站按钮

作为这些措施的结果,我们已经有了一个字体:

Photoshop简单精细绘制艺术的网站按钮

第4步、处理菜单的背景。
看着有趣的菜单,我决定添加一个小的体积,帮助菜单上的入射光。 在该地区有椭圆形下的菜单,并填写到顶部的白色透明的渐变:

Photoshop简单精细绘制艺术的网站按钮

然后应用滤镜>模糊>高斯模糊...,两旁一点点覆盖橡皮擦工具(E),为了实现这样的结果:

Photoshop简单精细绘制艺术的网站按钮

套用样式覆盖叠加,复制图层,把不同风格的柔光C 75%的不透明度。 事实证明,这样一个美丽的光芒:

Photoshop简单精细绘制艺术的网站按钮

现在,工作直接与紫色背景菜单。 要绘制背景的顶部开始耀斑。 要做到这一点,选择菜单中的背景区域,用白色填充它和移动1px的上下选择,切出所选区域。

Photoshop简单精细绘制艺术的网站按钮

这里就是你应该有:

Photoshop简单精细绘制艺术的网站按钮

设置样式覆盖叠加,不透明度40%。 选择在本地区同​​在一个世界丰富的地区中心的径向渐变漆层,设置样式覆盖。

Photoshop简单精细绘制艺术的网站按钮

Photoshop简单精细绘制艺术的网站按钮

选择菜单背景的区域,并绘制顶部白色的径向渐​​变。 然后水平伸展。

Photoshop简单精细绘制艺术的网站按钮

设置样式覆盖叠加,不透明度为60%。 所以我决定在斜线形式的菜单背景,石材的质感和纹理的底部添加光泽效果。 结果是一个时尚,美丽的背景菜单。

Photoshop简单精细绘制艺术的网站按钮

Photoshop简单精细绘制艺术的网站按钮

第5步、帧处理。
选择菜单背景的面积和适用于中风... c参数表示的截图。

Photoshop简单精细绘制艺术的网站按钮

Photoshop简单精细绘制艺术的网站按钮

因此,我们会得到一个小暗边缘内的散装框架。 现在径向渐变的亮点框架上添加,因为我们没有更早的背景菜单。

Photoshop简单精细绘制艺术的网站按钮

下面是上述行动的结果。

Photoshop简单精细绘制艺术的网站按钮

第6步、画出美丽的图案。
为了我们的框架显得美丽漂亮的平局金属模式在角落。 最好的模式是与数位板绘制。 但它也有可能使用仪器钢笔工具(P),或更容易,下载有图案的成品刷,但在这种情况下,你将需要选择的模式,你需要一个形式。 开始我的收获模式的基础上,颜色我们的框架,下面我拥有量和模式是最现实的暗色调。

Photoshop简单精细绘制艺术的网站按钮

现在画上图案的反射。 与图层样式斜面和浮雕很好的亮点,你不工作! 亮点我通常有2种颜色绘制,更鲜艳的颜色最接近白色,但我淡淡的彩色图案,绘制接近火炬中心。 原来,这是一个模式。

Photoshop简单精细绘制艺术的网站按钮

现在合并所有图层的模式,并给它通过使用过滤器的定义>锐化>锐化。

Photoshop简单精细绘制艺术的网站按钮

复制层的格局,并放置在他们的菜单的角落。

Photoshop简单精细绘制艺术的网站按钮

在图案最亮的地区也可以添加辉光。 要做到这一点,用薄的刷子绘制1px的白色小行和运用他们的风格外发光。 嗯,这是所有的网站很好的横向菜单准备好!

Photoshop简单精细绘制艺术的网站按钮

以同样的方式可以借鉴,并为您的网站的按钮。

设置图层混合样式重叠,重复,必要时给予更多的在中心的背景亮度和设置参数,你需要的透明度。

Photoshop简单精细绘制艺术的网站按钮

平滑的渐变,我们应用一个过滤器过滤器>过滤库,设置以下参数:

Photoshop简单精细绘制艺术的网站按钮

您还可以添加任何纹理,例如木材或石头,因为我有:

Photoshop简单精细绘制艺术的网站按钮

所有的背景是准备好了!


 

Photoshop文字特效教程:纹理制作3D文字  Photoshop文字特效教程:朽木特效文字
 
栏目更新
栏目热门