Photoshop设计网页常见卷页按钮效果教程

2016-03-18 05:49 11 1 收藏

今天天气好晴朗处处好风光，好天气好开始，图老师又来和大家分享啦。下面给大家推荐Photoshop设计网页常见卷页按钮效果教程，希望大家看完后也有个好心情，快快行动吧！

【 tulaoshi.com - PS 】

Photoshop制作网页常见卷页效果教程,图老师

最终效果

Photoshop制作网页常见卷页效果教程,图老师

1) 利用圆角矩形工具建立一条路径;使用转换点工具移动左上角路径节点,使其产生卷页的形状;

Photoshop制作网页常见卷页效果教程,图老师

2) 用任意一种色彩填充工作路径;再复制下半部分;对其添加图层样式,如图所示.

Photoshop制作网页常见卷页效果教程,图老师

3) 用任意一种色彩绘制一个圆角矩形;将其图www.tulaoshi.com层移至红色矩形之后;添加图层样式,如图所示.

Photoshop制作网页常见卷页效果教程,图老师

4) 再新建一层,绘制圆色矩形,颜色为黑色,高度与红色矩形相同;按CTRL键点击黑色矩形所在图层,调出黑色矩形选区,将选区向左移动一定的距离,按Delete键删除; 将黑色矩形置到白色矩形下面,改变其图层透明度40%;如图所示.

来源:http://www.tulaoshi.com/n/20160318/1873796.html

上一篇： photoshop制作网页斜纹透明水晶广告条按钮
下一篇： Photoshop设计网页游戏的颓废风格按钮教程

看过《Photoshop设计网页常见卷页按钮效果教程》的人还看了以下文章更多>>

Photoshop合成海报设计中的照片卷页效果

标签： PS PS基础

先看看效果图效果图原图一原图二 1、在photoshop CS5中先打开原图(本教程采用photoshop CS5制作，其它版本通用)，如下图所示： 2、将背景图层复制生成一个背景副本，将背景图层的眼睛点掉，然后单击选中背景副本，选择菜单编辑-变换-变形，如下图所示： 3、用鼠标左键按住右下角的控制点向左上角拖动，效果如下图...

Coreldraw制作卷页效果和素描效果教程

标签： CorelDRAW

图像处理领域，毋庸置疑photoshop(以下简称ps)乃当世王者，论综合实力无出其右者。不过其滤镜在对位图的处理方面，笔者却认为coreldraw亦敢称雄。ps自带的经典滤镜，coreldraw几乎全揽，甚至连许多www.Tulaoshi.comps外挂滤镜才拥有的功能，coreldraw亦手到擒来。下面咱们就来一起领略一下coreldraw的特色滤镜show。启动coreldraw(以下简称cd...

用Photoshop制作图片卷页效果

标签： PS PS教程

用Photoshop制作图片卷页效果卷页效果是我们在设计图像中常用的一种修饰效果。不少滤镜都能做到，如由AVBros.公司出品的PageCurl，或大名鼎鼎的KPT等。但如果用过你就会发现，这些滤镜作出的效果过于死板，更重要的是不够逼真，一眼就看出人工的痕迹。所以只用过一次，我就放弃了。如果你和我一样，不喜欢滤镜的固定模式，而希望用一种更灵活的...

Photoshop设计橙色黑色RSS网页按钮教程

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

最终效果图 1、新建一个图片大小为376x188像素，背景白色，创建一个新图层，然后画一个黑色的圆角矩形。 2、选择“图层—图层样式”，添加内发光、描边、渐变叠加这3种图层样式。效果如下。 3、创建一个新图层，使用“圆角矩形工具”画一白色的圆角矩形，如图所示。 ...

photoshop设计网页国外产品展示型网站教程

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

最终效果 1.创建新文件：1100 x 1250像素。背景颜色：＃e8e8e8。 2.复制背景图层(CTRL + J),然后滤镜杂色添加杂色，设置如下。 3.创建一个圆角矩形、白色的形状在中间的空间布局. 4.简单的图层样式: 5.在右边的位置,加增iPad的图片。 6.复制两个ipadi图片，添加高斯模糊效果，移动到后方，左右分开，产生空间感。（...

查看更多精彩>>