当前位置: 首页 > 图文教程 > 平面设计 > Photoshop > Photoshop入门实例:光泽的网页Enter按钮

Photoshop
Photoshop把制作好的平面图转换为网页HTML
Photoshop简单利用填充工具制作透明水印文字
Photoshop简单模拟电流击穿文字特效
PS照片教程:好看的黑白漫画网点特效图片
Photoshop打造耀眼的星光文字特效
PS调色教程:漂亮的徐若宣单色视觉海报效果
Photoshop教程:快速模拟普普风特效照片
Photoshop批处理制作照片蒙太奇效果
PS教程:周围镶满钻石金光闪闪文字特效
PS图片教程:制作背景黑白人物彩色的照片
Photoshop教程:打造锈泽金属文字特效
Photoshop照片教程:制作古典风景人物
PS照片教程:去除美眉皮肤上沾满的沙子
PS合成教程:透出光线的森林的绿色小精灵
Photoshop图片教程:柔和的梦幻紫红色调照片
PS基础教程:运用广色域与窄色域修补分离色阶
MAC系统下Photoshop打印网页点阵字形
Photoshop教程:惊人的求助创意超现实场景(2)
Photoshop支持RAW格式:Adobe DNG Converter
photoshop编辑ico文件:ICOFormat

Photoshop入门实例:光泽的网页Enter按钮


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-27   浏览: 378 ::
收藏到网摘: n/a

最终效果

Photoshop入门实例:光泽的网页Enter按钮_软晨学习网

新建图层1,创建圆角矩形,使用渐变

Photoshop入门实例:光泽的网页Enter按钮_软晨学习网

为图层1添加投影,内阴影,内发光和斜面浮雕图层样式

Photoshop入门实例:光泽的网页Enter按钮_软晨学习网

Photoshop入门实例:光泽的网页Enter按钮_软晨学习网

Photoshop入门实例:光泽的网页Enter按钮_软晨学习网

Photoshop入门实例:光泽的网页Enter按钮_软晨学习网

创建一个三角形选区,按DELETE删除内部颜色

Photoshop入门实例:光泽的网页Enter按钮_软晨学习网

新建图层2,在三角形选区内部使用渐变

Photoshop入门实例:光泽的网页Enter按钮_软晨学习网

选择——修改——收缩[收缩4个像素]然后新建图层3,使用白色到透明渐变

Photoshop入门实例:光泽的网页Enter按钮_软晨学习网

CTRL+D取消选择,改变图层3透明度

Photoshop入门实例:光泽的网页Enter按钮_软晨学习网

用钢笔工具创建路径,并利用转换点工具改变路径的形状

Photoshop入门实例:光泽的网页Enter按钮_软晨学习网

将路径转变为选区,将多余的颜色删除.CTRL+D取消选择

Photoshop入门实例:光泽的网页Enter按钮_软晨学习网

输入文字,改变其透明度

Photoshop入门实例:光泽的网页Enter按钮_软晨学习网

按照上述方法,再创建一个按钮,完成最终效果

Photoshop入门实例:光泽的网页Enter按钮_软晨学习网