Photoshop制作一个简单的网站按钮

2016-02-16 06:25 3 1 收藏

今天给大家分享的是由图老师小编精心为您推荐的Photoshop制作一个简单的网站按钮，喜欢的朋友可以分享一下，也算是给小编一份支持，大家都不容易啊!

【 tulaoshi.com - PS 】

先看效果图

Photoshop制作一个简单的网站按钮,PS教程,图老师教程网

新建文档200x50像素，背景填充深灰色。建新层，前景色#9a2941画一个圆角矩形。

Photoshop制作一个简单的网站按钮,PS教程,图老师教程网

添加图层样式。

Photoshop制作一个简单的网站按钮,PS教程,图老师教程网

然后建新层，画下图所示蓝色形状，效果如下，

Photoshop制作一个简单的网站按钮,PS教程,图老师教程网

单列选框工具点一下，填充白色，复制2个，图层模式叠加，添加蒙版去除多余部分。

Photoshop制作一个简单的网站按钮,PS教程,图老师教程网

输入白色文字，添加黑色1像素描边样式，具体不截图了，很容易。

Photoshop制作一个简单的网站按钮,PS教程,图老师教程网

建新层，调出形状1选区，填充白色，去掉选区，底部做一个大的椭圆选区，删除。

Photoshop制作一个简单的网站按钮,PS教程,图老师教程网

图层不透明度35%，最终效果如下。

Photoshop制作一个简单的网站按钮,PS教程,图老师教程网

来源:https://www.tulaoshi.com/n/20160216/1569142.html

上一篇： Photoshop绘制神秘的蓝色星球教程
下一篇： Photoshop制作精致计时器Logo教程

看过《Photoshop制作一个简单的网站按钮》的人还看了以下文章更多>>

Photoshop制作一个简单的红苹果

苹果的制作重点是表面的质感和光感的渲染。制作之前最好是先拿一些真实的苹果图片参靠一下，然后设定光源方向，再慢慢渲染光感，部分纹理可以用滤镜来完成。最终效果 1、新建文件800 * 800，选择钢笔工具勾出苹果轮廓。 2、Ctrl ＋回车建立选区，选择渐变工具，径向渐变，渐变色前景色：＃b52b18 背景色：＃d17759，拉出下...

Photoshop简单制作一个反光立体文字

标签： PS PS基础

先看效果图。新建文档224x206像素，背景白色，输入黑色文字。添加图层样式。复制一层，右侧挪动一段距离，修改图层样式，将渐变中心挪到右上角。再复制2层，修改图层样式，渐变中心如下图所示，添加蒙版用黑色笔刷把多余部分去除，注意图层顺序。调出最开始的字母选区，选择修改收缩2像素。 Ctrl+shift+I反选...

Photoshop制作一个简单的金色足球教程

标签： PS PS基础 ps平面设计教程 ps去水印教程

来源：PS联盟作者：Sener 世界杯到了，我们看得最多的就是球赛。下面学习如何制作一个足球。过程：先用选区画一个正圆，用渐变填充初步立体渐变，然后把高光及暗部处理明显一点。最后加上线条纹路即可。最终效果 1、新建一个800 * 800像素，分辨率为72的画布，背景填充淡蓝色：#C6D8F0，如下图。图1 2、点击图层面板底部红圈位...

Photoshop制作一个简单的圣诞ICON图标

标签： PS PS基础

本教程主要使用Photoshop制一个简单的圣诞iphone icon，整个过程利用photoshop的矢量功能结合位图功能完成，教程主要是介绍photoshop中矢量在icon的应用和一些小细节。废话不多说，这是最终效果用圆角矩形工具画出长宽为512px，R值为92px的标准iphone框架加上1px内阴影效果，使其有立体感再用图案叠加添加木纹图案，你可以goo...

制作一个简单的setup

标签：编程语言网络编程

unit Unit1; interface uses Windows, Messages, SysUtils, Variants, Classes, Graphics, Controls, Forms, Dialogs, jpeg, ExtCtrls, StdCtrls, ComCtrls, Grids, DirOutln, Buttons, DdeMan,shlobj,comobj,activex; type TForm1 = class(TForm) &nbs...

查看更多精彩>>